@opencosmos/ui 1.3.4 → 1.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencosmos/ui",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "description": "OpenCosmos UI — Make it Lovable. 100 accessible React components, three themes, user-controlled motion.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/components/layout/AppSidebar.tsx

@@ -54,17 +54,19 @@ export interface AppSidebarProviderProps {
     children: React.ReactNode;
     /** Initial open state used on server and first render @default true */
     defaultOpen?: boolean;
+    /** localStorage key for persisting open state. Use unique keys per page to avoid cross-page state bleed. @default 'appsidebar:state' */
+    storageKey?: string;
 }
 
-export function AppSidebarProvider({ children, defaultOpen = true }: AppSidebarProviderProps) {
+export function AppSidebarProvider({ children, defaultOpen = true, storageKey = STORAGE_KEY }: AppSidebarProviderProps) {
     const [isOpen, setIsOpen] = useState(defaultOpen);
 
     useEffect(() => {
-        const stored = localStorage.getItem(STORAGE_KEY);
+        const stored = localStorage.getItem(storageKey);
         if (stored !== null) setIsOpen(stored === 'true');
-    }, []);
+    }, [storageKey]);
 
-    const persist = (value: boolean) => localStorage.setItem(STORAGE_KEY, String(value));
+    const persist = (value: boolean) => localStorage.setItem(storageKey, String(value));
 
     const toggle = () => setIsOpen(prev => { const next = !prev; persist(next); return next; });
     const open   = () => { setIsOpen(true);  persist(true);  };