@moontra/moonui-pro 2.5.3 → 2.5.4

package/dist/index.d.ts

@@ -1851,6 +1851,7 @@ interface SidebarConfig {
     animatedBackground?: boolean;
     keyboardShortcuts?: boolean;
     persistState?: boolean;
+    persistKey?: string;
     onStateChange?: (state: SidebarState) => void;
     customStyles?: {
         background?: string;
@@ -1872,7 +1873,7 @@ interface SidebarProps extends SidebarConfig {
     activePath?: string;
     onNavigate?: (href: string) => void;
 }
-declare function Sidebar({ sections, footer, showSearch, searchPlaceholder, onSearchChange, showThemeToggle, theme, onThemeChange, branding, collapsible, defaultCollapsed, floatingActionButton, glassmorphism, animatedBackground, keyboardShortcuts, persistState, onStateChange, customStyles, className, activePath, onNavigate }: SidebarProps): react_jsx_runtime.JSX.Element;
+declare function Sidebar({ sections, footer, showSearch, searchPlaceholder, onSearchChange, showThemeToggle, theme, onThemeChange, branding, collapsible, defaultCollapsed, floatingActionButton, glassmorphism, animatedBackground, keyboardShortcuts, persistState, persistKey, onStateChange, customStyles, className, activePath, onNavigate }: SidebarProps): react_jsx_runtime.JSX.Element;
 
 declare const enhancedButtonVariants: (props?: ({
     variant?: "link" | "default" | "ghost" | "outline" | "secondary" | "destructive" | "gradient" | "glow" | null | undefined;

package/dist/index.mjs

@@ -56323,6 +56323,7 @@ function Sidebar({
   animatedBackground = false,
   keyboardShortcuts = true,
   persistState = true,
+  persistKey = "moonui-sidebar-state",
   onStateChange,
   customStyles,
   className,
@@ -56342,7 +56343,7 @@ function Sidebar({
   const springY = useSpring(mouseY, { stiffness: 300, damping: 30 });
   useEffect(() => {
     if (persistState && typeof window !== "undefined") {
-      const savedState = localStorage.getItem("moonui-sidebar-state");
+      const savedState = localStorage.getItem(persistKey);
       if (savedState) {
         const state = JSON.parse(savedState);
         setCollapsed(state.collapsed);
@@ -56350,7 +56351,7 @@ function Sidebar({
         setPinnedItems(state.pinnedItems || []);
       }
     }
-  }, [persistState]);
+  }, [persistState, persistKey]);
   useEffect(() => {
     if (persistState && typeof window !== "undefined") {
       const state = {
@@ -56360,10 +56361,10 @@ function Sidebar({
         pinnedItems,
         recentItems: []
       };
-      localStorage.setItem("moonui-sidebar-state", JSON.stringify(state));
+      localStorage.setItem(persistKey, JSON.stringify(state));
       onStateChange?.(state);
     }
-  }, [collapsed, expandedSections, searchQuery, pinnedItems, persistState, onStateChange]);
+  }, [collapsed, expandedSections, searchQuery, pinnedItems, persistState, persistKey, onStateChange]);
   useEffect(() => {
     const checkMobile = () => {
       setIsMobile(window.innerWidth < 768);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.5.3",
+  "version": "2.5.4",
   "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",

package/src/components/sidebar/index.tsx

@@ -80,6 +80,7 @@ export interface SidebarConfig {
   animatedBackground?: boolean
   keyboardShortcuts?: boolean
   persistState?: boolean
+  persistKey?: string
   onStateChange?: (state: SidebarState) => void
   customStyles?: {
     background?: string
@@ -121,6 +122,7 @@ export function Sidebar({
   animatedBackground = false,
   keyboardShortcuts = true,
   persistState = true,
+  persistKey = 'moonui-sidebar-state',
   onStateChange,
   customStyles,
   className,
@@ -142,7 +144,7 @@ export function Sidebar({
   // Load persisted state
   useEffect(() => {
     if (persistState && typeof window !== 'undefined') {
-      const savedState = localStorage.getItem('moonui-sidebar-state')
+      const savedState = localStorage.getItem(persistKey)
       if (savedState) {
         const state = JSON.parse(savedState) as SidebarState
         setCollapsed(state.collapsed)
@@ -150,7 +152,7 @@ export function Sidebar({
         setPinnedItems(state.pinnedItems || [])
       }
     }
-  }, [persistState])
+  }, [persistState, persistKey])
 
   // Save state changes
   useEffect(() => {
@@ -162,10 +164,10 @@ export function Sidebar({
         pinnedItems,
         recentItems: []
       }
-      localStorage.setItem('moonui-sidebar-state', JSON.stringify(state))
+      localStorage.setItem(persistKey, JSON.stringify(state))
       onStateChange?.(state)
     }
-  }, [collapsed, expandedSections, searchQuery, pinnedItems, persistState, onStateChange])
+  }, [collapsed, expandedSections, searchQuery, pinnedItems, persistState, persistKey, onStateChange])
 
   // Check mobile
   useEffect(() => {