@opensite/ui 3.4.8 → 3.4.9

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 (21) hide show
  1. package/dist/navbar-centered-menu.cjs +2 -2
  2. package/dist/navbar-centered-menu.js +2 -2
  3. package/dist/navbar-dark-icons.cjs +3 -2
  4. package/dist/navbar-dark-icons.js +3 -2
  5. package/dist/navbar-dropdown-menu.cjs +2 -2
  6. package/dist/navbar-dropdown-menu.js +2 -2
  7. package/dist/navbar-enterprise-mega.cjs +97 -22
  8. package/dist/navbar-enterprise-mega.js +97 -22
  9. package/dist/navbar-platform-resources.cjs +43 -42
  10. package/dist/navbar-platform-resources.js +43 -42
  11. package/dist/navbar-split-cta.cjs +2 -3
  12. package/dist/navbar-split-cta.js +2 -3
  13. package/dist/navbar-sticky-compact.cjs +10 -4
  14. package/dist/navbar-sticky-compact.js +10 -4
  15. package/dist/navbar-tabbed-sections.cjs +2 -3
  16. package/dist/navbar-tabbed-sections.js +2 -3
  17. package/dist/registry.cjs +161 -80
  18. package/dist/registry.js +161 -80
  19. package/dist/social-link-icon.d.cts +1 -1
  20. package/dist/social-link-icon.d.ts +1 -1
  21. package/package.json +1 -1
