@moontra/moonui-pro 2.26.1 → 2.26.3

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { twMerge } from 'tailwind-merge';
 import * as t from 'react';
 import t__default, { useState, useMemo, useCallback, useRef, useEffect, forwardRef, createContext, useContext, useLayoutEffect, useDebugValue, Component } from 'react';
 import * as AccordionPrimitive2 from '@radix-ui/react-accordion';
-import { Loader2, Play, ExternalLink, ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Minus, Clock, ChevronUp, Search, Mic, MicOff, Settings, RefreshCw, Zap, ChevronRight, Crown, Circle, ChevronLeft, Plus, Lock, Sparkles, ZoomOut, ZoomIn, Pause, VolumeX, Volume2, Download, Maximize2, Filter, Image as Image$1, Video, RotateCw, Minimize2, BarChart3, Menu, Bell, CheckCheck, CheckCircle, Palette, User, Settings2, LogOut, Edit3, LayoutGrid, Upload, Share2, Save, Phone, Globe, Eye, CheckCircle2, RotateCcw, Copy, Share, Trash2, CreditCard, XCircle, HelpCircle, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Code as Code$1, Link as Link$1, Undo, Redo, Edit, GripVertical, Type, Heading1, Heading2, Heading3, CheckSquare, Highlighter, Link2, Table as Table$1, Wand2, Maximize, FileText, Briefcase, MessageSquare, Heart, GraduationCap, Languages, Lightbulb, MoreVertical, TrendingUp, Activity, BellOff, Target, ArrowUpRight, ArrowDownRight, CalendarIcon, MapPin, Navigation, ArrowUp, ArrowDown, ArrowUpDown, Calendar as Calendar$1, DollarSign, Users, Map as Map$1, Music, Archive, File, FileSpreadsheet, FileJson, FileDown, ChevronsLeft, ChevronsRight, Star, Shield, Award, Gem, Flame, Repeat, Move, EyeOff, Timer, Square, Cpu, GitBranch, ArrowRight, Trash, MessageCircle, Paperclip, Printer, TrendingDown, Grip, Unlock, Github, Server, Monitor, MemoryStick, HardDrive, Network, Columns, PlusCircle, Pin, Sun, Moon, Send, Tag, Flag, Trophy, GitFork, Package } from 'lucide-react';
+import { Loader2, Play, ExternalLink, ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Minus, Clock, ChevronUp, Search, Mic, MicOff, Settings, RefreshCw, Zap, ChevronRight, Crown, Circle, ChevronLeft, Plus, Lock, Sparkles, ZoomOut, ZoomIn, Pause, VolumeX, Volume2, Download, Maximize2, Filter, Image as Image$1, Video, RotateCw, Minimize2, BarChart3, Menu, Bell, CheckCheck, CheckCircle, Palette, User, Settings2, LogOut, Edit3, LayoutGrid, Upload, Share2, Save, Phone, Globe, Eye, CheckCircle2, RotateCcw, Copy, Share, Trash2, CreditCard, XCircle, HelpCircle, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Code as Code$1, Link as Link$1, Undo, Redo, Edit, GripVertical, Type, Heading1, Heading2, Heading3, CheckSquare, Highlighter, Link2, Table as Table$1, Wand2, Maximize, FileText, Briefcase, MessageSquare, Heart, GraduationCap, Languages, Lightbulb, MoreVertical, TrendingUp, Activity, BellOff, Target, ArrowUpRight, ArrowDownRight, CalendarIcon, MapPin, Navigation, ArrowUp, ArrowDown, ArrowUpDown, Calendar as Calendar$1, DollarSign, Users, Map as Map$1, Music, Archive, File, FileSpreadsheet, FileJson, FileDown, ChevronsLeft, ChevronsRight, Star, Shield, Award, Gem, Flame, Repeat, Move, EyeOff, Timer, Square, Cpu, GitBranch, ArrowRight, Trash, MessageCircle, Paperclip, Printer, TrendingDown, Grip, Unlock, Github, Server, Monitor, MemoryStick, HardDrive, Network, Columns, PlusCircle, Pin, Sun, Moon, Home, Send, Tag, Flag, Trophy, GitFork, Package } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
@@ -74687,12 +74687,16 @@ function SidebarInternal({
   const handleItemClick = useCallback((item) => {
     if (item.action) {
       item.action();
-    } else if (item.href && onNavigate) {
+    } else if (item.href) {
       if (enableNProgress) {
         NProgress.start();
         setTimeout(() => NProgress.done(), 500);
       }
-      onNavigate(item.href);
+      if (onNavigate) {
+        onNavigate(item.href);
+      } else {
+        window.location.href = item.href;
+      }
       if (isMobile) {
         setIsOpen(false);
       }
@@ -75165,7 +75169,7 @@ function NavbarInternal({
 }) {
   const [isMobile, setIsMobile] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
-  useState(false);
+  const [isSearchOpen, setIsSearchOpen] = useState(false);
   const [isCommandOpen, setIsCommandOpen] = useState(false);
   const [searchValue, setSearchValue] = useState("");
   const [scrolled, setScrolled] = useState(false);
@@ -75234,12 +75238,16 @@ function NavbarInternal({
   const handleItemClick = useCallback((item) => {
     if (item.action) {
       item.action();
-    } else if (item.href && onNavigate) {
+    } else if (item.href) {
       if (enableNProgress) {
         NProgress.start();
         setTimeout(() => NProgress.done(), 500);
       }
-      onNavigate(item.href);
+      if (onNavigate) {
+        onNavigate(item.href);
+      } else {
+        window.location.href = item.href;
+      }
       if (isMobile) {
         setIsOpen(false);
       }
@@ -75683,28 +75691,99 @@ function NavbarInternal({
             }
           ),
           /* @__PURE__ */ jsxs(MoonUICommandListPro, { children: [
-            /* @__PURE__ */ jsx(MoonUICommandEmptyPro, { children: "No results found." }),
-            sections.map((section) => /* @__PURE__ */ jsx(MoonUICommandGroupPro, { heading: enableCommandAI ? "Commands" : void 0, children: section.items.map((item) => /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsx(MoonUICommandEmptyPro, { children: enableCommandAI ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center py-6", children: [
+              /* @__PURE__ */ jsx(Sparkles, { className: "h-8 w-8 text-muted-foreground mb-2" }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No results found" }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "Try searching for pages, actions, or commands" })
+            ] }) : "No results found." }),
+            enableCommandAI && !searchValue && /* @__PURE__ */ jsxs(MoonUICommandGroupPro, { heading: "Quick Actions", children: [
+              /* @__PURE__ */ jsxs(MoonUICommandItemPro, { onSelect: () => {
+                const homeItem = { id: "home", title: "Go Home", href: "/" };
+                onCommandAISelect?.(homeItem);
+                handleItemClick(homeItem);
+                setIsCommandOpen(false);
+              }, children: [
+                /* @__PURE__ */ jsx(Home, { className: "mr-2 h-4 w-4" }),
+                "Go Home",
+                /* @__PURE__ */ jsx("kbd", { className: "ml-auto text-xs", children: "\u2318H" })
+              ] }),
+              /* @__PURE__ */ jsxs(MoonUICommandItemPro, { onSelect: () => {
+                setIsSearchOpen(true);
+                setIsCommandOpen(false);
+                onCommandAISelect?.({ id: "search", title: "Search", action: () => setIsSearchOpen(true) });
+              }, children: [
+                /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4" }),
+                "Search",
+                /* @__PURE__ */ jsx("kbd", { className: "ml-auto text-xs", children: "\u2318S" })
+              ] }),
+              showThemeToggle && /* @__PURE__ */ jsxs(MoonUICommandItemPro, { onSelect: () => {
+                const newTheme = theme === "dark" ? "light" : "dark";
+                onThemeChange?.(newTheme);
+                setIsCommandOpen(false);
+              }, children: [
+                theme === "dark" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Sun, { className: "mr-2 h-4 w-4" }),
+                  "Switch to Light Mode"
+                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Moon, { className: "mr-2 h-4 w-4" }),
+                  "Switch to Dark Mode"
+                ] }),
+                /* @__PURE__ */ jsx("kbd", { className: "ml-auto text-xs", children: "\u2318T" })
+              ] })
+            ] }),
+            sections.map((section) => {
+              const filteredItems = section.items.filter(
+                (item) => !searchValue || item.title.toLowerCase().includes(searchValue.toLowerCase()) || item.description?.toLowerCase().includes(searchValue.toLowerCase())
+              );
+              if (filteredItems.length === 0)
+                return null;
+              return /* @__PURE__ */ jsx(MoonUICommandGroupPro, { heading: enableCommandAI ? "Navigation" : section.id, children: filteredItems.map((item) => /* @__PURE__ */ jsxs(
+                MoonUICommandItemPro,
+                {
+                  disabled: item.disabled,
+                  onSelect: () => {
+                    if (enableCommandAI) {
+                      onCommandAISelect?.(item);
+                    }
+                    handleItemClick(item);
+                    setIsCommandOpen(false);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                      item.icon && /* @__PURE__ */ jsx("span", { children: item.icon }),
+                      item.title
+                    ] }),
+                    item.badge && /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: item.badgeVariant || "secondary", className: "ml-auto", children: item.badge }),
+                    item.description && enableCommandAI && /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: item.description })
+                  ]
+                },
+                item.id
+              )) }, section.id);
+            }),
+            enableCommandAI && userMenu?.items && /* @__PURE__ */ jsx(MoonUICommandGroupPro, { heading: "Account", children: userMenu.items.map((item) => /* @__PURE__ */ jsx(
               MoonUICommandItemPro,
               {
                 disabled: item.disabled,
                 onSelect: () => {
-                  if (enableCommandAI) {
-                    onCommandAISelect?.(item);
+                  const commandItem = {
+                    ...item,
+                    action: item.onClick || item.action
+                  };
+                  if (commandItem.action) {
+                    commandItem.action();
+                  } else if (commandItem.href) {
+                    window.location.href = commandItem.href;
                   }
-                  handleItemClick(item);
+                  onCommandAISelect?.(commandItem);
                   setIsCommandOpen(false);
                 },
-                children: [
-                  /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-                    item.icon && /* @__PURE__ */ jsx("span", { children: item.icon }),
-                    item.title
-                  ] }),
-                  item.description && enableCommandAI && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: item.description })
-                ]
+                children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                  item.icon && /* @__PURE__ */ jsx("span", { children: item.icon }),
+                  item.title
+                ] })
               },
               item.id
-            )) }, section.id))
+            )) })
           ] })
         ]
       }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.26.1",
+    "version": "2.26.3",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",