@admin-layout/tailwind-design-pro 12.0.16-alpha.6 → 12.0.16-alpha.61

package/lib/components/Layout/TailwindLayout.js

@@ -1,32 +1,90 @@
-import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {userSelector}from'@adminide-stack/user-auth0-client';import {useMachine}from'@xstate/react';import React__default,{useMemo,useCallback}from'react';import {connect,useSelector}from'react-redux';import {settingsMachine}from'../../machines/settingsMachine.js';import {TailwindThemeProvider}from'@admin-layout/tailwind-ui';import {BasicLayout}from'./BasicLayout/index.js';import {useRouteLoaderData}from'@remix-run/react';function BasicLayoutWithAuthorities(props) {
+import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {TailwindThemeProvider}from'@admin-layout/tailwind-ui';import {userSelector}from'@adminide-stack/user-auth0-client';import {useLocation,useRouteLoaderData,useMatches}from'@remix-run/react';import {useMachine}from'@xstate/react';import React__default,{useMemo,useCallback}from'react';import {connect,useSelector}from'react-redux';import {settingsMachine}from'../../machines/settingsMachine.js';import {BasicLayout}from'./BasicLayout/index.js';function BasicLayoutWithAuthorities(props) {
   const userData = useSelector(userSelector);
+  const location = useLocation();
   const {
     settings: settingsFromLoader
   } = useRouteLoaderData('root');
   const {
-    settings,
+    settings: reduxSettings,
     setSettings
   } = useLayoutSettings();
+  const matches = useMatches();
+  const current = matches[matches.length - 1];
+  // Use settingsFromLoader if available, fallback to Redux settings
+  // This ensures the machine always has valid settings input
+  const initialSettings = settingsFromLoader || reduxSettings;
+  console.log('🎯 TailwindLayout - Settings check:', {
+    hasSettingsFromLoader: !!settingsFromLoader,
+    hasReduxSettings: !!reduxSettings,
+    loaderSettingsKeys: settingsFromLoader ? Object.keys(settingsFromLoader) : [],
+    reduxSettingsKeys: reduxSettings ? Object.keys(reduxSettings) : [],
+    loaderShowSettingPanel: settingsFromLoader?.showSettingPanel,
+    reduxShowSettingPanel: reduxSettings?.showSettingPanel,
+    usingSettings: initialSettings ? 'provided' : 'none',
+    initialSettingsKeys: initialSettings ? Object.keys(initialSettings) : [],
+    initialShowSettingPanel: initialSettings?.showSettingPanel,
+    hasUilayoutInLoader: !!settingsFromLoader?.uilayout,
+    hasUilayoutInRedux: !!reduxSettings?.uilayout
+  });
+  // Log the actual keys when count is 42 (after settings panel update)
+  if (reduxSettings && Object.keys(reduxSettings).length > 20) {
+    console.log('🚨 Redux has too many keys (42):', Object.keys(reduxSettings));
+    console.log('🚨 Redux settings structure:', reduxSettings);
+  }
   const [state, send, settingsActor] = useMachine(settingsMachine.provide({
     actions: {
       updateReduxSettings: ({
-        context
+        context,
+        event
       }) => {
-        setSettings(context);
+        console.log('🔥 updateReduxSettings called:', {
+          eventType: event?.type,
+          hasContext: !!context,
+          hasPublic: !!context.public,
+          hasInternal: !!context.internal
+        });
+        if (event?.type === 'UISETTING_ROUTE_CHANGE') return;
+        // REVOLUTIONARY APPROACH: No filtering needed!
+        // The context is already separated into public and internal namespaces.
+        // We simply sync context.public to Redux - that's it!
+        //
+        // WHY THIS ELIMINATES LOOPS:
+        // - context.public contains ONLY user-facing settings
+        // - context.internal.configModel changes don't affect context.public
+        // - No manual filtering means no chance of mistakes
+        // - Type system enforces the separation at compile time
+        const publicSettings = context.public;
+        console.log('🔥 Sending PUBLIC settings to Redux:', {
+          publicKeys: Object.keys(publicSettings).slice(0, 10),
+          navTheme: publicSettings.navTheme,
+          logo: publicSettings.logo
+        });
+        setSettings(publicSettings);
       }
     }
   }), {
     input: {
-      settings: settingsFromLoader
+      settings: initialSettings,
+      currentRoute: location.pathname,
+      routePattern: current?.id
     }
   });
-  const settingXstate = state?.context;
+  // Access public settings only - internal state is never exposed
+  const settingXstate = state?.context?.public;
+  console.log('🔧 XState Context after initialization:', {
+    showSettingPanel: settingXstate?.showSettingPanel,
+    hasAllKeys: !!settingXstate,
+    contextKeys: settingXstate ? Object.keys(settingXstate).slice(0, 15) : [],
+    navTheme: settingXstate?.navTheme,
+    primaryColor: settingXstate?.primaryColor,
+    hasUilayout: !!settingXstate?.uilayout
+  });
   const {
     permissions
   } = props;
   const mainHeaderProps = useMemo(() => ({
-    picture: userData ? userData?.profile?.picture : null
-  }), [userData]);
+    picture: userData?.profile?.picture || null
+  }), [userData?.profile?.picture]);
   const onSettingChange = useCallback(config => {
     // Update Redux first
     setSettings(config);
@@ -37,8 +95,10 @@ import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout
       orgName
     } = {}
   } = props;
