@greatapps/common 1.1.313 → 1.1.315

package/dist/components/layouts/MdSideBarNavigation.mjs

@@ -34,7 +34,7 @@ function MdSideBarNavigation({
                   "button",
                   {
                     onClick: collapse,
-                    className: "absolute top-[68px] -right-4 size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-40",
+                    className: "absolute top-[60px] -right-4 size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-40",
                     children: /* @__PURE__ */ jsx(IconChevronLeft, { size: 16, className: "text-gray-500" })
                   }
                 ) }),

package/dist/components/layouts/MdSideBarNavigation.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/MdSideBarNavigation.tsx"],"sourcesContent":["'use client';\n\n\"use client\"\n\nimport * as React from \"react\"\nimport { IconChevronLeft } from '@tabler/icons-react'\nimport { useMdSidebarStore } from \"../../store/useMdSidebarStore\"\nimport { cn } from \"../../infra/utils/clsx\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\"\n\nfunction MdSideBarNavigation({\n    className,\n    children,\n    ...props\n}: React.ComponentProps<\"div\">) {\n    const { isExpanded, collapse } = useMdSidebarStore()\n\n    return (\n        <>\n            <div\n                className={`hidden md:block lg:hidden fixed inset-0 bg-black/50 z-20 transition-opacity duration-300 ${\n                    isExpanded ? \"opacity-100\" : \"opacity-0 pointer-events-none\"\n                }`}\n                onClick={collapse}\n            />\n            <div\n                className={`hidden md:flex lg:hidden fixed top-0 bottom-0 left-[73px] z-30 transition-transform duration-300 ease-in-out overflow-visible ${\n                    isExpanded ? \"translate-x-0\" : \"-translate-x-full\"\n                }`}\n            >\n                <div\n                    data-slot=\"md-sidebar-navigation\"\n                    className={cn(\"relative w-[273px] h-full flex flex-col p-4 bg-white border-r border-gray-200\", className)}\n                    {...props}\n                >\n                    {isExpanded && (\n                        <Tooltip>\n                            <TooltipTrigger asChild>\n                                <button\n                                    onClick={collapse}\n                                    className=\"absolute top-[68px] -right-4 size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-40\"\n                                >\n                                    <IconChevronLeft size={16} className=\"text-gray-500\" />\n                                </button>\n                            </TooltipTrigger>\n                            <TooltipContent side=\"right\">Recolher menu</TooltipContent>\n                        </Tooltip>\n                    )}\n                    {children}\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport { MdSideBarNavigation };\n"],"mappings":";AAkBQ,mBACI,KAiBY,YAlBhB;AAbR,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,UAAU;AACnB,SAAS,SAAS,gBAAgB,sBAAsB;AAExD,SAAS,oBAAoB;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAgC;AAC5B,QAAM,EAAE,YAAY,SAAS,IAAI,kBAAkB;AAEnD,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,4FACP,aAAa,gBAAgB,+BACjC;AAAA,QACA,SAAS;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,iIACP,aAAa,kBAAkB,mBACnC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACG,aAAU;AAAA,YACV,WAAW,GAAG,iFAAiF,SAAS;AAAA,YACvG,GAAG;AAAA,YAEH;AAAA,4BACG,qBAAC,WACG;AAAA,oCAAC,kBAAe,SAAO,MACnB;AAAA,kBAAC;AAAA;AAAA,oBACG,SAAS;AAAA,oBACT,WAAU;AAAA,oBAEV,8BAAC,mBAAgB,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,gBACzD,GACJ;AAAA,gBACA,oBAAC,kBAAe,MAAK,SAAQ,2BAAa;AAAA,iBAC9C;AAAA,cAEH;AAAA;AAAA;AAAA,QACL;AAAA;AAAA,IACJ;AAAA,KACJ;AAER;","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/MdSideBarNavigation.tsx"],"sourcesContent":["'use client';\n\n\"use client\"\n\nimport * as React from \"react\"\nimport { IconChevronLeft } from '@tabler/icons-react'\nimport { useMdSidebarStore } from \"../../store/useMdSidebarStore\"\nimport { cn } from \"../../infra/utils/clsx\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\"\n\nfunction MdSideBarNavigation({\n    className,\n    children,\n    ...props\n}: React.ComponentProps<\"div\">) {\n    const { isExpanded, collapse } = useMdSidebarStore()\n\n    return (\n        <>\n            <div\n                className={`hidden md:block lg:hidden fixed inset-0 bg-black/50 z-20 transition-opacity duration-300 ${\n                    isExpanded ? \"opacity-100\" : \"opacity-0 pointer-events-none\"\n                }`}\n                onClick={collapse}\n            />\n            <div\n                className={`hidden md:flex lg:hidden fixed top-0 bottom-0 left-[73px] z-30 transition-transform duration-300 ease-in-out overflow-visible ${\n                    isExpanded ? \"translate-x-0\" : \"-translate-x-full\"\n                }`}\n            >\n                <div\n                    data-slot=\"md-sidebar-navigation\"\n                    className={cn(\"relative w-[273px] h-full flex flex-col p-4 bg-white border-r border-gray-200\", className)}\n                    {...props}\n                >\n                    {isExpanded && (\n                        <Tooltip>\n                            <TooltipTrigger asChild>\n                                <button\n                                    onClick={collapse}\n                                    className=\"absolute top-[60px] -right-4 size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-40\"\n                                >\n                                    <IconChevronLeft size={16} className=\"text-gray-500\" />\n                                </button>\n                            </TooltipTrigger>\n                            <TooltipContent side=\"right\">Recolher menu</TooltipContent>\n                        </Tooltip>\n                    )}\n                    {children}\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport { MdSideBarNavigation };\n"],"mappings":";AAkBQ,mBACI,KAiBY,YAlBhB;AAbR,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,UAAU;AACnB,SAAS,SAAS,gBAAgB,sBAAsB;AAExD,SAAS,oBAAoB;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAgC;AAC5B,QAAM,EAAE,YAAY,SAAS,IAAI,kBAAkB;AAEnD,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,4FACP,aAAa,gBAAgB,+BACjC;AAAA,QACA,SAAS;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,iIACP,aAAa,kBAAkB,mBACnC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACG,aAAU;AAAA,YACV,WAAW,GAAG,iFAAiF,SAAS;AAAA,YACvG,GAAG;AAAA,YAEH;AAAA,4BACG,qBAAC,WACG;AAAA,oCAAC,kBAAe,SAAO,MACnB;AAAA,kBAAC;AAAA;AAAA,oBACG,SAAS;AAAA,oBACT,WAAU;AAAA,oBAEV,8BAAC,mBAAgB,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,gBACzD,GACJ;AAAA,gBACA,oBAAC,kBAAe,MAAK,SAAQ,2BAAa;AAAA,iBAC9C;AAAA,cAEH;AAAA;AAAA;AAAA,QACL;AAAA;AAAA,IACJ;AAAA,KACJ;AAER;","names":[]}