package/dist/navbar-platform-resources.cjs CHANGED
@@ -793,14 +793,15 @@ var NavbarPlatformResources = ({
793
793
  const renderDropdownContent = (link) => {
794
794
  const layout = link.layout || "simple-list";
795
795
  if (layout === "simple-list") {
796
- return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "w-[400px] p-3", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx(
796
+ return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "w-[400px] max-w-[calc(100vw-2rem)] p-3", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "w-full space-y-1", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx(
797
797
  "li",
798
798
  {
799
+ className: "w-full",
799
800
  children: /* @__PURE__ */ jsxRuntime.jsxs(
800
801
  NavigationMenuLink,
801
802
  {
802
803
  href: getLinkUrl(item),
803
- className: "group/link flex-row gap-2 px-3 py-2 transition-colors duration-200",
804
+ className: "group/link !flex !w-full min-w-0 flex-row items-center gap-2 rounded-md px-3 py-2 transition-colors duration-200",
804
805
  children: [
805
806
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-8 shrink-0 rounded-lg border duration-400 fade-in group-hover/link:bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(
806
807
  DynamicIcon,
@@ -810,9 +811,9 @@ var NavbarPlatformResources = ({
810
811
  className: "m-auto group-hover/link:stroke-black"
811
812
  }
812
813
  ) }),
813
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
814
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
814
815
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: item.label }),
815
- item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground group-hover/link:text-foreground", children: item.description })
816
+ item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-xs text-muted-foreground group-hover/link:text-foreground", children: item.description })
816
817
  ] })
817
818
  ]
818
819
  }
@@ -824,12 +825,12 @@ var NavbarPlatformResources = ({
824
825
  if (layout === "featured-grid" && link.links && link.links.length > 0) {
825
826
  const featuredItem = link.links[0];
826
827
  const gridItems = link.links.slice(1);
827
- return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-8", children: [
828
+ return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "w-[900px] max-w-[calc(100vw-2rem)] p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[minmax(260px,0.8fr)_minmax(0,1.2fr)] gap-8", children: [
828
829
  /* @__PURE__ */ jsxRuntime.jsx(
829
830
  NavigationMenuLink,
830
831
  {
831
832
  href: getLinkUrl(featuredItem),
832
- className: "group w-1/3 p-0 hover:bg-transparent",
833
+ className: "group block h-full min-w-0 p-0 hover:bg-transparent",
833
834
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-clip rounded-lg border border-input bg-background", children: [
834
835
  /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
835
836
  img.Img,
@@ -847,13 +848,13 @@ var NavbarPlatformResources = ({
847
848
  ] })
848
849
  }
849
850
  ),
850
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-[760px] flex-1", children: [
851
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
851
852
  link.dropdownGroups && link.dropdownGroups[0] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: link.dropdownGroups[0].label }),
852
853
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8", children: gridItems.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
853
854
  NavigationMenuLink,
854
855
  {
855
856
  href: getLinkUrl(item),
856
- className: "group block p-4",
857
+ className: "group block h-full w-full min-w-0 rounded-md p-4",
857
858
  children: [
858
859
  (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-5 group-hover:opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(
859
860
  DynamicIcon,
@@ -862,8 +863,8 @@ var NavbarPlatformResources = ({
862
863
  size: 20
863
864
  }
864
865
  ) }),
865
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 text-base", children: item.label }),
866
- item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
866
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 break-words text-base", children: item.label }),
867
+ item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-sm font-normal text-muted-foreground", children: item.description })
867
868
  ]
868
869
  },
869
870
  `${typeof item.label === "string" ? item.label : "item"}-${itemIndex}`
@@ -873,14 +874,14 @@ var NavbarPlatformResources = ({
873
874
  }
874
875
  if (layout === "two-column-cta" && link.dropdownGroups && link.dropdownGroups.length > 0) {
875
876
  const ctaItem = link.links && link.links.length > 0 ? link.links[link.links.length - 1] : null;
876
- return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-4", children: [
877
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1/2 max-w-[510px]", children: link.dropdownGroups[0] && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
877
+ return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "w-[900px] max-w-[calc(100vw-2rem)] p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] gap-4", children: [
878
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: link.dropdownGroups[0] && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
878
879
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: link.dropdownGroups[0].label }),
879
880
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: link.dropdownGroups[0].links.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
880
881
  NavigationMenuLink,
881
882
  {
882
883
  href: getLinkUrl(item),
883
- className: "group flex flex-row items-center gap-5",
884
+ className: "group !flex !w-full min-w-0 flex-row items-center gap-5 rounded-md p-2",
884
885
  children: [
885
886
  (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "group-hover:opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(
886
887
  DynamicIcon,
@@ -889,7 +890,7 @@ var NavbarPlatformResources = ({
889
890
  size: 16
890
891
  }
891
892
  ) }),
892
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base", children: item.label })
893
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 break-words text-base", children: item.label })
893
894
  ]
894
895
  },
895
896
  `${typeof item.label === "string" ? item.label : "item"}-${itemIndex}`
@@ -899,7 +900,7 @@ var NavbarPlatformResources = ({
899
900
  NavigationMenuLink,
900
901
  {
901
902
  href: getLinkUrl(ctaItem),
902
- className: "group flex-1 p-0 hover:bg-transparent",
903
+ className: "group min-w-0 p-0 hover:bg-transparent",
903
904
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full rounded-lg border border-input bg-background p-0 hover:bg-transparent", children: [
904
905
  ctaItem.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2/5 max-w-[310px] shrink-0 overflow-clip rounded-tl-lg rounded-bl-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
905
906
  img.Img,
@@ -910,11 +911,11 @@ var NavbarPlatformResources = ({
910
911
  optixFlowConfig
911
912
  }
912
913
  ) }),
913
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-5 xl:p-8", children: [
914
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col p-5 xl:p-8", children: [
914
915
  ctaItem.background && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-8 text-xs tracking-widest text-muted-foreground uppercase", children: ctaItem.background }),
915
916
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto", children: [
916
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xl", children: ctaItem.label }),
917
- ctaItem.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: ctaItem.description })
917
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 break-words text-xl", children: ctaItem.label }),
918
+ ctaItem.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-sm font-normal text-muted-foreground", children: ctaItem.description })
918
919
  ] })
919
920
  ] })
920
921
  ] })
@@ -925,15 +926,15 @@ var NavbarPlatformResources = ({
925
926
  if (layout === "list-showcase" && link.dropdownGroups && link.dropdownGroups.length > 0) {
926
927
  const listItems = link.dropdownGroups[0].links;
927
928
  const showcaseItems = link.links || [];
928
- return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-8", children: [
929
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1/3 max-w-[404px]", children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
929
+ return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "w-[900px] max-w-[calc(100vw-2rem)] p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[minmax(260px,0.7fr)_minmax(0,1.3fr)] gap-8", children: [
930
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
930
931
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs tracking-widest text-muted-foreground uppercase", children: link.dropdownGroups[0].label }),
931
932
  link.dropdownGroups[0].description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-sm font-normal text-muted-foreground", children: link.dropdownGroups[0].description }),
932
933
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-ml-2.5 space-y-2.5", children: listItems.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
933
934
  NavigationMenuLink,
934
935
  {
935
936
  href: getLinkUrl(item),
936
- className: "group flex flex-row items-center gap-2.5 rounded-md p-2.5 focus:text-accent-foreground",
937
+ className: "group !flex !w-full min-w-0 flex-row items-center gap-2.5 rounded-md p-2.5 focus:text-accent-foreground",
937
938
  children: [
938
939
  (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx(
939
940
  DynamicIcon,
@@ -942,21 +943,21 @@ var NavbarPlatformResources = ({
942
943
  size: 16
943
944
  }
944
945
  ),
945
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base", children: item.label })
946
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 break-words text-base", children: item.label })
946
947
  ]
947
948
  },
948
949
  `${typeof item.label === "string" ? item.label : "item"}-${itemIndex}`
949
950
  )) })
950
951
  ] }) }),
