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

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;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"}
+{"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,EAGpB,MAAM,sBAAsB,CAAC;AAM9B,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,CAqI3F,CAAC"}

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

@@ -1,5 +1,4 @@
-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 = ({
+import {jsx,jsxs}from'react/jsx-runtime';import {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,getThemeColors}from'@admin-layout/client';import isBrowser from'../../../utils/isBrowser/index.js';import {getPageTitleInfo}from'../getPageTitle.js';import {GlobalFooter}from'../GlobalFooter/Footer.js';import {ThemeProvider}from'../../ThemeProvider/ThemeProvider.js';const useHorizontalScroll = ({
   scrolled,
   setScrolled,
   setSearchOptionsShown,
@@ -61,7 +60,7 @@ const BasicLayout = props => {
     ...props
   };
   const [scrolled, setScrolled] = useState(false);
-  const [collapsed, setCollapsed] = useState();
+  const [collapsed, setCollapsed] = useState(false);
   const {
     children,
     onCollapse: propsOnCollapse,
@@ -85,7 +84,7 @@ const BasicLayout = props => {
     actor
   } = propsWithSettings;
   const [isSideMenuOpen, setIsSideMenuOpen] = useState(false);
-  const [isDarkMode, setIsDarkMode] = useState(false);
+  useState(false);
   const location = useLocation();
   const [scrollEnd, setScrollEnd] = useState(false);
   const [searchOptionsShown, setSearchOptionsShown] = useState(false);
@@ -134,35 +133,22 @@ const BasicLayout = props => {
       if (heightBody < window.innerHeight - heightHeader - heightFooter) setFooterFixed(true);else setFooterFixed(false);
     }
   }, [heightHeader, heightBody, heightFooter]);
-  useEffect(() => {
-    if (settings?.navTheme === 'light') {
-      setIsDarkMode(false);
-      document.documentElement.classList.remove('dark');
-    } else if (settings?.navTheme === 'dark') {
-      document.documentElement.classList.add('dark');
-      setIsDarkMode(true);
-    } else {
-      setIsDarkMode(false);
-      document.documentElement.classList.remove('dark');
-    }
-  }, [settings]);
   const toggleSideMenu = () => {
     setIsSideMenuOpen(!isSideMenuOpen);
   };
   const closeSideMenu = () => {
     setIsSideMenuOpen(false);
   };
-  return jsx(ThemeContext.Provider, {
-    value: {
-      isDarkMode
-    },
+  return jsx(ThemeProvider, {
+    settings: settings,
     children: jsxs("div", {
-      className: `flex h-screen bg-gray-50 dark:bg-gray-900`,
+      className: "flex h-screen bg-background font-sans",
       children: [settings?.layout.navigationMode !== 'topbar' && settings?.regions.showMenu && !settings?.layout.splitMenus && jsx(Sidebar, {
         isSideMenuOpen: isSideMenuOpen,
         closeSideMenu: closeSideMenu,
         menuData: menuData,
-        collapsed: children,
+        collapsed: collapsed,
+        setCollapsed: setCollapsed,
         routeParams: routeParams,
         settings: settings
       }), jsxs("div", {
@@ -177,9 +163,10 @@ const BasicLayout = props => {
           primaryColor: primaryColor,
           settings: settings,
           onSettingChange: onSettingChange,
-          actor: actor
+          actor: actor,
+          colorList: getThemeColors(settings?.theme)
         }), jsx("main", {
-          className: "h-full overflow-y-auto",
+          className: "h-full overflow-y-auto bg-background text-foreground",
           children: jsx("div", {
             className: "container px-6 mx-auto grid",
             children: jsx(Outlet, {})

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;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"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,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;IACvB,cAAc,CAAC,EAAE,GAAG,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,GAAG,GAAG,CAwE/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 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 => {
+import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';import {Link}from'@remix-run/react';import {RightContent}from'./RightContent.js';import {icons}from'../../../icons.js';const GlobalHeader = props => {
   const {
     theme,
     layout,
@@ -8,6 +8,10 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
     settings,
     toggleSideMenu
   } = props;
+  const {
+    MenuIcon,
+    SearchIcon
+  } = icons;
   // Calculate header styles
   const headerStyles = React__default.useMemo(() => ({
     backgroundColor: settings?.navTheme === 'realDark' ? '#222' : '',
@@ -15,7 +19,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
   }), [settings]);
   if (!settings?.regions?.showHeader) return null;
   return jsx("header", {
-    className: "z-10 py-4  shadow-md dark:bg-gray-800",
+    className: "z-10 py-4  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",
@@ -23,7 +27,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
         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(IoMenu, {
+        children: jsx(MenuIcon, {
           className: "w-6 h-6"
         })
       }), settings?.layout?.navigationMode === 'topbar' || settings?.layout.splitMenus ? jsxs(Link, {
@@ -42,7 +46,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
           style: headerStyles,
           children: [jsx("div", {
             className: "absolute inset-y-0 flex items-center pl-2",
-            children: jsx(FaSearch, {
+            children: jsx(SearchIcon, {
               className: "w-4 h-4"
             })
           }), jsx("input", {

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":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":"kMAqBa,MAAA,YAAY,GAA2C,KAAC,IAAS;AAC1E,EAAA,MAAA;AACA,IAAA,KAAA;IAEA,MAA0B;IAC1B,UAAM;AAGM,IAAA,WAAA;AACA,IAAA,SAAK;AACgB,IAAA,QACpB;AAGb,IAAA;AAAoC,GAAA,GAAA,KAAA;AACpC,EAAA,MAAA;AAyDJ,IAAE,QAAA;AAEF,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/ProTailwindLayout.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { LinksFunction } from '@remix-run/node';
 import { BasicLayoutProps } from '@admin-layout/client';
 declare const ProTailwindLayout: React.FC<BasicLayoutProps & {
     loaderData?: any;
@@ -7,6 +8,7 @@ export default ProTailwindLayout;
 export declare const handle: {
     i18n: string;
 };
+export declare const links: LinksFunction;
 export declare const loader: (params: any) => Promise<{
     newMenuData: import("@common-stack/client-react").IMenuData[];
     apolloState: any;

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

@@ -1 +1 @@
-{"version":3,"file":"ProTailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAOH,gBAAgB,EACnB,MAAM,sBAAsB,CAAC;AAY9B,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,CASxE,CAAC;AACF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,MAAM;;CAElB,CAAC;AAEF,eAAO,MAAM,MAAM;;;EA2BlB,CAAC;AAEF,wBAAsB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;;;;CAAA,gBAkBnE;AAED,eAAO,MAAM,gBAAgB;;;aAE5B,CAAC"}
+{"version":3,"file":"ProTailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAOH,gBAAgB,EACnB,MAAM,sBAAsB,CAAC;AAc9B,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,CASxE,CAAC;AACF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,MAAM;;CAElB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,aAA+D,CAAC;AAEpF,eAAO,MAAM,MAAM;;;EA2BlB,CAAC;AAEF,wBAAsB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;;;;CAAA,gBAkBnE;AAED,eAAO,MAAM,gBAAgB;;;aAE5B,CAAC"}

package/lib/components/Layout/ProTailwindLayout.js

@@ -7,6 +7,7 @@ import { ClientTypes } from '@common-stack/client-core';
 import { createSelector } from 'reselect';
 import BasicLayoutEnhanced from './TailwindLayout.js';
 import { config } from '../../config/env-config.js';
+import stylesheet from '../../styles/index.css?url';
 const selectOrgName = state => state.platform.orgName;
 const selector = createSelector([selectOrgName], orgName => ({
   orgName
@@ -33,6 +34,10 @@ const ProTailwindLayout = props => {
 const handle = {
   i18n: 'menu'
 };
+const links = () => [{
+  rel: 'stylesheet',
+  href: stylesheet
+}];
 const loader = async params => {
   const {
     routeConfig
@@ -92,4 +97,4 @@ const shouldRevalidate = ({
 }) => {
   return currentParams.orgName !== nextParams.orgName;
 };
-export { clientLoader, ProTailwindLayout as default, handle, loader, shouldRevalidate }; //# sourceMappingURL=ProTailwindLayout.js.map
+export { clientLoader, ProTailwindLayout as default, handle, links, loader, shouldRevalidate }; //# sourceMappingURL=ProTailwindLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProTailwindLayout.js","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"sourcesContent":[null],"names":["_jsx","TailwindLayout"],"mappings":"4gBAkBA,MAAM,aAAa,GAAG,KAAC,IAAO,KAAG,CAAA,QAAM,CAAA,OAAS;AAEhD,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,aAAa,CAAC,EAAE,YAAY;AAE7D,EAAA;;AAII,MAAA,iBAAoB,GAAA,KAAA,IAAW;AAG/B,EAAA,MAAA;AACA,IAAA,UAAQ,EAAA;AACZ,MAAE,WAAA;AACF,MAAA;AAEA;AACI,GAAA,GAAA,KAAY;EACd,MAAA;AAEF,IAAM;AACF,GAAA,GAAA,WAAmB,CAAA,KAAA,YAAY,OAAO,CAAC;QACnC,MAAA,GAAA;AACJ,IAAA,OAAK,EAAA;;SAEJA,GAAA,CAAAC,mBAAA,EAAA;IAAC,WAAgB,EAAA,MAAA;AACd,IAAA,WAAO,EAAC,WAAO;IACnB,QAAC,EAAA;IAED;AACA;AAEA,MAAA,MAAA,GAAA;AACA,EAAA,IAAA,EAAI;AACJ;AACgB,MAAA,MAAA,GAAE,MAAC,MAAA,IAAA;AACf,EAAA,MAAA;IACJ;MACI,MAAY,CAAA,OAAA;AACZ,EAAA,IAAA,WAAU,GAAA,EAAA;MACb;IACD,WAAoD,GAAA,gBAAA,CAAA,WAAA,EAAA,MAAA,CAAA,WAAA,CAAA;AACpD,GAAA,CAAA,OAAiB,CAAA,EAAA;IACjB,OAAO,CAAA,GAAA,CAAA,CAAA,CAAA;;QAEH,eAAW,GAAA,sBAAA,CAAA,WAAA,CAAA,QAAA,CAAA,CAAA;QACb,iBAAA,GAAA,aAAA,CAAA,eAAA,CAAA;AACN,EAAE,MAAA,sBAAA,GAAA,sBAAA,CAAA,iBAAA,CAAA;AAEF,EAAM,sBAA4B,CAAA,OAAA,CAAA,IAAG,IAAA,2BAA+B,CAAA,IAAA,CAAA,CAAA;MACY,WAAA,GAAA,MAAA,EAAA,YAAA,EAAA,WAAA;AAC5E,EAAA,IAAA,WAAgB,GAAA,MAAS,EAAA,YAAA,aAAe;AACxC,EAAA,IAAA,CAAA,WAAQ,EAAA;AAER,IAAA,MAAK,IAAA,KAAA,CAAA,uBAAA,CAAA;AACD;kBAEM,EAAA;AACN,IAAA,MAAA,IAAA,KAAW,CAAC,uBAAqB,CAAA;;AAGjC;QACH,WAAA,GAAA,cAAA,CAAA,sBAAA,EAAA,WAAA,EAAA,oBAAA,IAAA,WAAA,CAAA;SAAQ;AACL,IAAA,WAAO;AACP,IAAA;;AAEJ;AACH,eAAA,YAAA,CAAA;AAED,EAAM,OAAO;AACT,EAAA,MAAA;AACJ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProTailwindLayout.js","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"sourcesContent":[null],"names":["_jsx","TailwindLayout"],"mappings":"+jBAqBA,MAAM,aAAa,GAAG,KAAC,IAAO,KAAG,CAAA,QAAM,CAAA,OAAS;AAEhD,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,aAAa,CAAC,EAAE,YAAY;AAE7D,EAAA;;AAII,MAAA,iBAAoB,GAAA,KAAA,IAAW;AAG/B,EAAA,MAAA;AACA,IAAA,UAAQ,EAAA;AACZ,MAAE,WAAA;AACF,MAAA;AAEA;AACI,GAAA,GAAA,KAAY;EACd,MAAA;AACF,IAAA;AAEA,GAAM,GAAA,WAAa,CAAA,SAAQ,QAAQ,MAAI,CAAA,CAAA;AACnC,EAAA,MAAA,MAAmB,GAAA;IACnB,OAAI,EAAA;AACJ,GAAA;SACeA,GAAA,CAAAC;IACf,WAAC,EAAA,MAAA;IAAC,WAAgB,EAAA,WAAA;AACd,IAAA,QAAA,EAAA;IACJ;;;AAKA,EAAA,IAAA,EAAA;AACA;cACkB,MAAA,CAAM;KACpB,EAAA,YAAY;AACZ,EAAA,IAAA,EAAA;;AAEY,MAAA,MAAA,GAAE,MAAC,MAAA,IAAA;AACf,EAAA,MAAA;IACJ;MACoD,MAAA,CAAA,OAAA;AACpD,EAAA,IAAA,WAAiB,GAAA,EAAA;MACV;eACQ,GAAA,gBAAA,CAAA,WAAA,EAAA,MAAA,CAAA,WAAA,CAAA;WACA,CAAA,EAAA;WACb,CAAA,GAAA,CAAA,CAAA,CAAA;AACN;AAEA,EAAM,MAAM,eAAsB,GAAA,sBAAY,CAAA,WAAQ,CAAA,QAAc,CAAA,CAAA;QACY,iBAAA,GAAA,aAAA,CAAA,eAAA,CAAA;AAC5E,EAAA,MAAA,sBAAyB,GAAA,sBAAe,CAAA,iBAAA,CAAA;AACxC,EAAA,sBAAqB,CAAA,gBAAc,2BAAA,CAAA,IAAA,CAAA,CAAA;AAEnC,EAAA,IAAA,WAAK,GAAA,MAAA,EAAA,YAAA,EAAA,WAAA;AACD,EAAA,IAAA,WAAiB,GAAA,MAAA;kBAEX,EAAA;AACN,IAAA,MAAA,IAAA,KAAW,CAAC,uBAAqB,CAAA;;AAGjC,EAAA,IAAA,CAAA,WAAA,EAAA;IACJ,MAAC,IAAA,KAAA,CAAA,uBAAA,CAAA;;AACG;AACA,EAAA,MAAA,WAAQ,GAAM,cAAG,CAAA,sBAAA,EAAA,WAAA,EAAA,oBAAA,IAAA,WAAA,CAAA;SACpB;AACD,IAAA;AACJ,IAAC;AAED,GAAM;AACF;AACF,eAAA,YAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,6 +4,7 @@ interface SidebarProps {
     closeSideMenu: () => void;
     menuData: any;
     collapsed: boolean;
+    setCollapsed: (collapsed: boolean) => void;
     routeParams: {
         orgName?: string;
         [key: string]: string;

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;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"}
+{"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,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,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,CAiM1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1,11 +1,12 @@
-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 => {
+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 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';import {icons}from'../../../icons.js';const Sidebar = props => {
   const {
     isSideMenuOpen,
     closeSideMenu,
     menuData,
     collapsed,
     routeParams,
-    settings
+    settings,
+    setCollapsed
   } = props;
   useState(false);
   const [iconModule, setIconModule] = React__default.useState(null);
@@ -13,6 +14,14 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
     t,
     i18n
   } = useTranslation('menu');
+  const {
+    OutlineDashIcon,
+    ChevronBackCircleIcon,
+    ChevronForwardCircleIcon
+  } = icons;
+  const toggleCollapsed = () => {
+    setCollapsed(!collapsed);
+  };
   // Close sidebar when clicking outside on mobile
   useEffect(() => {
     const handleClickOutside = event => {
@@ -62,7 +71,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
     color: settings?.navTheme === 'realDark' ? '#fff' : ''
   }), [settings]);
   const renderSidebarContent = () => jsxs("div", {
-    className: "py-4 text-gray-500 dark:text-gray-400",
+    className: "py-4 text-gray-500 dark:text-gray-400 relative",
     style: SidebarStyles,
     children: [jsxs(Link, {
       to: "/",
@@ -71,9 +80,16 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
       children: [jsx("img", {
         src: settings?.logo,
         className: "w-[28px]"
-      }), "Cdebase"]
+      }), !collapsed && jsx("span", {
+        children: settings?.title
+      })]
+    }), jsx("button", {
+      onClick: toggleCollapsed,
+      className: "rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors text-[22px] absolute right-[0px] top-[63px]",
+      "aria-label": collapsed ? 'Expand sidebar' : 'Collapse sidebar',
+      children: collapsed ? jsx(ChevronForwardCircleIcon, {}) : jsx(ChevronBackCircleIcon, {})
     }), jsxs("div", {
-      className: "min-h-[80vh]",
+      className: "min-h-[93vh]",
       children: [jsxs("div", {
         style: {
           flex: 1,
@@ -86,8 +102,9 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
         children: [jsx(SidebarMenu, {
           menuData: updateMenuIcons(middleMenu),
           routeParams: routeParams,
-          settings: settings
-        }), collapsed && true ? jsx(AiOutlineDash, {
+          settings: settings,
+          collapsed: collapsed
+        }), collapsed && true ? jsx(OutlineDashIcon, {
           className: "ant-divider",
           style: {
             marginLeft: '17px',
@@ -117,7 +134,8 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
         children: jsx(SidebarMenu, {
           menuData: updateMenuIcons(lowerMenus),
           routeParams: routeParams,
-          settings: settings
+          settings: settings,
+          collapsed: collapsed
         })
       })]
     }), settings?.layout?.navigationMode === 'sidebar' && jsx(RightContent, {
@@ -136,7 +154,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",
+      className: `z-20 hidden h-full overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0 transition-all duration-300 ease-in-out ${collapsed ? 'w-20' : 'w-64'}`,
       style: SidebarStyles,
       children: renderSidebarContent()
     }), isSideMenuOpen && 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","_jsxs","_jsx"],"mappings":"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"}
+{"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.d.ts

@@ -1,6 +1,4 @@
-export declare const SidebarMenu: ({ menuData, routeParams, settings }: {
-    menuData: any;
-    routeParams: any;
-    settings: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+import { SidebarMenuProps } from '../../typings';
+export declare const SidebarMenu: React.FC<SidebarMenuProps>;
 //# sourceMappingURL=SidebarMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW;;;;6CAgFvB,CAAC"}
+{"version":3,"file":"SidebarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAgB,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsGlD,CAAC"}

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

@@ -1,47 +1,45 @@
-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 = ({
+import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {Link}from'@remix-run/react';import {generateMenuPath}from'@admin-layout/client';import {generateLightShade}from'../BasicLayout/utils.js';import {icons}from'../../../icons.js';const SidebarMenu = ({
   menuData,
   routeParams,
-  settings
+  settings,
+  collapsed
 }) => {
-  // Track open menus by their depth level
   const [openMenusByLevel, setOpenMenusByLevel] = useState({});
-  // Track the currently active menu item
   const [activePath, setActivePath] = useState('/dashboard');
+  const [hoveredMenu, setHoveredMenu] = useState(null);
+  const {
+    ChevronDownIcon,
+    ChevronRightIcon
+  } = icons;
   const toggleMenu = (path, depth, e) => {
-    // Prevent link navigation when clicking on a parent menu with children
     e.preventDefault();
-    setOpenMenusByLevel(prev => {
-      const newState = {
-        ...prev
-      };
-      // If this menu is already open, close it
-      if (newState[depth] === path) {
-        newState[depth] = null;
-      }
-      // Otherwise, close any other menu at this depth level and open this one
-      else {
-        newState[depth] = path;
-      }
-      return newState;
-    });
+    if (collapsed) return;
+    setOpenMenusByLevel(prev => ({
+      ...prev,
+      [depth]: prev[depth] === path ? null : path
+    }));
   };
   const handleMenuClick = (path, hasChildren, depth, e) => {
-    if (hasChildren) {
+    if (hasChildren && !collapsed) {
       toggleMenu(path, depth, e);
     } else {
-      // For leaf items, set as active and allow navigation
       setActivePath(path);
     }
   };
-  const renderMenuItem = (item, depth = 0) => {
+  const getFirstLetter = name => {
+    return name.charAt(0).toUpperCase();
+  };
+  const renderMenuItem = (item, depth = 0, isHoverMenu = false) => {
     const hasChildren = item.children && item.children.length > 0;
     const isOpen = openMenusByLevel[depth] === item.path;
     const isActive = activePath === item.path;
+    const isHovered = hoveredMenu === item.path;
     const paddingLeft = `${depth * 1}rem`;
-    // Determine the background color based on state
-    let bgColor = generateLightShade(settings?.primaryColor, 0.89);
+    const bgColor = generateLightShade(settings?.primaryColor, 0.89);
     return jsxs("div", {
-      className: "w-full",
+      className: "w-full relative group",
+      onMouseEnter: () => collapsed && !isHoverMenu && setHoveredMenu(item.path),
+      onMouseLeave: () => collapsed && !isHoverMenu && setHoveredMenu(null),
       children: [jsxs(Link, {
         to: generateMenuPath(item?.path, routeParams),
         className: `flex items-center justify-between w-full px-4 py-2 hover:bg-gray-100 text-sm cursor-pointer transition-colors rounded-md mx-1 my-0.5`,
@@ -51,38 +49,44 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {Fa
         },
         onClick: e => handleMenuClick(item.path, hasChildren, depth, e),
         children: [jsxs("div", {
-          className: "flex items-center gap-3",
-          children: [item.icon && jsx("span", {
+          className: `flex items-center ${collapsed && !isHoverMenu ? 'justify-center w-full' : 'gap-3'}`,
+          children: [item.icon ? jsx("span", {
             style: {
               color: isActive ? settings?.primaryColor : ''
             },
             children: item.icon
-          }), jsx("span", {
-            className: `font-medium`,
+          }) : collapsed && !isHoverMenu ? jsx("span", {
+            className: "w-8 h-8 flex items-center justify-center rounded-full bg-gray-100",
+            style: {
+              color: isActive ? settings?.primaryColor : ''
+            },
+            children: getFirstLetter(item.name)
+          }) : null, (!collapsed || isHoverMenu) && jsx("span", {
+            className: "font-medium whitespace-nowrap",
             style: {
               color: isActive ? settings?.primaryColor : ''
             },
             children: item.name
           })]
-        }), hasChildren && jsx("span", {
+        }), hasChildren && (!collapsed || isHoverMenu) && jsx("span", {
           style: {
             color: isActive ? settings?.primaryColor : ''
           },
-          children: isOpen ? jsx(FaChevronDown, {
+          children: isOpen ? jsx(ChevronDownIcon, {
             className: "h-4 w-4"
-          }) : jsx(FaChevronRight, {
+          }) : jsx(ChevronRightIcon, {
             className: "h-4 w-4"
           })
         })]
-      }), hasChildren && isOpen && jsx("div", {
-        className: "transition-all duration-200 ease-in-out",
-        children: item.children.map(child => renderMenuItem(child, depth + 1))
+      }), hasChildren && (isOpen && !collapsed || collapsed && isHovered) && jsx("div", {
+        className: `transition-all duration-200 ease-in-out ${collapsed && !isHoverMenu ? 'absolute left-full top-0 ml-2 bg-white shadow-lg rounded-md py-2 min-w-[200px] z-50' : ''}`,
+        children: item.children.map(child => renderMenuItem(child, depth + 1, collapsed && !isHoverMenu))
       })]
     }, item.path);
   };
   return jsx("div", {
     children: jsx("nav", {
-      className: "mt-2 px-2",
+      className: `mt-2 ${collapsed ? 'px-1' : 'px-2'}`,
       children: menuData.map(item => renderMenuItem(item))
     })
   });

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":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":"6PAOO,MAAM,WAAW,GAA+B,CAAC;UAC9C;aACW;UACX;AACN,EAAA;MAEM;QACF,CAAC,gBAAe,EAAG,mBAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AACnB,EAAA,MAAA,CAAA,UAAa,EAAA,aAAA,CAAA,GAAA,QAAA,CAAA,YAAA,CAAA;oBAAS,EAAA,cAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;AAEtB,EAAA,MAAA;AACI,IAAA,eAAO;AACP,IAAA;AACH,GAAA,GAAA,KAAE;AACP,EAAA,MAAE,UAAA,GAAA,CAAA,IAAA,EAAA,KAAA,EAAA,CAAA,KAAA;IAEF,CAAM,CAAA,cAAA,EAAA;AACF,IAAA,IAAA,SAAe,EAAA;AACX,IAAA,mBAAW,CAAI,IAAA;SAClB,IAAA;eAAO,IAAA,CAAA,KAAA,CAAA,KAAA,IAAA,GAAA,IAAA,GAAA;;;AAGZ,EAAA,MAAE,eAAA,GAAA,CAAA,IAAA,EAAA,WAAA,EAAA,KAAA,EAAA,CAAA,KAAA;AAEF,IAAA,IAAA,WAAoB,IAAA,CAAA,WAAoB;gBAC7B,CAAA,IAAW,EAAA,KAAE,EAAE,CAAW,CAAA;AACrC,KAAC,MAAC;AAEF,MAAA,aAAoB,CAAA,IAAA,CAAA;AAChB;;AAEA,EAAA,MAAA,cAAc,GAAG,IAAA,IAAA;AACjB,IAAA,OAAA,YAAe,CAAG,CAAA,CAAA,WAAW;AAC7B,GAAA;QACA,cAAgB,GAAA,CAAA,IAAA,EAAA,KAAA,GAAA,CAAA,EAAmB,WAAsB,GAAA,KAAA,KAAE;AAE3D,IAAA,MAAA,WACI,GAAA,IAAA,CAAA,QAEa,IAAA,wBAAwB;AA+CjB,IAAA,MAAA,MAAA,GAAA,gBAAuF,CAAA,KAAA,CAAA,KAAA,IAAA,CAAA,IAAA;AACvF,IAAA,MAAA,QAAA,GAAA,UAGP,KAAA,IAAA,CAAA,IAAA;AAKrB,IAAA,MAAE,SAAA,GAAA,WAAA,KAAA,IAAA,CAAA,IAAA;AAEF,IAAA,MAAA,WACI,GAAA,CAAA,EAAA,KAAA,GAAA,CACI,CAAK,GAAA,CAAA;AAGjB,IAAE,MAAA,OAAA,GAAA,kBAAA,CAAA,QAAA,EAAA,YAAA,EAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,4 @@
+export declare const ADDITIONAL_SETTINGS_SLOT_FILL_NAME = "additional_settings_slot_fill";
+export declare const AdditionalSettingsSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const AdditionalSettingsFillCard: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdditionalSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/AdditionalSettings.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,kCAAkC,kCAAkC,CAAC;AAElF,eAAO,MAAM,sBAAsB,yDAElC,CAAC;AAEF,eAAO,MAAM,0BAA0B,yDAEtC,CAAC"}

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

@@ -0,0 +1,7 @@
+import {jsx}from'react/jsx-runtime';import {Slot}from'@common-stack/components-pro';const ADDITIONAL_SETTINGS_SLOT_FILL_NAME = 'additional_settings_slot_fill';
+const AdditionalSettingsSlot = props => {
+  return jsx(Slot, {
+    name: ADDITIONAL_SETTINGS_SLOT_FILL_NAME,
+    fillProps: props
+  });
+};export{ADDITIONAL_SETTINGS_SLOT_FILL_NAME,AdditionalSettingsSlot};//# sourceMappingURL=AdditionalSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalSettings.js","sources":["../../../../src/components/Layout/slot-fill/AdditionalSettings.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAIO,MAAM,kCAAkC,GAAG;AAErC,MAAA,sBAAsB,GAAG,KAAC,IAAS;SACrCA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,kCAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}

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

@@ -1,3 +1,4 @@
 export * from './HeaderNotice';
 export * from './Footer';
+export * from './AdditionalSettings';
 //# 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"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAoRjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0LtD,CAAC"}
+{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAsRjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgNtD,CAAC"}