package/dist/components/layouts/SideBarNavigation.mjs

@@ -39,7 +39,7 @@ function SideBarNavigation({
             {
               onClick: collapse,
               className: cn(
-                "absolute top-[68px] -right-4 size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-all duration-300 z-50",
+                "absolute top-[60px] -right-4 size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-all duration-300 z-50",
                 isExpanded ? "opacity-100 scale-100" : "opacity-0 scale-0 pointer-events-none"
               ),
               children: /* @__PURE__ */ jsx(IconChevronLeft, { size: 16, className: "text-gray-500" })

package/dist/components/layouts/SideBarNavigation.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/SideBarNavigation.tsx"],"sourcesContent":["'use client';\n\nimport * as React from \"react\"\nimport { IconChevronLeft } from '@tabler/icons-react'\nimport { useDesktopSidebarStore } from \"../../store/useDesktopSidebarStore\"\nimport { useMdSidebarStore } from \"../../store/useMdSidebarStore\"\nimport { cn } from \"../../infra/utils/clsx\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\"\n\nfunction SideBarNavigation({\n    className,\n    children,\n    ...props\n}: React.ComponentProps<\"div\">) {\n    const { isExpanded, collapse } = useDesktopSidebarStore()\n    const collapseMd = useMdSidebarStore((s) => s.collapse)\n\n    React.useEffect(() => {\n        const mql = window.matchMedia('(min-width: 1351px)')\n        const handler = (e: MediaQueryListEvent) => {\n            if (e.matches) collapseMd()\n        }\n        if (mql.matches) collapseMd()\n        mql.addEventListener('change', handler)\n        return () => mql.removeEventListener('change', handler)\n    }, [collapseMd])\n\n    return (\n        <div\n            data-slot=\"sidebar-navigation\"\n            className={cn(\n                \"relative hidden lg:flex flex-col h-screen border-r border-gray-200 transition-all duration-300 ease-in-out\",\n                isExpanded ? \"w-[273px] p-4\" : \"w-0 p-0 border-r-0 overflow-hidden\",\n                className,\n            )}\n            {...props}\n        >\n            <Tooltip>\n                <TooltipTrigger asChild>\n                    <button\n                        onClick={collapse}\n                        className={cn(\n                            \"absolute top-[68px] -right-4 size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-all duration-300 z-50\",\n                            isExpanded ? \"opacity-100 scale-100\" : \"opacity-0 scale-0 pointer-events-none\",\n                        )}\n                    >\n                        <IconChevronLeft size={16} className=\"text-gray-500\" />\n                    </button>\n                </TooltipTrigger>\n                {isExpanded && <TooltipContent side=\"right\">Recolher menu</TooltipContent>}\n            </Tooltip>\n            {children}\n        </div>\n    )\n}\n\nexport { SideBarNavigation };\n"],"mappings":";AAqCY,SASY,KATZ;AAnCZ,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,UAAU;AACnB,SAAS,SAAS,gBAAgB,sBAAsB;AAExD,SAAS,kBAAkB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAgC;AAC5B,QAAM,EAAE,YAAY,SAAS,IAAI,uBAAuB;AACxD,QAAM,aAAa,kBAAkB,CAAC,MAAM,EAAE,QAAQ;AAEtD,QAAM,UAAU,MAAM;AAClB,UAAM,MAAM,OAAO,WAAW,qBAAqB;AACnD,UAAM,UAAU,CAAC,MAA2B;AACxC,UAAI,EAAE,QAAS,YAAW;AAAA,IAC9B;AACA,QAAI,IAAI,QAAS,YAAW;AAC5B,QAAI,iBAAiB,UAAU,OAAO;AACtC,WAAO,MAAM,IAAI,oBAAoB,UAAU,OAAO;AAAA,EAC1D,GAAG,CAAC,UAAU,CAAC;AAEf,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA,aAAa,kBAAkB;AAAA,QAC/B;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,WACG;AAAA,8BAAC,kBAAe,SAAO,MACnB;AAAA,YAAC;AAAA;AAAA,cACG,SAAS;AAAA,cACT,WAAW;AAAA,gBACP;AAAA,gBACA,aAAa,0BAA0B;AAAA,cAC3C;AAAA,cAEA,8BAAC,mBAAgB,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,UACzD,GACJ;AAAA,UACC,cAAc,oBAAC,kBAAe,MAAK,SAAQ,2BAAa;AAAA,WAC7D;AAAA,QACC;AAAA;AAAA;AAAA,EACL;AAER;","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/SideBarNavigation.tsx"],"sourcesContent":["'use client';\n\nimport * as React from \"react\"\nimport { IconChevronLeft } from '@tabler/icons-react'\nimport { useDesktopSidebarStore } from \"../../store/useDesktopSidebarStore\"\nimport { useMdSidebarStore } from \"../../store/useMdSidebarStore\"\nimport { cn } from \"../../infra/utils/clsx\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\"\n\nfunction SideBarNavigation({\n    className,\n    children,\n    ...props\n}: React.ComponentProps<\"div\">) {\n    const { isExpanded, collapse } = useDesktopSidebarStore()\n    const collapseMd = useMdSidebarStore((s) => s.collapse)\n\n    React.useEffect(() => {\n        const mql = window.matchMedia('(min-width: 1351px)')\n        const handler = (e: MediaQueryListEvent) => {\n            if (e.matches) collapseMd()\n        }\n        if (mql.matches) collapseMd()\n        mql.addEventListener('change', handler)\n        return () => mql.removeEventListener('change', handler)\n    }, [collapseMd])\n\n    return (\n        <div\n            data-slot=\"sidebar-navigation\"\n            className={cn(\n                \"relative hidden lg:flex flex-col h-screen border-r border-gray-200 transition-all duration-300 ease-in-out\",\n                isExpanded ? \"w-[273px] p-4\" : \"w-0 p-0 border-r-0 overflow-hidden\",\n                className,\n            )}\n            {...props}\n        >\n            <Tooltip>\n                <TooltipTrigger asChild>\n                    <button\n                        onClick={collapse}\n                        className={cn(\n                            \"absolute top-[60px] -right-4 size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-all duration-300 z-50\",\n                            isExpanded ? \"opacity-100 scale-100\" : \"opacity-0 scale-0 pointer-events-none\",\n                        )}\n                    >\n                        <IconChevronLeft size={16} className=\"text-gray-500\" />\n                    </button>\n                </TooltipTrigger>\n                {isExpanded && <TooltipContent side=\"right\">Recolher menu</TooltipContent>}\n            </Tooltip>\n            {children}\n        </div>\n    )\n}\n\nexport { SideBarNavigation };\n"],"mappings":";AAqCY,SASY,KATZ;AAnCZ,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,UAAU;AACnB,SAAS,SAAS,gBAAgB,sBAAsB;AAExD,SAAS,kBAAkB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAgC;AAC5B,QAAM,EAAE,YAAY,SAAS,IAAI,uBAAuB;AACxD,QAAM,aAAa,kBAAkB,CAAC,MAAM,EAAE,QAAQ;AAEtD,QAAM,UAAU,MAAM;AAClB,UAAM,MAAM,OAAO,WAAW,qBAAqB;AACnD,UAAM,UAAU,CAAC,MAA2B;AACxC,UAAI,EAAE,QAAS,YAAW;AAAA,IAC9B;AACA,QAAI,IAAI,QAAS,YAAW;AAC5B,QAAI,iBAAiB,UAAU,OAAO;AACtC,WAAO,MAAM,IAAI,oBAAoB,UAAU,OAAO;AAAA,EAC1D,GAAG,CAAC,UAAU,CAAC;AAEf,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA,aAAa,kBAAkB;AAAA,QAC/B;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,WACG;AAAA,8BAAC,kBAAe,SAAO,MACnB;AAAA,YAAC;AAAA;AAAA,cACG,SAAS;AAAA,cACT,WAAW;AAAA,gBACP;AAAA,gBACA,aAAa,0BAA0B;AAAA,cAC3C;AAAA,cAEA,8BAAC,mBAAgB,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,UACzD,GACJ;AAAA,UACC,cAAc,oBAAC,kBAAe,MAAK,SAAQ,2BAAa;AAAA,WAC7D;AAAA,QACC;AAAA;AAAA;AAAA,EACL;AAER;","names":[]}

