@admin-layout/tailwind-design-pro 12.0.16-alpha.9 → 12.0.16-alpha.90

package/lib/components/Layout/GlobalHeader/RightContent.js

@@ -1,13 +1,80 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';import OrganizationDropDown from'./OrganizationDropdown.js';const RightContent = props => {
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect,useRef}from'react';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';import OrganizationDropDown from'./OrganizationDropdown.js';const useHorizontalScroll = () => {
+  const elRef = useRef(null);
+  useEffect(() => {
+    const el = elRef.current;
+    if (el) {
+      const onWheel = e => {
+        if (e.deltaY === 0) return;
+        e.preventDefault();
+        el.scrollTo({
+          left: el.scrollLeft + e.deltaY,
+          behavior: 'smooth'
+        });
+      };
+      el.addEventListener('wheel', onWheel);
+      return () => {
+        el.removeEventListener('wheel', onWheel);
+      };
+    }
+  }, []);
+  return elRef;
+};
+const RightContent = props => {
   const {
-    routeParams,
+    theme,
+    layout,
     upperMenus,
-    settings,
-    collapsed
+    routeParams,
+    collapsed,
+    settings
   } = props;
+  const [navBarItems, setNavBarItems] = useState([]);
+  const scrollRef = useHorizontalScroll();
+  // TODO: uncomment this once the extension API is updated
+  // const controller: any = useExtensionController();
+  // useEffect(() => {
+  //     if (controller) {
+  //         const subscription = controller.services.contribution.getContributions().subscribe(({ pageNavBar }) => {
+  //             setNavBarItems(pageNavBar || []);
+  //         });
+  //         return () => subscription.unsubscribe();
+  //     }
+  // }, [controller]);
+  useEffect(() => {
+    const ele = document.getElementById('item-wrapper');
+    if (ele) {
+      if (check(ele)) {
+        ele.style.boxShadow = 'inset 0 0 5px #e2e2e2';
+      } else {
+        ele.style.boxShadow = 'none';
+      }
+    }
+  });
+  const check = el => {
+    const curOverflow = el.style.overflow;
+    if (!curOverflow || curOverflow === 'visible') {
+      el.style.overflow = 'hidden';
+    }
+    const isOverflowing = el.clientWidth < el.scrollWidth || el.clientHeight < el.scrollHeight;
+    el.style.overflow = curOverflow;
+    return isOverflowing;
+  };
   return jsxs("div", {
-    className: "flex items-center flex-shrink-0 space-x-6",
+    className: `flex items-center ${collapsed ? 'ml-2.5' : 'ml-0'}`,
     children: [jsx("div", {
+      id: "item-wrapper",
+      ref: scrollRef,
+      className: "flex overflow-x-auto scrollbar-hide whitespace-nowrap space-x-2 py-2 px-1",
+      children: navBarItems.map((item, index) => {
+        if (item.position === 'right' && item.component) {
+          return jsx("div", {
+            className: "flex-shrink-0",
+            children: item.component(props)
+          }, index);
+        }
+        return null;
+      })
+    }), jsx("div", {
       className: "relative",
       children: jsx(LanguageMenu, {})
     }), jsx("div", {
@@ -20,4 +87,4 @@ import {jsxs,jsx}from'react/jsx-runtime';import {LanguageMenu}from'../../Languag
       })
     })]
   });
-};export{RightContent};//# sourceMappingURL=RightContent.js.map
+};export{RightContent,useHorizontalScroll};//# sourceMappingURL=RightContent.js.map

package/lib/components/Layout/GlobalHeader/RightContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"sourcesContent":[null],"names":[],"mappings":"mKAMa,MAAA,YAAY,GAAqC,KAAC,IAAS;QAC9D;AACN,IAAA,WACS;AA4Bb,IAAE,UAAA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"iNAOO,MAAM,mBAAmB,GAAG,MAAK;AACpC,EAAA,MAAA,QAAW,MAAG,CAAA,IAAuB,CAAA;WAErC,CAAA,MAAa;AACT,IAAA,MAAA,EAAA,GAAM,KAAK,CAAA;QACX,EAAA,EAAI;AACA,MAAA,MAAA,OAAM,GAAA,CAAA,IAAO;AACT,QAAA,IAAA,CAAA,CAAA,MAAI,KAAE,CAAA,EAAM;wBAAQ,EAAA;mBAClB,CAAA;gBACF,EAAE,CAAC,UAAS,GAAA,CAAA,CAAA,MAAA;AACR,UAAA,QAAA,EAAA;AACA,SAAA,CAAA;AACH,MAAA,CAAA;AACL,MAAA,EAAA,CAAA,gBAAE,CAAA,OAAA,EAAA,OAAA,CAAA;AACF,MAAA,OAAA,MAAG;AACH,QAAA,EAAA,CAAA,mBAAY,CAAA,OAAA,EAAA,OAAA,CAAA;AACR,MAAA,CAAA;AACJ,IAAA;QACJ;SACC,KAAE;AAEP;AACF,MAAA,YAAA,GAAA,KAAA,IAAA;AAEF,EAAA,MAAO;AACH,IAAA,KAAA;IACA,MAAM;AACN,IAAA,UAAM;IAEN,WAAA;IAEA,SAAA;IAEA;MACA,KAAA;QACA,CAAA,WAAA,EAAA,cAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;QACA,SAAA,GAAA,mBAAA,EAAA;;;;;;;;AASQ;AACI;;kBACI;AACJ,IAAA,MAAA,GAAA,GAAA,QAAI,CAAK,6BAAoB,CAAA;aAChC;UACJ,KAAA,CAAA,GAAA,CAAA,EAAA;AACL,QAAG,GAAA,CAAA,KAAA,CAAA,SAAA,GAAA,uBAAA;AAEH,MAAA,CAAA,MAAM;AACF,QAAA,GAAA,CAAA,eAAiB,GAAK,MAAM;AAC5B,MAAA;AACI,IAAA;;AAEJ,EAAA,MAAA,KAAA;AACA,IAAA,MAAE,WAAO,GAAA,EAAQ,CAAA,cAAe;AAChC,IAAA,IAAA,CAAA,0BAAqB,KAAA,SAAA,EAAA;AACzB,MAAE,EAAA,CAAA,KAAA,CAAA,QAAA,GAAA,QAAA;IAEF;IACA,MAAI,aAAU,GAAM,EAAI,YAAW,GAAA,GAAO,WAAC,IAAA,EAAA,CAAA,YAAA,GAAA,EAAA,CAAA,YAAA;YACvC,CAAA,QAAA,GAAc;IAClB,OAAC,aAAA;AAED,EAAA,CAAA;AAgBY,EAAA,OAAAA,IAAA,CAAA,KAAE,EACA;AAiBlB,IAAE,SAAA,EAAA,CAAA,kBAAA,EAAA,SAAA,GAAA,QAAA,GAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/GlobalHeader/RightMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RightMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAOrE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAgBhD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuR/C,CAAC"}
+{"version":3,"file":"RightMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAOrE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAgBhD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiR/C,CAAC"}