+  // Use base settings directly (overrides are already applied to the context)
+  const mergedSettings = settingXstate;
   return jsx(TailwindThemeProvider, {
-    settings: settingXstate,
+    settings: mergedSettings,
     actor: settingsActor,
     children: jsx(BasicLayout, {
       routeParams: orgName,
@@ -47,7 +107,8 @@ import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout
       mainHeaderProps: mainHeaderProps,
       actor: settingsActor,
       ...props,
-      settings: settingXstate
+      settings: mergedSettings,
+      routePattern: current?.id
     })
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"mgBAUA,SAAS,0BAA0B,CAAC,KAAgF,EAAA;AAChH,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;IACN,QAAQ;AAER,GAAA,GAAA,kBAAoB,CAAA,MAAA,CAAA;AAEZ,EAAA,MAAA;AACI,IAAA,QAAA;;uBAEC,EAAA;AACJ,EAAA,MAAA,CAAA,KAAA,EAAA,IAAA,EAAA,aAAA,CAAA,GAAA,UAAA,CAAA,eAAA,CAAA,OAAA,CAAA;AACJ,IAAA,OACD,EAAA;AACI,MAAA,mBAAO,EAAA,CAAA;AACH,QAAA;AACH,OAAA,KAAA;AACJ,QACH,WAAA,CAAA,OAAA,CAAA;AAEF;AAEA;AAEA,GAAA,CAAA,EAAA;AAEQ,IAAA,KAAA,EAAA;AACH,MAAC,QACO,EAAA;AAGb;;QAGQ,aAAkB,GAAA,KAAE,EAAA,OAAA;AACxB,EAAA,MACC;IAGL;MACM,KAAA;QAEC,eACmB,GAAA,OAAA,CAAA,OAAA;AAY9B,IAAC,OAAA,EAAA,QAAA,GAAA,QAAA,EAAA,OAAA,EAAA,OAAA,GAAA;AAED,GAAM,CAAA,EAAA,CAAA,QAAW,CAAA,CAAA;QACL,eAAA,GAAA,WAAA,CAAA,MAAA,IAAA;;AAEX,IAAE,WAAA,CAAA,MAAA,CAAA;AAMH,GAAA,EAAA,CAAM,WAAY,CAAA,CAAA;AAIlB;AAKA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"getPageTitle.js","sources":["../../../src/components/Layout/getPageTitle.ts"],"sourcesContent":[null],"names":[],"mappings":"yCAGa,MAAA,eAAe,GAAG,CAC3B,QAAgB,EAChB,UAA6C,EAC7C,aAAyC,KAC3B;;MAEV,aAAA,EAAa;UACP,OAAA,GAAA,CAAO,GAAG,aAAI,CAAA,IAAc,EAAA,CAAA,CAAI,IAAI,CAAA,GAAI,IAAK,YAAiB,CAAA,GAAA,CAAA,CAAA,IAAI,CAAC,QAAM,CAAA,CAAA;QAC/E,OAAI,EAAA;AACA,MAAA,OAAA,yBAAyB,CAAA;;;AAGrC;AAEA,MAAM,gBAAgB,GAAG,CACrB,KAAwB,EACxB,UAAoB,KAQpB;AACA,EAAA,MAAA;AAOQ,IAAA,QAAA,MAAa;;AAGrB,IAAA,aAAe;IACf,aAAM;IACN,KAAK,GAAc,gBAAG;QAClB,GAAO;AACH,MAAA,MAAA,EAAA;AACA;AACA,GAAA,GAAA,KAAA;iBACF,GAAA,UAAA,GAAA,EAAA,GAAA,KAAA,IAAA,EAAA;QACL,cAAA,GAAA,eAAA,CAAA,QAAA,EAAA,UAAA,EAAA,aAAA,CAAA;AACD,EAAA,IAAA,CAAA,cAA6B,EAAA;AAE7B,IAAA,OAAQ;WACI,EAAA;AACJ,MAAA,EAAA,EAAA,EAAA;cACc,EAAA;AACjB,KAAA;;MAGD,QAAS,GAAA,cAAG,CAAA,IAAA;UACL,CAAA,MAAA,KAAA,KAAA,IAAA,cAAA,CAAA,MAAA,IAAA,aAAA,EAAA;AACH,IAAA,QAAA,GAAA,aAAgB,CAAA;AAChB,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;AACzB,MAAA,cAAQ,EAAE,cAAS,CAAA;;;AAG3B,EAAA,IAAA,CAAA,QAAc,EAAA;WACH;AACH,MAAA,KAAA,EAAA,SAAe;AACf,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;cACjB,EAAA;;;MAGT,CAAA,KAAA,EAAA;AACH,IAAA,OAAA;AACA,MAAA,KAAI,EAAA,QAAA;QACJ,EAAQ,cAAA,CAAA,MAAA,IAAA,EAAA;MACV;AACN,KAAE;AAEF;;;;;;"}
+{"version":3,"file":"getPageTitle.js","sources":["../../../src/components/Layout/getPageTitle.ts"],"sourcesContent":[null],"names":[],"mappings":"yCAGO,MAAM,eAAe,GAAG,CAC3B,QAAgB,EAChB,UAA6C,EAC7C,aAAyC,KAC3B;;MAEd,aAAI,EAAa;UACb,OAAM,GAAA,CAAO,GAAG,aAAI,CAAA,IAAc,EAAA,CAAA,CAAI,IAAI,CAAA,GAAI,IAAE,YAAQ,CAAA,GAAA,CAAA,CAAY,IAAI,CAAC,QAAM,CAAA,CAAA;QAC/E,OAAI,EAAA;AACA,MAAA,OAAA,yBAAyB,CAAA;;;AAGrC;AAEA,MAAM,gBAAgB,GAAG,CACrB,KAAwB,EACxB,UAAoB,KAQpB;AACA,EAAA,MAAA;AAOQ,IAAA,QAAA,MAAQ;;AAGhB,IAAA,aAAM;IACN,aAAM;IACN,KAAK,GAAA,gBAAiB;QAClB,GAAA;AACI,MAAA,MAAA,EAAA;AACA;AACA,GAAA,GAAA,KAAA;iBACF,GAAA,UAAA,GAAA,EAAA,GAAA,KAAA,IAAA,EAAA;QACL,cAAA,GAAA,eAAA,CAAA,QAAA,EAAA,UAAA,EAAA,aAAA,CAAA;AACD,EAAA,IAAA,CAAA,cAAe,EAAA;AAEf,IAAA,OAAI;WACA,EAAA;AACI,MAAA,EAAA,EAAA,EAAA;cACA,EAAA;AACH,KAAA;;MAGL,QAAK,GAAQ,cAAG,CAAA,IAAA;UACZ,CAAA,MAAO,KAAA,KAAA,IAAA,cAAA,CAAA,MAAA,IAAA,aAAA,EAAA;AACH,IAAA,QAAA,GAAA,aAAgB,CAAA;AAChB,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;AACzB,MAAA,cAAQ,EAAE,cAAS,CAAA;;;AAG3B,EAAA,IAAA,CAAA,QAAI,EAAA;WACA;AACI,MAAA,KAAA,EAAA,SAAO;AACP,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;cACzB,EAAA;;;MAGD,CAAA,KAAA,EAAA;AACH,IAAA,OAAA;AACA,MAAA,KAAE,EAAE,QAAA;QACJ,EAAA,cAAQ,CAAA,MAAA,IAAA,EAAA;MACV;AACN,KAAE;AAEF,EAAA;;;;;;"}

package/lib/components/Layout/slot-fill/AdditionalSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalSettings.js","sources":["../../../../src/components/Layout/slot-fill/AdditionalSettings.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAIO,MAAM,kCAAkC,GAAG;AAErC,MAAA,sBAAsB,GAAG,KAAC,IAAS;SACrCA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,kCAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}
+{"version":3,"file":"AdditionalSettings.js","sources":["../../../../src/components/Layout/slot-fill/AdditionalSettings.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAIO,MAAM,kCAAkC,GAAG;AAE3C,MAAM,sBAAsB,GAAG,KAAC,IAAO;SAC1CA,GAAO,CAAA,IAAC,EAAI;AAChB,IAAE,IAAA,EAAA,kCAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}

package/lib/components/Layout/slot-fill/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../src/components/Layout/slot-fill/Footer.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAEO,MAAM,qBAAqB,GAAG;AAExB,MAAA,UAAU,GAAG,KAAC,IAAS;SACzBA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,qBAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}
+{"version":3,"file":"Footer.js","sources":["../../../../src/components/Layout/slot-fill/Footer.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAEO,MAAM,qBAAqB,GAAG;AAE9B,MAAM,UAAU,GAAG,KAAC,IAAO;SAC9BA,GAAO,CAAA,IAAC,EAAI;AAChB,IAAE,IAAA,EAAA,qBAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}

package/lib/components/Layout/slot-fill/HeaderSearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSearchBar.js","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchBar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"8LAKa,MAAA,mBAAmB,GAAG,KAAC,IAAS;SAClCA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,qBAAA;;;"}
+{"version":3,"file":"HeaderSearchBar.js","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchBar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"8LAKO,MAAM,mBAAmB,GAAG,KAAC,IAAO;SACvCA,GAAO,CAAA,IAAC,EAAI;AAChB,IAAE,IAAA,EAAA,qBAAA;;;"}

package/lib/components/Layout/slot-fill/HeaderSearchButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSearchButton.js","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"kMAKa,MAAA,sBAAsB,GAAG,KAAC,IAAS;SACrCA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,yBAAA;;;"}
+{"version":3,"file":"HeaderSearchButton.js","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"kMAKO,MAAM,sBAAsB,GAAG,KAAC,IAAO;SAC1CA,GAAO,CAAA,IAAC,EAAI;AAChB,IAAE,IAAA,EAAA,yBAAA;;;"}

package/lib/components/Layout/slot-fill/Logo.d.ts

@@ -0,0 +1,4 @@
+export declare const LOGO_SLOT_FILL_NAME = "logo-fill";
+export declare const LogoSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const LogoCard: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Logo.d.ts.map

package/lib/components/Layout/slot-fill/Logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/Logo.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,cAAc,CAAC;AAE/C,eAAO,MAAM,QAAQ,GAAI,UAAK,4CAE7B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,UAAK,4CAE7B,CAAC"}

package/lib/components/Layout/slot-fill/Logo.js

@@ -0,0 +1,7 @@
+import {jsx}from'react/jsx-runtime';import {Slot}from'@common-stack/components-pro';const LOGO_SLOT_FILL_NAME = 'logo-fill';
+const LogoSlot = props => {
+  return jsx(Slot, {
+    name: LOGO_SLOT_FILL_NAME,
+    fillProps: props
+  });
+};export{LOGO_SLOT_FILL_NAME,LogoSlot};//# sourceMappingURL=Logo.js.map

package/lib/components/Layout/slot-fill/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sources":["../../../../src/components/Layout/slot-fill/Logo.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAEO,MAAM,mBAAmB,GAAG;AAE5B,MAAM,QAAQ,GAAG,KAAC,IAAO;SAC5BA,GAAO,CAAA,IAAC,EAAI;AAChB,IAAE,IAAA,EAAA,mBAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}

package/lib/components/Layout/slot-fill/RightContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/slot-fill/RightContent.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"2LAKa,MAAA,gBAAgB,GAAG,KAAC,IAAS;SAC/BA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,kBAAA;;;"}
+{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/slot-fill/RightContent.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"2LAKO,MAAM,gBAAgB,GAAG,KAAC,IAAO;SACpCA,GAAO,CAAA,IAAC,EAAI;AAChB,IAAE,IAAA,EAAA,kBAAA;;;"}

package/lib/components/Layout/util.js

@@ -1,4 +1,4 @@
-import {generatePath}from'react-router';/* eslint-disable import/no-extraneous-dependencies */
+import {generatePath}from'@remix-run/router';/* eslint-disable import/no-extraneous-dependencies */
 const generateMenuPath = (path, params) => {
   try {
     const generatedPath = generatePath(path, params);

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

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../src/components/Layout/util.ts"],"sourcesContent":[null],"names":[],"mappings":"wCAAA;MAGa,gBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAI;AAC7C,EAAA,IAAA;UACU,aAAA,GAAA,YAA4B,CAAA,IAAC,QAAM,CAAA;AACzC,IAAA,OAAA;IACJ,OAAC,GAAA,EAAA;;;;;SAIA,IAAA;AACD"}
+{"version":3,"file":"util.js","sources":["../../../src/components/Layout/util.ts"],"sourcesContent":[null],"names":[],"mappings":"6CAAA;MAGa,gBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAI;AAC7C,EAAA,IAAA;UACI,aAAM,GAAA,YAAgB,CAAA,IAAa,QAAM,CAAA;AACzC,IAAA,OAAA;IACJ,OAAC,GAAA,EAAA;;;;;SAIA,IAAA;AACD"}

package/lib/components/SettingDrawer/CheckBoxTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxTheme.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAsD9C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CAiC/D"}
+{"version":3,"file":"CheckBoxTheme.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAwD9C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CAuC/D"}

package/lib/components/SettingDrawer/CheckBoxTheme.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';const themelist = [{
+import {jsx,jsxs}from'react/jsx-runtime';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {getSettingValue}from'../../utils/settingsUtils.js';const themelist = [{
   key: 'light',
   title: 'Light',
   svg: jsxs("svg", {
@@ -93,8 +93,18 @@ function CheckBoxTheme(props) {
   const {
     list,
     changeSetting,
-    settings
+    settings,
+    location,
+    routePattern,
+    applyToAllRoutes = false
   } = props;
+  const {
+    isMobile
+  } = useMediaQuery();
+  const currentRoute = routePattern || location?.pathname || '/';
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  // Use getSettingValue to get the correct navTheme based on applyToAllRoutes
+  const navThemeValue = getSettingValue(settings, 'navTheme', applyToAllRoutes, currentRoute, deviceType, 'light');
   return jsx("div", {
     className: "flex flex-row gap-4",
     children: themelist.map((themeItems, index) => {
@@ -108,7 +118,7 @@ function CheckBoxTheme(props) {
           changeSetting('primaryColor', settings?.primaryColor);
         },
         children: jsxs("div", {
-          children: [themeItems.svg, settings?.navTheme === themeItems.key && jsx("svg", {
+          children: [themeItems.svg, navThemeValue === themeItems.key && jsx("svg", {
             className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500",
             viewBox: "0 0 24 24",
             fill: "currentColor",

package/lib/components/SettingDrawer/CheckBoxTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxTheme.js","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"yCAGA,MAAM,SAAS,GAAG,CAAA;AACd,EAAA,GAAA,EAAA,OAAA;AACI,EAAA,KAAA,EAAA,OAAY;AACZ,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAS,EAAA;SACX,EAAA,IACM;AASZ,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAY;AACf,IAAA,QAAA,GAAOC,GAAU,CAAA,MAAA,EAAA;cAEb,EAAAA,GAAA,CAAA,QAAK,EAAK;AAcjB,QAAA,EAAA,EAAA,YAAA;AACD,QAAA,CAAA,EAAA,MAAA;AACI,QAAA,CAAA,EAAG,MAAQ;AACX,QAAA,KAAK,EAAE,MAAM;QACb,MACI,EAAK,MAAA;AAWZ,QAAA,QAAA,EAAAA,GAAA,CAAA,cAAA,EAAA;UACH,EAAA,EAAA,GAAA;AAEF,UAAO,EAAA,EAAO,GAAU;UACd,YAAQ,EAAA,GAAA;AACd,UAAA,UACI,EAAA,SAAc;AAEN,UAAA,YAGQ,EAAA;AAGI,SAAA;AACA,OAAA;AACJ,KAAA,CAAA,EAAAA,GAAA,CAAA;SAiBX,GACC;AAEd,MAAC,CAAA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CheckBoxTheme.js","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"kQAKA,MAAM,SAAS,GAAG,CAAA;AACd,EAAA,GAAA,EAAA,OAAA;AACI,EAAA,KAAA,EAAA,OAAK;AACL,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAE,EAAA;SACP,EAAG,IACC;AASP,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAY;AACf,IAAA,QAAA,GAAOC,GAAA,CAAA,MAAU,EAAA;cAEb,EAAAA,GAAA,CAAA,QAAK,EAAA;AAcZ,QAAA,EAAA,EAAA,YAAA;AACD,QAAA,CAAA,EAAA,MAAA;AACI,QAAA,CAAA,EAAG,MAAE;AACL,QAAA,KAAK,EAAE,MAAM;QACb,MACI,EAAA,MAAA;AAWP,QAAA,QAAA,EAAAA,GAAA,CAAA,cAAA,EAAA;UACH,EAAA,EAAA,GAAA;AAEF,UAAO,EAAA,EAAO,GAAA;AACV,UAAM,YAAQ,EAAA,GAAA;AACd,UAAM,UAAU,EAAE,SAAG;UACf,YAAY;SAClB;OAEA;AACA,KAAA,CAAA,EAAAA;AACA,MAAA,CAAA,EAAA,GACI;AAEQ,MAAA,CAAA,EAAA,GAAA;AAMY,MAAA,KAAA,EAAA,IAAA;AACA,MAAA,MAAA,EAAA,IAAA;AACJ,MAAA,EAAA,EAAA,GAAA;UAiBV,EAAA,SAER;AACN,MAAC,MAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/InvitationSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/InvitationSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CA6D3E"}
+{"version":3,"file":"InvitationSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/InvitationSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CAsE3E"}

package/lib/components/SettingDrawer/InvitationSettings.js

@@ -1,8 +1,10 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';function InvitationSettings(props) {
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {getSettingValue}from'../../utils/settingsUtils.js';function InvitationSettings(props) {
   const {
     settings,
     changeSetting,
-    location
+    location,
+    routePattern,
+    applyToAllRoutes = false
   } = props;
   const {
     t
@@ -10,10 +12,12 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18ne
   const {
     isMobile
   } = useMediaQuery();
-  const currentRoute = location?.pathname || '/';
-  settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
-  // Fallback to global if not found in route
-  const invitations = settings?.organization?.members?.invitations || {};
+  const currentRoute = routePattern || location?.pathname || '/';
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  // Get organization invitations using the utility function
+  const invitations = React.useMemo(() => {
+    return getSettingValue(settings, 'organization.members.invitations', applyToAllRoutes, currentRoute, deviceType, {});
+  }, [settings, applyToAllRoutes, currentRoute, deviceType]);
   const handleInvitationChange = (key, value) => {
     if (!changeSetting) return;
     const newInvitations = {

package/lib/components/SettingDrawer/InvitationSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationSettings.js","sources":["../../../src/components/SettingDrawer/InvitationSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"yUAMwB,SAAA,kBAAkB,CAAC,KAAiC,EAAA;QAClE;IACN,QAAQ;AACR,IAAA,aAAgB;AAChB,IAAA;AACA,GAAA,GAAA;QACM;IACN;MACM,cAAA,CAAW,UAAG,CAAQ;AAE5B,EAAA,MAAA;AACI,IAAA;mBAA2B,EAAA;AAC3B,EAAA,MAAA,uBAAuB,EAAA,QAAA,IAAA,GAAA;AACnB,EAAc,QAAA,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA;;AAIlB,EAAA,MAAA,WAAA,GAAc,QAAA,EAAA,YAAA,EAAA,OAAA,EAAA,WAAoC,IAAA,EAAc;AACpE,EAAA,MAAE,sBAAA,GAAA,CAAA,GAAA,EAAA,KAAA,KAAA;AAEF,IAAA,IAAA,CAAA,aAAkB,EAAE;IAEpB,MAAO,cAEC,GAAA;AAqCZ,MAAC,GAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"InvitationSettings.js","sources":["../../../src/components/SettingDrawer/InvitationSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"kWAOc,SAAU,kBAAkB,CAAC,KAAiC,EAAA;AACxE,EAAA,MAAA;IACA,QAAQ;AACR,IAAA,aAAQ;IACR,QAAM;IACN,YAAM;IAEN,gBAAA,GAAA;AACA,GAAA,GAAA;AACI,EAAA,MAAA;IAQJ;AAEA,GAAA,GAAA,0BAA4B;AACxB,EAAA,MAAA;;AACA,GAAA,GAAA;AACI,EAAA,MAAA,YAAG,GAAA,YAAW,IAAA,QAAA,EAAA,QAAA,IAAA,GAAA;kBACT,GAAE,QAAK,GAAA,QAAA,GAAA,SAAA;;AAGhB,EAAA,MAAA,WAAA,GAAc,KAAA,CAAA,OAAA,CAAA,MAAA;AAClB,IAAA,OAAE,eAAA,CAAA,QAAA,EAAA,kCAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,EAAA,CAAA;AAEF,EAAA,CAAA,EAAA,CAAA,0BAA2B,EAAA,YAAU,EAAA,YAAmB;QAExD,sBACI,GAAA,CAAA,GAAA,EACI,KAAA,KAAA;AAqCZ,IAAC,IAAA,CAAA,aAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/LayoutChange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CA2GrE"}
+{"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CAwIrE"}

package/lib/components/SettingDrawer/LayoutChange.js

@@ -1,8 +1,10 @@
-import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';function LayoutChange(props) {
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo}from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {getSettingValue}from'../../utils/settingsUtils.js';function LayoutChange(props) {
   const {
     settings,
     changeSetting,
-    location
+    location,
+    routePattern,
+    applyToAllRoutes = false
   } = props;
   const {
     t
@@ -10,19 +12,24 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
   const {
     isMobile
   } = useMediaQuery();
-  const currentRoute = location?.pathname || '/';
+  const currentRoute = routePattern || location?.pathname || '/';
   const {
     navTheme
   } = settings || {};
-  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
   const deviceType = isMobile ? 'mobile' : 'desktop';
-  const deviceLayout = routeSettings?.layout?.[deviceType] || {};
+  // Get layout values using the utility function
+  const layoutValues = useMemo(() => ({
+    fixedHeader: getSettingValue(settings, 'fixedHeader', applyToAllRoutes, currentRoute, deviceType, true),
+    fixedSidebar: getSettingValue(settings, 'fixedSidebar', applyToAllRoutes, currentRoute, deviceType, true),
+    splitMenus: getSettingValue(settings, 'splitMenus', applyToAllRoutes, currentRoute, deviceType, false),
+    upperMenuDividerName: getSettingValue(settings, 'upperMenuDividerName', applyToAllRoutes, currentRoute, deviceType, 'Navigation'),
+    middleMenuDividerName: getSettingValue(settings, 'middleMenuDividerName', applyToAllRoutes, currentRoute, deviceType, 'Dashboard'),
+    lowerMenuDividerName: getSettingValue(settings, 'lowerMenuDividerName', applyToAllRoutes, currentRoute, deviceType, 'Admin')
+  }), [settings, applyToAllRoutes, currentRoute, deviceType]);
   const handleLayoutChange = (key, value) => {
     if (!changeSetting) return;
-    changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
-      ...deviceLayout,
-      [key]: value
-    });
+    // Pass simple key - handleSettingChange in SettingDrawer will decide if it's global or route-specific
+    changeSetting(key, value);
   };
   const textColor = {
     color: navTheme === 'dark' ? '#ffff' : 'black'
@@ -37,7 +44,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: deviceLayout.fixedHeader,
+        value: layoutValues.fixedHeader,
         onChange: checked => handleLayoutChange('fixedHeader', checked)
       })]
     }), jsxs("div", {
@@ -49,7 +56,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: deviceLayout.fixedSidebar,
+        value: layoutValues.fixedSidebar,
         onChange: checked => handleLayoutChange('fixedSidebar', checked)
       })]
     }), jsxs("div", {
@@ -61,10 +68,10 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: deviceLayout.splitMenus,
+        value: layoutValues.splitMenus,
         onChange: checked => handleLayoutChange('splitMenus', checked)
       })]
-    }), deviceLayout.splitMenus && jsxs(Fragment, {
+    }), layoutValues.splitMenus && jsxs(Fragment, {
       children: [jsx("div", {
         className: "mt-6 mb-2",
         children: jsx("p", {
@@ -83,7 +90,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
           }), jsx("input", {
             type: "text",
             className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
-            value: deviceLayout?.upperMenuDividerName,
+            value: layoutValues.upperMenuDividerName,
             onChange: e => {
               handleLayoutChange('upperMenuDividerName', e.target.value);
             }
@@ -97,7 +104,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
           }), jsx("input", {
             type: "text",
             className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
-            value: deviceLayout?.middleMenuDividerName,
+            value: layoutValues.middleMenuDividerName,
             onChange: e => {
               handleLayoutChange('middleMenuDividerName', e.target.value);
             }
@@ -111,7 +118,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
           }), jsx("input", {
             type: "text",
             className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
-            value: deviceLayout?.lowerMenuDividerName,
+            value: layoutValues.lowerMenuDividerName,
             onChange: e => {
               handleLayoutChange('lowerMenuDividerName', e.target.value);
             }

package/lib/components/SettingDrawer/LayoutChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutChange.js","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"kVAMwB,SAAA,YAAY,CAAC,KAAiC,EAAA;QAC5D;IACN,QAAQ;AACR,IAAA,aAAgB;AAChB,IAAA;AACA,GAAA,GAAA;AACA,EAAA,MAAA;IACA;MACM,cAAA,CAAA,UAAe,CAAA;AAErB,EAAA,MAAA;AACI,IAAA;mBAA2B,EAAA;AAE3B,EAAA,MAAA,YAAA,GAA+B,QAAA,EAAA,QAAA,IAAA,GAAA;AAC3B,EAAA,MAAA;;AAEH,GAAA,GAAA,QAAE,IAAA,EAAA;AACP,EAAA,MAAE,aAAA,GAAA,QAAA,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA,QAAA;AAEF,EAAA,MAAA,aAAkB,QAAO,WAAe,GAAA,SAAQ;QAEzC,YAEC,GAAA,aAAA,EAAA,MAAA,GAAA,UAAc,CAAA,IAAA,EAAC;6CAiD2B;AACtB,IAAA,IAAA,CAAA,aAAA,EAAA;+CAYsB,CAAA,QAAA,EAAA;AACtB,MAAA,GAAA,YAAA;;AAaA,KAAA,CAAA;AAQhC,GAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LayoutChange.js","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"2WAQc,SAAU,YAAY,CAAC,KAAiC,EAAA;AAClE,EAAA,MAAA;IACA,QAAQ;AACR,IAAA,aAAQ;IACR,QAAM;AACN,IAAA,YAAQ;AACR,IAAA,gBAAgB,GAAG;MAEnB,KAAA;AACA,EAAA,MAAA;AAEQ,IAAA;AACA,GAAA,GAAA,cAAY,CAAA,UAAE,CAAA;AACd,EAAA,MAAA;AACA,IAAA;AAQA,GAAA,GAAA,aAAA,EAAA;AAQA,EAAA,MAAA,YAAA,GAAA,YAAsB,IAAA,QAClB,EAAA,QACA,IAAA,GAAA;QAOR;AAGJ,IAAA;AACI,GAAA,GAAA,QAAK,IAAA,EAAA;kBAAe,GAAO,QAAA,GAAA,QAAA,GAAA,SAAA;;AAE3B,EAAA,MAAA,YAAA,GAAc,OAAK,CAAA,OAAO;AAC9B,IAAA,WAAE,EAAA,eAAA,CAAA,QAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,IAAA,CAAA;AAEF,IAAA,sCAAmC,EAAK,cAAS,EAAO,gBAAa,EAAA,YAAA,EAAA,UAAA,EAAA,IAAA,CAAA;IAErE,UACI,EAAA,eAAA,CAAA,QACI,EAAA,YAAK,EAAA,gCAAkC,UAAA,EAAA,KACnC,CAAA;kDAgDoB,EAAA,wCAA6C,EAAA,YAAc,EAAA,UAAA,EAAA,YAAA,CAAA;AAC/D,IAAA,qBAAA,EAAA,iDAGO,kBAAe,EAAA,YAC1B,EAAA,UAAO,aAAU,CAAA;kDAQT,EAAA,wCAA8C,EAAA,YAAc,EAAA,UAAA,EAAA,OAAA;AAChE,GAAA,CAAA,EAAA,CAAA,QAAA,EAAA,gBAAA,EAAA,YACF,EACA;6CAUM;AACJ,IAAA,IAAA,CAAA,aAAA,EAAA;AAQhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/MenuVisibilitySettings.d.ts

@@ -0,0 +1,20 @@
+interface MenuItem {
+    key: string;
+    name: string;
+    path: string;
+    position?: string;
+    children?: MenuItem[];
+    tab?: string;
+    [key: string]: any;
+}
+interface MenuVisibilitySettingsProps {
+    fullMenuData: MenuItem[];
+    settings: {
+        hiddenMenuKeys?: string[];
+        [key: string]: any;
+    };
+    changeSetting: (key: string, value: any) => void;
+}
+export default function MenuVisibilitySettings({ fullMenuData, settings, changeSetting }: MenuVisibilitySettingsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MenuVisibilitySettings.d.ts.map

package/lib/components/SettingDrawer/MenuVisibilitySettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuVisibilitySettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/MenuVisibilitySettings.tsx"],"names":[],"mappings":"AAQA,UAAU,QAAQ;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,UAAU,2BAA2B;IACjC,YAAY,EAAE,QAAQ,EAAE,CAAC;IACzB,QAAQ,EAAE;QACN,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;QAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;IACF,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,2BAA2B,2CAqFpH"}

package/lib/components/SettingDrawer/MenuVisibilitySettings.js

@@ -0,0 +1,120 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useMemo,useCallback}from'react';import {useTranslation}from'react-i18next';// Constants
+// all keys included now ['usermenu', 'topmenu']
+const EXCLUDED_MENU_KEYS = [];
+const MENU_POSITIONS = ['UPPER', 'MIDDLE', 'LOWER', 'BOTTOM'];
+function MenuVisibilitySettings({
+  fullMenuData,
+  settings,
+  changeSetting
+}) {
+  const {
+    t
+  } = useTranslation('settings');
+  const [isExpanded, setIsExpanded] = useState(false);
+  // Get deduplicated hidden menu keys
+  const hiddenMenuKeys = useMemo(() => {
+    return settings.hiddenMenuKeys ? Array.from(new Set(settings.hiddenMenuKeys)) : [];
+  }, [settings.hiddenMenuKeys]);
+  // Organize menu items by position
+  const allMenuItems = useMemo(() => {
+    const categories = [];
+    if (fullMenuData?.length) {
+      MENU_POSITIONS.forEach(position => {
+        const positionItems = fullMenuData.filter(item => item.position === position && item.key && !EXCLUDED_MENU_KEYS.includes(item.key));
+        categories.push(...positionItems);
+      });
+      const itemsWithoutPosition = fullMenuData.filter(item => !item.position && item.key && !EXCLUDED_MENU_KEYS.includes(item.key));
+      categories.push(...itemsWithoutPosition);
+    }
+    return categories;
+  }, [fullMenuData]);
+  // Create bound functions with current dependencies
+  const boundGetDisplayName = useCallback(item => getDisplayName(item, t), [t]);
+  const boundToggleMenuItem = useCallback(itemKey => toggleMenuItem(itemKey, hiddenMenuKeys, changeSetting), [hiddenMenuKeys, changeSetting]);
+  // Memoize rendered menu items to prevent unnecessary JSX creation
+  const renderedMenuItems = useMemo(() => {
+    return renderMenuItems(allMenuItems, 0, hiddenMenuKeys, boundGetDisplayName, boundToggleMenuItem);
+  }, [allMenuItems, hiddenMenuKeys, boundGetDisplayName, boundToggleMenuItem]);
+  return jsxs("div", {
+    className: "space-y-4",
+    children: [jsx("div", {
+      className: "flex items-center mb-2",
+      children: jsxs("button", {
+        onClick: () => setIsExpanded(!isExpanded),
+        className: "flex items-center gap-2 hover:opacity-80 transition-all duration-200",
+        children: [jsx("svg", {
+          className: `w-4 h-4 transition-transform duration-300 ease-in-out ${isExpanded ? 'rotate-180' : ''}`,
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: jsx("path", {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M19 9l-7 7-7-7"
+          })
+        }), jsx("p", {
+          className: "text-md font-medium text-black dark:text-white",
+          children: t('menu_visibility.title') || 'Menu Visibility'
+        })]
+      })
+    }), jsx("div", {
+      className: `grid transition-all duration-300 ease-in-out ${isExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'}`,
+      children: jsx("div", {
+        className: "overflow-hidden",
+        children: jsx("div", {
+          className: "ml-4 mb-4 border-l-2 border-gray-200 dark:border-gray-600 pl-4",
+          children: jsx("div", {
+            className: "space-y-2",
+            children: allMenuItems.length === 0 ? jsx("div", {
+              className: "text-center text-gray-500 dark:text-gray-400 py-4",
+              children: t('menu_visibility.no_items') || 'No menu items found'
+            }) : renderedMenuItems
+          })
+        })
+      })
+    })]
+  });
+}
+// Helper functions
+function getDisplayName(item, t) {
+  if (item.tab) return item.tab;
+  if (item.name?.startsWith('menu.')) {
+    const parts = item.name.split('.');
+    return parts.length > 1 ? parts[parts.length - 1].charAt(0).toUpperCase() + parts[parts.length - 1].slice(1) : item.name;
+  }
+  return t(item.name) || item.name;
+}
+function toggleMenuItem(itemKey, hiddenMenuKeys, changeSetting) {
+  const uniqueKeys = new Set(hiddenMenuKeys);
+  uniqueKeys.has(itemKey) ? uniqueKeys.delete(itemKey) : uniqueKeys.add(itemKey);
+  changeSetting('hiddenMenuKeys', Array.from(uniqueKeys));
+}
+function renderMenuItems(items, indent, hiddenMenuKeys, getDisplayNameFn, toggleMenuItemFn) {
+  return items.map(item => {
+    const isVisible = !hiddenMenuKeys.includes(item.key);
+    const displayName = getDisplayNameFn(item);
+    return jsxs("div", {
+      children: [jsxs("div", {
+        className: "flex items-center py-0.5",
+        children: [jsx("input", {
+          type: "checkbox",
+          id: `menu-item-${item.key}`,
+          className: "mr-2 h-3 w-3 rounded border-gray-300 dark:border-gray-600 focus:ring-primary dark:focus:ring-primary bg-white dark:bg-gray-700 accent-primary",
+          checked: isVisible,
+          onChange: () => toggleMenuItemFn(item.key)
+        }), jsx("label", {
+          htmlFor: `menu-item-${item.key}`,
+          className: "text-xs text-black dark:text-white cursor-pointer flex-1",
+          style: {
+            paddingLeft: `${indent * 12}px`
+          },
+          children: displayName
+        })]
+      }), isVisible && item.children && item.children.length > 0 && jsx("div", {
+        className: "ml-6",
+        children: renderMenuItems(item.children, indent + 1, hiddenMenuKeys, getDisplayNameFn, toggleMenuItemFn)
+      })]
+    }, item.key);
+  });
+}export{MenuVisibilitySettings as default};//# sourceMappingURL=MenuVisibilitySettings.js.map

package/lib/components/SettingDrawer/MenuVisibilitySettings.js.map

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

package/lib/components/SettingDrawer/NavigationsModes.d.ts

@@ -1,3 +1,3 @@
 import { NavMenuSelectorProps } from './types';
-export default function NavigationModes({ changeSetting, settings, location }: NavMenuSelectorProps): import("react/jsx-runtime").JSX.Element;
+export default function NavigationModes({ changeSetting, settings, location, routePattern, applyToAllRoutes, }: NavMenuSelectorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NavigationsModes.d.ts.map

package/lib/components/SettingDrawer/NavigationsModes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationsModes.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA4E/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CA8ElG"}
+{"version":3,"file":"NavigationsModes.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAgG/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACpC,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,gBAAwB,GAC3B,EAAE,oBAAoB,2CA+FtB"}