@admin-layout/tailwind-design-pro 10.0.6-alpha.8 → 10.0.9-alpha.0

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

@@ -1,10 +1,5 @@
 import React from 'react';
 import { BasicLayoutProps, GlobalHeaderProps } from '@admin-layout/client';
-interface ThemeContextType {
-    isDarkMode: boolean;
-    toggleTheme: () => void;
-}
-export declare const useTheme: () => ThemeContextType;
 export declare const useHorizontalScroll: ({ scrolled, setScrolled, setSearchOptionsShown, onScrollReachEnd }: {
     scrolled: any;
     setScrolled: any;
@@ -15,5 +10,4 @@ export declare const BasicLayout: React.FC<BasicLayoutProps & GlobalHeaderProps
     routeParams?: any;
     children?: React.ReactNode;
 }>;
-export {};
 //# sourceMappingURL=index.d.ts.map

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,EAEpB,MAAM,sBAAsB,CAAC;AAK9B,UAAU,gBAAgB;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;CAC3B;AAID,eAAO,MAAM,QAAQ,wBAIpB,CAAC;AACF,eAAO,MAAM,mBAAmB;;;;;uCA6B/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,CA4I3F,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,EAEpB,MAAM,sBAAsB,CAAC;AAY9B,eAAO,MAAM,mBAAmB;;;;;uCA6B/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,CAgJ3F,CAAC"}

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

@@ -1,8 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {createContext,useState,useRef,useEffect,useContext}from'react';import {Sidebar}from'../Sidebar/Sidebar.js';import {GlobalHeader}from'../GlobalHeader/Header.js';import {useLocation,Outlet}from'@remix-run/react';import warning from'warning';import {omit}from'lodash-es';import {SettingDrawer}from'../../SettingDrawer/SettingDrawer.js';import {defaultSettings,useComponentSize,getMenuSeparation}from'@admin-layout/client';import isBrowser from'../../../utils/isBrowser/index.js';import {getPageTitleInfo}from'../getPageTitle.js';import {GlobalFooter}from'../GlobalFooter/Footer.js';const ThemeContext = createContext(undefined);
-const useTheme = () => {
-  const context = useContext(ThemeContext);
-  return context;
-};
+import {jsx,jsxs}from'react/jsx-runtime';import {createContext,useState,useRef,useEffect}from'react';import {Sidebar}from'../Sidebar/Sidebar.js';import {GlobalHeader}from'../GlobalHeader/Header.js';import {useLocation,Outlet}from'@remix-run/react';import warning from'warning';import {omit}from'lodash-es';import {SettingDrawer}from'../../SettingDrawer/SettingDrawer.js';import {defaultSettings,useComponentSize,getMenuSeparation}from'@admin-layout/client';import isBrowser from'../../../utils/isBrowser/index.js';import {getPageTitleInfo}from'../getPageTitle.js';import {GlobalFooter}from'../GlobalFooter/Footer.js';const ThemeContext = createContext(undefined);
 const useHorizontalScroll = ({
   scrolled,
   setScrolled,
@@ -85,7 +81,8 @@ const BasicLayout = props => {
     authorities,
     primaryColor,
     onSettingChange,
-    mainHeaderProps
+    mainHeaderProps,
+    actor
   } = propsWithSettings;
   const [isSideMenuOpen, setIsSideMenuOpen] = useState(false);
   const [isDarkMode, setIsDarkMode] = useState(false);
@@ -138,23 +135,17 @@ const BasicLayout = props => {
     }
   }, [heightHeader, heightBody, heightFooter]);
   useEffect(() => {
-    const savedTheme = localStorage.getItem('theme');
-    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-    if (savedTheme === 'dark' || !savedTheme && prefersDark) {
-      setIsDarkMode(true);
-      document.documentElement.classList.add('dark');
-    }
-  }, []);
-  const toggleTheme = () => {
-    setIsDarkMode(!isDarkMode);
-    if (isDarkMode) {
+    if (settings?.navTheme === 'light') {
+      setIsDarkMode(false);
       document.documentElement.classList.remove('dark');
-      localStorage.setItem('theme', 'light');
-    } else {
+    } else if (settings?.navTheme === 'dark') {
       document.documentElement.classList.add('dark');
-      localStorage.setItem('theme', 'dark');
+      setIsDarkMode(true);
+    } else {
+      setIsDarkMode(false);
+      document.documentElement.classList.remove('dark');
     }
-  };
+  }, [settings]);
   const toggleSideMenu = () => {
     setIsSideMenuOpen(!isSideMenuOpen);
   };
