@admin-layout/tailwind-design-pro 10.0.9-alpha.9 → 10.1.1-alpha.2

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

@@ -1,4 +1,4 @@
-export declare const FOOTER_SLOT_FILL_NAME = "footer-slot-fill";
+export declare const FOOTER_SLOT_FILL_NAME = "footer-fill";
 export declare const FooterSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
 export declare const FooterCard: (props: any) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Footer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/Footer.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,qBAAqB,CAAC;AAExD,eAAO,MAAM,UAAU,yDAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,yDAEtB,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/Footer.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,gBAAgB,CAAC;AAEnD,eAAO,MAAM,UAAU,GAAI,UAAK,4CAE/B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,UAAK,4CAE/B,CAAC"}

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

@@ -1,7 +1,7 @@
-import {jsx}from'react/jsx-runtime';import {Fill}from'@common-stack/components-pro';const FOOTER_SLOT_FILL_NAME = 'footer-slot-fill';
-const FooterCard = props => {
-  return jsx(Fill, {
-    ...props,
-    name: FOOTER_SLOT_FILL_NAME
+import {jsx}from'react/jsx-runtime';import {Slot}from'@common-stack/components-pro';const FOOTER_SLOT_FILL_NAME = 'footer-fill';
+const FooterSlot = props => {
+  return jsx(Slot, {
+    name: FOOTER_SLOT_FILL_NAME,
+    fillProps: props
   });
-};export{FOOTER_SLOT_FILL_NAME,FooterCard};//# sourceMappingURL=Footer.js.map
+};export{FOOTER_SLOT_FILL_NAME,FooterSlot};//# sourceMappingURL=Footer.js.map

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":[],"mappings":"oFAGO,MAAM,qBAAqB,GAAG;;;;;;"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderNotice.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/HeaderNotice.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,4BAA4B,4BAA4B,CAAC;AAEtE,eAAO,MAAM,gBAAgB,yDAE5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,yDAE5B,CAAC"}
+{"version":3,"file":"HeaderNotice.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/HeaderNotice.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,4BAA4B,4BAA4B,CAAC;AAEtE,eAAO,MAAM,gBAAgB,GAAI,UAAK,4CAErC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,UAAK,4CAErC,CAAC"}

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

@@ -0,0 +1,3 @@
+import 'reflect-metadata';
+export declare const HeaderSearchBarSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeaderSearchBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAK1B,eAAO,MAAM,mBAAmB,GAAI,UAAK,4CAExC,CAAC"}

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

@@ -0,0 +1,6 @@
+import {jsx}from'react/jsx-runtime';import'reflect-metadata';import {Slot}from'@common-stack/components-pro';import {HEADER_SEARCHBAR_FILL}from'@admin-layout/client/lib/constants/layout.js';const HeaderSearchBarSlot = props => {
+  return jsx(Slot, {
+    name: HEADER_SEARCHBAR_FILL,
+    fillProps: props
+  });
+};export{HeaderSearchBarSlot};//# sourceMappingURL=HeaderSearchBar.js.map

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

@@ -0,0 +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;;;"}

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

@@ -0,0 +1,3 @@
+import 'reflect-metadata';
+export declare const HeaderSearchButtonSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeaderSearchButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSearchButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAK1B,eAAO,MAAM,sBAAsB,GAAI,UAAK,4CAE3C,CAAC"}

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

@@ -0,0 +1,6 @@
+import {jsx}from'react/jsx-runtime';import'reflect-metadata';import {Slot}from'@common-stack/components-pro';import {HEADER_SEARCH_BUTTON_FILL}from'@admin-layout/client/lib/constants/layout.js';const HeaderSearchButtonSlot = props => {
+  return jsx(Slot, {
+    name: HEADER_SEARCH_BUTTON_FILL,
+    fillProps: props
+  });
+};export{HeaderSearchButtonSlot};//# sourceMappingURL=HeaderSearchButton.js.map

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

@@ -0,0 +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;;;"}

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

@@ -0,0 +1,3 @@
+import 'reflect-metadata';
+export declare const RightContentSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RightContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/RightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAK1B,eAAO,MAAM,gBAAgB,GAAI,UAAK,4CAErC,CAAC"}

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

@@ -0,0 +1,6 @@
+import {jsx}from'react/jsx-runtime';import'reflect-metadata';import {Slot}from'@common-stack/components-pro';import {RIGHT_CONTENT_FILL}from'@admin-layout/client/lib/constants/layout.js';const RightContentSlot = props => {
+  return jsx(Slot, {
+    name: RIGHT_CONTENT_FILL,
+    fillProps: props
+  });
+};export{RightContentSlot};//# sourceMappingURL=RightContent.js.map

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

@@ -0,0 +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;;;"}

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

@@ -1,4 +1,7 @@
 export * from './HeaderNotice';
 export * from './Footer';
 export * from './AdditionalSettings';
+export * from './HeaderSearchBar';
+export * from './HeaderSearchButton';
+export * from './RightContent';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/util.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,oCAU5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,CAAC,CAAC,IAAI,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,MAAM,CAQ7F,CAAC"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/util.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,GAAI,SAAI,EAAE,WAAM,WAU5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,CAAC,CAAC,IAAI,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,MAAM,CAQ7F,CAAC"}