951
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[716px] flex-1 space-y-6", children: showcaseItems.map((showcase, showcaseIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
952
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 space-y-6", children: showcaseItems.map((showcase, showcaseIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
952
953
  NavigationMenuLink,
953
954
  {
954
955
  href: getLinkUrl(showcase),
955
- className: "flex flex-row items-center overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
956
+ className: "!flex !w-full min-w-0 flex-row items-center overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
956
957
  children: [
957
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 p-5 xl:p-8", children: [
958
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-base", children: showcase.label }),
959
- showcase.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: showcase.description })
958
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 p-5 xl:p-8", children: [
959
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 break-words text-base", children: showcase.label }),
960
+ showcase.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-sm font-normal text-muted-foreground", children: showcase.description })
960
961
  ] }),
961
962
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[154px] max-w-[264px] shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
962
963
  img.Img,
@@ -975,7 +976,7 @@ var NavbarPlatformResources = ({
975
976
  }
976
977
  if (layout === "multi-section" && link.dropdownGroups) {
977
978
  const ctaItem = link.links && link.links.length > 0 ? link.links[link.links.length - 1] : null;
978
- return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[900px] p-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-8", children: [
979
+ return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "w-[900px] max-w-[calc(100vw-2rem)] p-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-8", children: [
979
980
  link.dropdownGroups.map((group, groupIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
980
981
  "div",
981
982
  {
@@ -986,10 +987,10 @@ var NavbarPlatformResources = ({
986
987
  NavigationMenuLink,
987
988
  {
988
989
  href: getLinkUrl(item),
989
- className: "flex h-full flex-col overflow-clip rounded-lg border border-input bg-background p-5 hover:bg-accent hover:text-accent-foreground xl:p-8",
990
+ className: "!flex h-full w-full min-w-0 flex-col overflow-clip rounded-lg border border-input bg-background p-5 hover:bg-accent hover:text-accent-foreground xl:p-8",
990
991
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto", children: [
991
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-base", children: item.label }),
992
- item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
992
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 break-words text-base", children: item.label }),
993
+ item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-sm font-normal text-muted-foreground", children: item.description })
993
994
  ] })
994
995
  },
995
996
  `${typeof item.label === "string" ? item.label : "item"}-${itemIndex}`
@@ -1003,11 +1004,11 @@ var NavbarPlatformResources = ({
1003
1004
  NavigationMenuLink,
1004
1005
  {
1005
1006
  href: getLinkUrl(ctaItem),
1006
- className: "mb-6 flex flex-row overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
1007
+ className: "mb-6 !flex !w-full min-w-0 flex-row overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
1007
1008
  children: [
1008
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 p-5 xl:p-8", children: [
1009
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-base", children: ctaItem.label }),
1010
- ctaItem.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: ctaItem.description })
1009
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 p-5 xl:p-8", children: [
1010
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 break-words text-base", children: ctaItem.label }),
1011
+ ctaItem.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-sm font-normal text-muted-foreground", children: ctaItem.description })
1011
1012
  ] }),
1012
1013
  ctaItem.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1/3 max-w-[130px] shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
1013
1014
  img.Img,
@@ -1028,13 +1029,13 @@ var NavbarPlatformResources = ({
1028
1029
  ] })
1029
1030
  ] }) });
1030
1031
  }
1031
- return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[640px] p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
1032
+ return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "w-[900px] max-w-[calc(100vw-2rem)] p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
1032
1033
  NavigationMenuLink,
