@greatapps/greatauth-ui 0.3.10 → 0.3.12

package/dist/index.js

@@ -359,8 +359,7 @@ function Skeleton({ className, ...props }) {
 
 // src/components/ui/sidebar.tsx
 import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-var SIDEBAR_COOKIE_NAME = "sidebar_state";
-var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+var SIDEBAR_STORAGE_KEY = "sidebar_state";
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
@@ -384,7 +383,13 @@ function SidebarProvider({
 }) {
   const isMobile = useIsMobile();
   const [openMobile, setOpenMobile] = React.useState(false);
-  const [_open, _setOpen] = React.useState(defaultOpen);
+  const [_open, _setOpen] = React.useState(() => {
+    if (typeof window === "undefined") return defaultOpen;
+    const stored = localStorage.getItem(SIDEBAR_STORAGE_KEY);
+    if (stored === "true") return true;
+    if (stored === "false") return false;
+    return defaultOpen;
+  });
   const open = openProp ?? _open;
   const setOpen = React.useCallback(
     (value) => {
@@ -394,7 +399,10 @@ function SidebarProvider({
       } else {
         _setOpen(openState);
       }
-      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+      try {
+        localStorage.setItem(SIDEBAR_STORAGE_KEY, String(openState));
+      } catch {
+      }
     },
     [setOpenProp, open]
   );
@@ -1005,10 +1013,10 @@ function AppSidebar({ config }) {
   const userImage = session?.user?.image || "";
   const initials = getUserInitials(userName, userEmail);
   return /* @__PURE__ */ jsxs5(Sidebar, { collapsible: "icon", children: [
-    /* @__PURE__ */ jsx12(SidebarHeader, { children: /* @__PURE__ */ jsx12(SidebarMenu, { children: /* @__PURE__ */ jsx12(SidebarMenuItem, { children: /* @__PURE__ */ jsx12(SidebarMenuButton, { size: "lg", asChild: true, children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-      config.appIcon,
-      /* @__PURE__ */ jsx12("span", { className: "font-semibold", children: config.appName }),
-      config.appBadge && /* @__PURE__ */ jsx12(Badge, { variant: "destructive", children: config.appBadge })
+    /* @__PURE__ */ jsx12(SidebarHeader, { children: /* @__PURE__ */ jsx12(SidebarMenu, { children: /* @__PURE__ */ jsx12(SidebarMenuItem, { children: /* @__PURE__ */ jsx12(SidebarMenuButton, { size: "lg", asChild: true, children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:gap-0", children: [
+      /* @__PURE__ */ jsx12("div", { className: "shrink-0", children: config.appIcon }),
+      /* @__PURE__ */ jsx12("span", { className: "font-semibold truncate group-data-[collapsible=icon]:hidden", children: config.appName }),
+      config.appBadge && /* @__PURE__ */ jsx12(Badge, { variant: "destructive", className: "group-data-[collapsible=icon]:hidden", children: config.appBadge })
     ] }) }) }) }) }),
     /* @__PURE__ */ jsx12(SidebarContent, { children: config.menuGroups.map((group) => /* @__PURE__ */ jsxs5(SidebarGroup, { children: [
       /* @__PURE__ */ jsx12(SidebarGroupLabel, { children: group.label }),
@@ -1022,11 +1030,11 @@ function AppSidebar({ config }) {
           userImage && /* @__PURE__ */ jsx12(AvatarImage, { src: userImage, alt: userName }),
           /* @__PURE__ */ jsx12(AvatarFallback, { children: initials })
         ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "grid flex-1 text-left text-sm leading-tight group-data-[collapsible=icon]:hidden", children: [
           /* @__PURE__ */ jsx12("span", { className: "truncate font-semibold", children: userName }),
           /* @__PURE__ */ jsx12("span", { className: "truncate text-xs text-muted-foreground", children: userEmail })
         ] }),
-        /* @__PURE__ */ jsx12(ChevronUp, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx12(ChevronUp, { className: "ml-auto size-4 group-data-[collapsible=icon]:hidden" })
       ] }) }),
       /* @__PURE__ */ jsxs5(
         DropdownMenuContent,