package/dist/store/useDesktopSidebarStore.mjs

@@ -1,9 +1,26 @@
 import { create } from "zustand";
+const STORAGE_KEY = "desktop-sidebar-expanded";
+function getInitialState() {
+  if (typeof window === "undefined") return true;
+  const stored = localStorage.getItem(STORAGE_KEY);
+  if (stored === null) return true;
+  return stored === "true";
+}
 const useDesktopSidebarStore = create((set) => ({
-  isExpanded: true,
-  toggle: () => set((state) => ({ isExpanded: !state.isExpanded })),
-  expand: () => set({ isExpanded: true }),
-  collapse: () => set({ isExpanded: false })
+  isExpanded: getInitialState(),
+  toggle: () => set((state) => {
+    const next = !state.isExpanded;
+    localStorage.setItem(STORAGE_KEY, String(next));
+    return { isExpanded: next };
+  }),
+  expand: () => {
+    localStorage.setItem(STORAGE_KEY, "true");
+    return set({ isExpanded: true });
+  },
+  collapse: () => {
+    localStorage.setItem(STORAGE_KEY, "false");
+    return set({ isExpanded: false });
+  }
 }));
 export {
   useDesktopSidebarStore

package/dist/store/useDesktopSidebarStore.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/store/useDesktopSidebarStore.ts"],"sourcesContent":["import { create } from \"zustand\";\n\ntype DesktopSidebarStore = {\n    isExpanded: boolean;\n    toggle: () => void;\n    expand: () => void;\n    collapse: () => void;\n};\n\nexport const useDesktopSidebarStore = create<DesktopSidebarStore>((set) => ({\n    isExpanded: true,\n    toggle: () => set((state) => ({ isExpanded: !state.isExpanded })),\n    expand: () => set({ isExpanded: true }),\n    collapse: () => set({ isExpanded: false }),\n}));\n"],"mappings":"AAAA,SAAS,cAAc;AAShB,MAAM,yBAAyB,OAA4B,CAAC,SAAS;AAAA,EACxE,YAAY;AAAA,EACZ,QAAQ,MAAM,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC,MAAM,WAAW,EAAE;AAAA,EAChE,QAAQ,MAAM,IAAI,EAAE,YAAY,KAAK,CAAC;AAAA,EACtC,UAAU,MAAM,IAAI,EAAE,YAAY,MAAM,CAAC;AAC7C,EAAE;","names":[]}
+{"version":3,"sources":["../../src/store/useDesktopSidebarStore.ts"],"sourcesContent":["import { create } from \"zustand\";\n\nconst STORAGE_KEY = \"desktop-sidebar-expanded\";\n\nfunction getInitialState(): boolean {\n    if (typeof window === \"undefined\") return true;\n    const stored = localStorage.getItem(STORAGE_KEY);\n    if (stored === null) return true;\n    return stored === \"true\";\n}\n\ntype DesktopSidebarStore = {\n    isExpanded: boolean;\n    toggle: () => void;\n    expand: () => void;\n    collapse: () => void;\n};\n\nexport const useDesktopSidebarStore = create<DesktopSidebarStore>((set) => ({\n    isExpanded: getInitialState(),\n    toggle: () => set((state) => {\n        const next = !state.isExpanded;\n        localStorage.setItem(STORAGE_KEY, String(next));\n        return { isExpanded: next };\n    }),\n    expand: () => {\n        localStorage.setItem(STORAGE_KEY, \"true\");\n        return set({ isExpanded: true });\n    },\n    collapse: () => {\n        localStorage.setItem(STORAGE_KEY, \"false\");\n        return set({ isExpanded: false });\n    },\n}));\n"],"mappings":"AAAA,SAAS,cAAc;AAEvB,MAAM,cAAc;AAEpB,SAAS,kBAA2B;AAChC,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,SAAS,aAAa,QAAQ,WAAW;AAC/C,MAAI,WAAW,KAAM,QAAO;AAC5B,SAAO,WAAW;AACtB;AASO,MAAM,yBAAyB,OAA4B,CAAC,SAAS;AAAA,EACxE,YAAY,gBAAgB;AAAA,EAC5B,QAAQ,MAAM,IAAI,CAAC,UAAU;AACzB,UAAM,OAAO,CAAC,MAAM;AACpB,iBAAa,QAAQ,aAAa,OAAO,IAAI,CAAC;AAC9C,WAAO,EAAE,YAAY,KAAK;AAAA,EAC9B,CAAC;AAAA,EACD,QAAQ,MAAM;AACV,iBAAa,QAAQ,aAAa,MAAM;AACxC,WAAO,IAAI,EAAE,YAAY,KAAK,CAAC;AAAA,EACnC;AAAA,EACA,UAAU,MAAM;AACZ,iBAAa,QAAQ,aAAa,OAAO;AACzC,WAAO,IAAI,EAAE,YAAY,MAAM,CAAC;AAAA,EACpC;AACJ,EAAE;","names":[]}

