@admin-layout/tailwind-design-pro 10.0.9-alpha.57 → 10.0.9-alpha.58

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

@@ -19,12 +19,13 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
     isMobile
   } = useMediaQuery();
   const {
-    OutlineDashIcon,
     ChevronLeftIcon,
     ChevronRightIcon
   } = icons;
   const currentRoute = location?.pathname || '/';
-  const routeSettings = settings?.routeSettings?.[currentRoute] || {};
+  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  const deviceLayout = routeSettings?.layout?.[deviceType] || {};
   useEffect(() => {
     if (!iconModule) {
       import('./DynamicIcon.js').then(module => {
@@ -89,7 +90,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 (!routeSettings?.layout?.splitMenus) return null;
+    if (!deviceLayout?.splitMenus) return null;
     return collapsed ? jsx("hr", {
       className: "border-t border-gray-200"
     }) : jsx(Divider, {
@@ -127,7 +128,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
             flexDirection: 'column'
           },
           className: "removeBoxShadow",
-          children: [renderSeparator(routeSettings?.layout?.middleMenuDividerName), jsx(SidebarMenu, {
+          children: [renderSeparator(deviceLayout?.middleMenuDividerName), jsx(SidebarMenu, {
             menuData: updateMenuIcons(middleMenus),
             routeParams: routeParams,
             settings: settings,
@@ -142,7 +143,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
             flexDirection: 'column'
           },
           className: "removeBoxShadow",
-          children: [renderSeparator(routeSettings?.layout?.lowerMenuDividerName), jsx(SidebarMenu, {
+          children: [renderSeparator(deviceLayout?.lowerMenuDividerName), jsx(SidebarMenu, {
             menuData: updateMenuIcons(lowerMenus),
             routeParams: routeParams,
             settings: settings,
@@ -150,7 +151,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
           })]
         }), jsx("div", {
           className: "p-4",
-          children: routeSettings?.layout?.navigationMode === 'sidebar' && jsx(RightContent, {
+          children: deviceLayout?.navigationMode === 'sidebar' && jsx(RightContent, {
             upperMenus: upperMenus,
             collapsed: collapsed,
             routeParams: routeParams,
@@ -169,7 +170,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
   };
   return jsxs("div", {
     children: [!isMobile && jsx("aside", {
-      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'}`,
+      className: `${deviceLayout?.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/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,2CAkGrE"}
+{"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,4 +1,4 @@
-import {jsxs,jsx,Fragment}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,
@@ -7,17 +7,20 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
   const {
     t
   } = useTranslation('settings');
+  const {
+    isMobile
+  } = useMediaQuery();
   const currentRoute = location?.pathname || '/';
   const {
     navTheme
   } = settings || {};
-  const {
-    layout = {}
-  } = settings?.routeSettings?.[currentRoute] || {};
+  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(`routeSettings.${currentRoute}.layout`, {
-      ...layout,
+    changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
+      ...deviceLayout,
       [key]: value
     });
   };
@@ -34,7 +37,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: layout.fixedHeader,
+        value: deviceLayout.fixedHeader,
         onChange: checked => handleLayoutChange('fixedHeader', checked)
       })]
     }), jsxs("div", {
@@ -46,7 +49,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: layout.fixedSidebar,
+        value: deviceLayout.fixedSidebar,
         onChange: checked => handleLayoutChange('fixedSidebar', checked)
       })]
     }), jsxs("div", {
@@ -58,10 +61,10 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: layout.splitMenus,
+        value: deviceLayout.splitMenus,
         onChange: checked => handleLayoutChange('splitMenus', checked)
       })]
-    }), layout.splitMenus && jsxs(Fragment, {
+    }), deviceLayout.splitMenus && jsxs(Fragment, {
       children: [jsx("div", {
         className: "mt-6 mb-2",
         children: jsx("p", {
@@ -80,7 +83,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: layout?.upperMenuDividerName,
+            value: deviceLayout?.upperMenuDividerName,
             onChange: e => {
               handleLayoutChange('upperMenuDividerName', e.target.value);
             }
@@ -94,7 +97,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: layout?.middleMenuDividerName,
+            value: deviceLayout?.middleMenuDividerName,
             onChange: e => {
               handleLayoutChange('middleMenuDividerName', e.target.value);
             }
@@ -108,7 +111,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: layout?.lowerMenuDividerName,
+            value: deviceLayout?.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;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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.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,QAAQ,EAAE,EAAE,oBAAoB,2CAuElG"}
+{"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", {
@@ -225,25 +225,30 @@ function NavigationModes({
   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(`routeSettings.${currentRoute}.layout`, {
-            ...routeSettings.layout,
+          onClick: () => changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
+            ...deviceLayout,
             navigationMode: mode.key
           }),
           children: jsxs("div", {
             className: "relative",
-            children: [mode.svg, routeSettings?.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",
@@ -257,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(`routeSettings.${currentRoute}.layout`, {
-            ...routeSettings.layout,
+          onClick: () => changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
+            ...deviceLayout,
             sideMenuType: type.key
           }),
           children: jsxs("div", {
             className: "relative",
-            children: [type.svg, routeSettings?.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,KAAQ,EAAA,IAAA;AACV,MAAA;AACA,MAAA,EAAA,EAAM;MAEC,IAAA,EACH;;;AAayB,MAAA,CAAA,EAAA,GAAA;;;;AAqDjC,MAAC,EAAA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;AAIjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAuMrE"}
+{"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,2CAyjBrE"}