package/lib/components/Layout/util.js

@@ -0,0 +1,12 @@
+import {generatePath}from'react-router';/* eslint-disable import/no-extraneous-dependencies */
+const generateMenuPath = (path, params) => {
+  try {
+    const generatedPath = generatePath(path, params);
+    return generatedPath;
+  } catch (err) {
+    // console.log('--fillParams.path', path);
+    // console.log('--fillParams.params', params);
+    // console.log('generatePath is errored due to missing orgId');
+  }
+  return null;
+};export{generateMenuPath};//# sourceMappingURL=util.js.map

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

@@ -0,0 +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"}

package/lib/components/SettingDrawer/CheckBoxTheme.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';const themelist = [{
+import {jsx,jsxs}from'react/jsx-runtime';const themelist = [{
   key: 'light',
   title: 'Light',
   svg: jsxs("svg", {

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

@@ -1,3 +1,3 @@
 import { ILayoutSettingsProps } from './types';
-export default function LayoutChange(props: ILayoutSettingsProps): import("react/jsx-runtime").JSX.Element;
+export default function LayoutChange(props: ILayoutSettingsProps | any): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LayoutChange.d.ts.map

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,2CA0C/D"}
+{"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"}

package/lib/components/SettingDrawer/LayoutChange.js

@@ -1,65 +1,123 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';function LayoutChange(props) {
+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) {
   const {
     settings,
-    changeSetting
+    changeSetting,
+    location
   } = props;
   const {
     t
   } = useTranslation('settings');
   const {
-    layout = {},
+    isMobile
+  } = useMediaQuery();
+  const currentRoute = location?.pathname || '/';
+  const {
     navTheme
   } = settings || {};
+  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  const deviceLayout = routeSettings?.layout?.[deviceType] || {};
   const handleLayoutChange = (key, value) => {
     if (!changeSetting) return;
-    changeSetting('layout', {
-      ...layout,
+    changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
+      ...deviceLayout,
       [key]: value
     });
   };
+  const textColor = {
+    color: navTheme === 'dark' ? '#ffff' : 'black'
+  };
   return jsxs("div", {
     children: [jsxs("div", {
       className: "flex items-center mt-4",
       children: [jsx("p", {
         className: "mb-0",
-        style: {
-          color: navTheme === 'dark' ? '#ffff' : 'black'
-        },
+        style: textColor,
         children: t('fixed_header')
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: layout.fixedHeader,
+        value: deviceLayout.fixedHeader,
         onChange: checked => handleLayoutChange('fixedHeader', checked)
       })]
     }), jsxs("div", {
       className: "flex items-center mt-4",
       children: [jsx("p", {
         className: "mb-0",
-        style: {
-          color: navTheme === 'dark' ? '#ffff' : 'black'
-        },
+        style: textColor,
         children: t('fixed_sidebar')
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: layout.fixedSidebar,
+        value: deviceLayout.fixedSidebar,
         onChange: checked => handleLayoutChange('fixedSidebar', checked)
       })]
     }), jsxs("div", {
       className: "flex items-center mt-4",
       children: [jsx("p", {
         className: "mb-0",
-        style: {
-          color: navTheme === 'dark' ? '#ffff' : 'black'
-        },
+        style: textColor,
         children: t('split_menus')
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: layout.splitMenus,
+        value: deviceLayout.splitMenus,
         onChange: checked => handleLayoutChange('splitMenus', checked)
       })]
+    }), deviceLayout.splitMenus && jsxs(Fragment, {
+      children: [jsx("div", {
+        className: "mt-6 mb-2",
+        children: jsx("p", {
+          className: "text-sm font-medium",
+          style: textColor,
+          children: t('menu_divider_names')
+        })
+      }), jsxs("div", {
+        className: "flex flex-col space-y-4",
+        children: [jsxs("div", {
+          className: "flex flex-col",
+          children: [jsx("label", {
+            className: "text-xs mb-1",
+            style: textColor,
+            children: t('upper_menu_divider')
+          }), 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,
+            onChange: e => {
+              handleLayoutChange('upperMenuDividerName', e.target.value);
+            }
+          })]
+        }), jsxs("div", {
+          className: "flex flex-col",
+          children: [jsx("label", {
+            className: "text-xs mb-1",
+            style: textColor,
+            children: t('middle_menu_divider')
+          }), 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,
+            onChange: e => {
+              handleLayoutChange('middleMenuDividerName', e.target.value);
+            }
+          })]
+        }), jsxs("div", {
+          className: "flex flex-col",
+          children: [jsx("label", {
+            className: "text-xs mb-1",
+            style: textColor,
+            children: t('lower_menu_divider')
+          }), 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,
+            onChange: e => {
+              handleLayoutChange('lowerMenuDividerName', e.target.value);
+            }
+          })]
+        })]
+      })]
     })]
   });
 }export{LayoutChange as default};//# sourceMappingURL=LayoutChange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutChange.js","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"2HAKwB,SAAA,YAAY,CAAC,KAA2B,EAAA;AAC5D,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;QAEK,gCAEM,KAAA;AA0BjB,IAAC,IAAA,CAAA,aAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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;AA4E/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CA8ElG"}

