@admin-layout/tailwind-design-pro 10.0.9-alpha.53 → 10.0.9-alpha.56

package/lib/cdm-locales/en/settings.json

@@ -24,5 +24,9 @@
     "menu_divider_names": "Menu Divider Names",
     "upper_menu_divider": "Upper Menu Divider",
     "middle_menu_divider": "Middle Menu Divider",
-    "lower_menu_divider": "Lower Menu Divider"
+    "lower_menu_divider": "Lower Menu Divider",
+    "header_elements": "Header Elements",
+    "show_logo": "Show Logo",
+    "show_search_slot": "Show Search Slot",
+    "show_right_content": "Show Right Content"
 }

package/lib/cdm-locales/es/settings.json

@@ -22,5 +22,9 @@
     "menu_divider_names": "Nombres de los Separadores de Menú",
     "upper_menu_divider": "Separador del Menú Superior",
     "middle_menu_divider": "Separador del Menú Central",
-    "lower_menu_divider": "Separador del Menú Inferior"
+    "lower_menu_divider": "Separador del Menú Inferior",
+    "header_elements": "Elementos del Encabezado",
+    "show_logo": "Mostrar Logo",
+    "show_search_slot": "Mostrar Espacio de Búsqueda",
+    "show_right_content": "Mostrar Contenido Derecho"
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAOtF,OAAO,EACH,gBAAgB,EAGhB,iBAAiB,EAIpB,MAAM,sBAAsB,CAAC;AAS9B,eAAO,MAAM,mBAAmB;;;;uCA4B/B,CAAC;AAgCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAC9B,gBAAgB,GAAG,iBAAiB,GAAG;IAAE,WAAW,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAmM3F,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAOtF,OAAO,EACH,gBAAgB,EAGhB,iBAAiB,EAIpB,MAAM,sBAAsB,CAAC;AAS9B,eAAO,MAAM,mBAAmB;;;;uCA4B/B,CAAC;AAgCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAC9B,gBAAgB,GAAG,iBAAiB,GAAG;IAAE,WAAW,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAkO3F,CAAC"}

package/lib/components/Layout/BasicLayout/index.js

@@ -83,7 +83,6 @@ const BasicLayout = props => {
     actor
   } = propsWithSettings;
   const [isSideMenuOpen, setIsSideMenuOpen] = useState(false);
