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

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,CAmI3F,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,13 +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",
-          children: jsx("div", {
-            className: "container px-6 mx-auto grid",
-            children: jsx(Outlet, {})
-          })
+          children: jsx(Outlet, {})
         }), jsx(GlobalFooter, {
           settings: settings,
           active: settings?.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":"2qBAoBO,MAAM,mBAAmB,GAAG,CAAC;AAChC,EAAA,QAAM;aAEG;AACL,EAAA,qBAAW;;AAEP,CAAA,KAAA;AACI,EAAA,MAAA,KAAA,GAAA,MAAM,EAAM;;oBACI,CAAA,OAAA,IAAA,IAAG;;AAEnB,MAAA,MAAA,OAAA,QAAW;oBACP,IAAW,CAAA,EAAA;wBACd,EAAA;AACD,QAAA,qBAAW,CAAA,KAAU,CAAA;0BACN,GAAA,EAAA,EAAM;qBACpB,CAAA,IAAA,CAAA;AACD;AACI,QAAA,IAAA,MAAA,CAAA,OAAA,GAAA,EAAA,EAAA;qBACH,CAAA,KAAA,CAAA;AACL;AAEA,QAAA,IAAA,MAAM,CAAC,WAAgB,GAAA,cAAW,IAAA,QAAS,CAAA,IAAA,CAAA,YAAA,EAAA;AAC3C,UAAA,gBAAY,EAAA;AACR;AACJ,OAAA;YACH,CAAA,gBAAA,CAAA,QAAA,EAAA,OAAA,CAAA;MACJ,OAAM,MAAA;AAEP,QAAA,0BAAa,CAAA,QAAA,EAAA,OAAA,CAAA;AACjB,OAAE;AAEF;AAQI,GAAA,EAAA,EAAA,CAAA;AACA,EAAA,OAAA;AACA;4BACW,GAAA,CAAA,SAAA,EAAA,KAAA,KAAA;AACH,EAAA,MAAA;AACA,IAAA;AACA,GAAA,GAAA,KAAA;qBACF,GAAA,gBAAA,CAAA,SAAA,CAAA;MACL,eAAA,KAAA,KAAA,EAAA;IACD,OAAI;AACA,MAAA,KAAA,EAAA,KAAW,CAAA,KAAkB,IAAA,EAAA;AAC7B,MAAA,EAAA,EAAA,EAAI;cACO,EAAA;AACH,KAAA;;qBAEF,EAAA;UACL,KAAA,GAAA,eAAA,CAAA,SAAA,EAAA,aAAA,CAAA,KAAA,EAAA,aAAA,CAAA;QACD,OAAO,UAAa,QAAK;MAC5B,OAAA;AACD,QAAA,GAAO,aAAa;AACxB,QAAE;AAEF,OAAO;;IAIH,OAAO,CAAQ,OAAA,KAAa,KAAA,QAAY,EAAA,6DAAQ,CAAA;;AAEhD,EAAA,OAAA,aAEI;;AAEA,MAAA,WACQ,GAAA,KAAA,IAAA;QACC,iBAAA,GAAA;IACT,GAAwB,eAAA;IACxB,GAAU;;AAGV,EAAA,MAAA,CAAA,QAAA,aACO,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QACK,CAAA,SAAA,EAAA,YAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACZ,EAAA,MAAA;IAQJ,QAAqB;IACrB,UAAiB,EAAA,eAAe;AAChC;IACA,gBAAgB;IAChB,QAAyB;AACzB;;cAGgB,GAAA,GAAA;AAChB,IAAA,IAAE;;kBAGU;WACG;;eAEK;AACnB,IAAA,QAAE;IAEH,WAAM;AAEE,IAAA,YAAoB;AACvB,IAAA,eAEH;IACF,eAAM;;AAGE,GAAA,GAAA,iBAAe;QAEnB,CAAA,cAAA,EACH,iBAAC,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAEF,EAAkC,QAAE,CAAA,KAAA;QAE3B,WAAM,WAAA,EAAA;QACX,CAA2D,SAAA,EAAA,YAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAC3D,EAAA,MAAA,CAAA,kBAAsB,EAAA,qBAA6B,CAAA,GAAA,QAAA,CAAI,KAAY,CAAA;QAInE,yBAAyB;AAE7B,IAAA,YAAa,CAAA,aAAW,IAAM,CAAE,aAAY,CAAE;AAC9C,GAAA;AACA,EAAwB,mBAAsB,CAAA;IAC9C,QAAkB;IAClB;AACI,IAAA,qBAAoB;;;;;cAGnB,CAAA,CAAA;wBACqC,CAAC;IAE3C,QAAM,EAAA,QAAA,EAAc,QAAQ;AACxB,IAAA,GAAA;AACJ,GAAA,EAAC,iBAAC;QAEI,UAAA,GAAA,MAAgB,CAAA,QAAK,CAAA;WACN,CAAA,MAAA;AACrB;AAEA,IAAA,IAAA,UACK,CAAA,OAAA,EAAA,YAAsB,eACnB,IAAA,YAAA,KAAA,YAAc;oBAEN,GAAQ;AACR,QAAA,GAAA,UAAC,CAAQ,OAAA;AAsC7B,QAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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,CAmM1C,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  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 && jsx("div", {
@@ -144,7 +162,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
       onClick: closeSideMenu
     }), 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",
+      className: `fixed inset-y-0 z-20 flex-shrink-0  mt-16  bg-white dark:bg-gray-800 md:hidden ${collapsed ? 'w-16' : 'w-64'} `,
       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":"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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,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAgB,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+LlD,CAAC"}

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

@@ -1,88 +1,168 @@
-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 [popupPosition, setPopupPosition] = useState({
+    top: 0,
+    height: 0
+  });
+  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 handleMenuHover = (e, item, isHoverMenu) => {
+    // Only set hover state if the menu has children
+    if (collapsed && !isHoverMenu && item.children && item.children.length > 0) {
+      const element = e.currentTarget;
+      const rect = element.getBoundingClientRect();
+      let top = rect.top;
+      // Store the height to use for positioning
+      setPopupPosition({
+        top: top,
+        height: rect.height
+      });
+      setHoveredMenu(item.path);
+    }
+  };
+  const handleMenuLeave = (item, isHoverMenu) => {
+    if (collapsed && !isHoverMenu) {
+      setHoveredMenu(null);
+    }
+  };
+  const renderPopupMenu = (item, depth = 0) => {
+    if (!item.children || item.children.length === 0) return null;
+    const bgColor = generateLightShade(settings?.primaryColor, 0.98);
+    const sidebarWidth = collapsed ? 64 : 256; // 80px for collapsed (w-20), 256px for expanded (w-64)
+    return jsxs("div", {
+      className: "fixed shadow-xl rounded-md border border-gray-100 z-[999] overflow-hidden",
+      style: {
+        backgroundColor: bgColor,
+        left: `${sidebarWidth}px`,
+        // Position right after sidebar
+        top: `${popupPosition.top}px`,
+        boxShadow: '0 5px 15px rgba(0, 0, 0, 0.2)',
+        animation: 'fadeIn 0.2s ease-out forwards',
+        maxWidth: 'calc(100vw - 100px)',
+        // Prevent overflow on small screens
+        width: 'max-content',
+        minWidth: '220px'
+      },
+      children: [jsx("style", {
+        dangerouslySetInnerHTML: {
+          __html: `
+                    @keyframes fadeIn {
+                        from { opacity: 0; transform: translateX(-10px); }
+                        to { opacity: 1; transform: translateX(0); }
+                    }
+                    `
+        }
+      }), jsx("div", {
+        className: "font-medium text-sm px-4 py-3 border-b border-gray-100 whitespace-nowrap",
+        style: {
+          backgroundColor: generateLightShade(settings?.primaryColor, 0.95)
+        },
+        children: jsx("span", {
+          style: {
+            color: settings?.primaryColor
+          },
+          children: item.name
+        })
+      }), jsx("div", {
+        className: "max-h-[400px] overflow-y-auto overflow-x-hidden py-1",
+        children: item.children.map(child => jsx("div", {
+          className: "w-full min-w-max",
+          children: renderMenuItem(child, depth + 1, true)
+        }, child.path))
+      })]
+    });
+  };
+  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 ${isHovered && collapsed && !isHoverMenu ? `rounded-md` : ''}`,
+      style: {
+        backgroundColor: isHovered && !isHoverMenu ? bgColor : ''
+      },
+      onMouseEnter: e => handleMenuHover(e, item, isHoverMenu),
+      onMouseLeave: () => handleMenuLeave(item, isHoverMenu),
       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`,
+        to: hasChildren && collapsed && !isHoverMenu ? '#' : generateMenuPath(item?.path, routeParams),
+        className: `flex items-center justify-between w-full px-1 py-2 hover:bg-gray-100 text-sm cursor-pointer transition-colors rounded-md mx-1 my-0.5 whitespace-nowrap overflow-hidden text-ellipsis`,
         style: {
           paddingLeft: `calc(1rem + ${paddingLeft})`,
-          backgroundColor: isActive ? bgColor : ''
+          backgroundColor: isActive || isHovered ? bgColor : ''
         },
         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", {
+            className: `${isActive || isHovered ? 'text-primary' : ''} flex-shrink-0`,
             style: {
-              color: isActive ? settings?.primaryColor : ''
+              color: isActive || isHovered ? settings?.primaryColor : ''
             },
             children: item.icon
-          }), jsx("span", {
-            className: `font-medium`,
+          }) : collapsed && !isHoverMenu ? jsx("span", {
+            className: "flex items-center justify-center flex-shrink-0",
+            style: {
+              color: isActive ? settings?.primaryColor : ''
+            },
+            children: getFirstLetter(item.name)
+          }) : null, (!collapsed || isHoverMenu) && jsx("span", {
+            className: "font-medium whitespace-nowrap overflow-hidden text-ellipsis",
             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, {
+          className: "flex-shrink-0 ml-1",
+          children: isOpen ? jsx(ChevronDownIcon, {
             className: "h-4 w-4"
-          }) : jsx(FaChevronRight, {
+          }) : jsx(ChevronRightIcon, {
             className: "h-4 w-4"
           })
         })]
