@moontra/moonui-pro 3.4.27 → 3.4.28

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 +16 -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,
@@ -79805,7 +79802,8 @@ function NavbarInternal({
79805
79802
  onThemeChange?.(newTheme);
79806
79803
  },
79807
79804
  className: "relative overflow-hidden",
79808
- children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: mounted && currentTheme === "dark" ? /* @__PURE__ */ jsx(
79805
+ suppressHydrationWarning: true,
79806
+ children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: currentTheme === "dark" ? /* @__PURE__ */ jsx(
79809
79807
  motion.div,
79810
79808
  {
79811
79809
  initial: {
@@ -79870,11 +79868,11 @@ function NavbarInternal({
79870
79868
  {
79871
79869
  variant: "ghost",
79872
79870
  size: "icon",
79871
+ suppressHydrationWarning: true,
79873
79872
  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" })
79873
+ currentTheme === "light" && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }),
79874
+ currentTheme === "dark" && /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" }),
79875
+ currentTheme === "system" && /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5" })
79878
79876
  ]
79879
79877
  }
79880
79878
  ) }),
@@ -80366,7 +80364,8 @@ function NavbarInternal({
80366
80364
  onThemeChange?.(newTheme);
80367
80365
  },
80368
80366
  className: "relative overflow-hidden",
80369
- children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: mounted && currentTheme === "dark" ? /* @__PURE__ */ jsx(
80367
+ suppressHydrationWarning: true,
80368
+ children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: currentTheme === "dark" ? /* @__PURE__ */ jsx(
80370
80369
  motion.div,
80371
80370
  {
80372
80371
  initial: {
@@ -80426,11 +80425,10 @@ function NavbarInternal({
80426
80425
  )
80427
80426
  }
80428
80427
  ) : /* @__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" })
80428
+ /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "ghost", size: "icon", suppressHydrationWarning: true, children: [
80429
+ currentTheme === "light" && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }),
80430
+ currentTheme === "dark" && /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" }),
80431
+ currentTheme === "system" && /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5" })
80434
80432
  ] }) }),
80435
80433
  /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
80436
80434
  /* @__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.28",
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",