package/lib/components/SettingDrawer/NavigationsModes.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';const navigationModes = [{
+import {jsxs,jsx}from'react/jsx-runtime';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';const navigationModes = [{
   key: 'sidebar',
   title: 'Sidebar',
   svg: jsxs("svg", {
@@ -222,25 +222,33 @@ const menuTypes = [{
 }];
 function NavigationModes({
   changeSetting,
-  settings
+  settings,
+  location
 }) {
+  const {
+    isMobile
+  } = useMediaQuery();
+  const currentRoute = location?.pathname || '/';
+  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  const deviceLayout = routeSettings?.layout?.[deviceType] || {};
   return jsxs("div", {
     className: "space-y-8",
     children: [jsxs("section", {
       children: [jsx("h3", {
         className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3",
-        children: "Navigation Mode"
+        children: deviceType === 'mobile' ? 'Mobile Navigation Mode' : 'Desktop Navigation Mode'
       }), jsx("div", {
         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.${deviceType}`, {
+            ...deviceLayout,
             navigationMode: mode.key
           }),
           children: jsxs("div", {
             className: "relative",
-            children: [mode.svg, settings?.layout?.navigationMode === mode.key && jsx("svg", {
+            children: [mode.svg, deviceLayout?.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",
@@ -254,18 +262,18 @@ function NavigationModes({
     }), jsxs("section", {
       children: [jsx("h3", {
         className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3",
-        children: "Menu Type"
+        children: deviceType === 'mobile' ? 'Mobile Menu Type' : 'Desktop Menu Type'
       }), jsx("div", {
         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.${deviceType}`, {
+            ...deviceLayout,
             sideMenuType: type.key
           }),
           children: jsxs("div", {
             className: "relative",
-            children: [type.svg, settings?.layout?.sideMenuType === type.key && jsx("svg", {
+            children: [type.svg, deviceLayout?.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":"uPAIA,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,MAAQ,EAAQ,GAAA;AAChB,MAAA,EAAA,EAAM;AACN,MAAA,IAAM;MACA,OAAA,EAAA;KACA,CAAA,EAAAA,GAAA,CAAA,MAAA,EAAA;MAEC,CAAA,EAAA,GACH;AAa4B,MAAA,CAAA,EAAA,IAAA;;;AAkCA,MAAA,EAAA,EAAA,GAAA;;;AAuBpC,KAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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;AAEjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAiDrE"}
+{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAKjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAgoBrE"}