@opencosmos/ui 1.3.4 → 1.3.5

package/dist/index.d.mts

@@ -2441,8 +2441,10 @@ interface AppSidebarProviderProps {
     children: React__default.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;
 }
-declare function AppSidebarProvider({ children, defaultOpen }: AppSidebarProviderProps): react_jsx_runtime.JSX.Element;
+declare function AppSidebarProvider({ children, defaultOpen, storageKey }: AppSidebarProviderProps): react_jsx_runtime.JSX.Element;
 declare function AppSidebarInset({ children, className, }: {
     children: React__default.ReactNode;
     className?: string;

package/dist/index.d.ts

@@ -2441,8 +2441,10 @@ interface AppSidebarProviderProps {
     children: React__default.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;
 }
-declare function AppSidebarProvider({ children, defaultOpen }: AppSidebarProviderProps): react_jsx_runtime.JSX.Element;
+declare function AppSidebarProvider({ children, defaultOpen, storageKey }: AppSidebarProviderProps): react_jsx_runtime.JSX.Element;
 declare function AppSidebarInset({ children, className, }: {
     children: React__default.ReactNode;
     className?: string;

package/dist/index.js

@@ -11073,13 +11073,13 @@ var DEFAULT_CONTEXT = {
 function useAppSidebar() {
   return (0, import_react19.useContext)(AppSidebarContext) ?? DEFAULT_CONTEXT;
 }
-function AppSidebarProvider({ children, defaultOpen = true }) {
+function AppSidebarProvider({ children, defaultOpen = true, storageKey = STORAGE_KEY }) {
   const [isOpen, setIsOpen] = (0, import_react19.useState)(defaultOpen);
   (0, import_react19.useEffect)(() => {
-    const stored = localStorage.getItem(STORAGE_KEY);
+    const stored = localStorage.getItem(storageKey);
     if (stored !== null) setIsOpen(stored === "true");
-  }, []);
-  const persist3 = (value) => localStorage.setItem(STORAGE_KEY, String(value));
+  }, [storageKey]);
+  const persist3 = (value) => localStorage.setItem(storageKey, String(value));
   const toggle = () => setIsOpen((prev) => {
     const next = !prev;
     persist3(next);