package/lib/components/Layout/GlobalHeader/RightMenu.js

@@ -233,9 +233,7 @@ const RightMenu = ({
       onMouseEnter: onOpen,
       children: [jsx("button", {
         className: `
-                        inline-flex items-center justify-center
-                        ${scrolled ? 'text-muted-foreground bg-transparent hover:text-foreground' : 'text-white bg-muted hover:text-white'}
-                        rounded-full h-12 w-12 min-w-[48px] outline-none transform transition-colors duration-200
+                        inline-flex items-center justify-center bg-muted hover:bg-muted-foreground text-foreground rounded-full h-12 w-12 min-w-[48px] outline-none transform transition-colors duration-200
                     `,
         "aria-expanded": "false",
         onClick: toggleMenu,
@@ -245,7 +243,7 @@ const RightMenu = ({
           alt: "User"
         }) : null
       }), isOpen && jsxs("div", {
-        className: "absolute right-0 mt-2 w-72 rounded-themed shadow-themed-lg py-1 themed-dropdown ring-1 ring-border focus:outline-none z-40",
+        className: "bg-background absolute right-0 mt-2 w-72 rounded-themed shadow-themed-lg py-1 themed-dropdown ring-1 ring-border focus:outline-none z-40",
         role: "menu",
         "aria-orientation": "vertical",
         "aria-labelledby": "user-menu",

package/lib/components/Layout/GlobalHeader/RightMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightMenu.js","sources":["../../../../src/components/Layout/GlobalHeader/RightMenu.tsx"],"sourcesContent":[null],"names":["_jsx","React","_jsxs"],"mappings":"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"}
+{"version":3,"file":"RightMenu.js","sources":["../../../../src/components/Layout/GlobalHeader/RightMenu.tsx"],"sourcesContent":[null],"names":["_jsx","React","_jsxs"],"mappings":"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"}

package/lib/components/Layout/GlobalHeader/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sources":["../../../../src/components/Layout/GlobalHeader/SearchBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"uSAMA,MAAM;AAQN,EAAA;AACI,CAAA,GAAA,KAAA;AACc,MAAA,SAAc,GAAA,CAAA;AAC5B,EAAA;aACa,GAAA,QAAW;;AAExB,CAAA,KAAA;QAE6B,QAAA,GAAA,WAAA,EAAA;AAC7B,EAAA,MAAA,sBAA2B,EAAA;AACvB,EAAA,MAAA,YAAc,MAAA,CAAK,IAAO,CAAA;AAC1B,EAAA,MAAA,CAAA,MAAA,EAAS,SAAc,CAAA,GAAA,QAAO,CAAC,KAAC,CAAA;AAChC,EAAA,MAAA,CAAA,aAAe,EAAA,gBAAK,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AAChB,EAAA,MAAA;eACH;AACL,IAAA,aAAE;IAEF;AACA,GAAA,GAAA,WAAmB,CAAA,KAAA,IAAI,KAA0B,OAAI,CAAA;AACjD;AACI,EAAA,MAAA,kBAAgB,GAAA,MAAA,KAAA,IAAA;kBACP,KAAe,CAAA,MAAA,CAAA,KAAA;2BACJ,CAAA,KAAC,CAAC,CAAA;mBACZ,EAAA,EAAA;AACV,MAAA,QAAA,CAAA,eAAc,CAAA,EAAA,CAAA,CAAA;;;;AAId,EAAA,MAAA,aAAY,GAAA,KAAA,IAAA;iBACH,CAAA,GAAA;sBACD;AACA,QAAA,KAAA,CAAA;wBACI,CAAA,IAAA,IAAS,IAAA,GAAA,aAAA,CAAA,MAAA,GAAA,CAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;oBAEb;4BACS,EAAC;wBACb,CAAA,IAAA,IAAA,IAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;AAEL,MAAA,KAAA,OAAa;4BACW,EAAA;yBACX,IAAM,CAAA,IAAE,aAAA,CAAA,aAAA,CAAA,EAAA;gBACjB,MAAM,GAAA,aAAA,CAAA,aAAA,CAAA;UACb,IAAA,MAAA,EAAA;AACL,YAAE,OAAA,CAAA,GAAA,CAAA,yBAAA,EAAA,MAAA,CAAA,KAAA,CAAA;;UAGO,SAAM,CAAA,KAAA,CAAA;AACX;AACI,QAAA;mBACa;aACZ,CAAA,cAAA,EAAA;AACL,QAAA,SAAE,CAAA,KAAA,CAAA;AAEF,QAAA;AACA;AACI,GAAA;AACJ;WACG,CAAA,MAAA;IAEP,MAAsB,kBAAA,GAAA,KAAA,IAAA;AACtB,MAAA,IAAM,SAAiB,CAAA,OAAA,IAAI,CAAA,SAAwB,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;AAC/C,QAAA,SAAU,CAAA,KAAI,CAAE;AACZ;;YAEK,CAAA,gBAAQ,CAAA,WAAA,EAAA,kBAAA,CAAA;AACrB,IAAA,OAAE,MAAA;MAEK,QACE,CAAA,mBAAK,CAAA,WAAW,EAAA,kBAAuB,CAAS;AA2BrB,KAAA;AACA,GAAA,EAAA,EAAA,CAAA;AAwBxC;AAEA,EAAA,MAAA,iBAAyB,GAAA,MAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SearchBar.js","sources":["../../../../src/components/Layout/GlobalHeader/SearchBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"uSAMA,MAAM;AAQN,EAAA;AACI,CAAA,GAAA,KAAA;AACM,MAAA,SAAW,GAAA,CAAA;AACjB,EAAA;aACO,GAAA,QAAQ;;AAEf,CAAA,KAAA;QAEA,QAAA,GAAA,WAAA,EAAA;AACA,EAAA,MAAA,sBAAwB,EAAG;AACvB,EAAA,MAAA,YAAW,MAAG,CAAK,IAAC,CAAA;AACpB,EAAA,MAAA,CAAA,MAAA,EAAS,SAAA,CAAA,GAAA,QAAqB,CAAC,KAAC,CAAA;AAChC,EAAA,MAAA,CAAA,aAAW,EAAI,gBAAK,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AAChB,EAAA,MAAA;eACH;AACL,IAAA,aAAE;IAEF;AACA,GAAA,GAAA,WAAM,CAAA,KAAa,IAAI,KAA0B,OAAI,CAAA;AACjD;AACI,EAAA,MAAA,kBAAK,GAAW,MAAA,KAAA,IAAA;kBACZ,KAAM,CAAA,MAAA,CAAA,KAAc;2BACpB,CAAA,KAAiB,CAAC,CAAA;mBAClB,EAAA,EAAM;AACV,MAAA,QAAA,CAAA,eAAc,CAAA,EAAA,CAAA,CAAA;;;;AAId,EAAA,MAAA,aAAK,GAAO,KAAA,IAAA;iBACR,CAAA,GAAK;sBACD;AACA,QAAA,KAAA,CAAA;wBACI,CAAA,IAAA,IAAS,IAAA,GAAA,aAAA,CAAA,MAAA,GAAA,CAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;oBAEb;4BACA,EAAU;wBACb,CAAA,IAAA,IAAA,IAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;AAEL,MAAA,KAAA,OAAK;4BACK,EAAA;yBACG,IAAC,CAAA,IAAO,aAAA,CAAA,aAAA,CAAA,EAAA;gBACjB,MAAM,GAAA,aAAA,CAAA,aAAA,CAAA;UACb,IAAA,MAAA,EAAA;AACL,YAAE,OAAA,CAAA,GAAA,CAAA,yBAAA,EAAA,MAAA,CAAA,KAAA,CAAA;UAEF;UACA,SAAe,CAAA,KAAA,CAAA;AACX,QAAA;AACI,QAAA;mBACI;aACH,CAAA,cAAA,EAAA;AACL,QAAA,SAAE,CAAA,KAAA,CAAA;AAEF,QAAA;AACA;AACI,EAAA,CAAA;AACJ;WACG,CAAA,MAAA;IAEP,MAAA,kBAAsB,GAAA,KAAA,IAAA;AACtB,MAAA,IAAM,SAAA,CAAA,OAAiB,IAAI,CAAA,SAAwB,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;AAC/C,QAAA,SAAI,CAAM,KAAI,CAAE;AACZ,MAAA;;YAEJ,CAAA,gBAAiB,CAAA,WAAA,EAAA,kBAAA,CAAA;AACrB,IAAA,OAAE,MAAA;MAEF,QACI,CAAA,mBAAU,CAAA,WAAW,EAAA,kBAAuB,CAAA;AA2BZ,IAAA,CAAA;AACA,EAAA,CAAA,EAAA,EAAA,CAAA;AAwBxC;AAEA,EAAA,MAAA,iBAAyB,GAAA,MAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/GlobalHeader/index.d.ts

@@ -1,4 +1,3 @@
 export * from './MainHeader';
-export * from './Logo';
 export * from './RightMenu';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Layout/GlobalHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}

package/lib/components/Layout/ProTailwindLayout.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import type { LinksFunction } from '@remix-run/node';
 import { BasicLayoutProps } from '@admin-layout/client';
+import type { LinksFunction } from '@remix-run/node';
+import * as React from 'react';
 declare const ProTailwindLayout: React.FC<BasicLayoutProps & {
     loaderData?: any;
 }>;

package/lib/components/Layout/ProTailwindLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProTailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAOH,gBAAgB,EACnB,MAAM,sBAAsB,CAAC;AAc9B,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,CASxE,CAAC;AACF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,MAAM;;CAElB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,aAA+D,CAAC;AAEpF,eAAO,MAAM,MAAM,GAAU,WAAM;;;EA0BlC,CAAC;AAEF,wBAAsB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;;;;CAAA,gBAkBnE;AAED,eAAO,MAAM,gBAAgB,GAAI;;;CAA6B,YAE7D,CAAC"}
+{"version":3,"file":"ProTailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,gBAAgB,EAMnB,MAAM,sBAAsB,CAAC;AAO9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2E/B,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,CAyBxE,CAAC;AACF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,MAAM;;CAElB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,aAA+D,CAAC;AAEpF,eAAO,MAAM,MAAM,GAAU,WAAM;;;EA0BlC,CAAC;AAEF,wBAAsB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;;;;CAAA,gBAkBnE;AAED,eAAO,MAAM,gBAAgB,GAAI;;;CAA6B,YAE7D,CAAC"}

package/lib/components/Layout/ProTailwindLayout.js

@@ -1,17 +1,73 @@
 import { jsx } from 'react/jsx-runtime';
-import { useSelector } from 'react-redux';
 import { filterRoutesWithLocale, transformData, addProLayoutParentKeys, removeUnnecessaryProperties, menuDataRender } from '@admin-layout/client';
 import { matchParentRoute } from '@admin-layout/client/lib/utils/parentRoute.js';
-import { ClientContainerService } from 'common';
 import { ClientTypes } from '@common-stack/client-core';
+import { getAvailableCategories, getMenusByAdvancedFilter } from '@common-stack/client-react/lib/utils/filteredRoutes.js';
+import { ClientContainerService } from 'common';
+import * as React from 'react';
+import { useSelector } from 'react-redux';
 import { createSelector } from 'reselect';
-import BasicLayoutEnhanced from './TailwindLayout.js';
 import { config } from '../../config/env-config.js';
+import BasicLayoutEnhanced from './TailwindLayout.js';
 import stylesheet from '../../styles/index.css?url';
 const selectOrgName = state => state.platform.orgName;
-const selector = createSelector([selectOrgName], orgName => ({
-  orgName
+const selectSettings = state => state.settings;
+const selector = createSelector([selectOrgName, selectSettings], (orgName, settings) => ({
+  orgName,
+  settings
 }));
+/**
+ * Filter menu items based on user visibility settings using filteredRoutes utilities
+ */
+function filterMenuItemsByVisibility(menuData, settings) {
+  if (!menuData || !Array.isArray(menuData)) return [];
+  const hiddenMenuCategories = settings?.hiddenMenuCategories || [];
+  // Deduplicate hiddenMenuKeys using Set for consistent behavior
+  const hiddenMenuKeys = settings?.hiddenMenuKeys ? Array.from(new Set(settings.hiddenMenuKeys)) : [];
+  // Convert menu data to format expected by filteredRoutes utilities
+  const menuItemsWithCategories = menuData.map(item => ({
+    ...item,
+    // Use position as category for filtering
+    category: item.position || 'default',
+    // Ensure key exists for filtering
+    key: item.key || item.path || ''
+  }));
+  // Step 1: Filter by categories using advanced filter
+  const availableCategories = getAvailableCategories(menuItemsWithCategories);
+  const visibleCategories = availableCategories.filter(category => !hiddenMenuCategories.includes(category.toLowerCase()));
+  let filteredByCategory = menuItemsWithCategories;
+  if (visibleCategories.length !== availableCategories.length) {
+    // Use advanced filter to get menus by visible categories
+    const filters = {
+      categories: visibleCategories.length > 0 ? visibleCategories : ['__no_matches__'] // Empty array would show all
+    };
+    const filteredMenuMaps = getMenusByAdvancedFilter(menuItemsWithCategories, filters);
+    // Convert back to array format
+    filteredByCategory = filteredMenuMaps.map(menuMap => {
+      const path = Object.keys(menuMap)[0];
+      return {
+        ...menuMap[path],
+        path
+      };
+    });
+  }
+  // Step 2: Filter out individually hidden items recursively
+  const filterItemsRecursively = items => {
+    return items.filter(item => {
+      if (!item?.key) return false;
+      // Skip if this specific item is hidden
+      if (hiddenMenuKeys.includes(item.key)) {
+        return false;
+      }
+      // Process children recursively
+      if (item.children && Array.isArray(item.children) && item.children.length > 0) {
+        item.children = filterItemsRecursively(item.children);
+      }
+      return true;
+    });
+  };
+  return filterItemsRecursively(filteredByCategory);
+}
 const ProTailwindLayout = props => {
   const {
     loaderData: {
@@ -20,15 +76,21 @@ const ProTailwindLayout = props => {
     }
   } = props;
   const {
-    orgName
+    orgName,
+    settings
   } = useSelector(state => selector(state));
+  // Apply menu visibility filters
+  const filteredMenuData = React.useMemo(() => {
+    return filterMenuItemsByVisibility(newMenuData, settings);
+  }, [newMenuData, settings?.hiddenMenuCategories, settings?.hiddenMenuKeys]);
   const params = {
     orgName: orgName
   };
   return jsx(BasicLayoutEnhanced, {
     routeParams: params,
     permissions: permissions,
-    menuData: newMenuData
+    menuData: filteredMenuData,
+    fullMenuData: newMenuData
   });
 };
 const handle = {

package/lib/components/Layout/ProTailwindLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProTailwindLayout.js","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"sourcesContent":[null],"names":["_jsx","TailwindLayout"],"mappings":"+jBAqBA,MAAM,aAAa,GAAG,KAAC,IAAO,KAAG,CAAA,QAAM,CAAA,OAAS;AAEhD,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,aAAa,CAAC,EAAE,YAAY;AAE7D,EAAA;;AAII,MAAA,iBAAoB,GAAA,KAAA,IAAW;AAG/B,EAAA,MAAA;AACA,IAAA,UAAQ,EAAA;AACZ,MAAE,WAAA;AACF,MAAA;AAEA;AACI,GAAA,GAAA,KAAY;EACd,MAAA;AACF,IAAA;AAEA,GAAM,GAAA,WAAa,CAAA,SAAQ,QAAQ,MAAI,CAAA,CAAA;AACnC,EAAA,MAAA,MAAmB,GAAA;IACnB,OAAI,EAAA;AACJ,GAAA;SACeA,GAAA,CAAAC;IACf,WAAC,EAAA,MAAA;IAAC,WAAgB,EAAA,WAAA;AACd,IAAA,QAAA,EAAA;IACJ;;;AAKA,EAAA,IAAA,EAAA;AACA;cACkB,MAAA,CAAM;KACpB,EAAA,YAAY;AACZ,EAAA,IAAA,EAAA;;AAEY,MAAA,MAAA,GAAE,MAAC,MAAA,IAAA;AACf,EAAA,MAAA;IACJ;MACM,MAAA,CAAA,OAAA;MACC,WAAA,GAAA,EAAA;;eAEQ,GAAA,gBAAA,CAAA,WAAA,EAAA,MAAA,CAAA,WAAA,CAAA;WACb,CAAA,EAAA;AACN,IAAE,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAEF;QACgF,eAAA,GAAA,sBAAA,CAAA,WAAA,CAAA,QAAA,CAAA,CAAA;AAC5E,EAAA,MAAA,iBAAyB,GAAA,aAAY,gBAAG,CAAA;AACxC,EAAA,MAAA,+CAAmC,CAAA,iBAAA,CAAA;AAEnC,EAAA,sBAAK,CAAA,OAAA,CAAA,IAAA,IAAA,2BAAA,CAAA,IAAA,CAAA,CAAA;AACD,EAAA,IAAA,WAAiB,GAAA,MAAA;iBAEX,GAAA,MAAc,EAAA,YAAU,EAAI,WAAW;AAC7C,EAAA,IAAA,CAAA,WAAA,EAAY;UAEN,IAAA,KAAA,CAAA,uBAAsB,CAAA;AAC5B;MACH,CAAA,WAAA,EAAA;IAAC,MAAO,IAAG,KAAC,CAAA,uBAAA,CAAA;AACT;AACA,EAAA,MAAA,WAAQ,GAAM,cAAG,CAAA,eAAA,EAAA,WAAA,CAAA;SACpB;AACD,IAAA;AACJ,IAAC;AAED,GAAM;AACF;AACF,eAAA,YAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProTailwindLayout.js","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"sourcesContent":[null],"names":["_jsx","TailwindLayout"],"mappings":"gtBAyBA,MAAM,aAAa,GAAG,KAAC,IAAO,KAAG,CAAA,QAAM,CAAA,OAAS;AAChD,MAAM,cAAc,GAAG,KAAC,SAAU,CAAA,QAAM;AAExC,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,aAAa,EAAE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,MAAM;AAEzF,EAAA,OAAA;;AAEG,CAAA,CAAA,CAAA;AACH;;AAC+C;AAE3C,SAAA,2BAA6B,CAAA,QAAU,EAAA,QAAA,EAAA;MACvC,CAAA,QAAA,IAAA,CAAA,KAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA,EAAA;QACA,oBAAuB,GAAA,QAAU,EAAA,oBAAuB,IAAK;;QAG7D,cAAM,GAAA,QAAuB,EAAA,cAAgB,GAAC,KAAM,CAAE,IAAE,CAAA,IAAA,GAAA,CAAA,QAAA,CAAA,cAAA,CAAA,CAAA,GAAA,EAAA;AACpD;QACA,uBAAA,GAAA,QAAA,CAAA,GAAA,CAAA,IAAyC,KAAA;AACzC,IAAA,GAAA,IAAA;;YAEG,MAAO,CAAA,QAAO,IAAK,SAAU;AACnC;IAED,GAAA,EAAA,IAAA,CAAA,GAAA,IAAA,IAAA,CAAA,IAAA,IAAA;AACA,GAAA,CAAA,CAAA;;QAKI,mBAAkB,GAAG,sBAAuB,CAAC,uBAAA,CAAA;QAC7C,iBAAiB,GAAC,mCAAqC,IAAG,CAAA,oBAAA,CAAA,QAAA,CAAA,QAAA,CAAA,WAAA,EAAA,CAAA,CAAA;wBAC1D,GAAA,uBAAA;AACA,EAAA,IAAA,iBAAa,CAAG,MAAA,KAAA,mBAAA,CAAA,MAAA,EAAA;AACZ;UACF,OAAA,GAAA;gBAEI,EAAA,iBAAmB,CAAA,MAAA,GAAA,CAAA,GAAA,qCAAkD,CAAA;;UAE3E,gBAAkB,GAAG,wBAAsB,CAAA,uBAAW,EAAA,OAAA,CAAA;;yBAEtC,gBAAe,CAAA,GAAM,CAAC,OAAA,IAAA;AACtC,MAAA,MAAG,IAAA,GAAA,MAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA;MACN,OAAA;QAED,GAAA,OAAA,CAAA,IAAA,CAAA;AACA,QAAA;AACI,OAAA;;AACoB,EAAA;;8BAGE,GAAC,KAAA;AACf,IAAA,OAAA,KAAA,CAAA,MAAO,KAAK,IAAC;eAChB,EAAA,GAAA,EAAA,OAAA,KAAA;;wBAGQ,CAAA,QAAY,KAAK,CAAC,GAAA,CAAA,EAAA;oBACnB;;AAGR;AACJ,MAAA,IAAE,IAAC,CAAA,QAAA,IAAA,KAAA,CAAA,OAAA,CAAA,IAAA,CAAA,QAAA,CAAA,IAAA,IAAA,CAAA,QAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AACP,QAAE,IAAA,CAAA,QAAA,GAAA,sBAAA,CAAA,IAAA,CAAA,QAAA,CAAA;AAEF,MAAA;AACJ,MAAC,OAAA,IAAA;AAED,IAAA,CAAA,CAAM;;AAKF,EAAA,OAAA,sBAA2B,CAAA,kBAGxB,CAAA;;AAGH,MAAA,oBAAsB,KAAG,IAAM;AAC3B,EAAA,MAAA;AACJ,IAAA,UAAI,EAAA;AAEJ,MAAA,WAAY;MAEZ;AAQJ;AACA,GAAA,GAAA,KAAA;AAEA,EAAA,MAAO;AACH,IAAA,OAAM;IACR;AACF,GAAA,GAAM,WAAO,CAAK,KAAkB,IAAM,QAAQ;AAElD;AACI,EAAA,MAAA,gBAAmB,QAAK,CAAA,cAAe;IACvC,OAAI,2BAAiB,CAAA,WAAA,EAAA,QAAA,CAAA;AACrB,EAAA,CAAA,EAAA,CAAA,WAAK,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,CAAA,CAAA;QACD,MAAA,GAAA;IACJ,OAAC,EAAA;;AACG,EAAA,OAAAA,GAAA,CAAAC,mBAAe,EAAA;IACnB,WAAC,EAAA,MAAA;IAED,WAAM,EAAA,WAAkB;AACxB,IAAA,0BAA0B;AAC1B,IAAA;AACA,GAAA,CAAA;AACA;AAEK,MAAA,MAAA,GAAa;AACd,EAAA,IAAA,EAAA;;AAEC,MAAA,KAAA,GAAW,MAAG,CAAA;AACf,EAAA,GAAA,EAAA,YAAU;MACb,EAAA;;AAEM,MAAA,MAAA,GAAA,MAAA,MAAA,IAAA;QACH;;MAEF,MAAA,CAAA,OAAA;AACN,EAAE,IAAA,WAAA,GAAA,EAAA;AAEF,EAAA,IAAM;IACF,WAAA,GAAA,gBAAA,CAAA,WAAA,EAAA,MAAA,CAAA,WAAA,CAAA;AACA,EAAA,CAAA,CAAA,OAAM,CAAA,EAAA;AACN,IAAA,OAAM,CAAE,GAAA,CAAA,CAAA,CAAA;AAER,EAAA;AACI,EAAA,MAAA,eAAQ,GAAS,kCAAwC,CAAA,QAAA,CAAA,CAAA;QAEzD,iBAAiB,GAAG,aAAa,CAAC,eAAY,CAAA;AAC9C,EAAA,MAAA,sBAAoB,GAAA,sBAAa,CAAA,iBAAA,CAAA;wBAE3B,CAAA,OAAA,CAAmB,IAAG,IAAA,2BAAc,CAAA,IAAuB,CAAA,CAAA;AACjE,EAAA,IAAA,WAAA,GAAA,MAAA,EAAoB,YAAQ,EAAA,WAAa;MAC5C,WAAA,GAAA,MAAA,EAAA,YAAA,EAAA,WAAA;MAAC,CAAA,WAAW,EAAA;AACT,IAAA,MAAA,IAAA,KAAQ,CAAA,uBAAM,CAAA;AACd,EAAA;MACH,CAAA,WAAA,EAAA;AACD,IAAA,MAAA,iCAAkB,CAAA;AACtB,EAAC;AAED,EAAA,MAAO,WAAM,GAAA,cAAsB,CAAA,eAAe,EAAA,WAAc,CAAE;AAC9D,EAAA,OAAA;AACJ,IAAE,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/Sidebar/BottomMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IRightMenuProps } from '../../typings';
+export declare const BottomMenu: React.FC<IRightMenuProps>;
+//# sourceMappingURL=BottomMenu.d.ts.map

package/lib/components/Layout/Sidebar/BottomMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/BottomMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAOrE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAgBhD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuUhD,CAAC"}

package/lib/components/Layout/Sidebar/BottomMenu.js

@@ -0,0 +1,330 @@
+import {jsxs,Fragment,jsx}from'react/jsx-runtime';import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {useAppSelector}from'@admin-layout/client';import {generateMenuPath}from'../util.js';import {renderDynamicIcon}from'../../../helpers/DynamicIcon.js';import switchDialogs from'@app/dialog/WrappedDialogsSwitch';const DialogComponent = ({
+  path,
+  onClose
+}) => {
+  const [dialog, setDialog] = useState(null);
+  useEffect(() => {
+    if (!dialog) {
+      switchDialogs(path).then(component => {
+        setDialog(component);
+      });
+    }
+  }, []);
+  return dialog ? jsx(dialog.default, {
+    onClose: onClose
+  }) : jsx("div", {
+    children: "Loading..."
+  });
+};
+const BottomMenu = ({
+  menuData,
+  routeParams,
+  getMenuSeparation,
+  scrolled,
+  settings,
+  authorities,
+  isMobile,
+  picture
+}) => {
+  const [MenusList, setMenusList] = useState();
+  const [isOpen, setIsOpen] = useState(false);
+  const [openedModalKey, setOpenedModalKey] = React__default.useState(null);
+  const menuRef = useRef(null);
+  const {
+    t
+  } = {
+    t: key => key
+  }; // Mock translation function
+  // const cancelRef = React.useRef();
+  const {
+    profile = {}
+  } = useAppSelector(state => state?.user || {});
+  const {
+    nickname,
+    picture: profilePicture
+  } = profile || {};
+  const onOpen = () => setIsOpen(true);
+  const onClose = () => setIsOpen(false);
+  const toggleMenu = () => setIsOpen(!isOpen);
+  const accountMenuItems = menuData?.find(menu => menu.key === 'account');
+  const logoutMenuItems = menuData?.filter(menu => menu.key === 'logout.modal');
+  // Handle outside clicks to close the menu
+  useEffect(() => {
+    const handleClickOutside = event => {
+      if (menuRef.current && !menuRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    // Handle escape key to close the menu
+    const handleEscKey = event => {
+      if (event.key === 'Escape') {
+        setIsOpen(false);
+      }
+    };
+    if (isOpen) {
+      document.addEventListener('mousedown', handleClickOutside);
+      document.addEventListener('keydown', handleEscKey);
+    }
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+      document.removeEventListener('keydown', handleEscKey);
+    };
+  }, [isOpen]);
+  const newMenuData = menuData?.filter(m => !m.hideInMenu)?.map(m => {
+    if (!m.hideInMenu) {
+      const path = generateMenuPath(m.path, routeParams);
+      return {
+        ...m,
+        path
+      };
+    }
+  });
+  useEffect(() => {
+    setMenusList(getMenuSeparation(newMenuData));
+  }, [authorities]);
+  const conversionPath = path => {
+    if (path && path.indexOf('http') === 0) {
+      return path;
+    }
+    if (path && path.indexOf('/http') === 0) {
+      return path.replace(/^\//g, '');
+    }
+    return `/${path || ''}`.replace(/\/+/g, '/');
+  };
+  const getMenuItemModal = item => {
+    // const icon = this.getIcon(item.icon);
+    const {
+      key,
+      name,
+      icon
+    } = item;
+    return jsxs("button", {
+      onClick: () => {
+        setOpenedModalKey(key);
+        setIsOpen(false); // Close the dropdown when opening a modal
+      },
+      className: "flex items-center w-full px-3 py-2 text-left text-foreground hover:bg-muted",
+      role: "menuitem",
+      children: [jsx("div", {
+        className: "mr-3",
+        children: renderDynamicIcon(icon)
+      }), t(name)]
+    });
+  };
+  /**
+   * Judge whether it is http link.return or a Link
+   * @memberOf SiderMenu
+   */
+  const getMenuItemPath = item => {
+    // const { styles = {} } = props;
+    const itemPath = conversionPath(item.path);
+    // const icon = this.getIcon(item.icon);
+    const {
+      target,
+      name,
+      icon
+    } = item;
+    // Is it a http link
+    if (/^https?:\/\//.test(itemPath)) {
+      return jsxs("a", {
+        href: itemPath,
+        target: target,
+        onClick: onClose,
+        className: "flex items-center w-full p-3 text-foreground hover:bg-muted",
+        role: "menuitem",
+        children: [jsxs("div", {
+          className: "mr-3",
+          children: [renderDynamicIcon(icon), " "]
+        }), jsx("span", {
+          className: "ml-1",
+          children: name
+        })]
+      });
+    }
+    return jsxs(Link, {
+      to: itemPath,
+      onClick: onClose,
+      className: "flex items-center w-full px-3 py-2 text-left text-foreground hover:bg-muted",
+      role: "menuitem",
+      children: [jsx("div", {
+        className: "mr-3",
+        children: renderDynamicIcon(icon)
+      }), name]
+    });
+  };
+  const getMenuModals = () => {
+    let dialogMenus = [];
+    const upperMenus = MenusList?.upperMenus?.filter(x => x.modal === true);
+    const middleMenus = MenusList?.middleMenus?.filter(x => x.modal === true);
+    const lowerMenus = MenusList?.lowerMenus?.filter(x => x.modal === true);
+    const bottomMenus = MenusList?.bottomMenus?.filter(x => x.modal === true);
+    if (upperMenus?.length > 0) dialogMenus = dialogMenus.concat(...upperMenus);
+    if (middleMenus?.length > 0) dialogMenus = dialogMenus.concat(...middleMenus);
+    if (lowerMenus?.length > 0) dialogMenus = dialogMenus.concat(...lowerMenus);
+    if (bottomMenus?.length > 0) dialogMenus = dialogMenus.concat(...bottomMenus);
+    return dialogMenus.map((item, k) => {
+      const {
+        dialogPath,
+        key,
+        name
+      } = item;
+      return key === openedModalKey && jsx("div", {
+        className: "fixed inset-0 z-50 overflow-y-auto",
+        children: jsxs("div", {
+          className: "flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",
+          children: [jsx("div", {
+            className: "fixed inset-0 transition-opacity",
+            "aria-hidden": "true",
+            children: jsx("div", {
+              className: "absolute inset-0 bg-black bg-opacity-50",
+              onClick: () => {
+                onClose();
+                setOpenedModalKey(null);
+              }
+            })
+          }), jsx("span", {
+            className: "hidden sm:inline-block sm:align-middle sm:h-screen",
+            "aria-hidden": "true",
+            children: "\u200B"
+          }), jsx("div", {
+            className: "inline-block align-bottom rounded-themed-lg text-left overflow-hidden shadow-themed-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full themed-modal",
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": "modal-headline",
+            children: jsxs("div", {
+              className: "px-4 pt-5 pb-4 sm:p-6 sm:pb-4",
+              children: [jsx("div", {
+                className: "flex justify-end",
+                children: jsxs("button", {
+                  type: "button",
+                  className: "rounded-themed text-muted-foreground hover:text-foreground focus-themed",
+                  onClick: () => {
+                    onClose();
+                    setOpenedModalKey(null);
+                  },
+                  children: [jsx("span", {
+                    className: "sr-only",
+                    children: "Close"
+                  }), jsx("svg", {
+                    className: "h-6 w-6",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    "aria-hidden": "true",
+                    children: jsx("path", {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: "2",
+                      d: "M6 18L18 6M6 6l12 12"
+                    })
+                  })]
+                })
+              }), jsx("div", {
+                className: "mt-2",
+                children: jsx(DialogComponent, {
+                  path: dialogPath,
+                  onClose: () => {
+                    onClose();
+                    setOpenedModalKey(null);
+                  }
+                })
+              })]
+            })
+          })]
+        })
+      }, k);
+    });
+  };
+  return jsxs(Fragment, {
+    children: [jsxs("div", {
+      className: "relative",
+      ref: menuRef,
+      onMouseEnter: onOpen,
+      children: [jsxs("div", {
+        className: "flex items-center gap-2",
+        onClick: toggleMenu,
+        children: [jsx("button", {
+          className: `
+                        inline-flex items-center justify-center bg-muted hover:bg-muted-foreground text-foreground rounded-full h-12 w-12 min-w-[48px] outline-none transform transition-colors duration-200
+                    `,
+          "aria-expanded": "false",
+          children: picture ? jsx("img", {
+            src: picture,
+            className: "rounded-full",
+            alt: "User"
+          }) : jsx("svg", {
+            className: "h-6 w-6 text-foreground",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: "2",
+              d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
+            })
+          })
+        }), isMobile && jsx("span", {
+          className: "text-lg font-medium",
+          children: t(nickname)
+        })]
+      }), isOpen && jsxs("div", {
+        className: "bg-background absolute bottom-full mb-2 w-72 rounded-themed shadow-themed-lg py-1 themed-dropdown ring-1 ring-border focus:outline-none z-40",
+        role: "menu",
+        "aria-orientation": "vertical",
+        "aria-labelledby": "user-menu",
+        children: [MenusList?.upperMenus?.map((item, k) => jsx("div", {
+          className: "px-1 py-1",
+          children: item.modal ? getMenuItemModal(item) : getMenuItemPath(item)
+        }, k)), MenusList?.upperMenus?.length > 0 && MenusList?.middleMenus?.length > 0 && jsx("hr", {
+          className: "border-border my-1"
+        }), MenusList?.middleMenus?.map((item, k) => jsx("div", {
+          className: "px-1 py-1",
+          children: item.modal ? getMenuItemModal(item) : getMenuItemPath(item)
+        }, k)), profile && accountMenuItems?.children && jsx("div", {
+          className: "py-2",
+          children: accountMenuItems.children.map(item => jsxs(Link, {
+            className: "flex items-center justify-between px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 cursor-pointer transition-colors",
+            to: generateMenuPath(item.path, routeParams),
+            children: [jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("span", {
+                className: "mr-3 text-base",
+                children: item.icon
+              }), jsx("span", {
+                children: item.name
+              })]
+            }), item.hasNotification && jsx("div", {
+              className: "w-2 h-2 bg-blue-500 rounded-full"
+            })]
+          }, item.key))
+        }), profile && jsx("hr", {
+          className: "border-border my-1"
+        }), profile && jsxs("div", {
+          className: "flex items-center px-4 py-2",
+          children: [jsx("div", {
+            className: "w-8 h-8 rounded-full bg-red-500 flex items-center justify-center overflow-hidden mr-3",
+            children: picture ? jsx("img", {
+              src: picture,
+              alt: nickname || 'Guest',
+              className: "w-full h-full object-cover"
+            }) : jsx("span", {
+              className: "text-white text-sm font-medium",
+              children: (nickname || 'Guest').charAt(0).toUpperCase()
+            })
+          }), jsx("span", {
+            className: "text-sm font-medium",
+            children: nickname || 'Guest'
+          })]
+        }), logoutMenuItems?.length > 0 && jsx("hr", {
+          className: "border-border my-1"
+        }), logoutMenuItems?.map((item, k) => jsx("div", {
+          className: "px-1 py-1",
+          children: item.modal ? getMenuItemModal(item) : getMenuItemPath(item)
+        }, k))]
+      })]
+    }), getMenuModals()]
+  });
+};export{BottomMenu};//# sourceMappingURL=BottomMenu.js.map