@moontra/moonui-pro 3.4.32 → 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 +58 -145
  4. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -79593,29 +79593,16 @@ function NavbarInternal({
79593
79593
  },
79594
79594
  className: "flex items-center gap-2",
79595
79595
  children: [
79596
- /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
79597
- motion.div,
79598
- {
79599
- initial: {
79600
- opacity: 0,
79601
- scale: 0.9
79602
- },
79603
- animate: {
79604
- opacity: 1,
79605
- scale: 1
79606
- },
79607
- exit: {
79608
- opacity: 0,
79609
- scale: 0.9
79610
- },
79611
- transition: {
79612
- duration: 0.2,
79613
- ease: "easeInOut"
79614
- },
79615
- children: getActiveLogo()
79616
- },
79617
- `logo-${framerScroll.isScrolled ? "scrolled" : "default"}-${isDarkMode ? "dark" : "light"}`
79618
- ) }),
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
+ ),
79619
79606
  /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: branding.title && !isMobile && !framerScroll.isScrolled && /* @__PURE__ */ jsx(
79620
79607
  motion.span,
79621
79608
  {
@@ -79790,7 +79777,7 @@ function NavbarInternal({
79790
79777
  {
79791
79778
  whileTap: { scale: 0.95 },
79792
79779
  className: "relative",
79793
- children: /* @__PURE__ */ jsx(
79780
+ children: /* @__PURE__ */ jsxs(
79794
79781
  MoonUIButtonPro,
79795
79782
  {
79796
79783
  variant: "ghost",
@@ -79800,63 +79787,27 @@ function NavbarInternal({
79800
79787
  setTheme(newTheme);
79801
79788
  onThemeChange?.(newTheme);
79802
79789
  },
79803
- className: "relative overflow-hidden",
79804
- children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: currentTheme === "dark" ? /* @__PURE__ */ jsx(
79805
- motion.div,
79806
- {
79807
- initial: {
79808
- y: -20,
79809
- opacity: 0
79810
- },
79811
- animate: {
79812
- y: 0,
79813
- opacity: 1
79814
- },
79815
- exit: {
79816
- y: 20,
79817
- opacity: 0
79818
- },
79819
- transition: {
79820
- duration: 0.2
79821
- },
79822
- children: /* @__PURE__ */ jsx(
79823
- Moon,
79824
- {
79825
- className: getSizeClasses().iconSize
79826
- }
79827
- )
79828
- },
79829
- "moon"
79830
- ) : /* @__PURE__ */ jsx(
79831
- motion.div,
79832
- {
79833
- initial: {
79834
- y: -20,
79835
- opacity: 0,
79836
- rotate: -90
79837
- },
79838
- animate: {
79839
- y: 0,
79840
- opacity: 1,
79841
- rotate: 0
79842
- },
79843
- exit: {
79844
- y: 20,
79845
- opacity: 0,
79846
- rotate: 90
79847
- },
79848
- transition: {
79849
- duration: 0.2
79850
- },
79851
- children: /* @__PURE__ */ jsx(
79852
- Sun,
79853
- {
79854
- className: getSizeClasses().iconSize
79855
- }
79856
- )
79857
- },
79858
- "sun"
79859
- ) })
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
+ ]
79860
79811
  }
79861
79812
  )
79862
79813
  }
@@ -79867,9 +79818,8 @@ function NavbarInternal({
79867
79818
  variant: "ghost",
79868
79819
  size: "icon",
79869
79820
  children: [
79870
- currentTheme === "light" && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }),
79871
- currentTheme === "dark" && /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" }),
79872
- currentTheme === "system" && /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5" })
79821
+ /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5 dark:hidden" }),
79822
+ /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5 hidden dark:block" })
79873
79823
  ]
79874
79824
  }
79875
79825
  ) }),
@@ -80350,7 +80300,7 @@ function NavbarInternal({
80350
80300
  {
80351
80301
  whileTap: { scale: 0.95 },
80352
80302
  className: "relative",
80353
- children: /* @__PURE__ */ jsx(
80303
+ children: /* @__PURE__ */ jsxs(
80354
80304
  MoonUIButtonPro,
80355
80305
  {
80356
80306
  variant: "ghost",
@@ -80360,71 +80310,34 @@ function NavbarInternal({
80360
80310
  setTheme(newTheme);
80361
80311
  onThemeChange?.(newTheme);
80362
80312
  },
80363
- className: "relative overflow-hidden",
80364
- children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: currentTheme === "dark" ? /* @__PURE__ */ jsx(
80365
- motion.div,
80366
- {
80367
- initial: {
80368
- y: -20,
80369
- opacity: 0
80370
- },
80371
- animate: {
80372
- y: 0,
80373
- opacity: 1
80374
- },
80375
- exit: {
80376
- y: 20,
80377
- opacity: 0
80378
- },
80379
- transition: {
80380
- duration: 0.2
80381
- },
80382
- children: /* @__PURE__ */ jsx(
80383
- Moon,
80384
- {
80385
- className: getSizeClasses().iconSize
80386
- }
80387
- )
80388
- },
80389
- "moon"
80390
- ) : /* @__PURE__ */ jsx(
80391
- motion.div,
80392
- {
80393
- initial: {
80394
- y: -20,
80395
- opacity: 0,
80396
- rotate: -90
80397
- },
80398
- animate: {
80399
- y: 0,
80400
- opacity: 1,
80401
- rotate: 0
80402
- },
80403
- exit: {
80404
- y: 20,
80405
- opacity: 0,
80406
- rotate: 90
80407
- },
80408
- transition: {
80409
- duration: 0.2
80410
- },
80411
- children: /* @__PURE__ */ jsx(
80412
- Sun,
80413
- {
80414
- className: getSizeClasses().iconSize
80415
- }
80416
- )
80417
- },
80418
- "sun"
80419
- ) })
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
+ ]
80420
80334
  }
80421
80335
  )
80422
80336
  }
80423
80337
  ) : /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
80424
80338
  /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "ghost", size: "icon", children: [
80425
- currentTheme === "light" && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }),
80426
- currentTheme === "dark" && /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" }),
80427
- currentTheme === "system" && /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5" })
80339
+ /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5 dark:hidden" }),
80340
+ /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5 hidden dark:block" })
80428
80341
  ] }) }),
80429
80342
  /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
80430
80343
  /* @__PURE__ */ jsxs(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moontra/moonui-pro",
3
- "version": "3.4.32",
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",