1033
1034
  {
1034
1035
  href: getLinkUrl(item),
1035
- className: "flex flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-accent hover:text-accent-foreground",
1036
+ className: "!flex !w-full min-w-0 flex-row items-center gap-4 rounded-lg border border-input bg-background p-4 hover:bg-accent hover:text-accent-foreground",
1036
1037
  children: [
1037
- item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
1038
+ item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
1038
1039
  img.Img,
1039
1040
  {
1040
1041
  src: item.image,
@@ -1043,10 +1044,10 @@ var NavbarPlatformResources = ({
1043
1044
  optixFlowConfig
1044
1045
  }
1045
1046
  ) }),
1046
- !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon || item.iconName, size: 18 }) }),
1047
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
1048
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground", children: item.label }),
1049
- item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
1047
+ !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon || item.iconName, size: 18 }) }),
1048
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
1049
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-sm font-medium text-foreground", children: item.label }),
1050
+ item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-sm font-normal text-muted-foreground", children: item.description })
1050
1051
  ] })
1051
1052
  ]
1052
1053
  },
package/dist/navbar-platform-resources.js CHANGED
@@ -770,14 +770,15 @@ var NavbarPlatformResources = ({
770
770
  const renderDropdownContent = (link) => {
771
771
  const layout = link.layout || "simple-list";
772
772
  if (layout === "simple-list") {
773
- return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "w-[400px] p-3", children: /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsx(
773
+ return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "w-[400px] max-w-[calc(100vw-2rem)] p-3", children: /* @__PURE__ */ jsx("ul", { className: "w-full space-y-1", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsx(
774
774
  "li",
775
775
  {
776
+ className: "w-full",
776
777
  children: /* @__PURE__ */ jsxs(
777
778
  NavigationMenuLink,
778
779
  {
779
780
  href: getLinkUrl(item),
780
- className: "group/link flex-row gap-2 px-3 py-2 transition-colors duration-200",
781
+ className: "group/link !flex !w-full min-w-0 flex-row items-center gap-2 rounded-md px-3 py-2 transition-colors duration-200",
781
782
  children: [
782
783
  /* @__PURE__ */ jsx("div", { className: "flex size-8 shrink-0 rounded-lg border duration-400 fade-in group-hover/link:bg-background", children: /* @__PURE__ */ jsx(
783
784
  DynamicIcon,
@@ -787,9 +788,9 @@ var NavbarPlatformResources = ({
787
788
  className: "m-auto group-hover/link:stroke-black"
788
789
  }
789
790
  ) }),
790
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
791
+ /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
791
792
  /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: item.label }),
792
- item.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground group-hover/link:text-foreground", children: item.description })
793
+ item.description && /* @__PURE__ */ jsx("div", { className: "break-words text-xs text-muted-foreground group-hover/link:text-foreground", children: item.description })
793
794
  ] })
794
795
  ]
795
796
  }
@@ -801,12 +802,12 @@ var NavbarPlatformResources = ({
801
802
  if (layout === "featured-grid" && link.links && link.links.length > 0) {
802
803
  const featuredItem = link.links[0];
803
804
  const gridItems = link.links.slice(1);
804
- return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-8", children: [
805
+ return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "w-[900px] max-w-[calc(100vw-2rem)] p-6", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[minmax(260px,0.8fr)_minmax(0,1.2fr)] gap-8", children: [
805
806
  /* @__PURE__ */ jsx(
806
807
  NavigationMenuLink,
807
808
  {
808
809
  href: getLinkUrl(featuredItem),
809
- className: "group w-1/3 p-0 hover:bg-transparent",
810
+ className: "group block h-full min-w-0 p-0 hover:bg-transparent",
810
811
  children: /* @__PURE__ */ jsxs("div", { className: "overflow-clip rounded-lg border border-input bg-background", children: [
811
812
  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
812
813
  Img,
@@ -824,13 +825,13 @@ var NavbarPlatformResources = ({
824
825
  ] })
825
826
  }
826
827
  ),
827
- /* @__PURE__ */ jsxs("div", { className: "max-w-[760px] flex-1", children: [
828
+ /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
828
829
  link.dropdownGroups && link.dropdownGroups[0] && /* @__PURE__ */ jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: link.dropdownGroups[0].label }),
829
830
  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8", children: gridItems.map((item, itemIndex) => /* @__PURE__ */ jsxs(
830
831
  NavigationMenuLink,
831
832
  {
832
833
  href: getLinkUrl(item),
833
- className: "group block p-4",
834
+ className: "group block h-full w-full min-w-0 rounded-md p-4",
834
835
  children: [
835
836
  (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "mb-5 group-hover:opacity-60", children: /* @__PURE__ */ jsx(
836
837
  DynamicIcon,
@@ -839,8 +840,8 @@ var NavbarPlatformResources = ({
839
840
  size: 20
840
841
  }
841
842
  ) }),
842
- /* @__PURE__ */ jsx("div", { className: "mb-1 text-base", children: item.label }),
843
- item.description && /* @__PURE__ */ jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
843
+ /* @__PURE__ */ jsx("div", { className: "mb-1 break-words text-base", children: item.label }),
844
+ item.description && /* @__PURE__ */ jsx("div", { className: "break-words text-sm font-normal text-muted-foreground", children: item.description })
844
845
  ]
845
846
  },
846
847
  `${typeof item.label === "string" ? item.label : "item"}-${itemIndex}`
@@ -850,14 +851,14 @@ var NavbarPlatformResources = ({
850
851
  }
851
852
  if (layout === "two-column-cta" && link.dropdownGroups && link.dropdownGroups.length > 0) {
852
853
  const ctaItem = link.links && link.links.length > 0 ? link.links[link.links.length - 1] : null;
853
- return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-4", children: [
854
- /* @__PURE__ */ jsx("div", { className: "w-1/2 max-w-[510px]", children: link.dropdownGroups[0] && /* @__PURE__ */ jsxs(Fragment, { children: [
854
+ return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "w-[900px] max-w-[calc(100vw-2rem)] p-6", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] gap-4", children: [
855
+ /* @__PURE__ */ jsx("div", { className: "min-w-0", children: link.dropdownGroups[0] && /* @__PURE__ */ jsxs(Fragment, { children: [
855
856
  /* @__PURE__ */ jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: link.dropdownGroups[0].label }),
856
857
  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: link.dropdownGroups[0].links.map((item, itemIndex) => /* @__PURE__ */ jsxs(
857
858
  NavigationMenuLink,
858
859
  {
859
860
  href: getLinkUrl(item),
860
- className: "group flex flex-row items-center gap-5",
861
+ className: "group !flex !w-full min-w-0 flex-row items-center gap-5 rounded-md p-2",
861
862
  children: [
862
863
  (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "group-hover:opacity-60", children: /* @__PURE__ */ jsx(
863
864
  DynamicIcon,
@@ -866,7 +867,7 @@ var NavbarPlatformResources = ({
866
867
  size: 16
867
868
  }
868
869
  ) }),
869
- /* @__PURE__ */ jsx("div", { className: "text-base", children: item.label })
870
+ /* @__PURE__ */ jsx("div", { className: "min-w-0 break-words text-base", children: item.label })
870
871
  ]
871
872
  },
872
873
  `${typeof item.label === "string" ? item.label : "item"}-${itemIndex}`
@@ -876,7 +877,7 @@ var NavbarPlatformResources = ({
876
877
  NavigationMenuLink,
877
878
  {
878
879
  href: getLinkUrl(ctaItem),
879
- className: "group flex-1 p-0 hover:bg-transparent",
880
+ className: "group min-w-0 p-0 hover:bg-transparent",
880
881
  children: /* @__PURE__ */ jsxs("div", { className: "flex h-full rounded-lg border border-input bg-background p-0 hover:bg-transparent", children: [
881
882
  ctaItem.image && /* @__PURE__ */ jsx("div", { className: "w-2/5 max-w-[310px] shrink-0 overflow-clip rounded-tl-lg rounded-bl-lg", children: /* @__PURE__ */ jsx(
882
883
  Img,
@@ -887,11 +888,11 @@ var NavbarPlatformResources = ({
887
888
  optixFlowConfig
888
889
  }
889
890
  ) }),
890
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col p-5 xl:p-8", children: [
891
+ /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col p-5 xl:p-8", children: [
891
892
  ctaItem.background && /* @__PURE__ */ jsx("div", { className: "mb-8 text-xs tracking-widest text-muted-foreground uppercase", children: ctaItem.background }),
892
893
  /* @__PURE__ */ jsxs("div", { className: "mt-auto", children: [
893
- /* @__PURE__ */ jsx("div", { className: "mb-4 text-xl", children: ctaItem.label }),
894
- ctaItem.description && /* @__PURE__ */ jsx("div", { className: "text-sm font-normal text-muted-foreground", children: ctaItem.description })
894
+ /* @__PURE__ */ jsx("div", { className: "mb-4 break-words text-xl", children: ctaItem.label }),
895
+ ctaItem.description && /* @__PURE__ */ jsx("div", { className: "break-words text-sm font-normal text-muted-foreground", children: ctaItem.description })
895
896
  ] })
896
897
  ] })
897
898
  ] })
@@ -902,15 +903,15 @@ var NavbarPlatformResources = ({
902
903
  if (layout === "list-showcase" && link.dropdownGroups && link.dropdownGroups.length > 0) {
903
904
  const listItems = link.dropdownGroups[0].links;
904
905
  const showcaseItems = link.links || [];
905
- return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-8", children: [
906
- /* @__PURE__ */ jsx("div", { className: "w-1/3 max-w-[404px]", children: /* @__PURE__ */ jsxs(Fragment, { children: [
906
+ return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "w-[900px] max-w-[calc(100vw-2rem)] p-6", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[minmax(260px,0.7fr)_minmax(0,1.3fr)] gap-8", children: [
907
+ /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxs(Fragment, { children: [
907
908
  /* @__PURE__ */ jsx("div", { className: "mb-4 text-xs tracking-widest text-muted-foreground uppercase", children: link.dropdownGroups[0].label }),
908
909
  link.dropdownGroups[0].description && /* @__PURE__ */ jsx("div", { className: "mb-6 text-sm font-normal text-muted-foreground", children: link.dropdownGroups[0].description }),
909
910
  /* @__PURE__ */ jsx("div", { className: "-ml-2.5 space-y-2.5", children: listItems.map((item, itemIndex) => /* @__PURE__ */ jsxs(
910
911
  NavigationMenuLink,
911
912
  {
912
913
  href: getLinkUrl(item),
913
- className: "group flex flex-row items-center gap-2.5 rounded-md p-2.5 focus:text-accent-foreground",
914
+ className: "group !flex !w-full min-w-0 flex-row items-center gap-2.5 rounded-md p-2.5 focus:text-accent-foreground",
914
915
  children: [
915
916
  (item.icon || item.iconName) && /* @__PURE__ */ jsx(
916
917
  DynamicIcon,
@@ -919,21 +920,21 @@ var NavbarPlatformResources = ({
919
920
  size: 16
920
921
  }
921
922
  ),
922
- /* @__PURE__ */ jsx("div", { className: "text-base", children: item.label })
923
+ /* @__PURE__ */ jsx("div", { className: "min-w-0 break-words text-base", children: item.label })
923
924
  ]
924
925
  },
925
926
  `${typeof item.label === "string" ? item.label : "item"}-${itemIndex}`
926
927
  )) })
927
928
  ] }) }),
928
- /* @__PURE__ */ jsx("div", { className: "max-w-[716px] flex-1 space-y-6", children: showcaseItems.map((showcase, showcaseIndex) => /* @__PURE__ */ jsxs(
929
+ /* @__PURE__ */ jsx("div", { className: "min-w-0 space-y-6", children: showcaseItems.map((showcase, showcaseIndex) => /* @__PURE__ */ jsxs(
929
930
  NavigationMenuLink,
930
931
  {
931
932
  href: getLinkUrl(showcase),
932
- className: "flex flex-row items-center overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
933
+ className: "!flex !w-full min-w-0 flex-row items-center overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
933
934
  children: [
934
- /* @__PURE__ */ jsxs("div", { className: "flex-1 p-5 xl:p-8", children: [
935
- /* @__PURE__ */ jsx("div", { className: "mb-2 text-base", children: showcase.label }),
936
- showcase.description && /* @__PURE__ */ jsx("div", { className: "text-sm font-normal text-muted-foreground", children: showcase.description })
935
+ /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 p-5 xl:p-8", children: [
936
+ /* @__PURE__ */ jsx("div", { className: "mb-2 break-words text-base", children: showcase.label }),
937
+ showcase.description && /* @__PURE__ */ jsx("div", { className: "break-words text-sm font-normal text-muted-foreground", children: showcase.description })
937
938
  ] }),
938
939
  /* @__PURE__ */ jsx("div", { className: "h-[154px] max-w-[264px] shrink-0", children: /* @__PURE__ */ jsx(
939
940
  Img,
@@ -952,7 +953,7 @@ var NavbarPlatformResources = ({
952
953
  }
953
954
  if (layout === "multi-section" && link.dropdownGroups) {
954
955
  const ctaItem = link.links && link.links.length > 0 ? link.links[link.links.length - 1] : null;
955
- return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[900px] p-8", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8", children: [
956
+ return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "w-[900px] max-w-[calc(100vw-2rem)] p-8", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8", children: [
956
957
  link.dropdownGroups.map((group, groupIndex) => /* @__PURE__ */ jsxs(
957
958
  "div",
958
959
  {
@@ -963,10 +964,10 @@ var NavbarPlatformResources = ({
963
964
  NavigationMenuLink,
964
965
  {
965
966
  href: getLinkUrl(item),
966
- className: "flex h-full flex-col overflow-clip rounded-lg border border-input bg-background p-5 hover:bg-accent hover:text-accent-foreground xl:p-8",
967
+ className: "!flex h-full w-full min-w-0 flex-col overflow-clip rounded-lg border border-input bg-background p-5 hover:bg-accent hover:text-accent-foreground xl:p-8",
967
968
  children: /* @__PURE__ */ jsxs("div", { className: "mt-auto", children: [
968
- /* @__PURE__ */ jsx("div", { className: "mb-2 text-base", children: item.label }),
969
- item.description && /* @__PURE__ */ jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
969
+ /* @__PURE__ */ jsx("div", { className: "mb-2 break-words text-base", children: item.label }),
970
+ item.description && /* @__PURE__ */ jsx("div", { className: "break-words text-sm font-normal text-muted-foreground", children: item.description })
970
971
  ] })
971
972
  },
972
973
  `${typeof item.label === "string" ? item.label : "item"}-${itemIndex}`
@@ -980,11 +981,11 @@ var NavbarPlatformResources = ({
980
981
  NavigationMenuLink,
981
982
  {
982
983
  href: getLinkUrl(ctaItem),
983
- className: "mb-6 flex flex-row overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
984
+ className: "mb-6 !flex !w-full min-w-0 flex-row overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
984
985
  children: [
985
- /* @__PURE__ */ jsxs("div", { className: "flex-1 p-5 xl:p-8", children: [
986
- /* @__PURE__ */ jsx("div", { className: "mb-2 text-base", children: ctaItem.label }),
987
- ctaItem.description && /* @__PURE__ */ jsx("div", { className: "text-sm font-normal text-muted-foreground", children: ctaItem.description })
986
+ /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 p-5 xl:p-8", children: [
987
+ /* @__PURE__ */ jsx("div", { className: "mb-2 break-words text-base", children: ctaItem.label }),
988
+ ctaItem.description && /* @__PURE__ */ jsx("div", { className: "break-words text-sm font-normal text-muted-foreground", children: ctaItem.description })
988
989
  ] }),
989
990
  ctaItem.image && /* @__PURE__ */ jsx("div", { className: "w-1/3 max-w-[130px] shrink-0", children: /* @__PURE__ */ jsx(
990
991
  Img,
@@ -1005,13 +1006,13 @@ var NavbarPlatformResources = ({
1005
1006
  ] })
1006
1007
  ] }) });
1007
1008
  }
1008
- return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[640px] p-4", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsxs(
1009
+ return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "w-[900px] max-w-[calc(100vw-2rem)] p-4", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsxs(
1009
1010
  NavigationMenuLink,
1010
1011
  {
1011
1012
  href: getLinkUrl(item),
1012
- className: "flex flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-accent hover:text-accent-foreground",
1013
+ className: "!flex !w-full min-w-0 flex-row items-center gap-4 rounded-lg border border-input bg-background p-4 hover:bg-accent hover:text-accent-foreground",
1013
1014
  children: [
1014
- item.image && /* @__PURE__ */ jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx(
1015
+ item.image && /* @__PURE__ */ jsx("div", { className: "h-12 w-12 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx(
1015
1016
  Img,
1016
1017
  {
1017
1018
  src: item.image,
@@ -1020,10 +1021,10 @@ var NavbarPlatformResources = ({
1020
1021
  optixFlowConfig
1021
1022
  }
1022
1023
  ) }),
1023
- !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon || item.iconName, size: 18 }) }),
1024
- /* @__PURE__ */ jsxs("div", { children: [
1025
- /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: item.label }),
1026
- item.description && /* @__PURE__ */ jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
1024
+ !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon || item.iconName, size: 18 }) }),
1025
+ /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
1026
+ /* @__PURE__ */ jsx("div", { className: "break-words text-sm font-medium text-foreground", children: item.label }),
1027
+ item.description && /* @__PURE__ */ jsx("div", { className: "break-words text-sm font-normal text-muted-foreground", children: item.description })
1027
1028
  ] })
1028
1029
  ]
1029
1030
  },
package/dist/navbar-split-cta.cjs CHANGED
@@ -843,20 +843,19 @@ var NavbarSplitCta = ({
843
843
  children: renderAuthActions
844
844
  }
845
845
  ),
846
- /* @__PURE__ */ jsxRuntime.jsxs(
846
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
847
847
  pressable.Pressable,
848
848
  {
849
849
  variant: "ghost",
850
850
  size: "icon",
851
851
  asButton: true,
852
- className: "lg:hidden",
853
852
  onClick: () => setIsOpen(!isOpen),
854
853
  children: [
855
854
  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 20 }),
856
855
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle menu" })
857
856
  ]
858
857
  }
859
- ),
858
+ ) }),
860
859
  /* @__PURE__ */ jsxRuntime.jsx(
861
860
  NavbarMobileMenu,
862
861
  {
package/dist/navbar-split-cta.js CHANGED
@@ -821,20 +821,19 @@ var NavbarSplitCta = ({
821
821
  children: renderAuthActions
822
822
  }
823
823
  ),
824
- /* @__PURE__ */ jsxs(
824
+ /* @__PURE__ */ jsx("div", { className: "flex lg:hidden", children: /* @__PURE__ */ jsxs(
825
825
  Pressable,
826
826
  {
827
827
  variant: "ghost",
828
828
  size: "icon",
829
829
  asButton: true,
830
- className: "lg:hidden",
831
830
  onClick: () => setIsOpen(!isOpen),
832
831
  children: [
833
832
  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/menu", size: 20 }),
834
833
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle menu" })
835
834
  ]
836
835
  }
837
- ),
836
+ ) }),
838
837
  /* @__PURE__ */ jsx(
839
838
  NavbarMobileMenu,
840
839
  {
package/dist/navbar-sticky-compact.cjs CHANGED
@@ -915,20 +915,26 @@ var NavbarStickyCompact = ({
915
915
  children: renderAuthActions
916
916
  }
917
917
  ),
918
- /* @__PURE__ */ jsxRuntime.jsxs(
918
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
919
919
  pressable.Pressable,
920
920
  {
921
921
  variant: "ghost",
922
922
  size: isScrolled ? "sm" : "icon",
923
923
  asButton: true,
924
- className: "lg:hidden transition-all duration-300",
924
+ className: "transition-all duration-300",
925
925
  onClick: () => setIsOpen(!isOpen),
926
926
  children: [
927
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: isScrolled ? 18 : 20 }),
927
+ /* @__PURE__ */ jsxRuntime.jsx(
928
+ DynamicIcon,
929
+ {
930
+ name: "lucide/menu",
931
+ size: isScrolled ? 18 : 20
932
+ }
933
+ ),
928
934
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle menu" })
929
935
  ]
930
936
  }
931
- )
937
+ ) })
932
938
  ]
933
939
  }
934
940
  ) }) }) })
package/dist/navbar-sticky-compact.js CHANGED
@@ -892,20 +892,26 @@ var NavbarStickyCompact = ({
892
892
  children: renderAuthActions
893
893
  }
894
894
  ),
895
- /* @__PURE__ */ jsxs(
895
+ /* @__PURE__ */ jsx("div", { className: "flex lg:hidden", children: /* @__PURE__ */ jsxs(
896
896
  Pressable,
897
897
  {
898
898
  variant: "ghost",
899
899
  size: isScrolled ? "sm" : "icon",
900
900
  asButton: true,
901
- className: "lg:hidden transition-all duration-300",
901
+ className: "transition-all duration-300",
902
902
  onClick: () => setIsOpen(!isOpen),
903
903
  children: [
904
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/menu", size: isScrolled ? 18 : 20 }),
904
+ /* @__PURE__ */ jsx(
905
+ DynamicIcon,
906
+ {
907
+ name: "lucide/menu",
908
+ size: isScrolled ? 18 : 20
909
+ }
910
+ ),
905
911
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle menu" })
906
912
  ]
907
913
  }
908
- )
914
+ ) })
909
915
  ]
910
916
  }
911
917
  ) }) }) })