package/dist/store/useMdSidebarStore.mjs

@@ -1,9 +1,26 @@
 import { create } from "zustand";
+const STORAGE_KEY = "md-sidebar-expanded";
+function getInitialState() {
+  if (typeof window === "undefined") return false;
+  const stored = localStorage.getItem(STORAGE_KEY);
+  if (stored === null) return false;
+  return stored === "true";
+}
 const useMdSidebarStore = create((set) => ({
-  isExpanded: true,
-  toggle: () => set((state) => ({ isExpanded: !state.isExpanded })),
-  expand: () => set({ isExpanded: true }),
-  collapse: () => set({ isExpanded: false })
+  isExpanded: getInitialState(),
+  toggle: () => set((state) => {
+    const next = !state.isExpanded;
+    localStorage.setItem(STORAGE_KEY, String(next));
+    return { isExpanded: next };
+  }),
+  expand: () => {
+    localStorage.setItem(STORAGE_KEY, "true");
+    return set({ isExpanded: true });
+  },
+  collapse: () => {
+    localStorage.setItem(STORAGE_KEY, "false");
+    return set({ isExpanded: false });
+  }
 }));
 export {
   useMdSidebarStore

package/dist/store/useMdSidebarStore.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/store/useMdSidebarStore.ts"],"sourcesContent":["import { create } from \"zustand\";\r\n\r\ntype MdSidebarStore = {\r\n    isExpanded: boolean;\r\n    toggle: () => void;\r\n    expand: () => void;\r\n    collapse: () => void;\r\n};\r\n\r\nexport const useMdSidebarStore = create<MdSidebarStore>((set) => ({\r\n    isExpanded: true,\r\n    toggle: () => set((state) => ({ isExpanded: !state.isExpanded })),\r\n    expand: () => set({ isExpanded: true }),\r\n    collapse: () => set({ isExpanded: false }),\r\n}));\r\n"],"mappings":"AAAA,SAAS,cAAc;AAShB,MAAM,oBAAoB,OAAuB,CAAC,SAAS;AAAA,EAC9D,YAAY;AAAA,EACZ,QAAQ,MAAM,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC,MAAM,WAAW,EAAE;AAAA,EAChE,QAAQ,MAAM,IAAI,EAAE,YAAY,KAAK,CAAC;AAAA,EACtC,UAAU,MAAM,IAAI,EAAE,YAAY,MAAM,CAAC;AAC7C,EAAE;","names":[]}
+{"version":3,"sources":["../../src/store/useMdSidebarStore.ts"],"sourcesContent":["import { create } from \"zustand\";\n\nconst STORAGE_KEY = \"md-sidebar-expanded\";\n\nfunction getInitialState(): boolean {\n    if (typeof window === \"undefined\") return false;\n    const stored = localStorage.getItem(STORAGE_KEY);\n    if (stored === null) return false;\n    return stored === \"true\";\n}\n\ntype MdSidebarStore = {\n    isExpanded: boolean;\n    toggle: () => void;\n    expand: () => void;\n    collapse: () => void;\n};\n\nexport const useMdSidebarStore = create<MdSidebarStore>((set) => ({\n    isExpanded: getInitialState(),\n    toggle: () => set((state) => {\n        const next = !state.isExpanded;\n        localStorage.setItem(STORAGE_KEY, String(next));\n        return { isExpanded: next };\n    }),\n    expand: () => {\n        localStorage.setItem(STORAGE_KEY, \"true\");\n        return set({ isExpanded: true });\n    },\n    collapse: () => {\n        localStorage.setItem(STORAGE_KEY, \"false\");\n        return set({ isExpanded: false });\n    },\n}));\n"],"mappings":"AAAA,SAAS,cAAc;AAEvB,MAAM,cAAc;AAEpB,SAAS,kBAA2B;AAChC,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,SAAS,aAAa,QAAQ,WAAW;AAC/C,MAAI,WAAW,KAAM,QAAO;AAC5B,SAAO,WAAW;AACtB;AASO,MAAM,oBAAoB,OAAuB,CAAC,SAAS;AAAA,EAC9D,YAAY,gBAAgB;AAAA,EAC5B,QAAQ,MAAM,IAAI,CAAC,UAAU;AACzB,UAAM,OAAO,CAAC,MAAM;AACpB,iBAAa,QAAQ,aAAa,OAAO,IAAI,CAAC;AAC9C,WAAO,EAAE,YAAY,KAAK;AAAA,EAC9B,CAAC;AAAA,EACD,QAAQ,MAAM;AACV,iBAAa,QAAQ,aAAa,MAAM;AACxC,WAAO,IAAI,EAAE,YAAY,KAAK,CAAC;AAAA,EACnC;AAAA,EACA,UAAU,MAAM;AACZ,iBAAa,QAAQ,aAAa,OAAO;AACzC,WAAO,IAAI,EAAE,YAAY,MAAM,CAAC;AAAA,EACpC;AACJ,EAAE;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/common",
-  "version": "1.1.313",
+  "version": "1.1.315",
   "description": "Shared library for GreatApps frontend applications",
   "main": "./dist/index.mjs",
   "types": "./src/index.ts",

package/src/components/layouts/MdSideBarNavigation.tsx

@@ -38,7 +38,7 @@ function MdSideBarNavigation({
                             <TooltipTrigger asChild>
                                 <button
                                     onClick={collapse}
-                                    className="absolute top-[68px] -right-4 size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-40"
+                                    className="absolute top-[60px] -right-4 size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-40"
                                 >
                                     <IconChevronLeft size={16} className="text-gray-500" />
                                 </button>

package/src/components/layouts/SideBarNavigation.tsx

@@ -40,7 +40,7 @@ function SideBarNavigation({
                     <button
                         onClick={collapse}
                         className={cn(
-                            "absolute top-[68px] -right-4 size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-all duration-300 z-50",
+                            "absolute top-[60px] -right-4 size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-all duration-300 z-50",
                             isExpanded ? "opacity-100 scale-100" : "opacity-0 scale-0 pointer-events-none",
                         )}
                     >

package/src/store/useDesktopSidebarStore.ts

@@ -1,5 +1,14 @@
 import { create } from "zustand";
 
+const STORAGE_KEY = "desktop-sidebar-expanded";
+
+function getInitialState(): boolean {
+    if (typeof window === "undefined") return true;
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored === null) return true;
+    return stored === "true";
+}
+
 type DesktopSidebarStore = {
     isExpanded: boolean;
     toggle: () => void;
@@ -8,8 +17,18 @@ type DesktopSidebarStore = {
 };
 
 export const useDesktopSidebarStore = create<DesktopSidebarStore>((set) => ({
-    isExpanded: true,
-    toggle: () => set((state) => ({ isExpanded: !state.isExpanded })),
-    expand: () => set({ isExpanded: true }),
-    collapse: () => set({ isExpanded: false }),
+    isExpanded: getInitialState(),
+    toggle: () => set((state) => {
+        const next = !state.isExpanded;
+        localStorage.setItem(STORAGE_KEY, String(next));
+        return { isExpanded: next };
+    }),
+    expand: () => {
+        localStorage.setItem(STORAGE_KEY, "true");
+        return set({ isExpanded: true });
+    },
+    collapse: () => {
+        localStorage.setItem(STORAGE_KEY, "false");
+        return set({ isExpanded: false });
+    },
 }));

package/src/store/useMdSidebarStore.ts

@@ -1,15 +1,34 @@
-import { create } from "zustand";
-
-type MdSidebarStore = {
-    isExpanded: boolean;
-    toggle: () => void;
-    expand: () => void;
-    collapse: () => void;
-};
-
-export const useMdSidebarStore = create<MdSidebarStore>((set) => ({
-    isExpanded: true,
-    toggle: () => set((state) => ({ isExpanded: !state.isExpanded })),
-    expand: () => set({ isExpanded: true }),
-    collapse: () => set({ isExpanded: false }),
-}));
+import { create } from "zustand";
+
+const STORAGE_KEY = "md-sidebar-expanded";
+
+function getInitialState(): boolean {
+    if (typeof window === "undefined") return false;
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored === null) return false;
+    return stored === "true";
+}
+
+type MdSidebarStore = {
+    isExpanded: boolean;
+    toggle: () => void;
+    expand: () => void;
+    collapse: () => void;
+};
+
+export const useMdSidebarStore = create<MdSidebarStore>((set) => ({
+    isExpanded: getInitialState(),
+    toggle: () => set((state) => {
+        const next = !state.isExpanded;
+        localStorage.setItem(STORAGE_KEY, String(next));
+        return { isExpanded: next };
+    }),
+    expand: () => {
+        localStorage.setItem(STORAGE_KEY, "true");
+        return set({ isExpanded: true });
+    },
+    collapse: () => {
+        localStorage.setItem(STORAGE_KEY, "false");
+        return set({ isExpanded: false });
+    },
+}));