@admin-layout/tailwind-design-pro 10.0.9-alpha.4 → 10.0.9-alpha.42

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

@@ -7,6 +7,10 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {Li
   const [openMenusByLevel, setOpenMenusByLevel] = useState({});
   const [activePath, setActivePath] = useState('/dashboard');
   const [hoveredMenu, setHoveredMenu] = useState(null);
+  const [popupPosition, setPopupPosition] = useState({
+    top: 0,
+    height: 0
+  });
   const {
     ChevronDownIcon,
     ChevronRightIcon
@@ -29,6 +33,72 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {Li
   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;
@@ -37,32 +107,36 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {Li
     const paddingLeft = `${depth * 1}rem`;
     const bgColor = generateLightShade(settings?.primaryColor, 0.89);
     return jsxs("div", {
-      className: "w-full relative group",
-      onMouseEnter: () => collapsed && !isHoverMenu && setHoveredMenu(item.path),
-      onMouseLeave: () => collapsed && !isHoverMenu && setHoveredMenu(null),
+      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 ${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
           }) : collapsed && !isHoverMenu ? jsx("span", {
-            className: "w-8 h-8 flex items-center justify-center rounded-full bg-gray-100",
+            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",
+            className: "font-medium whitespace-nowrap overflow-hidden text-ellipsis",
             style: {
               color: isActive ? settings?.primaryColor : ''
             },
@@ -72,21 +146,23 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {Li
           style: {
             color: isActive ? settings?.primaryColor : ''
           },
+          className: "flex-shrink-0 ml-1",
           children: isOpen ? jsx(ChevronDownIcon, {
             className: "h-4 w-4"
           }) : jsx(ChevronRightIcon, {
             className: "h-4 w-4"
           })
         })]
-      }), 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))
+      }), 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 ${collapsed ? 'px-1' : '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":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;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"}
+{"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;AAwDpG,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,4 +1,4 @@
-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) {
+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';import {ThemeProviderTailwind}from'../ThemeProvider/ThemeProvider.js';function BasicLayoutWithAuthorities(props) {
   const userData = useSelector(userSelector);
   const {
     settings,
@@ -27,14 +27,17 @@ import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout
       orgName
     } = {}
   } = props;
-  return jsx(BasicLayout, {
-    routeParams: orgName,
-    authorities: permissions?.resolveConfiguration ?? permissions,
-    onSettingChange: onSettingChange,
-    mainHeaderProps: mainHeaderProps,
-    actor: settingsActor,
-    ...props,
-    settings: settingXstate
+  return jsx(ThemeProviderTailwind, {
+    settings: settingXstate,
+    children: jsx(BasicLayout, {
+      routeParams: orgName,
+      authorities: permissions?.resolveConfiguration ?? permissions,
+      onSettingChange: onSettingChange,
+      mainHeaderProps: mainHeaderProps,
+      actor: settingsActor,
+      ...props,
+      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":"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;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"ggBAUA,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,WAAC,CAAA,MAAA,CAAA;AAYT,KAAC,GAAA;AAED,GAAM;;QAEM;AACX,IAAE,WAAA,EAAA;AAMH,MAAM;AAIN,KAAM,GAAA;AAKN,GAAA,GAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,19 +1,4 @@
-import { MenuDataItem } from '../typings';
-import { ProSettings } from '../defaultSettings';
-export interface GetPageTitleProps {
-    pathname?: string;
-    breadcrumb?: {
-        [path: string]: MenuDataItem;
-    };
-    breadcrumbMap?: Map<string, MenuDataItem>;
-    menu?: ProSettings['menu'];
-    title?: ProSettings['title'];
-    pageName?: string;
-    formatMessage?: (data: {
-        id: any;
-        defaultMessage?: string;
-    }) => string;
-}
+import { GetPageTitleProps, MenuDataItem } from '@admin-layout/client';
 export declare const matchParamsPath: (pathname: string, breadcrumb?: {
     [path: string]: MenuDataItem;
 }, breadcrumbMap?: Map<string, MenuDataItem>) => MenuDataItem;

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

@@ -1 +1 @@
-{"version":3,"file":"getPageTitle.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/getPageTitle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAAA;KAAE,CAAC;IAC9C,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,GAAG,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;CAC1E;AAED,eAAO,MAAM,eAAe,aACd,MAAM,eACH;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAAA;CAAE,kBAC7B,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,KAC1C,YAQF,CAAC;AAEF,QAAA,MAAM,gBAAgB,UACX,iBAAiB,eACX,OAAO,KACrB;IAEC,KAAK,EAAE,MAAM,CAAC;IAEd,EAAE,EAAE,MAAM,CAAC;IAEX,QAAQ,EAAE,MAAM,CAAC;CAiDpB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"getPageTitle.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/getPageTitle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEvE,eAAO,MAAM,eAAe,aACd,MAAM,eACH;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAAA;CAAE,kBAC7B,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,KAC1C,YAQF,CAAC;AAEF,QAAA,MAAM,gBAAgB,UACX,iBAAiB,eACX,OAAO,KACrB;IAEC,KAAK,EAAE,MAAM,CAAC;IAEd,EAAE,EAAE,MAAM,CAAC;IAEX,QAAQ,EAAE,MAAM,CAAC;CAiDpB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/components/Layout/getPageTitle.js

@@ -18,7 +18,7 @@ const getPageTitleInfo = (props, ignoreTile) => {
       locale: false
     }
   } = props;
-  const pageTitle = title || '';
+  const pageTitle = ignoreTile ? '' : title || '';
   const currRouterData = matchParamsPath(pathname, breadcrumb, breadcrumbMap);
   if (!currRouterData) {
     return {
@@ -41,7 +41,7 @@ const getPageTitleInfo = (props, ignoreTile) => {
       pageName: pageTitle
     };
   }
-  if (!title) {
+  if (ignoreTile || !title) {
     return {
       title: pageName,
       id: currRouterData.locale || '',

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

@@ -1 +1 @@
-{"version":3,"file":"getPageTitle.js","sources":["../../../src/components/Layout/getPageTitle.ts"],"sourcesContent":[null],"names":[],"mappings":"yCAca,MAAA,eAAe,GAAG,CAC3B,QAAgB,EAChB,UAA6C,EAC7C,aAAyC,KAC3B;;MAEV,aAAA,EAAa;UACP,OAAA,GAAA,CAAO,GAAG,aAAI,CAAA,IAAc,EAAA,CAAA,CAAI,IAAI,CAAA,GAAI,IAAK,YAAiB,CAAA,GAAA,CAAA,CAAA,IAAI,CAAC,QAAM,CAAA,CAAA;QAC/E,OAAI,EAAA;AACA,MAAA,OAAA,yBAAyB,CAAA;;;AAGrC;AAEA,MAAM,gBAAgB,GAAG,CACrB,KAAwB,EACxB,UAAoB,KAQpB;AACA,EAAA,MAAA;AAOQ,IAAA,QAAA,MAAa;;AAGrB,IAAA,aAAe;IACf,aAAM;IACN,KAAK,GAAc,gBAAG;QAClB,GAAO;AACH,MAAA,MAAA,EAAA;AACA;AACA,GAAA,GAAA,KAAA;iBACF,GAAA,KAAA,IAAA,EAAA;QACL,cAAA,GAAA,eAAA,CAAA,QAAA,EAAA,UAAA,EAAA,aAAA,CAAA;AACD,EAAA,IAAA,CAAA,cAA6B,EAAA;AAE7B,IAAA,OAAQ;WACI,EAAA;AACJ,MAAA,EAAA,EAAA,EAAA;cACc,EAAA;AACjB,KAAA;;MAGD,QAAS,GAAA,cAAG,CAAA,IAAA;UACL,CAAA,MAAA,KAAA,KAAA,IAAA,cAAA,CAAA,MAAA,IAAA,aAAA,EAAA;AACH,IAAA,QAAA,GAAA,aAAgB,CAAA;AAChB,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;AACzB,MAAA,cAAQ,EAAE,cAAS,CAAA;;;AAG3B,EAAA,IAAA,CAAA,QAAc,EAAA;WACH;AACH,MAAA,KAAA,EAAA,SAAe;AACf,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;cACjB,EAAA;;;MAGT,CAAA,KAAA,EAAA;AACH,IAAA,OAAA;AACA,MAAA,KAAI,EAAA,QAAA;QACJ,EAAQ,cAAA,CAAA,MAAA,IAAA,EAAA;MACV;AACN,KAAE;AAEF;;;;;;"}
+{"version":3,"file":"getPageTitle.js","sources":["../../../src/components/Layout/getPageTitle.ts"],"sourcesContent":[null],"names":[],"mappings":"yCAGa,MAAA,eAAe,GAAG,CAC3B,QAAgB,EAChB,UAA6C,EAC7C,aAAyC,KAC3B;;MAEV,aAAA,EAAa;UACP,OAAA,GAAA,CAAO,GAAG,aAAI,CAAA,IAAc,EAAA,CAAA,CAAI,IAAI,CAAA,GAAI,IAAK,YAAiB,CAAA,GAAA,CAAA,CAAA,IAAI,CAAC,QAAM,CAAA,CAAA;QAC/E,OAAI,EAAA;AACA,MAAA,OAAA,yBAAyB,CAAA;;;AAGrC;AAEA,MAAM,gBAAgB,GAAG,CACrB,KAAwB,EACxB,UAAoB,KAQpB;AACA,EAAA,MAAA;AAOQ,IAAA,QAAA,MAAa;;AAGrB,IAAA,aAAe;IACf,aAAM;IACN,KAAK,GAAc,gBAAG;QAClB,GAAO;AACH,MAAA,MAAA,EAAA;AACA;AACA,GAAA,GAAA,KAAA;iBACF,GAAA,UAAA,GAAA,EAAA,GAAA,KAAA,IAAA,EAAA;QACL,cAAA,GAAA,eAAA,CAAA,QAAA,EAAA,UAAA,EAAA,aAAA,CAAA;AACD,EAAA,IAAA,CAAA,cAA6B,EAAA;AAE7B,IAAA,OAAQ;WACI,EAAA;AACJ,MAAA,EAAA,EAAA,EAAA;cACc,EAAA;AACjB,KAAA;;MAGD,QAAS,GAAA,cAAG,CAAA,IAAA;UACL,CAAA,MAAA,KAAA,KAAA,IAAA,cAAA,CAAA,MAAA,IAAA,aAAA,EAAA;AACH,IAAA,QAAA,GAAA,aAAgB,CAAA;AAChB,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;AACzB,MAAA,cAAQ,EAAE,cAAS,CAAA;;;AAG3B,EAAA,IAAA,CAAA,QAAc,EAAA;WACH;AACH,MAAA,KAAA,EAAA,SAAe;AACf,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;cACjB,EAAA;;;MAGT,UAAA,IAAA,CAAA,KAAA,EAAA;AACH,IAAA,OAAA;AACA,MAAA,KAAI,EAAA,QAAA;QACJ,EAAQ,cAAA,CAAA,MAAA,IAAA,EAAA;MACV;AACN,KAAE;AAEF;;;;;;"}

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/Footer.js

@@ -1,7 +1,7 @@
-import {jsx}from'react/jsx-runtime';import {Fill}from'@common-stack/components-pro';const FOOTER_SLOT_FILL_NAME = 'footer-slot-fill';
-const FooterCard = props => {
-  return jsx(Fill, {
-    ...props,
-    name: FOOTER_SLOT_FILL_NAME
+import {jsx}from'react/jsx-runtime';import {Slot}from'@common-stack/components-pro';const FOOTER_SLOT_FILL_NAME = 'footer-slot-fill';
+const FooterSlot = props => {
+  return jsx(Slot, {
+    name: FOOTER_SLOT_FILL_NAME,
+    fillProps: props
   });
-};export{FOOTER_SLOT_FILL_NAME,FooterCard};//# sourceMappingURL=Footer.js.map
+};export{FOOTER_SLOT_FILL_NAME,FooterSlot};//# sourceMappingURL=Footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../src/components/Layout/slot-fill/Footer.tsx"],"sourcesContent":[null],"names":[],"mappings":"oFAGO,MAAM,qBAAqB,GAAG;;;;;;"}
+{"version":3,"file":"Footer.js","sources":["../../../../src/components/Layout/slot-fill/Footer.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAGO,MAAM,qBAAqB,GAAG;AAExB,MAAA,UAAU,GAAG,KAAC,IAAS;SACzBA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,qBAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}

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

@@ -0,0 +1,3 @@
+import 'reflect-metadata';
+export declare const HeaderSearchBarSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeaderSearchBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAK1B,eAAO,MAAM,mBAAmB,yDAE/B,CAAC"}

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

@@ -0,0 +1,6 @@
+import {jsx}from'react/jsx-runtime';import'reflect-metadata';import {Slot}from'@common-stack/components-pro';import {HEADER_SEARCHBAR_FILL}from'@admin-layout/client/lib/constants/layout.js';const HeaderSearchBarSlot = props => {
+  return jsx(Slot, {
+    name: HEADER_SEARCHBAR_FILL,
+    fillProps: props
+  });
+};export{HeaderSearchBarSlot};//# sourceMappingURL=HeaderSearchBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSearchBar.js","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchBar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"8LAKa,MAAA,mBAAmB,GAAG,KAAC,IAAS;SAClCA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,qBAAA;;;"}

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

@@ -0,0 +1,3 @@
+import 'reflect-metadata';
+export declare const HeaderSearchButtonSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeaderSearchButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSearchButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAK1B,eAAO,MAAM,sBAAsB,yDAElC,CAAC"}

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

@@ -0,0 +1,6 @@
+import {jsx}from'react/jsx-runtime';import'reflect-metadata';import {Slot}from'@common-stack/components-pro';import {HEADER_SEARCH_BUTTON_FILL}from'@admin-layout/client/lib/constants/layout.js';const HeaderSearchButtonSlot = props => {
+  return jsx(Slot, {
+    name: HEADER_SEARCH_BUTTON_FILL,
+    fillProps: props
+  });
+};export{HeaderSearchButtonSlot};//# sourceMappingURL=HeaderSearchButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSearchButton.js","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"kMAKa,MAAA,sBAAsB,GAAG,KAAC,IAAS;SACrCA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,yBAAA;;;"}

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

@@ -0,0 +1,3 @@
+import 'reflect-metadata';
+export declare const RightContentSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RightContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/RightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAK1B,eAAO,MAAM,gBAAgB,yDAE5B,CAAC"}

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

@@ -0,0 +1,6 @@
+import {jsx}from'react/jsx-runtime';import'reflect-metadata';import {Slot}from'@common-stack/components-pro';import {RIGHT_CONTENT_FILL}from'@admin-layout/client/lib/constants/layout.js';const RightContentSlot = props => {
+  return jsx(Slot, {
+    name: RIGHT_CONTENT_FILL,
+    fillProps: props
+  });
+};export{RightContentSlot};//# sourceMappingURL=RightContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/slot-fill/RightContent.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"2LAKa,MAAA,gBAAgB,GAAG,KAAC,IAAS;SAC/BA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,kBAAA;;;"}

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

@@ -1,3 +1,7 @@
 export * from './HeaderNotice';
 export * from './Footer';
+export * from './AdditionalSettings';
+export * from './HeaderSearchBar';
+export * from './HeaderSearchButton';
+export * from './RightContent';
 //# 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;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/lib/components/Layout/util.js

@@ -0,0 +1,12 @@
+import {generatePath}from'react-router';/* eslint-disable import/no-extraneous-dependencies */
+const generateMenuPath = (path, params) => {
+  try {
+    const generatedPath = generatePath(path, params);
+    return generatedPath;
+  } catch (err) {
+    // console.log('--fillParams.path', path);
+    // console.log('--fillParams.params', params);
+    // console.log('generatePath is errored due to missing orgId');
+  }
+  return null;
+};export{generateMenuPath};//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../src/components/Layout/util.ts"],"sourcesContent":[null],"names":[],"mappings":"wCAAA;MAGa,gBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAI;AAC7C,EAAA,IAAA;UACU,aAAA,GAAA,YAA4B,CAAA,IAAC,QAAM,CAAA;AACzC,IAAA,OAAA;IACJ,OAAC,GAAA,EAAA;;;;;SAIA,IAAA;AACD"}

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

@@ -1 +1 @@
-{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAiDrE"}
+{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CA4GrE"}

package/lib/components/SettingDrawer/RegionalSettings.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';function RegionalSettings(props) {
+import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import {SearchBarBehavior}from'../../machines/types.js';import {config}from'../../config/env-config.js';function RegionalSettings(props) {
   const {
     settings,
     changeSetting
@@ -10,6 +10,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18ne
     regions = {},
     navTheme
   } = settings || {};
+  const scrollThreshold = JSON.parse(config.SCROLL_THRESHOLD);
   const handleRegionChange = (key, value) => {
     if (!changeSetting) return;
     changeSetting('regions', {
@@ -17,6 +18,20 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18ne
       [key]: value
     });
   };
+  const handleSearchBarBehaviorChange = value => {
+    if (!changeSetting) return;
+    changeSetting('regions', {
+      ...regions,
+      searchBarBehavior: value ? SearchBarBehavior.ON_SCROLL : SearchBarBehavior.PERMANENT
+    });
+  };
+  const handleThresholdChange = value => {
+    if (!changeSetting) return;
+    changeSetting('regions', {
+      ...regions,
+      scrollThreshold: value
+    });
+  };
   return jsxs("div", {
     children: [jsxs("div", {
       className: "flex items-center mb-2",
@@ -57,6 +72,32 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18ne
         value: regions.searchBarRender,
         onChange: checked => handleRegionChange('searchBarRender', checked)
       })]
+    }), jsxs("div", {
+      className: "flex items-center mb-2",
+      children: [jsx("p", {
+        style: {
+          color: navTheme === 'dark' ? '#ffff' : 'black'
+        },
+        children: t('search_bar_on_scroll')
+      }), jsx("div", {
+        className: "flex-grow"
+      }), jsx(Switch, {
+        value: regions.searchBarBehavior === SearchBarBehavior.ON_SCROLL,
+        onChange: handleSearchBarBehaviorChange
+      })]
+    }), jsxs("div", {
+      className: "flex items-center mb-2",
+      children: [jsx("p", {
+        style: {
+          color: navTheme === 'dark' ? '#ffff' : 'black'
+        },
+        children: t('search_bar_overlay')
+      }), jsx("div", {
+        className: "flex-grow"
+      }), jsx(Switch, {
+        value: regions.searchBarOverlay,
+        onChange: checked => handleRegionChange('searchBarOverlay', checked)
+      })]
     }), jsxs("div", {
       className: "flex items-center mb-2",
       children: [jsx("p", {
@@ -83,6 +124,43 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18ne
         value: regions.menuHeaderRender,
         onChange: checked => handleRegionChange('menuHeaderRender', checked)
       })]
+    }), jsxs("div", {
+      className: "mb-4",
+      children: [jsxs("div", {
+        className: "flex items-center justify-between mb-2",
+        children: [jsx("p", {
+          style: {
+            color: navTheme === 'dark' ? '#ffff' : 'black'
+          },
+          children: t('scroll_threshold')
+        }), jsxs("span", {
+          className: "text-sm",
+          style: {
+            color: navTheme === 'dark' ? '#ffff' : 'black'
+          },
+          children: [regions.scrollThreshold || scrollThreshold.DEFAULT, "px"]
+        })]
+      }), jsxs("div", {
+        className: "relative",
+        children: [jsx("input", {
+          type: "range",
+          min: scrollThreshold.MIN,
+          max: scrollThreshold.MAX,
+          step: scrollThreshold.STEP,
+          value: regions.scrollThreshold || scrollThreshold.DEFAULT,
+          onChange: e => handleThresholdChange(parseInt(e.target.value)),
+          className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"
+        }), jsxs("div", {
+          className: "flex justify-between text-xs mt-2",
+          children: [jsxs("span", {
+            children: [scrollThreshold.MIN, "px"]
+          }), jsxs("span", {
+            children: [scrollThreshold.MAX / 2, "px"]
+          }), jsxs("span", {
+            children: [scrollThreshold.MAX, "px"]
+          })]
+        })]
+      })]
     })]
   });
 }export{RegionalSettings as default};//# sourceMappingURL=RegionalSettings.js.map

package/lib/components/SettingDrawer/RegionalSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegionalSettings.js","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"2HAKwB,SAAA,gBAAgB,CAAC,KAA6B,EAAA;AAClE,EAAA,MAAA;IACA,QAAQ;IACR;AAEA,GAAA,GAAA;AACI,EAAA,MAAA;;oBAEa,CAAA,UAAU,CAAE;AACrB,EAAA,MAAA;cACC,EAAG;AACP,IAAA;AACL,GAAA,GAAE,QAAA,IAAA,EAAA;AAEF,EAAA,MAAA,kBACI,GAAA,CAAA,GAAA,EAAA,KACS,KAAA;AAiCjB,IAAC,IAAA,CAAA,aAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RegionalSettings.js","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"mOAOwB,SAAA,gBAAgB,CAAC,KAA6B,EAAA;AAClE,EAAA,MAAA;IACA,QAAQ;IACR;MACM,KAAA;AAEN,EAAA,MAAA;AACI,IAAA;oBAA2B,CAAA,UAAA,CAAA;QAE3B;AACI,IAAA,OAAA,GAAA,EAAU;;AAEb,GAAA,GAAA,QAAE,IAAA,EAAA;AACP,EAAA,MAAE,eAAA,GAAA,IAAA,CAAA,KAAA,CAAA,MAAA,CAAA,gBAAA,CAAA;AAEF,EAAA,MAAA,kBAAmC,GAAA,CAAA,GAAA,EAAA,KAAA,KAAI;AACnC,IAAA,IAAA,CAAA,aAAkB,EAAA;iBAAS,CAAA,SAAA,EAAA;SAEd,OAAA;AACT,MAAA,CAAA,GAAA,GAAA;AACA,KAAA,CAAA;AACH,GAAA;AACL,EAAA,MAAE,6BAAA,GAAA,KAAA,IAAA;AAEF,IAAA,IAAA,CAAA,aAA2B,EAAA;AACvB,IAAA,aAAkB,CAAA,SAAA,EAAA;gBAAS;iCAEF,iBAAA,CAAA,SAAA,GAAA,iBAAA,CAAA;AACrB,KAAA,CAAA;AACA,GAAA;AACH,EAAA,MAAA,qBAAE,GAAA,KAAA,IAAA;AACP,IAAA,IAAE,CAAA,aAAA,EAAA;AAEF,IAAA,aACI,CAAA,SAAA,EAAA;AA0ER,MAAC,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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;AAc/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAqRjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2LtD,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;AA4SjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqOtD,CAAC"}