@admin-layout/tailwind-design-pro 10.0.9-alpha.52 → 10.0.9-alpha.55

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgN1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkN1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -6,7 +6,8 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
     collapsed,
     routeParams,
     settings,
-    setCollapsed
+    setCollapsed,
+    location
   } = props;
   useState(false);
   const [iconModule, setIconModule] = React__default.useState(null);
@@ -22,6 +23,8 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
     ChevronLeftIcon,
     ChevronRightIcon
   } = icons;
+  const currentRoute = location?.pathname || '/';
+  const routeSettings = settings?.routeSettings?.[currentRoute] || {};
   useEffect(() => {
     if (!iconModule) {
       import('./DynamicIcon.js').then(module => {
@@ -86,7 +89,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
   }), [settings]);
   // Helper function to render a separator with a name
   const renderSeparator = name => {
-    if (!settings?.layout?.splitMenus) return null;
+    if (!routeSettings?.layout?.splitMenus) return null;
     return collapsed ? jsx("hr", {
       className: "border-t border-gray-200"
     }) : jsx(Divider, {
@@ -124,7 +127,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
             flexDirection: 'column'
           },
           className: "removeBoxShadow",
-          children: [renderSeparator(settings?.layout?.middleMenuDividerName), jsx(SidebarMenu, {
+          children: [renderSeparator(routeSettings?.layout?.middleMenuDividerName), jsx(SidebarMenu, {
             menuData: updateMenuIcons(middleMenus),
             routeParams: routeParams,
             settings: settings,
@@ -139,7 +142,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
             flexDirection: 'column'
           },
           className: "removeBoxShadow",
-          children: [renderSeparator(settings?.layout?.lowerMenuDividerName), jsx(SidebarMenu, {
+          children: [renderSeparator(routeSettings?.layout?.lowerMenuDividerName), jsx(SidebarMenu, {
             menuData: updateMenuIcons(lowerMenus),
             routeParams: routeParams,
             settings: settings,
@@ -147,7 +150,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
           })]
         }), jsx("div", {
           className: "p-4",
-          children: settings?.layout?.navigationMode === 'sidebar' && jsx(RightContent, {
+          children: routeSettings?.layout?.navigationMode === 'sidebar' && jsx(RightContent, {
             upperMenus: upperMenus,
             collapsed: collapsed,
             routeParams: routeParams,
@@ -166,7 +169,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
   };
   return jsxs("div", {
     children: [!isMobile && jsx("aside", {
-      className: `${settings?.layout?.fixedSidebar ? 'fixed' : 'relative'} border-r border-gray-200 z-20 h-screen bg-white dark:bg-gray-800 md:block flex-shrink-0 transition-all duration-300 ease-in-out ${collapsed ? 'w-16' : 'w-64'}`,
+      className: `${routeSettings?.layout?.fixedSidebar ? 'fixed' : 'relative'} border-r border-gray-200 z-20 h-screen bg-white dark:bg-gray-800 md:block flex-shrink-0 transition-all duration-300 ease-in-out ${collapsed ? 'w-16' : 'w-64'}`,
       style: SidebarStyles,
       children: renderSidebarContent()
     }), isSideMenuOpen && isMobile && jsx("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":"0nBAaa,MAAA,OAAO,GAA2B,KAAC,IAAS;AACrD,EAAA,MAAA;IACA,cAAsB;AACtB,IAAA,aAAO;IACP,QAAQ;AACR,IAAA,SAAgB;IAChB;IAEA,QAAS;;;EAGyB,QAAA,CAAA,KAAA;AAC1B,EAAA,MAAA,CAAA,UAAG,EAAA,aAAA,CAAA,GAAAA,cAAA,CAAA,QAAA,CAAA,IAAA,CAAA;QACP;IACJ,CAAC;IACD;AACI,GAAA,GAAA,cAAY,CAAC,MAAU,CAAA;AAC3B,EAAA,MAAE;IAEF;MACS,aAAM,EAAA;AACX,EAAA,MAAA;mBACU;AACN,IAAA,eAAW;AACP,IAAA;;AAER,EAAA,SAAE,CAAA,MAAA;AAEF,IAAA,IAAA,CAAA,UAAyB,EAAA;AACzB,MAAA,OAAA,kBAAY,CAAA,CAAA,IAAA,CAAA,MAAA,IAAA;AACR,QAAA,aAAS,CAAmB,MAAA,CAAA;AAChC,OAAA,CAAA;AACJ;KAEqC,EAAA,CAAA;QAC5B,eAAM,GAAA,MAAA;AACX,IAAA,YAAkB,CAAA,CAAA,SAAA,CAAA;;AAEV;YACJ,MAAC;AACL,IAAA,MAAE,kBAAA,GAAA,KAAA,IAAA;AAEF,MAAA,MAAA,OAAyB,GAAA,QAAA,CAAA,cAAY,CAAA,gBAAc,CAAA;AACnD,MAAA,IAAA,WAAY,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,IAAA,cAAA,EAAA;AACR,QAAA,aAAS,EAAmB;AAChC;AACJ,KAAC;AAED,IAAA,QAAQ,CAAU,gBAAa,CAAA,+BAA2B,CAAA;AAC1D,IAAA;kCAC6B,CAAA,WAAQ,EAAA,kBAAU,CAAA;AAAE,KAAA;AAC7C,GAAA,EAAA,CAAA,8BAA4B,CAAE;AAC1B;AACI,EAAA,SAAA,CAAA,MAAA;AACA,IAAA,MAAA,YAAM,GAAM,SAAM;gBAClB,GAAI,aAAY,IAAI,cAAY,EAAA;qBAClC,EAAA;AACF;;YAEA,CAAC,gBAAA,CAAA,SAAA,EAAA,YAAA,CAAA;AAED,IAAA,OAAA,MAAA;AACJ,MAAA,QAAG,CAAA,mBAAA,CAAA,SAAA,EAAA,YAAA,CAAA;AACP,KAAC;KACK,CAAA,cAAA,EAAA,aAA4B,CAAA,CAAA;QAE5B;AAGM,IAAA,UAAA;AACA,IAAA,WAAO;AACc,IAAA,UACpB;IAGb;AACA,GAAA,GAAA,iBAAqB,CAAA,QAAI,IAAQ,EAAA,CAAA;AAC7B,EAAA,MAAA,eAAe,GAAA,CAAA,SAAkB,GAAA,EAAA,KAAA;AAAE,IAAA,IAAA,CAAA,SAAA,KAAW,KAAC,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA,EAAA;AAE/C,IAAA,OAAA,aAAgB,CAAC,IACb,IAAA;AAIQ,MAAA,MAAA,WAAO,GAAS;AAChB,QAAA,GAAA,IAAA;AACA,QAAA,IAAA,EAAA,CAAA,CAAA,IAAA,CAAA,IAAe,CAAA;AACf,QAAA,IAAA,EAAA,cAAU,IAAA,CAAA,IAAA,GAAA,UAAA,CAAA,iBAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA;AACb,OAAA;AAMb,MAAE,IAAA,WAAA,CAAA,QAAA,EAAA;QAEI,WAAA,CAAA,QAAA,GAAuB,eAAK,CAAA,WAAA,CAAA,QAAA,CAAA;AAC9B;AAcwB,MAAA,OAAA,WAAA;AACA,KAAA,CAAA;AACA,GAAA;AACA,EAAA,MAAA,eAAA,GAAA;AACA,IAAA,QAAA,EAAA,eAAA,CAAA,WAAA;;AAkBA,EAAA,MAAA,aAAA,GAAAA,cAAA,CAAA,QAAM,OAAC;AACP,IAAA,eAAA,EAAA,QAAA,EAAA,QAAA,KAAiB,UAAA,GAAA,MAAA,GAAA,EAAA;AACjB,IAAA,KAAA,EAAA,QAAA,EAAA,QAAA,KAAA,UAAmB,GAAA,MAAA,GAAA;AACnB,GAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;AACA;8BAEJ,IAAA;AA6BxB,IAAA,IAAE,CAAA,QAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,IAAA;IAEF,OAAO;AAsCX,MAAE,SAAA,EAAA;AAEF,KAAA,CAAA,GAAAC,GAAA,CAAA,SAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAE3E,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;AAkFvF,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvD,QAAA,MAAM,SAAS;;;0EAAoB,CAAC;AAEpC,KAAK,+BAA+B,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAEzE,QAAA,MAAM,mBAAmB,EAAE,kBAAkB,CACzC,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,GAAG,CAAC,OAAO,CAAC,EAClF,GAAG,CAC8C,CAAC;AAEtD,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAG3E,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;AAmEvF,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvD,QAAA,MAAM,SAAS;;;0EAAoB,CAAC;AAEpC,KAAK,+BAA+B,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAEzE,QAAA,MAAM,mBAAmB,EAAE,kBAAkB,CACzC,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,GAAG,CAAC,OAAO,CAAC,EAClF,GAAG,CAC8C,CAAC;AAEtD,eAAe,mBAAmB,CAAC"}

package/lib/components/Layout/TailwindLayout.js

@@ -1,39 +1,31 @@
-import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {userSelector}from'@adminide-stack/user-auth0-client';import React__default,{useRef,useEffect,useMemo,useCallback}from'react';import {connect,useSelector}from'react-redux';import {BasicLayout}from'./BasicLayout/index.js';import {settingsMachine}from'../../machines/settingsMachine.js';import {createActor}from'xstate';import {useSelector as useSelector$1}from'@xstate/react';import {ThemeProviderTailwind}from'../ThemeProvider/ThemeProvider.js';import {isEqual}from'lodash-es';function BasicLayoutWithAuthorities(props) {
+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 {ThemeProviderTailwind}from'../ThemeProvider/ThemeProvider.js';import {BasicLayout}from'./BasicLayout/index.js';function BasicLayoutWithAuthorities(props) {
   const userData = useSelector(userSelector);
   const {
     settings,
     setSettings
   } = useLayoutSettings();
-  const settingsActor = createActor(settingsMachine, {
-    systemId: 'settings'
-  }).start();
-  const state = useSelector$1(settingsActor, state => state);
+  const [state, send, settingsActor] = useMachine(settingsMachine.provide({
+    actions: {
+      updateReduxSettings: ({
+        context
+      }) => {
+        setSettings(context);
+      }
+    }
+  }), {
+    input: {
+      settings: settings
+    }
+  });
   const settingXstate = state?.context;
   const {
     permissions
   } = props;
-  // Track the last settings we processed to avoid loops
-  const lastProcessedSettingsRef = useRef(settings);
-  // Monitor external settings changes and update xstate context
-  useEffect(() => {
-    // Skip initial render
-    if (!settings) return;
-    // Skip if this is the same settings object we just processed
-    if (isEqual(settings, lastProcessedSettingsRef.current)) return;
-    // Update our reference to prevent processing the same settings again
-    lastProcessedSettingsRef.current = settings;
-    // Update the xstate context with the new settings
-    settingsActor.send({
-      type: 'UPDATE',
-      value: settings
-    });
-  }, [settings, settingsActor]);
   const mainHeaderProps = useMemo(() => ({
     picture: userData ? userData?.profile?.picture : null
   }), [userData]);
   const onSettingChange = useCallback(config => {
-    // Just update the settings through the normal channel
-    // Our useEffect will detect this change and update xstate
+    // Update Redux first
     setSettings(config);
   }, [setSettings]);
   //@ts-ignore

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

@@ -1 +1 @@
-{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":["useXstateSelector","_jsx"],"mappings":"6jBAWA,SAAS,0BAA0B,CAAC,KAAgF,EAAA;AAChH,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;AAEN,IAAA,QAAmB;AACf,IAAA;MACF,iBAAS,EAAA;AAEX,EAAA,MAAA,aAA+B,GAAA,WAAA,CAAC,eAAe,EAAC;AAChD,IAAA,QAAmB,EAAA;AACnB,GAAA,CAAA,CAAA,KAAM,EAAE;QAE8C,KAAA,GAAAA,aAAA,CAAA,aAAA,EAAA,KAAA,IAAA,KAAA,CAAA;AACtD,EAAA,MAAA,8BAAiC;QAE6B;IAC9D;WAC0B;AACtB;gCAAsB,GAAA,MAAA,CAAA,QAAA,CAAA;;AAGtB,EAAA,SAAA,CAAI;;QAEJ,CAAqE,QAAA,EAAA;AACrE;QAEA,OAAkD,CAAA,QAAA,EAAA,wBAAA,CAAA,OAAA,CAAA,EAAA;;AAE9C,IAAA,wBAAc,CAAA,OAAA,GAAA,QAAA;AACd;AACH,IAAA,aAAE,CAAA,IAAA,CAAA;AACP,UAAI,EAAA,QAAuB;AAE3B,MAAA;AAEQ,KAAA,CAAA;AACH,GAAA,EAAA,CAAC,QACO,EAAA,aACX,CAAA,CAAA;AAEF,EAAA,MAAA,kBAAwB,OAAA,CAAA,OACnB;WACyD,EAAA,QAAA,GAAA,QAAA,EAAA,OAAA,EAAA,OAAA,GAAA;eACI,CAAA,CAAA;QAC1D,eAAkB,GAAA,WAAE,CAAA,MAAA,IAAA;AACxB;;IAKJ,WAAmB,CAAA,MAAA,CAAA;AAEnB,GAAA,EAAA,CAAA,WACK,CAAA,CAAA;AAYT;AAEA,EAAM,MAAA;IACF,WAAQ,EAAA;MACA;AACX,KAAE,GAAA;AAMH,GAAA,GAAM;AAIN,EAAM,OAAAC,GAAA,CAAA,qBAGF,EAAS;AAEb,IAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"ydASA,SAAS,0BAA0B,CAAC,KAAgF,EAAA;AAChH,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;AAEN,IAAA,QAAO;AAEC,IAAA;AACI,GAAA,GAAA,iBAAA,EAAA;gBACI,IAAW,EAAA,aAAQ,CAAC,GAAC,UAAA,CAAA,eAAA,CAAA,OAAA,CAAA;aACxB;AACJ,MAAA,mBAAA,EAAA,CAAA;AACJ,QACD;AACI,OAAA,KAAA;AACI,QAAA,WAAA,CAAQ,OAAU,CAAA;AACrB;AACJ;AAEL,GAAA,CAAA,EAAA;AAEA,IAAA,KAAA,EAAQ;AAER,MAAA;AAEQ;AACH,GAAA,CAAA;AAIL,EAAA,MAAA,qBAAwB,EAAA,OAAA;QAEhB;;AAEJ,GAAA,GACA,KAAY;QAGJ,eAAA,GAAA,OAAA,CAAA,OAAA;IACZ,OAAM,EAAa,QAAA,GAAA,QAAI,EAAO,OAAO,EAAE,OAAG,GAAM;AAEhD,GAAA,CAAA,EAAA,CAAA,QACK,CAAA,CAAA;AAYT,EAAC,MAAA,eAAA,GAAA,WAAA,CAAA,MAAA,IAAA;AAED;IACI,WAAQ,CAAA,MAAA,CAAA;KACA,CAAA,WAAQ,CAAA,CAAA;AACnB;AAMD,EAAA;AAIA,IAAM,WAAA,EAAA;AAKN,MAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

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;AAE/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CAgGrE"}
+{"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CAkGrE"}

package/lib/components/SettingDrawer/LayoutChange.js

@@ -1,18 +1,22 @@
 import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';function LayoutChange(props) {
   const {
     settings,
-    changeSetting
+    changeSetting,
+    location
   } = props;
   const {
     t
   } = useTranslation('settings');
+  const currentRoute = location?.pathname || '/';
   const {
-    layout = {},
     navTheme
   } = settings || {};
+  const {
+    layout = {}
+  } = settings?.routeSettings?.[currentRoute] || {};
   const handleLayoutChange = (key, value) => {
     if (!changeSetting) return;
-    changeSetting('layout', {
+    changeSetting(`routeSettings.${currentRoute}.layout`, {
       ...layout,
       [key]: value
     });
@@ -76,7 +80,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: settings?.layout?.upperMenuDividerName,
+            value: layout?.upperMenuDividerName,
             onChange: e => {
               handleLayoutChange('upperMenuDividerName', e.target.value);
             }
@@ -90,7 +94,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: settings?.layout?.middleMenuDividerName,
+            value: layout?.middleMenuDividerName,
             onChange: e => {
               handleLayoutChange('middleMenuDividerName', e.target.value);
             }
@@ -104,7 +108,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: settings?.layout?.lowerMenuDividerName,
+            value: layout?.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":"oIAKwB,SAAA,YAAY,CAAC,KAAiC,EAAA;AAClE,EAAA,MAAA;IACA,QAAQ;IACR;AAEA,GAAA,GAAA;AACI,EAAA,MAAA;;oBAEa,CAAA,UAAW,CAAA;AACpB,EAAA,MAAA;aACC,EAAA;AACJ,IAAA;AACL,GAAA,GAAE,QAAA,IAAA,EAAA;AAEF,EAAA,MAAA,kBAAyB,GAAA,CAAA,UAAe,KAAA;IAExC,IAAO,CAAA,aAEC,EAAA;;;;;;AAsEoB,EAAA,MAAA,SAAA,GAAA;AAQhC,IAAC,KAAA,EAAA,QAAA,KAAA,MAAA,GAAA,OAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LayoutChange.js","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"oIAKwB,SAAA,YAAY,CAAC,KAAiC,EAAA;QAC5D;IACN,QAAQ;AACR,IAAA;AACA,IAAA;AACA,GAAA,GAAA,KAAQ;AAER,EAAA,MAAA;AACI,IAAA;oBAA2B,CAAA,UAAA,CAAA;AAE3B,EAAA,MAAA,YAAA,GAAc,QAAA,EAAA,QAA6B,IAAA,GAAA;AACvC,EAAA,MAAA;;AAEH,GAAA,GAAA,QAAE,IAAA,EAAA;AACP,EAAA,MAAE;AAEF,IAAA,MAAM;MAEC,QAEC,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,EAAA;6CA2C0C;AACtB,IAAA,IAAA,CAAA,aAAA,EAAA;+CAYsB,CAAA,OAAA,CAAA,EAAA;AACtB,MAAA,GAAA,MAAA;;AAaA,KAAA,CAAA;AAQhC,GAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,3 +1,3 @@
 import { NavMenuSelectorProps } from './types';
-export default function NavigationModes({ changeSetting, settings }: NavMenuSelectorProps): import("react/jsx-runtime").JSX.Element;
+export default function NavigationModes({ changeSetting, settings, location }: 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;AA2E/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAoExF"}
+{"version":3,"file":"NavigationsModes.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA2E/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAuElG"}

package/lib/components/SettingDrawer/NavigationsModes.js

@@ -222,8 +222,11 @@ const menuTypes = [{
 }];
 function NavigationModes({
   changeSetting,
-  settings
+  settings,
+  location
 }) {
+  const currentRoute = location?.pathname || '/';
+  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
   return jsxs("div", {
     className: "space-y-8",
     children: [jsxs("section", {
@@ -234,13 +237,13 @@ function NavigationModes({
         className: "flex flex-row gap-4",
         children: navigationModes.map((mode, index) => jsx("div", {
           className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
-          onClick: () => changeSetting('layout', {
-            ...settings.layout,
+          onClick: () => changeSetting(`routeSettings.${currentRoute}.layout`, {
+            ...routeSettings.layout,
             navigationMode: mode.key
           }),
           children: jsxs("div", {
             className: "relative",
-            children: [mode.svg, settings?.layout?.navigationMode === mode.key && jsx("svg", {
+            children: [mode.svg, routeSettings?.layout?.navigationMode === mode.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 pointer-events-none",
               viewBox: "0 0 24 24",
               fill: "currentColor",
@@ -259,13 +262,13 @@ function NavigationModes({
         className: "flex flex-row gap-4",
         children: menuTypes.map((type, index) => jsx("div", {
           className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
-          onClick: () => changeSetting('layout', {
-            ...settings.layout,
+          onClick: () => changeSetting(`routeSettings.${currentRoute}.layout`, {
+            ...routeSettings.layout,
             sideMenuType: type.key
           }),
           children: jsxs("div", {
             className: "relative",
-            children: [type.svg, settings?.layout?.sideMenuType === type.key && jsx("svg", {
+            children: [type.svg, routeSettings?.layout?.sideMenuType === type.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 pointer-events-none",
               viewBox: "0 0 24 24",
               fill: "currentColor",

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationsModes.js","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"yCAGA,MAAM,eAAe,GAAG,CAAA;AACpB,EAAA,GAAA,EAAA,SAAA;AACI,EAAA,KAAA,EAAA,SAAc;AACd,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAW,EAAA;AAChB,IAAA,KAAA,EAAG,IACM;AAQZ,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAU;AACb,IAAA,QAAA,GAAOC,GAAS,CAAA,MAAA,EAAA;AAChB,MAAA,KAAG,EAAE,IACI;AAQZ,MAAA,MAAA,EAAA,IAAA;AACD,MAAA,EAAA,EAAA,GAAA;AACI,MAAA,IAAA;AACA,KAAA,CAAA,EAAAA,GAAA,CAAK,MAAS,EAAA;SACX,GAAA;AAaN,MAAA,CAAA,EAAA,GAAA;MACH,KAAA,EAAA,IAAA;AAEF,MAAM,YAAY;AACd,MAAA,IAAA,EAAA;AACI,KAAA,CAAA,EAAAA,IAAK,MAAS,EAAA;AACd,MAAA,CAAA,EAAA,GAAA;SACG,GAAA;AAQN,MAAA,KAAA,EAAA,IAAA;AACD,MAAA,MAAA,EAAA,GAAA;AACI,MAAA,EAAA,EAAA,GAAK;AACL,MAAA,IAAA,EAAA;QACAA,GAAG,CAAE,MACD,EAAA;AAOP,MAAA,CAAA,EAAA,GAAA;MACH,CAAA,EAAA,IAAA;AAEF,MAAM,WAAkB;AACpB,MAAA,MACI,EAAK,GAAA;;;AAaoB,MAAA,OAAA,EAAA;;;;AAqDjC,MAAC,KAAA,EAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NavigationsModes.js","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"yCAGA,MAAM,eAAe,GAAG,CAAA;AACpB,EAAA,GAAA,EAAA,SAAA;AACI,EAAA,KAAA,EAAA,SAAc;AACd,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAW,EAAA;AAChB,IAAA,KAAA,EAAG,IACM;AAQZ,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAU;AACb,IAAA,QAAA,GAAOC,GAAS,CAAA,MAAA,EAAA;AAChB,MAAA,KAAG,EAAE,IACI;AAQZ,MAAA,MAAA,EAAA,IAAA;AACD,MAAA,EAAA,EAAA,GAAA;AACI,MAAA,IAAA;AACA,KAAA,CAAA,EAAAA,GAAA,CAAK,MAAS,EAAA;SACX,GAAA;AAaN,MAAA,CAAA,EAAA,GAAA;MACH,KAAA,EAAA,IAAA;AAEF,MAAM,YAAY;AACd,MAAA,IAAA,EAAA;AACI,KAAA,CAAA,EAAAA,IAAK,MAAS,EAAA;AACd,MAAA,CAAA,EAAA,GAAA;SACG,GAAA;AAQN,MAAA,KAAA,EAAA,IAAA;AACD,MAAA,MAAA,EAAA,GAAA;AACI,MAAA,EAAA,EAAA,GAAK;AACL,MAAA,IAAA,EAAA;QACAA,GAAG,CAAE,MACD,EAAA;AAOP,MAAA,CAAA,EAAA,GAAA;MACH,CAAA,EAAA,IAAA;AAEF,MAAM,KAAQ,EAAA,IAAA;AACV,MAAA;AACA,MAAA,EAAA,EAAM;MAEC,IAAA,EACH;;;AAayB,MAAA,CAAA,EAAA,GAAA;;;;AAqDjC,MAAC,EAAA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CA4GrE"}
+{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAuMrE"}

package/lib/components/SettingDrawer/RegionalSettings.js

@@ -1,51 +1,148 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import {SearchBarBehavior}from'../../machines/types.js';import {config}from'../../config/env-config.js';function RegionalSettings(props) {
-  const {
-    settings,
-    changeSetting
-  } = 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 {SearchBarBehavior}from'../../machines/types.js';import {config}from'../../config/env-config.js';function RegionalSettings(props) {
   const {
     t
   } = useTranslation('settings');
   const {
-    regions = {},
+    settings,
+    changeSetting,
+    location
+  } = props;
+  const {
     navTheme
   } = settings || {};
+  const currentRoute = location?.pathname || '/';
+  const {
+    regions = {}
+  } = settings?.routeSettings?.[currentRoute] || {};
+  const [isHeaderExpanded, setIsHeaderExpanded] = React.useState(false);
+  const contentRef = React.useRef(null);
+  const [contentHeight, setContentHeight] = React.useState(0);
   const scrollThresholdConfig = JSON.parse(config.SCROLL_THRESHOLD);
+  React.useEffect(() => {
+    if (contentRef.current) {
+      setContentHeight(contentRef.current.scrollHeight);
+    }
+  }, [regions.showHeader]);
   const handleRegionChange = (key, value) => {
     if (!changeSetting) return;
-    changeSetting('regions', {
+    changeSetting(`routeSettings.${currentRoute}.regions`, {
       ...regions,
       [key]: value
     });
   };
+  const handleHeaderElementChange = (element, value) => {
+    if (!changeSetting) return;
+    const headerElements = regions.headerElements || {
+      showLogo: true,
+      showSearchSlot: true,
+      showRightContent: true
+    };
+    changeSetting(`routeSettings.${currentRoute}.regions`, {
+      ...regions,
+      headerElements: {
+        ...headerElements,
+        [element]: value
+      }
+    });
+  };
   const handleSearchBarBehaviorChange = value => {
     if (!changeSetting) return;
-    changeSetting('regions', {
+    changeSetting(`routeSettings.${currentRoute}.regions`, {
       ...regions,
       searchBarBehavior: value ? SearchBarBehavior.ON_SCROLL : SearchBarBehavior.PERMANENT
     });
   };
   const handleThresholdChange = value => {
     if (!changeSetting) return;
-    changeSetting('regions', {
+    changeSetting(`routeSettings.${currentRoute}.regions`, {
       ...regions,
       scrollThreshold: value
     });
   };
+  const headerElements = regions.headerElements || {
+    showLogo: true,
+    showSearchSlot: true,
+    showRightContent: true
+  };
   return jsxs("div", {
     children: [jsxs("div", {
       className: "flex items-center mb-2",
-      children: [jsx("p", {
-        style: {
-          color: navTheme === 'dark' ? '#ffff' : 'black'
-        },
-        children: t('header')
+      children: [jsxs("button", {
+        onClick: () => setIsHeaderExpanded(!isHeaderExpanded),
+        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 ${isHeaderExpanded ? '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", {
+          style: {
+            color: navTheme === 'dark' ? '#ffff' : 'black'
+          },
+          children: t('header')
+        })]
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
         value: regions.showHeader,
         onChange: checked => handleRegionChange('showHeader', checked)
       })]
+    }), regions.showHeader && jsx("div", {
+      ref: contentRef,
+      className: "overflow-hidden transition-all duration-300 ease-in-out",
+      style: {
+        maxHeight: isHeaderExpanded ? `${contentHeight}px` : '0px',
+        opacity: isHeaderExpanded ? 1 : 0
+      },
+      children: jsxs("div", {
+        className: "ml-4 mb-4 border-l-2 border-gray-200 pl-4",
+        children: [jsxs("div", {
+          className: "flex items-center mb-2",
+          children: [jsx("p", {
+            style: {
+              color: navTheme === 'dark' ? '#ffff' : 'black'
+            },
+            children: t('show_logo')
+          }), jsx("div", {
+            className: "flex-grow"
+          }), jsx(Switch, {
+            value: headerElements.showLogo,
+            onChange: checked => handleHeaderElementChange('showLogo', checked)
+          })]
+        }), jsxs("div", {
+          className: "flex items-center mb-2",
+          children: [jsx("p", {
+            style: {
+              color: navTheme === 'dark' ? '#ffff' : 'black'
+            },
+            children: t('show_search_slot')
+          }), jsx("div", {
+            className: "flex-grow"
+          }), jsx(Switch, {
+            value: headerElements.showSearchSlot,
+            onChange: checked => handleHeaderElementChange('showSearchSlot', checked)
+          })]
+        }), jsxs("div", {
+          className: "flex items-center mb-2",
+          children: [jsx("p", {
+            style: {
+              color: navTheme === 'dark' ? '#ffff' : 'black'
+            },
+            children: t('show_right_content')
+          }), jsx("div", {
+            className: "flex-grow"
+          }), jsx(Switch, {
+            value: headerElements.showRightContent,
+            onChange: checked => handleHeaderElementChange('showRightContent', checked)
+          })]
+        })]
+      })
     }), jsxs("div", {
       className: "flex items-center mb-2",
       children: [jsx("p", {

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

@@ -1 +1 @@
-{"version":3,"file":"RegionalSettings.js","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"mOAOwB,SAAA,gBAAgB,CAAC,KAA6B,EAAA;AAClE,EAAA,MAAA;IACA,QAAQ;IACR;MACM,KAAA;AAEN,EAAA,MAAA;AACI,IAAA;oBAA2B,CAAA,UAAA,CAAA;QAE3B;AACI,IAAA,OAAA,GAAA,EAAU;;AAEb,GAAA,GAAA,QAAE,IAAA,EAAA;AACP,EAAA,MAAE,qBAAA,GAAA,IAAA,CAAA,KAAA,CAAA,MAAA,CAAA,gBAAA,CAAA;AAEF,EAAA,MAAA,kBAAmC,GAAA,CAAA,GAAA,EAAA,KAAA,KAAI;AACnC,IAAA,IAAA,CAAA,aAAkB,EAAA;iBAAS,CAAA,SAAA,EAAA;SAEd,OAAA;AACT,MAAA,CAAA,GAAA,GAAA;AACA,KAAA,CAAA;AACH,GAAA;AACL,EAAA,MAAE,6BAAA,GAAA,KAAA,IAAA;AAEF,IAAA,IAAA,CAAA,aAA2B,EAAA;AACvB,IAAA,aAAkB,CAAA,SAAA,EAAA;gBAAS;iCAEF,iBAAA,CAAA,SAAA,GAAA,iBAAA,CAAA;AACrB,KAAA,CAAA;AACA,GAAA;AACH,EAAA,MAAA,qBAAE,GAAA,KAAA,IAAA;AACP,IAAA,IAAE,CAAA,aAAA,EAAA;AAEF,IAAA,aACI,CAAA,SAAA,EAAA;AA0ER,MAAC,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RegionalSettings.js","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"+PAOwB,SAAA,gBAAgB,CAAC,KAA6B,EAAA;QAC5D;IACN;AACA,GAAA,GAAA,cAAgB,CAAA,UAAa,CAAA;AAC7B,EAAA,MAAA;AACA,IAAA,QAAQ;AACR,IAAA,aAAO;IACP;AACA,GAAA,GAAA,KAAO;QAED;AAEN,IAAA;AACI,GAAA,GAAA,QAAc,IAAA,EAAA;AACV,EAAA,MAAA,YAAA,GAAA,QAA2B,EAAA,eAAS;QACxC;AACJ,IAAA,OAAI,GAAA;AAEJ,GAAA,GAAA,uBAA2B,GAAC,YAA6B,CAAE,IAAA,EAAA;AACvD,EAAA,MAAA,CAAA,gBAAkB,EAAA,mBAAA,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA;kBAAS,GAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA;AAE3B,EAAA,MAAA,CAAA,aAAc,EAAA,gBAA6B,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,CAAA,CAAU;AACjD,EAAA,MAAA,qBAAU,GAAA,IAAA,CAAA,KAAA,CAAA,MAAA,CAAA,gBAAA,CAAA;iBACL,CAAA,MAAO;AACf,IAAA,IAAA,UAAE,CAAA,OAAA,EAAA;AACP,MAAE,gBAAA,CAAA,UAAA,CAAA,OAAA,CAAA,YAAA,CAAA;AAEF;AACI,GAAA,EAAA,CAAA,OAAK,CAAa,UAAA,CAAA,CAAA;0BAAS,GAAA,CAAA,GAAA,EAAA,KAAA,KAAA;AAE3B,IAAA,IAAA,CAAA,aAAoB,EAAA;AAChB,IAAA,aAAA,CAAA,CAAA,cAAc,EAAA,YAAA,CAAA,QAAA,CAAA,EAAA;AACd,MAAA,GAAA,OAAA;AACA,MAAA,CAAA,GAAA,GAAA;;AAGJ,GAAA;AACI,EAAA,MAAA,yBAAU,GAAA,CAAA,OAAA,EAAA,KAAA,KAAA;AACV,IAAA,IAAA,CAAA,aAAA,EAAA;AACI,IAAA,MAAA,cAAiB,GAAA,OAAA,CAAA,cAAA,IAAA;gBACjB,IAAC;AACJ,MAAA,cAAA,EAAA,IAAA;AACJ,MAAA,gBAAE,EAAA;AACP,KAAC;AAED,IAAA,aAAmC,CAAA,CAAA,cAAA,EAAA,YAAI,CAAc,QAAI,CAAA,EAAA;AACrD,MAAA,GAAA,OAAkB;oBAAS,EAAA;AAE3B,QAAA,GAAA,cAAc;AACV,QAAA,CAAA,OAAU,GAAA;AACV;AACH,KAAA,CAAA;AACL,GAAA;AAEA,EAAA,MAAA,6BAA+B,GAAa,KAAI,IAAA;AAC5C,IAAA,IAAA,CAAA,aAAkB,EAAA;iBAAS,CAAA,CAAA,cAAA,EAAA,YAAA,CAAA,QAAA,CAAA,EAAA;AAE3B,MAAA,GAAA,OAAA;AACI,MAAA,iBAAU,EAAA,KAAA,GAAA,iBAAA,CAAA,SAAA,GAAA,iBAAA,CAAA;AACV,KAAA,CAAA;AACH,GAAA;AACL,EAAA,MAAE,qBAAA,GAAA,KAAA,IAAA;AAEF,IAAA,IAAA,CAAA,aAAoB,EAAA;AAChB,IAAA,cAAU,CAAI,cAAA,EAAA,YAAA,CAAA,QAAA,CAAA,EAAA;AACd,MAAA,GAAA,OAAA;AACA,MAAA,eAAA,EAAA;KACH,CAAC;AAEF,GAAA;sBA6B6B,GAAA,OAAkB,CAAA,cAAA,IAAM;;AAEpC,IAAA,cAAA,EAAA,IAAA;AAmGrB,IAAC,gBAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA4SjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,GAAG,CAkS5D,CAAC"}
+{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA+SjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,GAAG,CAuR5D,CAAC"}

package/lib/components/SettingDrawer/SettingDrawer.js

@@ -78,10 +78,12 @@ const initState = (settings, onSettingChange, publicPath) => {
     updateTheme(settings.navTheme === 'realDark', settings.primaryColor, publicPath);
   }
 };
-const getThemeList = settings => {
+const getThemeList = (settings, location) => {
   const {
     t
   } = useTranslation('settings');
+  const currentRoute = location?.pathname || '/';
+  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
   let list = [];
   const defaultList = [
   //@sri following are needed otherwise we need make above plugin to work
@@ -148,7 +150,7 @@ const getThemeList = settings => {
     color: '#1890ff',
     theme: 'dark'
   }];
-  if (settings.layout !== 'mix') {
+  if (routeSettings.layout.navigationMode !== 'mixed') {
     themeList.push({
       key: 'dark',
       title: t('dark')
@@ -267,7 +269,8 @@ const SettingDrawer = props => {
     actor,
     colorList,
     navTheme,
-    pathname
+    pathname,
+    location
   } = props;
   const {
     CloseIcon,
@@ -284,7 +287,7 @@ const SettingDrawer = props => {
   const state = useSelector(actor, state => state);
   const btnRef = useRef();
   const settingState = state?.context;
-  const themeList = getThemeList(settingState);
+  const themeList = getThemeList(settingState, location);
   console.log('--STATE--', settingState);
   /**
    * Modify settings
@@ -357,19 +360,6 @@ const SettingDrawer = props => {
       }
     }
   }, [settings]); // Only depend on settings
-  // Add a separate effect to track settingState changes
-  useEffect(() => {
-    // Store the previous setting state to compare
-    const prevSettingStateJSON = JSON.stringify(oldSetting);
-    const currentSettingStateJSON = JSON.stringify(settingState);
-    if (prevSettingStateJSON !== currentSettingStateJSON) {
-      console.log('settingState changed, calling onSettingChange');
-      onSettingChange(settingState);
-      oldSetting = {
-        ...settingState
-      };
-    }
-  }, [settingState]);
   const currentPathname = isBrowser() ? window.location.pathname : pathname || '';
   return jsx(Fragment, {
     children: settings?.showSettingPanel && jsxs(Fragment, {
@@ -415,7 +405,8 @@ const SettingDrawer = props => {
             children: jsx(CheckBoxTheme, {
               list: themeList.themeList,
               changeSetting: handleSettingChange,
-              settings: settingState
+              settings: settingState,
+              ...props
             })
           }), jsxs("div", {
             className: "mt-8",
@@ -452,12 +443,14 @@ const SettingDrawer = props => {
           className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
           children: [jsx(NavigationModes, {
             settings: settingState,
-            changeSetting: handleSettingChange
+            changeSetting: handleSettingChange,
+            ...props
           }), jsx("div", {
             className: "mt-8",
             children: jsx(LayoutChange, {
               settings: settingState,
-              changeSetting: handleSettingChange
+              changeSetting: handleSettingChange,
+              ...props
             })
           })]
         }), jsxs("div", {
@@ -467,7 +460,8 @@ const SettingDrawer = props => {
             children: t('regional_rettings')
           }), jsx(RegionalSettings, {
             settings: settingState,
-            changeSetting: handleSettingChange
+            changeSetting: handleSettingChange,
+            ...props
           })]
         }), jsx("div", {
           className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",