@moontra/moonui-pro 3.4.27 → 3.4.29

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 (4) hide show
  1. package/dist/cdn/index.global.js +108 -108
  2. package/dist/cdn/index.global.js.map +1 -1
  3. package/dist/index.mjs +21 -18
  4. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -79142,13 +79142,9 @@ function NavbarInternal({
79142
79142
  const [isSearchOpen, setIsSearchOpen] = useState(false);
79143
79143
  const [isCommandOpen, setIsCommandOpen] = useState(false);
79144
79144
  const [searchValue, setSearchValue] = useState("");
79145
- const [mounted, setMounted] = useState(false);
79146
79145
  const { theme: currentTheme, setTheme } = useTheme();
79147
- const isDarkMode = mounted && currentTheme === "dark";
79146
+ const isDarkMode = currentTheme === "dark";
79148
79147
  const navRef = useRef(null);
79149
- useEffect(() => {
79150
- setMounted(true);
79151
- }, []);
79152
79148
  const shouldPushContent = pushContent ?? (sticky && !overlayMode);
79153
79149
  const { scrolled, hidden, scrollProgress, isMinimal } = useNavbarScroll({
79154
79150
  sticky,
@@ -79202,9 +79198,9 @@ function NavbarInternal({
79202
79198
  return null;
79203
79199
  const isScrolled = framerScroll.isScrolled || scrolled;
79204
79200
  const scrollLogo = isScrolled && branding.logoSmall ? branding.logoSmall : null;
79205
- const themeLogo = mounted ? isDarkMode ? branding.logoDark || null : branding.logoLight || null : null;
79201
+ const themeLogo = isDarkMode ? branding.logoDark || null : branding.logoLight || null;
79206
79202
  return scrollLogo || themeLogo || branding.logo;
79207
- }, [branding, framerScroll.isScrolled, scrolled, isDarkMode, mounted]);
79203
+ }, [branding, framerScroll.isScrolled, scrolled, isDarkMode]);
79208
79204
  const handleItemClick = useCallback(
79209
79205
  (item) => {
79210
79206
  if (item.action) {
@@ -79596,6 +79592,7 @@ function NavbarInternal({
79596
79592
  }
79597
79593
  },
79598
79594
  className: "flex items-center gap-2",
79595
+ suppressHydrationWarning: true,
79599
79596
  children: [
79600
79597
  /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
79601
79598
  motion.div,
@@ -79616,6 +79613,7 @@ function NavbarInternal({
79616
79613
  duration: 0.2,
79617
79614
  ease: "easeInOut"
79618
79615
  },
79616
+ suppressHydrationWarning: true,
79619
79617
  children: getActiveLogo()
79620
79618
  },
79621
79619
  `logo-${framerScroll.isScrolled ? "scrolled" : "default"}-${isDarkMode ? "dark" : "light"}`
@@ -79805,7 +79803,8 @@ function NavbarInternal({
79805
79803
  onThemeChange?.(newTheme);
79806
79804
  },
79807
79805
  className: "relative overflow-hidden",
79808
- children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: mounted && currentTheme === "dark" ? /* @__PURE__ */ jsx(
79806
+ suppressHydrationWarning: true,
79807
+ children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: currentTheme === "dark" ? /* @__PURE__ */ jsx(
79809
79808
  motion.div,
79810
79809
  {
79811
79810
  initial: {
@@ -79823,6 +79822,7 @@ function NavbarInternal({
79823
79822
  transition: {
79824
79823
  duration: 0.2
79825
79824
  },
79825
+ suppressHydrationWarning: true,
79826
79826
  children: /* @__PURE__ */ jsx(
79827
79827
  Moon,
79828
79828
  {
@@ -79852,6 +79852,7 @@ function NavbarInternal({
79852
79852
  transition: {
79853
79853
  duration: 0.2
79854
79854
  },
79855
+ suppressHydrationWarning: true,
79855
79856
  children: /* @__PURE__ */ jsx(
79856
79857
  Sun,
79857
79858
  {
@@ -79870,11 +79871,11 @@ function NavbarInternal({
79870
79871
  {
79871
79872
  variant: "ghost",
79872
79873
  size: "icon",
79874
+ suppressHydrationWarning: true,
79873
79875
  children: [
79874
- !mounted && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }),
79875
- mounted && currentTheme === "light" && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }),
79876
- mounted && currentTheme === "dark" && /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" }),
79877
- mounted && currentTheme === "system" && /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5" })
79876
+ currentTheme === "light" && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }),
79877
+ currentTheme === "dark" && /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" }),
79878
+ currentTheme === "system" && /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5" })
79878
79879
  ]
79879
79880
  }
79880
79881
  ) }),
@@ -80366,7 +80367,8 @@ function NavbarInternal({
80366
80367
  onThemeChange?.(newTheme);
80367
80368
  },
80368
80369
  className: "relative overflow-hidden",
80369
- children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: mounted && currentTheme === "dark" ? /* @__PURE__ */ jsx(
80370
+ suppressHydrationWarning: true,
80371
+ children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: currentTheme === "dark" ? /* @__PURE__ */ jsx(
80370
80372
  motion.div,
80371
80373
  {
80372
80374
  initial: {
@@ -80384,6 +80386,7 @@ function NavbarInternal({
80384
80386
  transition: {
80385
80387
  duration: 0.2
80386
80388
  },
80389
+ suppressHydrationWarning: true,
80387
80390
  children: /* @__PURE__ */ jsx(
80388
80391
  Moon,
80389
80392
  {
@@ -80413,6 +80416,7 @@ function NavbarInternal({
80413
80416
  transition: {
80414
80417
  duration: 0.2
80415
80418
  },
80419
+ suppressHydrationWarning: true,
80416
80420
  children: /* @__PURE__ */ jsx(
80417
80421
  Sun,
80418
80422
  {
@@ -80426,11 +80430,10 @@ function NavbarInternal({
80426
80430
  )
80427
80431
  }
80428
80432
  ) : /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
80429
- /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "ghost", size: "icon", children: [
80430
- !mounted && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }),
80431
- mounted && currentTheme === "light" && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }),
80432
- mounted && currentTheme === "dark" && /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" }),
80433
- mounted && currentTheme === "system" && /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5" })
80433
+ /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "ghost", size: "icon", suppressHydrationWarning: true, children: [
80434
+ currentTheme === "light" && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }),
80435
+ currentTheme === "dark" && /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" }),
80436
+ currentTheme === "system" && /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5" })
80434
80437
  ] }) }),
80435
80438
  /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
80436
80439
  /* @__PURE__ */ jsxs(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moontra/moonui-pro",
3
- "version": "3.4.27",
3
+ "version": "3.4.29",
4
4
  "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
5
5
  "type": "module",
6
6
  "main": "dist/index.mjs",