@@ -163,12 +154,11 @@ const BasicLayout = props => {
   };
   return jsx(ThemeContext.Provider, {
     value: {
-      isDarkMode,
-      toggleTheme
+      isDarkMode
     },
     children: jsxs("div", {
       className: `flex h-screen bg-gray-50 dark:bg-gray-900`,
-      children: [jsx(Sidebar, {
+      children: [settings?.layout.navigationMode !== 'topbar' && settings?.regions.showMenu && !settings?.layout.splitMenus && jsx(Sidebar, {
         isSideMenuOpen: isSideMenuOpen,
         closeSideMenu: closeSideMenu,
         menuData: menuData,
@@ -177,7 +167,7 @@ const BasicLayout = props => {
         settings: settings
       }), jsxs("div", {
         className: "flex flex-col flex-1 w-full",
-        children: [jsx(GlobalHeader, {
+        children: [settings?.regions.showHeader && jsx(GlobalHeader, {
           toggleSideMenu: toggleSideMenu,
           settings: settings,
           upperMenus: getMenuSeparation(menuData).upperMenus,
@@ -186,7 +176,8 @@ const BasicLayout = props => {
         }), jsx(SettingDrawer, {
           primaryColor: primaryColor,
           settings: settings,
-          onSettingChange: onSettingChange
+          onSettingChange: onSettingChange,
+          actor: actor
         }), jsx("main", {
           className: "h-full overflow-y-auto",
           children: jsx("div", {
@@ -195,9 +186,9 @@ const BasicLayout = props => {
           })
         }), jsx(GlobalFooter, {
           settings: settings,
-          active: settings?.showFooter
+          active: settings?.regions?.showFooter
         })]
       })]
     })
   });
-};export{BasicLayout,useHorizontalScroll,useTheme};//# sourceMappingURL=index.js.map
+};export{BasicLayout,useHorizontalScroll};//# sourceMappingURL=index.js.map

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

@@ -13,6 +13,6 @@ export interface GlobalHeaderRightProps {
     settings?: ProSettings;
     toggleSideMenu?: any;
 }
-export declare const GlobalHeader: React.FC<GlobalHeaderRightProps>;
+export declare const GlobalHeader: React.FC<GlobalHeaderRightProps | any>;
 export default GlobalHeader;
 //# sourceMappingURL=Header.d.ts.map

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;AAK1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,WAAW,sBAAsB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,WAAW,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IACF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,cAAc,CAAC,EAAE,GAAG,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4EzD,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;AAK1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,WAAW,sBAAsB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,WAAW,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IACF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,cAAc,CAAC,EAAE,GAAG,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,GAAG,GAAG,CAuE/D,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {Menu,Search,Sun,Moon}from'lucide-react';import {useTheme}from'../BasicLayout/index.js';import OrganizationDropDown from'./OrganizationDropdown.js';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';const GlobalHeader = props => {
+import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';import {FaSearch}from'@react-icons/all-files/fa/FaSearch.js';import {IoMenu}from'@react-icons/all-files/io5/IoMenu.js';import {Link}from'@remix-run/react';import {RightContent}from'./RightContent.js';const GlobalHeader = props => {
   const {
     theme,
     layout,
@@ -8,66 +8,56 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {Me
     settings,
     toggleSideMenu
   } = props;
-  useState(false);
-  useState(false);
-  const {
-    isDarkMode,
-    toggleTheme
-  } = useTheme();
-  if (!settings?.showHeader) return null;
+  // Calculate header styles
+  const headerStyles = React__default.useMemo(() => ({
+    backgroundColor: settings?.navTheme === 'realDark' ? '#222' : '',
+    color: settings?.navTheme === 'realDark' ? '#fff' : ''
+  }), [settings]);
+  if (!settings?.regions?.showHeader) return null;
   return jsx("header", {
-    className: "z-10 py-4 bg-white shadow-md dark:bg-gray-800",
+    className: "z-10 py-4  shadow-md dark:bg-gray-800",
+    style: headerStyles,
     children: jsxs("div", {
       className: "container flex items-center justify-end h-full px-6 mx-auto text-gray-700 dark:text-gray-200",
       children: [jsx("button", {
         className: "p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple",
         onClick: toggleSideMenu,
         "aria-label": "Menu",
-        children: jsx(Menu, {
+        children: jsx(IoMenu, {
           className: "w-6 h-6"
         })
-      }), settings?.searchBarRender && jsx("div", {
+      }), settings?.layout?.navigationMode === 'topbar' || settings?.layout.splitMenus ? jsxs(Link, {
+        to: "/",
+        className: "ml-6 flex items-center gap-2.5 text-lg font-bold text-gray-800 dark:text-gray-200",
+        style: headerStyles,
+        children: [jsx("img", {
+          src: settings?.logo,
+          className: "w-[28px]"
+        }), "Cdebase"]
+      }) : '', settings?.regions?.searchBarRender && jsx("div", {
         className: "flex justify-center flex-1 lg:mr-32",
+        style: headerStyles,
         children: jsxs("div", {
           className: "relative w-full max-w-xl mr-6 focus-within:text-purple-500",
+          style: headerStyles,
           children: [jsx("div", {
             className: "absolute inset-y-0 flex items-center pl-2",
-            children: jsx(Search, {
+            children: jsx(FaSearch, {
               className: "w-4 h-4"
             })
           }), jsx("input", {
             className: "w-full pl-8 pr-2 text-sm text-gray-700 placeholder-gray-600 bg-gray-100 border-0 rounded-md dark:placeholder-gray-500 dark:focus:shadow-outline-gray dark:focus:placeholder-gray-600 dark:bg-gray-700 dark:text-gray-200 focus:placeholder-gray-500 focus:bg-white focus:border-purple-300 focus:outline-none focus:shadow-outline-purple form-input",
             type: "text",
             placeholder: "Search",
-            "aria-label": "Search"
+            "aria-label": "Search",
+            style: headerStyles
           })]
         })
-      }), jsxs("ul", {
-        className: "flex items-center flex-shrink-0 space-x-6",
-        children: [jsx("li", {
-          className: "flex",
-          children: jsx("button", {
-            className: "rounded-md focus:outline-none focus:shadow-outline-purple",
-            onClick: toggleTheme,
-            "aria-label": "Toggle color mode",
-            children: isDarkMode ? jsx(Sun, {
-              className: "w-5 h-5"
-            }) : jsx(Moon, {
-              className: "w-5 h-5"
-            })
-          })
-        }), jsx("li", {
-          className: "relative",
-          children: jsx(LanguageMenu, {})
-        }), jsx("li", {
-          className: "relative",
-          children: jsx(OrganizationDropDown, {
-            upperMenus: upperMenus,
-            routeParams: routeParams,
-            collapsed: collapsed,
-            settings: settings
-          })
-        })]
+      }), settings?.layout?.navigationMode != 'sidebar' && jsx(RightContent, {
+        upperMenus: upperMenus,
+        collapsed: collapsed,
+        routeParams: routeParams,
+        settings: settings
       })]
     })
   });

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":"+RAsBa,MAAA,YAAY,GAAqC,KAAC,IAAS;AACpE,EAAA,MAAA;IACA,KAAM;IACN,MAAM;IACN;IAEA,WAAM;AACF,IAAA,SAAA;YACoB;AACxB,IAAA;MAEM,KAAA;AACF,EAAyC,QAAA,CAAA,KAAA;EACP,QAAA,CAAA,KAAA;AACtC,EAAA,MAAE;IAEF,UAAa;AAAc,IAAA;AAC3B,GAAA,GAAA,QACY,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":"mRAsBa,MAAA,YAAY,GAA2C,KAAC,IAAS;AAC1E,EAAA,MAAA;IAEA,KAA0B;IAC1B,MAAM;AAGM,IAAA,UAAA;AACA,IAAA,WAAO;AACc,IAAA,SACpB;AAGb,IAAA,QAAK;AAA+B,IAAA;AACpC,GAAA,GAAA,KAAO;AAyDX;AAEA,EAAA,MAAA,6BAA4B,CAAA,OAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/GlobalHeader/RightContent.d.ts

@@ -12,7 +12,5 @@ export interface GlobalHeaderRightProps {
     collapsed?: boolean;
     settings?: ProSettings;
 }
-export declare const useHorizontalScroll: () => React.MutableRefObject<undefined>;
-declare const GlobalHeaderRight: React.FC<GlobalHeaderRightProps>;
-export default GlobalHeaderRight;
+export declare const RightContent: React.FC<GlobalHeaderRightProps>;
 //# sourceMappingURL=RightContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAInD,MAAM,WAAW,sBAAsB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,WAAW,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IACF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,yCAsB/B,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkEvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAInD,MAAM,WAAW,sBAAsB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,WAAW,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IACF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA+BzD,CAAC"}

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

@@ -0,0 +1,23 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';import OrganizationDropDown from'./OrganizationDropdown.js';const RightContent = props => {
+  const {
+    routeParams,
+    upperMenus,
+    settings,
+    collapsed
+  } = props;
+  return jsxs("div", {
+    className: "flex items-center flex-shrink-0 space-x-6",
+    children: [jsx("div", {
+      className: "relative",
+      children: jsx(LanguageMenu, {})
+    }), jsx("div", {
+      className: "relative",
+      children: jsx(OrganizationDropDown, {
+        upperMenus: upperMenus,
+        routeParams: routeParams,
+        collapsed: collapsed,
+        settings: settings
+      })
+    })]
+  });
+};export{RightContent};//# sourceMappingURL=RightContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"sourcesContent":[null],"names":[],"mappings":"mKAkBa,MAAA,YAAY,GAAqC,KAAC,IAAS;QAC9D;AACN,IAAA,WACS;AA4Bb,IAAE,UAAA;;;;;;;;;;;;;;;;;;;"}

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;AAY1B,UAAU,YAAY;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IACF,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqJ1C,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;AAW1B,UAAU,YAAY;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IACF,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6K1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffect}from'react';import {Link}from'@remix-run/react';import {useTranslation}from'react-i18next';import {AiOutlineDash}from'@react-icons/all-files/ai/AiOutlineDash.js';import {useTheme}from'../BasicLayout/index.js';import BottomMenuDropDown from'../GlobalFooter/BottomMenuDropdown.js';import {getMenuSeparation}from'@admin-layout/client';import {Divider}from'./Divider.js';import {SidebarMenu}from'./SidebarMenu.js';const Sidebar = props => {
+import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffect}from'react';import {Link}from'@remix-run/react';import {useTranslation}from'react-i18next';import {AiOutlineDash}from'@react-icons/all-files/ai/AiOutlineDash.js';import BottomMenuDropDown from'../GlobalFooter/BottomMenuDropdown.js';import {getMenuSeparation}from'@admin-layout/client';import {Divider}from'./Divider.js';import {SidebarMenu}from'./SidebarMenu.js';import {RightContent}from'../GlobalHeader/RightContent.js';const Sidebar = props => {
   const {
     isSideMenuOpen,
     closeSideMenu,
@@ -9,7 +9,6 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
   } = props;
   useState(false);
   const [iconModule, setIconModule] = React__default.useState(null);
-  useTheme();
   const {
     t,
     i18n
@@ -58,16 +57,23 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
   };
   const middleMenu = getMenuSeparation(menuData).middleMenus;
   const lowerMenus = getMenuSeparation(menuData).lowerMenus;
+  const SidebarStyles = React__default.useMemo(() => ({
+    backgroundColor: settings?.navTheme === 'realDark' ? '#222' : '',
+    color: settings?.navTheme === 'realDark' ? '#fff' : ''
+  }), [settings]);
   const renderSidebarContent = () => jsxs("div", {
     className: "py-4 text-gray-500 dark:text-gray-400",
+    style: SidebarStyles,
     children: [jsxs(Link, {
       to: "/",
       className: "ml-6 flex items-center gap-2.5 text-lg font-bold text-gray-800 dark:text-gray-200",
+      style: SidebarStyles,
       children: [jsx("img", {
         src: settings?.logo,
         className: "w-[28px]"
       }), "Cdebase"]
     }), jsxs("div", {
+      className: "min-h-[80vh]",
       children: [jsxs("div", {
         style: {
           flex: 1,
@@ -114,6 +120,11 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
           settings: settings
         })
       })]
+    }), settings?.layout?.navigationMode === 'sidebar' && jsx(RightContent, {
+      upperMenus: getMenuSeparation(menuData).upperMenus,
+      collapsed: collapsed,
+      routeParams: routeParams,
+      settings: settings
     }), jsx("div", {
       className: "absolute bottom-0 left-0  p-4  dark:border-gray-700",
       children: jsx(BottomMenuDropDown, {
@@ -126,6 +137,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
   return jsxs("div", {
     children: [jsx("aside", {
       className: "z-20 hidden h-full w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0",
+      style: SidebarStyles,
       children: renderSidebarContent()
     }), isSideMenuOpen && jsx("div", {
       className: "fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center",
@@ -133,6 +145,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
     }), isSideMenuOpen && jsx("aside", {
       id: "mobile-sidebar",
       className: "fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden",
+      style: SidebarStyles,
       children: renderSidebarContent()
     })]
   });

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","_jsxs","_jsx"],"mappings":"6eAwBa,MAAA,OAAO,GAA2B,KAAC,IAAS;AACrD,EAAA,MAAA;IACA,cAAsB;AAEtB,IAAA,aAAO;AACP,IAAA,QAAQ;IACR,SAAS;IAET,WAAM;AACF,IAAA;AACJ,GAAA,GAAE,KAAA;EAE8C,QAAA,CAAA,KAAA;QACvC,CAAA,UAAM,EAAA,aAAA,CAAA,GAAAA,cAAA,CAAA,QAAA,CAAA,IAAA,CAAA;AACX,EAEI,QAAA;AACI,EAAA,MAAA;;AAER,IAAA;AAEA,GAAA,GAAA,cAAyB,CAAA,MAAA,CAAA;AAI7B;WAEqC,CAAA,MAAA;IACrC,MAAS,kBAAM,GAAA,KAAA,IAAA;AACX,MAAA,MAAA,OAAkB,GAAA,QAAI,CAAA,cAAwB,CAAA,gBAAA,CAAA;iBACtC,IAAK,CAAC,OAAG,CAAK,QAAQ,CAAI,KAAA,CAAA,MAAA,CAAA,IAAc,cAAG,EAAA;AAC3C,QAAA,aAAA,EAAA;;AAER,KAAA;AAEA,IAAA,QAAA,CAAA,gBAAyB,CAAA,aAAU,kBAAgB,CAAA;AACnD,IAAA,OAAA;AACI,MAAA,QAAA,CAAA,mBAA4B,CAAA,+BAA0B,CAAA;AAC1D,KAAA;AACJ,GAAA,EAAC,eAAG,EAAc,aAAe,CAAA,CAAA;;AAGjC,EAAA,SAAqB,CAAA,MAAA;AACjB,IAAA,MAAA,eAAiB,KAAK,IAAI;AACtB,MAAA,IAAA,KAAA,CAAA,gBAAoB,IAAA,cAAA,EAAA;AAChB,QAAA,aAAO,EAAA;AACP;;aAEH,gBAAC,CAAA,SAAA,EAAA,YAAA,CAAA;AACF,IAAA,OAAA,MAAe;4CACY,EAAA,YAA2B,CAAA;;AAGtD,GAAA,EAAA,CAAA,6BAAmB,CAAA,CAAA;AACvB,EAAA,MAAA,UAAG,GAAA,iBAAA,CAAA,QAAA,CAAA,CAAA,WAAA;AACP,EAAA,MAAE,eAAA,GAAA,SAAA,IAAA;IACF,OAAM,SAAA,CAAW,GAAG,CAAA,IAAU,IAAA;MAExB,MAAA,WAAa,GAAiB;QAC9B,GAAA,IAAA;AAEN,QAAA;AASoB,QAAA,IAAA,EAAA,UAAA,IAAA,IAAI,KAAG,GAAA,UAAA,CAAA,iBAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA;AACP,OAAA;AACA,MAAA,IAAA,WAAA,CAAA,QAAA,EAAA;AACA,QAAA,WAAA,CAAA,QAAA,GAAA,eAAe,CAAA,WAAA,CAAA,QAAA,CAAA;AACf;AACH,MAAA,OAAA,WAAA;AAQW,KAAA,CAAA;AACA,GAAA;AACA,EAAA,MAAA,WAAA,GAAA;AACA,IAAA,QAAA,EAAA,eAAA,CAAA,UAAA;;AAMA,EAAA,MAAA,UAAA,GAAA,iBAAA,CAAA,QAAgB,CAAA,CAAA,WAAA;AAChB,EAAA,MAAA,UAAA,GAAA,iBAAA,CAAA,QAAW,EAAE,UAAS;AACtB,EAAA,MAAA,oBAAA,GAAA,MAAAC,IAAM,MAAG,EAAA;AACT,IAAA,SAAA,EAAA,uCAAU;AACb,IAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,IAAA,EAAA;AASL,MAAA,EAAA,EAAA,GAAA;AACA,MAAA,SAAA,EAAA,mFAAiB;AACjB,MAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AACA,QAAA,GAAA,EAAA,QAAA,EAAA,IAAA;AACA,QAAA,SAAA,EAAA;;AAcpB,KAAA,CAAA,EAAAD,IAGQ,CAAA,KAAA,EAAA;AAuBZ,MAAE,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA;AAEF,QAAA,KAAA,EAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {ChevronDown,ChevronRight}from'lucide-react';import {Link}from'@remix-run/react';import {generateMenuPath}from'@admin-layout/client';import {generateLightShade}from'../BasicLayout/utils.js';const SidebarMenu = ({
+import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {FaChevronDown}from'@react-icons/all-files/fa/FaChevronDown.js';import {FaChevronRight}from'@react-icons/all-files/fa/FaChevronRight.js';import {Link}from'@remix-run/react';import {generateMenuPath}from'@admin-layout/client';import {generateLightShade}from'../BasicLayout/utils.js';const SidebarMenu = ({
   menuData,
   routeParams,
   settings
@@ -68,9 +68,9 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {Ch
           style: {
             color: isActive ? settings?.primaryColor : ''
           },
-          children: isOpen ? jsx(ChevronDown, {
+          children: isOpen ? jsx(FaChevronDown, {
             className: "h-4 w-4"
-          }) : jsx(ChevronRight, {
+          }) : jsx(FaChevronRight, {
             className: "h-4 w-4"
           })
         })]

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":"2QAOO,MAAM,WAAW,GAAG,CAAC;UACgB;aACjB;;MAEjB;;QAGF,CAAuE,gBAAA,EAAA,mBAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;;AAGvE,EAAA,MAAA,CAAA,UAAA,EAAA,aAAyB,CAAE,GAAE,QAAA,CAAA,YAAA,CAAA;AACzB,EAAA,MAAA,UAAM,QAAQ,EAAG,KAAK,EAAA,CAAA,KAAO;;AAG7B,IAAA,CAAA,CAAA;AACI,IAAA,mBAAA,CAAQ,IAAC,IAAM;YACnB,QAAC,GAAA;;;AAGG;kBACH,CAAA,KAAA,CAAA,KAAA,IAAA,EAAA;AAED,QAAA,QAAA,CAAA,aAAgB;AACpB;AACJ;WAEM;QACF,QAAI,CAAA,KAAA,CAAW,GAAG,IAAA;AACd;aACH,QAAA;;;uBAEgB,GAAC,CAAI,IAAC,EAAC,WAAA,EAAA,KAAA,EAAA,CAAA,KAAA;QACxB,WAAC,EAAA;AACL,MAAE,UAAA,CAAA,IAAA,EAAA,KAAA,EAAA,CAAA,CAAA;KAEI,MAAA;AACF;mBACM,CAAM,IAAG,CAAA;AACf;AACA,GAAA;QAEA,cAAgD,GAAA,CAAA,IAAA,EAAA,KAAA,GAAA,CAAA,KAAA;UAC5C,WAAU,GAAA,IAAA,CAAA,QAAA,IAAmB,IAAA,CAAA,QAAsB,CAAA,MAAA,GAAA,CAAE;UAElD,MACH,mBAA8B,CAAA,KAAA,CAAC,SAC3B,CAAA,IAAA;AA2BZ,IAAA,MAAE,QAAA,GAAA,UAAA,KAAA,IAAA,CAAA,IAAA;IAEF,MAAO,WAEC,GAAA,CAAA,EAAA,KAAA,GAAA,CAAA,CAAA,GAAA,CAAA;AAGZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":"uWAOO,MAAM,WAAW,GAAG,CAAC;UACgB;aACjB;;MAEjB;;QAGF,CAAuE,gBAAA,EAAA,mBAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;;AAGvE,EAAA,MAAA,CAAA,UAAA,EAAA,aAAyB,CAAE,GAAE,QAAA,CAAA,YAAA,CAAA;AACzB,EAAA,MAAA,UAAM,QAAQ,EAAG,KAAK,EAAA,CAAA,KAAO;;AAG7B,IAAA,CAAA,CAAA;AACI,IAAA,mBAAA,CAAQ,IAAC,IAAM;YACnB,QAAC,GAAA;;;AAGG;kBACH,CAAA,KAAA,CAAA,KAAA,IAAA,EAAA;AAED,QAAA,QAAA,CAAA,aAAgB;AACpB;AACJ;WAEM;QACF,QAAI,CAAA,KAAA,CAAW,GAAG,IAAA;AACd;aACH,QAAA;;;uBAEgB,GAAC,CAAI,IAAC,EAAC,WAAA,EAAA,KAAA,EAAA,CAAA,KAAA;QACxB,WAAC,EAAA;AACL,MAAE,UAAA,CAAA,IAAA,EAAA,KAAA,EAAA,CAAA,CAAA;KAEI,MAAA;AACF;mBACM,CAAM,IAAG,CAAA;AACf;AACA,GAAA;QAEA,cAAgD,GAAA,CAAA,IAAA,EAAA,KAAA,GAAA,CAAA,KAAA;UAC5C,WAAU,GAAA,IAAA,CAAA,QAAA,IAAmB,IAAA,CAAA,QAAsB,CAAA,MAAA,GAAA,CAAE;UAElD,MACH,mBAA8B,CAAA,KAAA,CAAC,SAC3B,CAAA,IAAA;AA2BZ,IAAA,MAAE,QAAA,GAAA,UAAA,KAAA,IAAA,CAAA,IAAA;IAEF,MAAO,WAEC,GAAA,CAAA,EAAA,KAAA,GAAA,CAAA,CAAA,GAAA,CAAA;AAGZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAqC,MAAM,aAAa,CAAC;AA0CpG,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;AAE3E,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAqC,MAAM,aAAa,CAAC;AAqDpG,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,10 +1,15 @@
-import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {userSelector}from'@adminide-stack/user-auth0-client';import React__default,{useMemo}from'react';import {connect,useSelector}from'react-redux';import {BasicLayout}from'./BasicLayout/index.js';function BasicLayoutWithAuthorities(props) {
+import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {userSelector}from'@adminide-stack/user-auth0-client';import React__default,{useMemo}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';function BasicLayoutWithAuthorities(props) {
   const userData = useSelector(userSelector);
   const {
     settings,
     setSettings
   } = useLayoutSettings();
   // const { authenticated, user } = isUserAuthenticated();
+  const settingsActor = createActor(settingsMachine, {
+    systemId: 'settings'
+  }).start();
+  const state = useSelector$1(settingsActor, state => state);
+  const settingXstate = state?.context;
   const {
     permissions
   } = props;
@@ -27,8 +32,9 @@ import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout
     authorities: permissions?.resolveConfiguration ?? permissions,
     onSettingChange: onSettingChange,
     mainHeaderProps: mainHeaderProps,
+    actor: settingsActor,
     ...props,
-    settings: settings
+    settings: settingXstate
   });
 }
 const mapState = ({

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

@@ -1 +1 @@
-{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"gSAMA,SAAS,0BAA0B,CAAC,KAAgF,EAAA;AAChH,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;IACN,QAAyD;AACzD,IAAA;AACA,GAAA,GAAA,mBAAqB;AAEb;AACH,EAAA,MACD;AAGJ,IAAA;WACK;AACG,EAAA,MAAA,eAAiB,GAAA,OAAO,CAAA,OAAE;aACzB,QAAA,GAAA,QAAA,EAAA,OAAA,EAAA,OAAA,GAAA;AACT,GAAA,CAAA,EAAE,CAAA,QAAA,CAAA,CAAA;QAEU,eAAA,GAAA,MAAA,IAAA;IACZ,CAAM,YAAa;AACnB,MAAA,MACI,WAAY,CAAA,MAAA,CAAA;AASpB,KAAC,GAAA;AAED,GAAM;;QAEM;AACX,IAAE,WAAA,EAAA;AAMH,MAAM;AAIN,KAAM,GAAA;AAKN,GAAA,GAAA,KAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"0bASA,SAAS,0BAA0B,CAAC,KAAgF,EAAA;AAChH,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;IACN,QAAyD;AACzD,IAAA;AACI,GAAA,GAAA,iBAAoB,EAAA;;AAGxB,EAAA,MAAA,aAA+B,GAAA,WAAA,CAAC,eAAe,EAAC;AAEhD,IAAA,QAAmB,EAAA;AACnB,GAAA,CAAA,CAAA,KAAM,EAAE;AACR,EAAA,MAAA,qBAAwB,CAAA,aACb,EAAA,KAAA,IAAA,KAAA,CAAA;AACH,EAAA,MAAA,aAAS,GAAA,KAAW,EAAA,OAAU;AACjC,EAAA,MACD;AAGJ,IAAA;WACK;AACG,EAAA,MAAA,eAAiB,GAAA,OAAO,CAAA,OAAE;aACzB,QAAA,GAAA,QAAA,EAAA,OAAA,EAAA,OAAA,GAAA;AACT,GAAA,CAAA,EAAE,CAAA,QAAA,CAAA,CAAA;QAEU,eAAA,GAAA,MAAA,IAAA;IACZ,CAAM,YAAa;AACnB,MAAA,MACI,WAAY,CAAA,MAAA,CAAA;AAUpB,KAAC,GAAA;AAED,GAAM;;QAEM;AACX,IAAE,WAAA,EAAA;AAMH,MAAM;AAIN,KAAM,GAAA;AAKN,GAAA,GAAA,KAAA;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,8 +1,3 @@
-type ICheckboxThemeProps = {
-    list?: any[];
-    changeSetting?: (key: string, value: string | boolean | any) => void;
-    settings?: any;
-};
+import { ICheckboxThemeProps } from './types';
 export default function CheckBoxTheme(props: ICheckboxThemeProps): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=CheckBoxTheme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxTheme.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"names":[],"mappings":"AAEA,KAAK,mBAAmB,GAAG;IACvB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CA+C/D"}
+{"version":3,"file":"CheckBoxTheme.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAsD9C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CAiC/D"}