-  // const location = useLocation();
   const [scrollEnd, setScrollEnd] = useState(false);
   const [searchOptionsShown, setSearchOptionsShown] = useState(false);
   const {
@@ -99,6 +98,9 @@ const BasicLayout = props => {
   const {
     isMobile
   } = useMediaQuery();
+  // Get current route settings
+  const currentRoute = location?.pathname || '/';
+  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
   const onScrollReachEnd = () => {
     setScrollEnd(prevScrollEnd => !prevScrollEnd);
   };
@@ -115,7 +117,7 @@ const BasicLayout = props => {
     ...defaultProps
   }, propsWithSettings);
   const settingRef = useRef(settings);
-  const scrollThreshold = settings?.regions?.scrollThreshold || 50;
+  const scrollThreshold = routeSettings?.regions?.scrollThreshold || 50;
   const {
     componentVisibility
   } = useScrollThreshold([{
@@ -133,6 +135,15 @@ const BasicLayout = props => {
       onSettingChange(newState);
     }
   }, [primaryColor, isBrowser, settingRef]);
+  // // Update settings when route changes
+  // useEffect(() => {
+  //     if (actor && location.pathname) {
+  //         actor.send({
+  //             type: 'ROUTE_CHANGE',
+  //             pathname: location.pathname
+  //         });
+  //     }
+  // }, [location.pathname, actor]);
   const {
     ref: refHeader,
     height: heightHeader
@@ -165,13 +176,14 @@ const BasicLayout = props => {
     style: {
       backgroundColor: backgroundColor
     },
-    children: [settings?.regions.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
+    children: [routeSettings?.regions.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
       toggleSideMenu: toggleSideMenu,
       settings: settings,
       upperMenus: getMenuSeparation(menuData).upperMenus,
       routeParams: routeParams,
-      collapsed: collapsed
-    }), LAYOUT_ROOT === '/' && settings?.regions.showHeader && jsx(MainHeader, {
+      collapsed: collapsed,
+      ...props
+    }), LAYOUT_ROOT === '/' && routeSettings?.regions.showHeader && jsx(MainHeader, {
       scrolled: scrolled,
       location: location,
       menuData: menuData,
@@ -184,8 +196,8 @@ const BasicLayout = props => {
       picture: picture,
       componentVisibility: componentVisibility
     }), jsxs("div", {
-      className: "flex flex-1  relative",
-      children: [settings?.layout.navigationMode !== 'topbar' && settings?.regions.showMenu && LAYOUT_ROOT != '/' && jsx(Sidebar, {
+      className: "flex flex-1 relative",
+      children: [routeSettings?.layout.navigationMode !== 'topbar' && routeSettings?.regions.showMenu && LAYOUT_ROOT != '/' && jsx(Sidebar, {
         isSideMenuOpen: isSideMenuOpen,
         closeSideMenu: closeSideMenu,
         menuData: menuData,
@@ -196,17 +208,27 @@ const BasicLayout = props => {
       }), jsxs("div", {
         className: "flex flex-col flex-1 overflow-auto",
         style: {
-          marginLeft: settings?.layout.navigationMode !== 'topbar' && settings?.regions.showMenu && settings?.layout.fixedSidebar && !isMobile && LAYOUT_ROOT != '/' ? collapsed ? '64px' : '256px' : '0px'
+          marginLeft: routeSettings?.layout.navigationMode !== 'topbar' && routeSettings?.regions.showMenu && routeSettings?.layout.fixedSidebar && !isMobile && LAYOUT_ROOT != '/' ? collapsed ? '64px' : '256px' : '0px'
         },
         children: [jsx(SettingDrawer, {
           primaryColor: primaryColor,
           settings: settings,
-          onSettingChange: onSettingChange,
+          onSettingChange: newSettings => {
+            // Update settings for current route
+            if (actor) {
+              actor.send({
+                type: 'UPDATE',
+                value: newSettings
+              });
+            }
+            onSettingChange?.(newSettings);
+          },
           actor: actor,
-          colorList: getThemeColors(settings?.theme)
+          colorList: getThemeColors(settings?.theme),
+          ...props
         }), jsxs("main", {
           className: "relative",
-          children: [searchOptionsShown && settings?.regions?.searchBarOverlay && jsx("div", {
+          children: [searchOptionsShown && routeSettings?.regions?.searchBarOverlay && jsx("div", {
             className: "fixed inset-0 bg-black bg-opacity-50 z-30 cursor-pointer",
             onClick: e => {
               e.stopPropagation();
@@ -218,7 +240,7 @@ const BasicLayout = props => {
           className: footerFixed ? 'fixed bottom-0 w-full' : '',
           children: jsx(FooterSlot, {
             settings: settings,
-            active: settings?.regions?.showFooter === undefined ? true : settings?.regions?.showFooter
+            active: routeSettings?.regions?.showFooter === undefined ? true : routeSettings?.regions?.showFooter
           })
         })]
       })]

package/lib/components/Layout/BasicLayout/index.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,GAAG,GAAG,CAyE/D,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,GAAG,GAAG,CAsF/D,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -6,7 +6,8 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
     routeParams,
     collapsed,
     settings,
-    toggleSideMenu
+    toggleSideMenu,
+    location
   } = props;
   const {
     MenuIcon,
@@ -15,14 +16,21 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
   const {
     isMobile
   } = useMediaQuery();
+  const currentRoute = location?.pathname || '/';
+  const routeSettings = settings?.routeSettings?.[currentRoute] || {};
+  const headerElements = routeSettings?.regions?.headerElements || {
+    showLogo: true,
+    showSearchSlot: true,
+    showRightContent: true
+  };
   // Calculate header styles
   const headerStyles = React__default.useMemo(() => ({
     backgroundColor: settings?.navTheme === 'realDark' ? '#222' : 'white',
     color: settings?.navTheme === 'realDark' ? '#fff' : ''
   }), [settings]);
-  if (!settings?.regions?.showHeader) return null;
+  if (!routeSettings?.regions?.showHeader) return null;
   return jsx("header", {
-    className: `z-10 py-4 dark:bg-gray-800 top-0 border-b border-gray-200 ${settings?.layout?.fixedHeader ? 'sticky' : 'relative'}`,
+    className: `z-10 py-4 dark:bg-gray-800 top-0 border-b border-gray-200 ${routeSettings?.layout?.fixedHeader ? 'sticky' : 'relative'}`,
     style: headerStyles,
     children: jsxs("div", {
       className: "flex items-center justify-between h-full px-4 sm:px-6 mx-auto text-gray-700 dark:text-gray-200",
@@ -33,7 +41,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
         children: jsx(MenuIcon, {
           className: "w-6 h-6"
         })
-      }), jsx("div", {
+      }), headerElements.showLogo && jsx("div", {
         children: jsxs(Link, {
           to: "/",
           className: "ml-6 flex items-center gap-2.5 text-lg font-bold text-gray-800 dark:text-gray-200",
@@ -45,7 +53,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
             children: settings?.title
           })]
         })
-      }), settings?.regions?.searchBarRender && jsx("div", {
+      }), headerElements.showSearchSlot && routeSettings?.regions?.searchBarRender && jsx("div", {
         className: "flex-1 max-w-xl mx-4 hidden md:block",
         style: headerStyles,
         children: jsxs("div", {
@@ -64,7 +72,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
             style: headerStyles
           })]
         })
-      }), settings?.layout?.navigationMode != 'sidebar' && jsx(RightContent, {
+      }), headerElements.showRightContent && routeSettings?.layout?.navigationMode !== 'sidebar' && jsx(RightContent, {
         upperMenus: upperMenus,
         collapsed: collapsed,
         routeParams: routeParams,

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":"wYAOa,MAAA,YAAY,GAA2C,KAAC,IAAS;AAC1E,EAAA,MAAA;AACA,IAAA,KAAA;AAEA,IAAA,MAAM;IAEN,UAA0B;IAC1B,WAAM;AAGM,IAAA,SAAA;AACA,IAAA,QAAA;AACqB,IAAA;AAIjC,GAAA,GAAA,KAAK;AAA+B,EAAA,MAAA;AACpC,IAAA,QACI;AAuDR,IAAE;AAEF,GAAA,GAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":"wYAOa,MAAA,YAAY,GAA2C,KAAC,IAAS;AAC1E,EAAA,MAAA;AACA,IAAA,KAAA;AACA,IAAA,MAAM;AAEN,IAAA;IACA,WAAM;AACN,IAAA;AACI,IAAA,QAAA;AACA,IAAA,cAAA;AACA,IAAA;MACF,KAAA;QAEwB;IAC1B,QAAM;AAGM,IAAA;AACA,GAAA,GAAA,KAAA;AACqB,EAAA,MAC7B;AAGJ,IAAA;AAAyC,GAAA,GAAA,aAAW,EAAC;QAE9C,uBAEU,EAAA;AA2DrB,EAAE,MAAA,aAAA,GAAA,QAAA,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,EAAA;AAEF,EAAA,MAAA,8BAA4B,EAAA,OAAA,EAAA,cAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUpE,eAAO,MAAM,iBAAiB,SACpB,MAAM,KAAK,CAAC,YAAY,aACnB,GAAG,2BAEJ,GAAG,YACH,GAAG,KACd,KAAK,CAAC,SAQR,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC3B,GAAG,8BAEC,MAAM,KAClB,KAAK,CAAC,SAyCR,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,kBAAkB,CA0LrE,CAAC"}
+{"version":3,"file":"MainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUpE,eAAO,MAAM,iBAAiB,SACpB,MAAM,KAAK,CAAC,YAAY,aACnB,GAAG,2BAEJ,GAAG,YACH,GAAG,KACd,KAAK,CAAC,SAQR,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC3B,GAAG,8BAEC,MAAM,KAClB,KAAK,CAAC,SAoCR,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,kBAAkB,CAmMrE,CAAC"}

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

@@ -88,6 +88,13 @@ const MainHeader = props => {
     picture,
     componentVisibility
   } = props;
+  const currentRoute = location?.pathname || '/';
+  const routeSettings = settings?.routeSettings?.[currentRoute] || {};
+  const headerElements = routeSettings?.regions?.headerElements || {
+    showLogo: true,
+    showSearchSlot: true,
+    showRightContent: true
+  };
   // State to track reduced motion preference
   const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
   const [showSearchBar, setShowSearchBar] = useState(false);
@@ -107,18 +114,18 @@ const MainHeader = props => {
     }
   }, []);
   useEffect(() => {
-    if (!settings?.regions?.searchBarRender) {
+    if (!routeSettings?.regions?.searchBarRender || !headerElements.showSearchSlot) {
       setShowSearchBar(false);
       return;
     }
-    if (settings?.regions?.searchBarBehavior === SearchBarBehavior.ON_SCROLL) {
+    if (routeSettings?.regions?.searchBarBehavior === SearchBarBehavior.ON_SCROLL) {
       // Show search bar only when scrolling
       setShowSearchBar(componentVisibility['search-bar']);
     } else {
       // Show search bar by default when PERMANENT
       setShowSearchBar(true);
     }
-  }, [componentVisibility['search-bar'], scrolled, settings?.regions?.searchBarRender, settings?.regions?.searchBarBehavior]);
+  }, [componentVisibility['search-bar'], scrolled, routeSettings?.regions?.searchBarRender, routeSettings?.regions?.searchBarBehavior, headerElements.showSearchSlot]);
   useLocation();
   // Use the state variable for animation
   const animation = prefersReducedMotion ? undefined : `${spin} infinite 20s linear`;
@@ -127,14 +134,14 @@ const MainHeader = props => {
     ...props
   }, animation, layout === 'mix' ? 'headerTitleRender' : undefined);
   return jsx(Fragment, {
-    children: settings?.showHeader || settings?.showHeader === undefined ? jsx("div", {
+    children: routeSettings?.regions?.showHeader || routeSettings?.regions?.showHeader === undefined ? jsx("div", {
       className: `
                         ${scrolled ? 'fixed' : 'absolute'}
                         w-full top-0 z-10 px-[8%] 
                         ${scrolled ? 'py-2' : 'py-5'}
                         ${searchOptionsShown ? 'pb-8' : ''}
-                        ${settings?.showHeader === undefined || true ? 'block' : 'hidden'}
-                        ${scrolled && settings?.navTheme === 'light' ? 'bg-white text-gray-900' : scrolled && settings?.navTheme === 'dark' ? 'bg-[#1f1f1f] text-white' : settings?.navTheme === 'dark' ? 'bg-[#1f1f1f] text-white' : 'bg-transparent'}
+                        ${routeSettings?.regions?.showHeader === undefined || true ? 'block' : 'hidden'}
+                        ${scrolled && routeSettings?.regions?.navTheme === 'light' ? 'bg-white text-gray-900' : scrolled && settings?.navTheme === 'dark' ? 'bg-[#1f1f1f] text-white' : settings?.navTheme === 'dark' ? 'bg-[#1f1f1f] text-white' : 'bg-transparent'}
                         ${!scrolled ? '' : 'shadow-[0_4px_2px_-2px_rgba(0,0,0,.2)]'}
                         transition-all duration-1000 ease-in-out
                         group
@@ -146,16 +153,16 @@ const MainHeader = props => {
         className: "flex flex-col",
         children: jsxs("div", {
           className: `
-                                justify-around items-start ${settings?.regions?.searchBarRender ? 'pt-0' : 'pt-[7px]'}
-                                ${settings?.hidden ? 'hidden' : 'flex'}
+                                justify-around items-start ${routeSettings?.regions?.searchBarRender ? 'pt-0' : 'pt-[7px]'}
+                                ${routeSettings?.regions?.hidden ? 'hidden' : 'flex'}
                             `,
-          children: [jsx(Link, {
+          children: [headerElements.showLogo && jsx(Link, {
             to: "/",
             className: `${settings?.navTheme === 'dark' ? 'text-white' : 'text-gray-900'}`,
             children: headerDom
           }), jsx("div", {
             className: "flex-grow"
-          }), jsxs("div", {
+          }), headerElements.showSearchSlot && jsxs("div", {
             className: "relative flex items-start justify-center",
             children: [jsx("div", {
               className: `transition-all duration-300 ease-in-out ${searchOptionsShown ? 'opacity-0 absolute' : 'opacity-100'}`,
@@ -174,13 +181,13 @@ const MainHeader = props => {
                 listId: "navbar_searchbox",
                 onClose: () => {
                   setSearchOptionsShown(false);
-                  setShowSearchBar(settings?.regions?.searchBarBehavior !== SearchBarBehavior.ON_SCROLL || scrolled);
+                  setShowSearchBar(routeSettings?.regions?.searchBarBehavior !== SearchBarBehavior.ON_SCROLL || scrolled);
                 }
               }) : null
             })]
           }), jsx("div", {
             className: "flex-grow"
-          }), jsxs("div", {
+          }), headerElements.showRightContent && jsxs("div", {
             className: "flex space-x-1 md:space-x-4",
             children: [jsx(RightContentSlot, {
               scrolled: scrolled,

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":"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"}
+{"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;AAG3E,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;AAkEvF,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.map

@@ -1 +1 @@
-{"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;AACA,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;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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"}