-      }), hasChildren && isOpen && jsx("div", {
+      }), collapsed && hasChildren && isHovered && !isHoverMenu && item.children.length > 0 && renderPopupMenu(item, depth), hasChildren && isOpen && !collapsed && jsx("div", {
         className: "transition-all duration-200 ease-in-out",
         children: item.children.map(child => renderMenuItem(child, depth + 1))
       })]
     }, item.path);
   };
   return jsx("div", {
+    className: "overflow-hidden",
     children: jsx("nav", {
-      className: "mt-2 px-2",
+      className: `mt-2 ${collapsed ? 'px-1' : 'px-2'} overflow-x-hidden`,
       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":["_jsxs","_jsx"],"mappings":"6PAOO,MAAM,WAAW,GAA+B,CAAC;UAC9C;aACW;UACX;AACN,EAAA;AACA,CAAA,KAAA;QAEM,CAAA,gBAAc,EAAA,mBAAoD,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;QACpE,CAAC,UAAe,EAAA,aAAG,CAAA,GAAA,QAAA,CAAA,YAAA,CAAA;AACnB,EAAA,MAAA,CAAA,WAAa,EAAA,cAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;sBAAS,EAAA,gBAAA,CAAA,GAAA,QAAA,CAAA;AAEtB,IAAA,GAAA,EAAA,CAAA;AACI,IAAA,MAAA,EAAA;AACA,GAAA,CAAA;AACH,EAAA,MAAA;AACL,IAAA,eAAE;IAEF;AACI,GAAA,GAAA,KAAA;AACI,EAAA,MAAA,UAAA,GAAA,CAAU,IAAK,EAAA,OAAS,CAAA,KAAG;oBAC9B,EAAA;iBAAO,EAAA;uBACS,CAAA,IAAK,KAAE;SACvB,IAAA;AACL,MAAE,CAAA,KAAA,GAAA,IAAA,CAAA,KAAA,CAAA,KAAA,IAAA,GAAA,IAAA,GAAA;AAEF,KAAA,CAAA,CAAA;;AAEA,EAAA,MAAE,eAAA,GAAA,CAAA,IAAA,EAAA,WAAA,EAAA,KAAA,EAAA,CAAA,KAAA;IAEF,IAAM,WAAA,IAAA,CAAA,SAA0D,EAAA;gBACZ,CAAA,IAAA,EAAA,KAAA,EAAA,CAAA,CAAA;AAChD,KAAA,MAAA;AACI,MAAA,aAAa,CAAA,IAAA,CAAA;AACb;;AAGA,EAAA,MAAA,cAAoB,GAAA,IAAA,IAAA;AACpB,IAAA,OAAA,IAAA,CAAI,MAAM,CAAI,CAAA,CAAA,CAAA,WAAK,EAAA;;AAGnB,EAAA,MAAA,eAAA,GAAA,CAAA,CAAgB,EAAC,IAAA,EAAA,WAAA,KAAA;AACb;iBACM,IAAA,CAAA,WAAa,IAAA,IAAA,CAAA,QAAA,IAAA,IAAA,CAAA,QAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AACtB,MAAA,MAAA,OAAE,GAAA,CAAA,CAAA,aAAA;AAEH,MAAA,MAAA,IAAA,GAAA,OAAc,CAAC,qBAAW,EAAA;AAIlC,MAAA,IAAM;AACF;sBACkB,CAAA;QAClB,GAAC,EAAA,GAAA;AACL,QAAE,MAAA,EAAA,IAAA,CAAA;OAEI,CAAA;oBACgB,CAAA,IAAA,CAAA,IAAI,CAAI;AAAwB;;AAGlD,EAAA,MAAA,eAAkB,GAAA,CAAA,IAAY,EAAA,WAAM,KAAK;AAEzC,IAAA,IAAA,SAEQ,IAAA,CAAA,WAAA,EAAA;AAEI,MAAA,cAAA,CAAA,IAAA,CAAA;AACA;AACA,GAAA;AACA,EAAA,MAAA,eAAA,IAAW,IAA+B,EAAA,KAAA,GAAA,CAAA,KAAA;AAC1C,IAAA,IAAA,CAAA,IAAA,CAAA,QAAA,QAA0C,CAAA,QAAA,CAAA,MAAA,KAAA,CAAA,EAAA,OAAA,IAAA;iBAClC,GAAA,kBAAuB,CAAA,QAAA,EAAE,YAAoC,EAAA,IAAA,CAAA;AACrE,IAAA,MAAA,eAAoB,SAAA,GAAA,EAAA,GAAA,GAAA,CAAA;AACpB,IAAA,OAAAA,IAAA,CAAA,KAAA,EAAQ;eAGZ,EAAA,2EAC6B;AACrB,MAAA,KAAA,EAAA;;;;;AAKH,QAAA,SAAA,EAAA,+BAAA;AACA,QAAA,SAAA,EAAA,+BAGS;AAc1B,QAAE,QAAA,EAAA,qBAAA;AAEF;AACI,QAAA,KAAA,EAAiB,aAAG;QACpB,QAAM,EAAA;AACN,OAAA;AACA,MAAA,QAAM,cAAY,EAAA;AAClB,QAAA,uBAAuB;UACjB,MAAA,EAAA;;;;;oBA4DM;;AAEA,OAAA,CAAA,EAAAC,GAAA,CAAA,KAAA,EAAY;AACZ,QAAA,SAAA,EAAA,0EAAwB;;AAWxC,UAAE,eAAA,EAAA,kBAAA,CAAA,QAAA,EAAA,YAAA,EAAA,IAAA;AAEF,SAAA;AAOJ,QAAE,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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