@moontra/moonui-pro 3.4.31 → 3.4.33

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 +69 -69
  2. package/dist/cdn/index.global.js.map +1 -1
  3. package/dist/index.mjs +63 -163
  4. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -79592,32 +79592,17 @@ function NavbarInternal({
79592
79592
  }
79593
79593
  },
79594
79594
  className: "flex items-center gap-2",
79595
- suppressHydrationWarning: true,
79596
79595
  children: [
79597
- /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
79598
- motion.div,
79599
- {
79600
- initial: {
79601
- opacity: 0,
79602
- scale: 0.9
79603
- },
79604
- animate: {
79605
- opacity: 1,
79606
- scale: 1
79607
- },
79608
- exit: {
79609
- opacity: 0,
79610
- scale: 0.9
79611
- },
79612
- transition: {
79613
- duration: 0.2,
79614
- ease: "easeInOut"
79615
- },
79616
- suppressHydrationWarning: true,
79617
- children: getActiveLogo()
79618
- },
79619
- `logo-${framerScroll.isScrolled ? "scrolled" : "default"}-${isDarkMode ? "dark" : "light"}`
79620
- ) }),
79596
+ framerScroll.isScrolled && branding.logoSmall ? (
79597
+ // Show small logo when scrolled
79598
+ /* @__PURE__ */ jsx("div", { className: "transition-all duration-200", children: branding.logoSmall })
79599
+ ) : (
79600
+ // Show theme-based logos when not scrolled
79601
+ /* @__PURE__ */ jsxs(Fragment, { children: [
79602
+ /* @__PURE__ */ jsx("div", { className: "dark:hidden transition-all duration-200", children: branding.logoLight || branding.logo }),
79603
+ /* @__PURE__ */ jsx("div", { className: "hidden dark:block transition-all duration-200", children: branding.logoDark || branding.logo })
79604
+ ] })
79605
+ ),
79621
79606
  /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: branding.title && !isMobile && !framerScroll.isScrolled && /* @__PURE__ */ jsx(
79622
79607
  motion.span,
79623
79608
  {
@@ -79792,7 +79777,7 @@ function NavbarInternal({
79792
79777
  {
79793
79778
  whileTap: { scale: 0.95 },
79794
79779
  className: "relative",
79795
- children: /* @__PURE__ */ jsx(
79780
+ children: /* @__PURE__ */ jsxs(
79796
79781
  MoonUIButtonPro,
79797
79782
  {
79798
79783
  variant: "ghost",
@@ -79802,83 +79787,40 @@ function NavbarInternal({
79802
79787
  setTheme(newTheme);
79803
79788
  onThemeChange?.(newTheme);
79804
79789
  },
79805
- className: "relative overflow-hidden",
79806
- suppressHydrationWarning: true,
79807
- children: /* @__PURE__ */ jsx("div", { suppressHydrationWarning: true, children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: currentTheme === "dark" ? /* @__PURE__ */ jsx(
79808
- motion.div,
79809
- {
79810
- initial: {
79811
- y: -20,
79812
- opacity: 0
79813
- },
79814
- animate: {
79815
- y: 0,
79816
- opacity: 1
79817
- },
79818
- exit: {
79819
- y: 20,
79820
- opacity: 0
79821
- },
79822
- transition: {
79823
- duration: 0.2
79824
- },
79825
- suppressHydrationWarning: true,
79826
- children: /* @__PURE__ */ jsx(
79827
- Moon,
79828
- {
79829
- className: getSizeClasses().iconSize,
79830
- suppressHydrationWarning: true
79831
- }
79832
- )
79833
- },
79834
- "moon"
79835
- ) : /* @__PURE__ */ jsx(
79836
- motion.div,
79837
- {
79838
- initial: {
79839
- y: -20,
79840
- opacity: 0,
79841
- rotate: -90
79842
- },
79843
- animate: {
79844
- y: 0,
79845
- opacity: 1,
79846
- rotate: 0
79847
- },
79848
- exit: {
79849
- y: 20,
79850
- opacity: 0,
79851
- rotate: 90
79852
- },
79853
- transition: {
79854
- duration: 0.2
79855
- },
79856
- suppressHydrationWarning: true,
79857
- children: /* @__PURE__ */ jsx(
79858
- Sun,
79859
- {
79860
- className: getSizeClasses().iconSize,
79861
- suppressHydrationWarning: true
79862
- }
79863
- )
79864
- },
79865
- "sun"
79866
- ) }) })
79790
+ className: "relative",
79791
+ children: [
79792
+ /* @__PURE__ */ jsx(
79793
+ Sun,
79794
+ {
79795
+ className: cn(
79796
+ getSizeClasses().iconSize,
79797
+ "dark:hidden transition-all duration-200"
79798
+ )
79799
+ }
79800
+ ),
79801
+ /* @__PURE__ */ jsx(
79802
+ Moon,
79803
+ {
79804
+ className: cn(
79805
+ getSizeClasses().iconSize,
79806
+ "hidden dark:block transition-all duration-200"
79807
+ )
79808
+ }
79809
+ )
79810
+ ]
79867
79811
  }
79868
79812
  )
79869
79813
  }
79870
79814
  ) : /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
79871
- /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(
79815
+ /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(
79872
79816
  MoonUIButtonPro,
79873
79817
  {
79874
79818
  variant: "ghost",
79875
79819
  size: "icon",
79876
- suppressHydrationWarning: true,
79877
- children: /* @__PURE__ */ jsxs("div", { suppressHydrationWarning: true, children: [
79878
- currentTheme === "light" && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5", suppressHydrationWarning: true }),
79879
- currentTheme === "dark" && /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5", suppressHydrationWarning: true }),
79880
- currentTheme === "system" && /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5", suppressHydrationWarning: true })
79881
- ] })
79820
+ children: [
79821
+ /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5 dark:hidden" }),
79822
+ /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5 hidden dark:block" })
79823
+ ]
79882
79824
  }
79883
79825
  ) }),
79884
79826
  /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
@@ -80358,7 +80300,7 @@ function NavbarInternal({
80358
80300
  {
80359
80301
  whileTap: { scale: 0.95 },
80360
80302
  className: "relative",
80361
- children: /* @__PURE__ */ jsx(
80303
+ children: /* @__PURE__ */ jsxs(
80362
80304
  MoonUIButtonPro,
80363
80305
  {
80364
80306
  variant: "ghost",
@@ -80368,77 +80310,35 @@ function NavbarInternal({
80368
80310
  setTheme(newTheme);
80369
80311
  onThemeChange?.(newTheme);
80370
80312
  },
80371
- className: "relative overflow-hidden",
80372
- suppressHydrationWarning: true,
80373
- children: /* @__PURE__ */ jsx("div", { suppressHydrationWarning: true, children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: currentTheme === "dark" ? /* @__PURE__ */ jsx(
80374
- motion.div,
80375
- {
80376
- initial: {
80377
- y: -20,
80378
- opacity: 0
80379
- },
80380
- animate: {
80381
- y: 0,
80382
- opacity: 1
80383
- },
80384
- exit: {
80385
- y: 20,
80386
- opacity: 0
80387
- },
80388
- transition: {
80389
- duration: 0.2
80390
- },
80391
- suppressHydrationWarning: true,
80392
- children: /* @__PURE__ */ jsx(
80393
- Moon,
80394
- {
80395
- className: getSizeClasses().iconSize,
80396
- suppressHydrationWarning: true
80397
- }
80398
- )
80399
- },
80400
- "moon"
80401
- ) : /* @__PURE__ */ jsx(
80402
- motion.div,
80403
- {
80404
- initial: {
80405
- y: -20,
80406
- opacity: 0,
80407
- rotate: -90
80408
- },
80409
- animate: {
80410
- y: 0,
80411
- opacity: 1,
80412
- rotate: 0
80413
- },
80414
- exit: {
80415
- y: 20,
80416
- opacity: 0,
80417
- rotate: 90
80418
- },
80419
- transition: {
80420
- duration: 0.2
80421
- },
80422
- suppressHydrationWarning: true,
80423
- children: /* @__PURE__ */ jsx(
80424
- Sun,
80425
- {
80426
- className: getSizeClasses().iconSize,
80427
- suppressHydrationWarning: true
80428
- }
80429
- )
80430
- },
80431
- "sun"
80432
- ) }) })
80313
+ className: "relative",
80314
+ children: [
80315
+ /* @__PURE__ */ jsx(
80316
+ Sun,
80317
+ {
80318
+ className: cn(
80319
+ getSizeClasses().iconSize,
80320
+ "dark:hidden transition-all duration-200"
80321
+ )
80322
+ }
80323
+ ),
80324
+ /* @__PURE__ */ jsx(
80325
+ Moon,
80326
+ {
80327
+ className: cn(
80328
+ getSizeClasses().iconSize,
80329
+ "hidden dark:block transition-all duration-200"
80330
+ )
80331
+ }
80332
+ )
80333
+ ]
80433
80334
  }
80434
80335
  )
80435
80336
  }
80436
80337
  ) : /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
80437
- /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "icon", suppressHydrationWarning: true, children: /* @__PURE__ */ jsxs("div", { suppressHydrationWarning: true, children: [
80438
- currentTheme === "light" && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5", suppressHydrationWarning: true }),
80439
- currentTheme === "dark" && /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5", suppressHydrationWarning: true }),
80440
- currentTheme === "system" && /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5", suppressHydrationWarning: true })
80441
- ] }) }) }),
80338
+ /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "ghost", size: "icon", children: [
80339
+ /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5 dark:hidden" }),
80340
+ /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5 hidden dark:block" })
80341
+ ] }) }),
80442
80342
  /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
80443
80343
  /* @__PURE__ */ jsxs(
80444
80344
  MoonUIDropdownMenuItemPro,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moontra/moonui-pro",
3
- "version": "3.4.31",
3
+ "version": "3.4.33",
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",