@admin-layout/tailwind-design-pro 10.0.9-alpha.37 → 10.0.9-alpha.39

package/lib/cdm-locales/en/settings.json

@@ -6,6 +6,7 @@
     "footer": "Footer",
     "search_bar": "Search Bar",
     "search_bar_on_scroll": "Show Search Bar on Scroll",
+    "search_bar_overlay": "Show Overlay on Search",
     "menu": "Menu",
     "menu_header": "Menu Header",
     "setting": "Setting",

package/lib/cdm-locales/es/settings.json

@@ -3,9 +3,10 @@
     "fixed_sidebar": "Barra Lateral Fija",
     "split_menus": "Menús Divididos",
     "header": "Encabezado",
-    "footer": "Pie de Página",
+    "footer": "Pie de página",
     "search_bar": "Barra de Búsqueda",
     "search_bar_on_scroll": "Mostrar Barra de Búsqueda al Desplazar",
+    "search_bar_overlay": "Mostrar Superposición en Búsqueda",
     "menu": "Menú",
     "menu_header": "Encabezado del Menú",
     "setting": "Configuración",

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,EAIpB,MAAM,sBAAsB,CAAC;AAU9B,eAAO,MAAM,mBAAmB;;;;;;;uCAgE/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,CA0J3F,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,EAIpB,MAAM,sBAAsB,CAAC;AAU9B,eAAO,MAAM,mBAAmB;;;;;;;uCAgE/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,CAyK3F,CAAC"}

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

@@ -1,4 +1,4 @@
-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 {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 {ThemeProvider}from'../../ThemeProvider/ThemeProvider.js';import {MainHeader}from'../GlobalHeader/MainHeader.js';import'../GlobalHeader/Logo.js';import'react-router';import'../../../helpers/DynamicIcon.js';import'@app/dialog/WrappedDialogsSwitch';import'@common-stack/components-pro';import {FooterSlot}from'../slot-fill/Footer.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {config}from'../../../config/env-config.js';import {SearchBarBehavior}from'../../../machines/types.js';const useHorizontalScroll = ({
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {Sidebar}from'../Sidebar/Sidebar.js';import {GlobalHeader}from'../GlobalHeader/Header.js';import {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 {useTheme}from'../../ThemeProvider/ThemeProvider.js';import {MainHeader}from'../GlobalHeader/MainHeader.js';import'../GlobalHeader/Logo.js';import'react-router';import'../../../helpers/DynamicIcon.js';import'@app/dialog/WrappedDialogsSwitch';import'@common-stack/components-pro';import {FooterSlot}from'../slot-fill/Footer.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {config}from'../../../config/env-config.js';import {SearchBarBehavior}from'../../../machines/types.js';const useHorizontalScroll = ({
   scrolled,
   setScrolled,
   setSearchOptionsShown,
@@ -112,7 +112,6 @@ const BasicLayout = props => {
     actor
   } = propsWithSettings;
   const [isSideMenuOpen, setIsSideMenuOpen] = useState(false);
-  useState(false);
   // const location = useLocation();
   const [scrollEnd, setScrollEnd] = useState(false);
   const [searchOptionsShown, setSearchOptionsShown] = useState(false);
@@ -122,6 +121,10 @@ const BasicLayout = props => {
   const {
     LAYOUT_ROOT
   } = config;
+  const {
+    theme,
+    isDarkMode
+  } = useTheme();
   const onScrollReachEnd = () => {
     setScrollEnd(prevScrollEnd => !prevScrollEnd);
   };
@@ -175,55 +178,64 @@ const BasicLayout = props => {
   const closeSideMenu = () => {
     setIsSideMenuOpen(false);
   };
-  return jsx(ThemeProvider, {
-    settings: settings,
-    children: jsxs("div", {
-      className: "flex h-screen bg-background font-sans",
-      ref: horizontalScrollRef,
-      children: [settings?.layout.navigationMode !== 'topbar' && settings?.regions.showMenu && !settings?.layout.splitMenus && LAYOUT_ROOT != '/' && jsx(Sidebar, {
-        isSideMenuOpen: isSideMenuOpen,
-        closeSideMenu: closeSideMenu,
-        menuData: menuData,
-        collapsed: collapsed,
-        setCollapsed: setCollapsed,
+  // Get background color based on dark mode
+  const backgroundColor = isDarkMode ? theme.colors.background.dark : theme.colors.background.light;
+  return jsxs("div", {
+    className: "flex h-screen bg-background font-sans",
+    ref: horizontalScrollRef,
+    style: {
+      backgroundColor: backgroundColor
+    },
+    children: [settings?.layout.navigationMode !== 'topbar' && settings?.regions.showMenu && !settings?.layout.splitMenus && LAYOUT_ROOT != '/' && jsx(Sidebar, {
+      isSideMenuOpen: isSideMenuOpen,
+      closeSideMenu: closeSideMenu,
+      menuData: menuData,
+      collapsed: collapsed,
+      setCollapsed: setCollapsed,
+      routeParams: routeParams,
+      settings: settings
+    }), jsxs("div", {
+      className: "flex flex-col flex-1 w-full",
+      children: [settings?.regions.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
+        toggleSideMenu: toggleSideMenu,
+        settings: settings,
+        upperMenus: getMenuSeparation(menuData).upperMenus,
         routeParams: routeParams,
-        settings: settings
-      }), jsxs("div", {
-        className: "flex flex-col flex-1 w-full",
-        children: [settings?.regions.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
-          toggleSideMenu: toggleSideMenu,
-          settings: settings,
-          upperMenus: getMenuSeparation(menuData).upperMenus,
-          routeParams: routeParams,
-          collapsed: collapsed
-        }), LAYOUT_ROOT === '/' && settings?.regions.showHeader && jsx(MainHeader, {
-          scrolled: scrolled,
-          location: location,
-          menuData: menuData,
-          settings: settings,
-          pageTitleInfo: pageTitleInfo,
-          onSettingChange: onSettingChange,
-          searchOptionsShown: searchOptionsShown,
-          setSearchOptionsShown: setSearchOptionsShown,
-          authorities: authorities,
-          picture: picture
-        }), jsx(SettingDrawer, {
-          primaryColor: primaryColor,
+        collapsed: collapsed
+      }), LAYOUT_ROOT === '/' && settings?.regions.showHeader && jsx(MainHeader, {
+        scrolled: scrolled,
+        location: location,
+        menuData: menuData,
+        settings: settings,
+        pageTitleInfo: pageTitleInfo,
+        onSettingChange: onSettingChange,
+        searchOptionsShown: searchOptionsShown,
+        setSearchOptionsShown: setSearchOptionsShown,
+        authorities: authorities,
+        picture: picture
+      }), jsx(SettingDrawer, {
+        primaryColor: primaryColor,
+        settings: settings,
+        onSettingChange: onSettingChange,
+        actor: actor,
+        colorList: getThemeColors(settings?.theme)
+      }), jsxs("main", {
+        className: "relative",
+        children: [searchOptionsShown && settings?.regions?.searchBarOverlay && jsx("div", {
+          className: "fixed inset-0 bg-black bg-opacity-50 z-30 cursor-pointer",
+          onClick: e => {
+            e.stopPropagation();
+            setSearchOptionsShown(false);
+          }
+        }), jsx(Outlet, {})]
+      }), jsx("div", {
+        ref: refFooter,
+        className: footerFixed ? 'fixed bottom-0 w-full' : '',
+        children: jsx(FooterSlot, {
           settings: settings,
-          onSettingChange: onSettingChange,
-          actor: actor,
-          colorList: getThemeColors(settings?.theme)
-        }), jsx("main", {
-          children: jsx(Outlet, {})
-        }), jsx("div", {
-          ref: refFooter,
-          className: footerFixed ? 'fixed bottom-0 w-full' : '',
-          children: jsx(FooterSlot, {
-            settings: settings,
-            active: settings?.regions?.showFooter === undefined ? true : settings?.regions?.showFooter
-          })
-        })]
+          active: settings?.regions?.showFooter === undefined ? true : settings?.regions?.showFooter
+        })
       })]
-    })
+    })]
   });
 };export{BasicLayout,useHorizontalScroll};//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"mjCAyBa,MAAA,mBAAmB,GAAG,CAAC;AAQhC,EAAA,QAAM;aAEG;AACL,EAAA,qBAAW;kBACF;AACL,EAAA,QAAA;AACI,EAAA;;gBACA,MAAgB,EAAA;kBACK;oBAEjB,CAAA,OAAQ,IAAE,IAAA;AACV,IAAA,IAAA,EAAA,EAAA;2BACe;wBACX,CAA+B,EAAA;AAC/B,QAAA,CAAA,CAAA,cAAA,EAAA;AACI,QAAA,qBAAA,CAAA,KAAW,CAAA;AACX,QAAA,IAAA,QAAA,EAAA,OAAA,EAAA,iBAAS,KAAA,iBAAA,CAAA,SAAA,EAAA;iCACF,EAAA;AACH,YAAA,WAAA,CAAA,IAAA,CAAA;AACH;AACJ,YAAA,eAAE,CAAA;yBACN;AACD,cAAA,OAAA,EAAA;2BACe,CAAA,OAAA;+BACkC,EAAA;AAC7C;AACI,aAAA,CAAA;AACA;iCACO,EAAA;AACH,YAAA,WAAA,CAAA,KAAA,CAAA;AACH;AACJ,YAAA,eAAE,CAAA;yBACN;qBACJ,EAAA;2BAAO,CAAA,OAAA;+BACiD,EAAA;AACrD;;;AAGA,SAAA,MAAA;;oBAEA,CAAC,OAAA,GAAA,EAAA,EAAA;uBACJ,CAAA,IAAA,CAAA;AAED;AACI,UAAA,IAAA,MAAA,CAAA,OAAA,GAAA,EAAA,EAAA;uBACH,CAAA,KAAA,CAAA;AACL;AAEA;AACA,QAAA,IAAA,MAAA,CAAO,WAAK,GAAA,MAAA,CAAA,OAAA,IAAA,QAAA,CAAA,IAAA,CAAA,YAAA,EAAA;AACR,UAAA,gBAA0B,EAAA;AAC9B;;MAEP,MAAW,CAAA,gBAAW,CAAA,QAAA,EAAA,OAAoB,CAAA;AAE3C,MAAA,aAAa;AACjB,QAAE,MAAA,CAAA,mBAAA,CAAA,QAAA,EAAA,OAAA,CAAA;AAEF;AAQI;AACA,GAAA,EAAA,CAAA,iBAAmB,EAAG,iBAAgB,CAAC,CAAA;AACvC,EAAA,OAAmB,KAAA;;AAEX,MAAA,sBAAa,aAAW,EAAA,KAAA,KAAA;AACxB,EAAA,MAAA;AACA,IAAA;WACF;QACL,aAAA,GAAA,gBAAA,CAAA,SAAA,CAAA;MACG,eAAA,KAAkB,KAAA,EAAA;AAClB,IAAA,OAAA;AACA,MAAA,KAAA,EAAW,KAAA,CAAA,KAAK,IAAK,EAAA;YACjB;AACI,MAAA,QAAA,EAAA;;;qBAGP,EAAA;UACM,KAAA,kBAAkB,UAAU,EAAA,aAAA,CAAA,KAAA,EAAA,aAAA,CAAA;IACvC,IAAC,OAAA,KAAA,KAAA,QAAA,EAAA;AACD,MAAA;AACJ,QAAE,GAAA,aAAA;AAEF,QAAa;OAGH;;IAEN,OAAO,CAAS,OAAA,KAAc,KAAA,UAAY,6DAAiB,CAAA;AAC3D;SAGoB,aAAA;AAChB,CAAA;AAES,MAAA,WAAA,GAAA,KAAA,IAAA;QACe,iBAAA,GAAA;IACxB,GAAU,eACV;IACA,GAA2C;;QAYzC,CAAA,QAAe,EAAA,WAAmB,CAAA,GAAA,QAAA,CAAA,KAAI,CAAQ;QAClB,CAAA,SAAA,EAAA,YAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QAC5B;IACN,QAAyB;AACzB,IAAA,UAAQ,EAAA;AACR;IAEA,gBAAe;IAEf,QAAM;;AAEN;IAEA,UAAM,GAAA,GAAA;QACF;;kBAEqB;WACL;YACR;eACO;AAClB,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;QAES,CAAA,SAAM,EAAA,YAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QACX,CAA2D,kBAAA,EAAA,qBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAC3D,EAAA,MAAA;;qBAEmB;QACnB;IACJ;AAEA,GAAA,GAAA,MAAQ;AACR,EAAA,MAAA;AACA,IAAA,KAAA;IACA;MACS,QAAC;AACN,EAAA,MAAA,gBAAgB,GAAI,MAAA;gBACZ,CAAA,aAAmB,IAAA,CAAA,aAAe,CAAA;;;;eAEzC;IACL;IAEA,gBAAM;AACF,IAAA,QAAA;AACJ,IAAA;IAEA;QACI,YAAiB,GAAA,IAAM,CAAA;AAC3B,IAAA,GAAE;KAEwC,CAAA,QAAA,CAAA,CAAA;QACpC,aAAA,GAAA,sBAAoC,CAAC;IAE3C,QACI,EACI,QAAA,EAAA,QAAA;;AAMI,GAAA,EAAA,iBAAS,CAAA;kBACE,GAAA,MAAA,CAAA,QAAW,CAAA;;;wCAsDjB,KAAA,UAAS,IACP,YACP,KAAQ,UAAW,EAAA;AASnC,MAAE,MAAA,QAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUpE,eAAO,MAAM,iBAAiB,SACpB,MAAM,KAAK,CAAC,YAAY,aACnB,GAAG,2BAEJ,GAAG,YACH,GAAG,KACd,KAAK,CAAC,SAQR,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC3B,GAAG,8BAEC,MAAM,KAClB,KAAK,CAAC,SAyCR,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,kBAAkB,CAmJrE,CAAC"}
+{"version":3,"file":"MainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUpE,eAAO,MAAM,iBAAiB,SACpB,MAAM,KAAK,CAAC,YAAY,aACnB,GAAG,2BAEJ,GAAG,YACH,GAAG,KACd,KAAK,CAAC,SAQR,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC3B,GAAG,8BAEC,MAAM,KAClB,KAAK,CAAC,SAyCR,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,kBAAkB,CA6KrE,CAAC"}

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

@@ -118,6 +118,13 @@ const MainHeader = props => {
       setShowSearchBar(true);
     }
   }, [scrolled, settings?.regions?.searchBarRender, settings?.regions?.searchBarBehavior]);
+  // Add effect to handle searchOptionsShown state
+  useEffect(() => {
+    if (!searchOptionsShown) {
+      // Reset any search-related state when search is closed
+      setShowSearchBar(settings?.regions?.searchBarBehavior !== SearchBarBehavior.ON_SCROLL || scrolled);
+    }
+  }, [searchOptionsShown, scrolled, settings?.regions?.searchBarBehavior]);
   useLocation();
   // Use the state variable for animation
   const animation = prefersReducedMotion ? undefined : `${spin} infinite 20s linear`;
@@ -126,11 +133,12 @@ const MainHeader = props => {
     ...props
   }, animation, layout === 'mix' ? 'headerTitleRender' : undefined);
   return jsx(Fragment, {
-    children: settings?.showHeader || settings?.showHeader === undefined ? jsxs("div", {
+    children: settings?.showHeader || settings?.showHeader === undefined ? jsx("div", {
       className: `
                         ${scrolled ? 'fixed' : 'absolute'}
-                        w-full top-0 h-[80px] z-10 px-[8%] 
+                        w-full top-0 z-10 px-[8%] 
                         ${scrolled ? 'py-2' : 'py-5'}
+                        ${searchOptionsShown ? 'pb-8' : ''}
                         ${settings?.showHeader === undefined || true ? 'block' : 'hidden'}
                         ${scrolled && settings?.navTheme === 'light' ? 'bg-white text-gray-900' : scrolled && settings?.navTheme === 'dark' ? 'bg-[#1f1f1f] text-white' : settings?.navTheme === 'dark' ? 'bg-[#1f1f1f] text-white' : 'bg-transparent'}
                         ${!scrolled ? '' : 'shadow-[0_4px_2px_-2px_rgba(0,0,0,.2)]'}
@@ -140,49 +148,58 @@ const MainHeader = props => {
       style: {
         zIndex: 100
       },
-      children: [jsxs("div", {
-        className: `
-                            justify-around items-center ${settings?.regions?.searchBarRender ? 'pt-0' : 'pt-[7px]'}
-                            ${settings?.hidden ? 'hidden' : 'flex'}
-                        `,
-        children: [jsx(Link, {
-          to: "/",
-          className: `${settings?.navTheme === 'dark' ? 'text-white' : 'text-gray-900'}`,
-          children: headerDom
-        }), jsx("div", {
-          className: "flex-grow"
-        }), showSearchBar ? jsx(HeaderSearchButtonSlot, {
-          transform: "scale",
-          transitionDuration: "1.5s",
-          transitionTimingFunction: "ease-in",
-          setSearchOptionsShown: () => {
-            setSearchOptionsShown(true);
-          }
-        }) : null, jsx("div", {
-          className: "flex-grow"
-        }), jsxs("div", {
-          className: "flex space-x-1 md:space-x-4",
-          children: [jsx(RightContentSlot, {
-            scrolled: scrolled,
-            navTheme: settings?.navTheme
-          }), jsx(RightMenu, {
-            match: null,
-            menuData: menuData,
-            settings: settings,
-            routeParams: routeParams,
-            getMenuSeparation: getMenuSeparation,
-            scrolled: scrolled,
-            authorities: authorities,
-            picture: picture
+      children: jsx("div", {
+        className: "flex flex-col",
+        children: jsxs("div", {
+          className: `
+                                justify-around items-start ${settings?.regions?.searchBarRender ? 'pt-0' : 'pt-[7px]'}
+                                ${settings?.hidden ? 'hidden' : 'flex'}
+                            `,
+          children: [jsx(Link, {
+            to: "/",
+            className: `${settings?.navTheme === 'dark' ? 'text-white' : 'text-gray-900'}`,
+            children: headerDom
+          }), jsx("div", {
+            className: "flex-grow"
+          }), jsxs("div", {
+            className: "relative flex items-start justify-center",
+            children: [jsx("div", {
+              className: `transition-all duration-300 ease-in-out ${searchOptionsShown ? 'opacity-0 absolute' : 'opacity-100'}`,
+              children: showSearchBar && !searchOptionsShown ? jsx(HeaderSearchButtonSlot, {
+                transform: "scale",
+                transitionDuration: "1.5s",
+                transitionTimingFunction: "ease-in",
+                setSearchOptionsShown: () => {
+                  setSearchOptionsShown(true);
+                }
+              }) : null
+            }), jsx("div", {
+              className: `transition-all duration-300 ease-in-out ${searchOptionsShown ? 'opacity-100' : 'opacity-0 absolute'}`,
+              children: showSearchBar && searchOptionsShown ? jsx(HeaderSearchBarSlot, {
+                searchOptionsShown: searchOptionsShown,
+                listId: "navbar_searchbox"
+              }) : null
+            })]
+          }), jsx("div", {
+            className: "flex-grow"
+          }), jsxs("div", {
+            className: "flex space-x-1 md:space-x-4",
+            children: [jsx(RightContentSlot, {
+              scrolled: scrolled,
+              navTheme: settings?.navTheme
+            }), jsx(RightMenu, {
+              match: null,
+              menuData: menuData,
+              settings: settings,
+              routeParams: routeParams,
+              getMenuSeparation: getMenuSeparation,
+              scrolled: scrolled,
+              authorities: authorities,
+              picture: picture
+            })]
           })]
-        })]
-      }), jsx("div", {
-        className: "test px-[8%] w-full mt-3",
-        children: searchOptionsShown && showSearchBar ? jsx(HeaderSearchBarSlot, {
-          searchOptionsShown: searchOptionsShown,
-          listId: "navbar_searchbox"
-        }) : null
-      })]
+        })
+      })
     }) : null
   });
 };export{MainHeader,defaultRenderLogo,defaultRenderLogoAndTitle};//# sourceMappingURL=MainHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MainHeader.js","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"MainHeader.js","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"sourcesContent":[null],"names":["_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/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;AAGjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAkErE"}
+{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CA0ErE"}

package/lib/components/SettingDrawer/RegionalSettings.js

@@ -77,6 +77,19 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18ne
         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", {

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

@@ -1 +1 @@
-{"version":3,"file":"RegionalSettings.js","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"mLAMwB,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,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,aAEQ,EAAA;AAyCZ,IAAC,aAAA,CAAA,SAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RegionalSettings.js","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"mLAMwB,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,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;IAEF,IAAO,CAAA;AAmDX,IAAC,aAAA,CAAA,SAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import { ThemeContextType, ThemeProviderProps } from './types';
-export declare const ThemeContext: React.Context<ThemeContextType>;
-export declare const useTheme: () => ThemeContextType;
-export declare const ThemeProvider: React.FC<ThemeProviderProps>;
-export default ThemeProvider;
+import { ThemeContextProps } from './types';
+export declare const ThemeProviderTailwind: React.FC<{
+    settings: any;
+    children: React.ReactNode;
+}>;
+export declare const useTheme: () => ThemeContextProps;
 //# sourceMappingURL=ThemeProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAGzF,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAI/D,eAAO,MAAM,YAAY,iCAOvB,CAAC;AAEH,eAAO,MAAM,QAAQ,wBAAiC,CAAC;AAEvD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyEtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAS5C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA0DxF,CAAC;AAEF,eAAO,MAAM,QAAQ,yBAAiC,CAAC"}

package/lib/components/ThemeProvider/ThemeProvider.js

@@ -1,25 +1,28 @@
-import {jsx}from'react/jsx-runtime';import {createContext,useContext,useState,useEffect}from'react';import {themeRegistry}from'./themeRegistry.js';import {applyTheme}from'./themeUtils.js';// import { useColorTheme } from '../../hooks/useColorTheme';
-// Create the context with default values
-const ThemeContext = createContext({
-  theme: 'default',
-  themeType: 'light',
-  primaryColor: '#1890ff',
-  fontFamily: 'Inter, sans-serif',
+import {jsx}from'react/jsx-runtime';import {createContext,useState,useEffect,useMemo,useContext}from'react';import {themes}from'./themes/index.js';const ThemeContext = createContext({
+  themeName: 'default',
+  theme: themes.default,
   isDarkMode: false,
-  toggleTheme: () => {}
+  toggleDarkMode: () => {}
 });
-const useTheme = () => useContext(ThemeContext);
-const ThemeProvider = ({
+const ThemeProviderTailwind = ({
   settings,
   children
 }) => {
   const {
-    theme = 'default',
-    themeType = 'light',
-    primaryColor = '#1890ff',
-    fontFamily = 'Inter, sans-serif'
+    theme,
+    themeType,
+    primaryColor,
+    fontFamily
   } = settings;
+  console.log('theme provider settings', {
+    settings
+  });
   const [isDarkMode, setIsDarkMode] = useState(false);
+  // Toggle dark mode
+  const toggleDarkMode = () => {
+    setIsDarkMode(!isDarkMode);
+    localStorage.setItem('darkMode', (!isDarkMode).toString());
+  };
   // Toggle dark mode class on document
   useEffect(() => {
     if (settings?.navTheme === 'light') {
@@ -32,16 +35,10 @@ const ThemeProvider = ({
       setIsDarkMode(false);
       document.documentElement.classList.remove('dark');
     }
-  }, [settings]);
+  }, [settings?.navTheme]);
   // Apply theme effects when component mounts and when theme settings change
   useEffect(() => {
-    const selectedTheme = themeRegistry[theme] || themeRegistry.default;
-    // Apply CSS variables for the selected theme
-    applyTheme(selectedTheme, {
-      isDarkMode,
-      primaryColor,
-      fontFamily
-    });
+    const selectedTheme = themes[theme] || themes.default;
     // Apply font family to document
     document.documentElement.style.setProperty('--font-family', fontFamily);
     document.body.className = `font-sans ${isDarkMode ? 'dark' : ''}`;
@@ -51,15 +48,17 @@ const ThemeProvider = ({
     const radius = selectedTheme.borderRadius.DEFAULT;
     document.documentElement.style.setProperty('--radius', radius);
   }, [theme, themeType, primaryColor, fontFamily, isDarkMode]);
+  // Memoize the context value to prevent unnecessary re-renders
+  const contextValue = useMemo(() => ({
+    themeName: theme,
+    theme: themes[theme] || themes.default,
+    isDarkMode,
+    toggleDarkMode
+  }), [theme, isDarkMode]);
+  console.log('contextValue', contextValue);
   return jsx(ThemeContext.Provider, {
-    value: {
-      theme,
-      themeType,
-      primaryColor,
-      fontFamily,
-      isDarkMode
-      // ...colorTheme
-    },
+    value: contextValue,
     children: children
   });
-};export{ThemeContext,ThemeProvider,ThemeProvider as default,useTheme};//# sourceMappingURL=ThemeProvider.js.map
+};
+const useTheme = () => useContext(ThemeContext);export{ThemeProviderTailwind,useTheme};//# sourceMappingURL=ThemeProvider.js.map

package/lib/components/ThemeProvider/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":"4LAIA;AAEA;AACO,MAAM,YAAY,GAAG,aAAa,CAAmB;AACxD,EAAA,KAAA,EAAK,SAAW;AAChB,EAAA,SAAA,EAAS,OAAS;AAClB,EAAA,YAAA,EAAY,SAAW;AACvB,EAAA,UAAA,EAAU,mBAAqB;AAC/B,EAAA,UAAA,EAAU,KAAO;AACjB,EAAA,WAAA,EAAW,MAAO;AACrB,CAAA;AAEY,MAAA,QAAQ,GAAG,MAAM,UAAU,CAAC,YAAY;AAExC,MAAA,aAAa,GAAiC,CAAC;AACxD,EAAA,QAAM;;MAS+B;QAC5B;AACL,IAAA,KAAA,GAAI,SAAU;aACG,GAAA,OAAA;gBACL,GAAA;cACX,GAAA;AAAM,GAAA,GAAA,QAAA;mBACK,EAAC,iBAAgB,QAAS,CAAC,KAAU,CAAA;;WAEhD,CAAA,MAAA;gBAAO,EAAA,QAAA,KAAA,OAAA,EAAA;mBACS,CAAA,KAAA,CAAC;cACN,CAAA,yBAAiB,CAAA,MAAU,CAAM,MAAC,CAAM;WACnD,IAAA,QAAA,EAAA,QAAA,KAAA,MAAA,EAAA;AACL,MAAG,QAAS,CAAA,eAAG,CAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;MAC4D,aAAA,CAAA,IAAA,CAAA;KAClE,MAAA;mBACC,CAAA,KAAA,CAAA;cAEuC,CAAA,eAAA,CAAA,SAAA,CAAA,MAAA,CAAA,MAAA,CAAA;;cAE/B,CAAA,CAAA;;YAEV,MAAU;AACb,IAAA,MAAC,aAAC,GAAA,aAAA,CAAA,KAAA,CAAA,IAAA,aAAA,CAAA,OAAA;;cAGK,CAAA,aAAgB,EAAA;AACxB,MAAA,UAAQ;kBAEuB;;;AAI/B;YACQ,CAAA,eAAgB,CAAA,KAAM,CAAA,WAAY,CAAA,eAAW,EAAQ,UAAE,CAAA;AACnE,IAAA,QAAS,CAAA,IAAW,CAAA,SAAc,GAAA,CAAA,UAAY,EAAA,UAAY,GAAA,MAAA,GAAG,EAAA,CAAA,CAAA;;IAG7D,QAAM,CAAA,IAAA,CAAA,OAAc,CAAA,KAAK,GAAA,KAAA;;UAG8C,MAAA,GAAA,aAAA,CAAA,YAAA,CAAA,OAAA;AACnE,IAAA,QAAI,CAAQ,eAAgB,CAAA,KAAA,CAAA,WAAG,CAAA,UAAA,EAAA,MAAA,CAAA;aACnB,uBAAgB,EAAC,UAAA,EAAA,UAAA,CAAA,CAAA;YAeL,CAAA,YAAA,CAAA,QAAA,EAAA;SACnB,EAEA;AAGb,MAAE,KAAA;AAEF,MAAA,SAAe;;;;;;;;"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":"mJAIA,MAAM,YAAY,GAAG,aAAa,CAAoB;AAClD,EAAA,SAAA,EAAS,SAAW;OACf,EAAA,MAAQ,CAAA,OAAQ;AACrB,EAAA,UAAA,EAAU,KAAO;AACjB,EAAA,cAAA,EAAc,MAAO;AACxB,CAAA,CAAC;AAEW,MAAA,qBAAqB,GAA2D,CAAC;UAIpF;;MAEA;QAEa;IACnB,KAAM;AACF,IAAA,SAAA;AACA,IAAA,YAAA;AACJ,IAAA;MAEqC,QAAA;SAC5B,CAAA,GAAA,CAAC,yBAAK,EAAA;AACX,IAAA;;mBAEY,EAAC,iBAAgB,QAAS,CAAC,KAAM,CAAA;;AACtC,EAAA,MAAA,iBAAY,MAAE;iBACT,CAAA,CAAA;gBACK,CAAA,OAAA,CAAA,UAAO,EAAA,CAAA,CAAA,UAAA,EAAA,QAAA,EAAA,CAAA;;;YAEpB,MAAa;gBACL,EAAA,oBAAiB,EAAA;mBAC5B,CAAA,KAAA,CAAA;AACL,cAAI,CAAA,eAAqB,CAAA,SAAA,CAAA,MAAA,CAAA,MAAA,CAAA;KAEkD,MAAA,IAAA,QAAA,EAAA,QAAA,KAAA,MAAA,EAAA;MAClE,QAAC,gBAAK,CAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;mBACL,CAAA,IAAA,CAAA;WAE0B;mBACR,CAAA,KAAA,CAAA;AACxB,MAAA,QAAA,CAAA,eAAuB,CAAA,gBAAgB,CAAU,MAAA,CAAA;;cAGzC,EAAA,QAAM,CAAA,CAAA;;AAGd,EAAA,SAAA,CAAA;UACQ,aAAgB,GAAA,MAAA,CAAC,KAAK,CAAC,IAAW,MAAA,CAAA,OAAW;AACzD;IAEA,QAA8D,CAAA,eAAA,CAAA,KAAA,CAAA,WAAA,CAAA,eAAA,EAAA,UAAA,CAAA;AAC9D,IAAA,uBAAqB,GAAA,CAAA,UACV,EAAA,UAAA,GAAA,MAAA,GAAA,EAAA,CAAA,CAAA;AACH;YACK,CAAA,YAAS,CAAA,KAAU,GAAA,KAAO;;UAEjB,MAAA,GAAA,aAAA,CAAA,YAAA,CAAA,OAAA;AACjB,IAAA,QACA,CAAA,eACJ,CAAC,KAAA,CAAA,WAAA,CAAA,UAAA,EAAA,MAAA,CAAA;AAEF,GAAA,EAAA,CAAA,KAAO,EAAI,uBAAiB,EAAA,UAAc,EAAA,UAAA,CAAA,CAAA;;AAG9C,EAAE,MAAA,YAAA,GAAA,OAAA,CAAA,OAAA;AAEF,IAAM,SAAO,EAAA,KAAA;;;;;;;;;;;"}

package/lib/components/ThemeProvider/ThemeToggle.js

@@ -3,10 +3,10 @@ import {jsx}from'react/jsx-runtime';import {useTheme}from'./ThemeProvider.js';co
 }) => {
   const {
     isDarkMode,
-    toggleTheme
+    toggleDarkMode
   } = useTheme();
   return jsx("button", {
-    onClick: toggleTheme,
+    onClick: toggleDarkMode,
     className: `rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary transition-colors ${className}`,
     "aria-label": "Toggle dark mode",
     children: isDarkMode ? jsx(SunIcon, {

package/lib/components/ThemeProvider/index.d.ts

@@ -1,7 +1,4 @@
-export { ThemeProvider, useTheme, ThemeContext } from './ThemeProvider';
-export type { ThemeProviderProps } from './types';
+export { ThemeProviderTailwind, useTheme } from './ThemeProvider';
 export { ThemeToggle } from './ThemeToggle';
-export { applyTheme, hslToHex, generateColorPalette } from './themeUtils';
-export { themeRegistry } from './themeRegistry';
-export type { Theme, ThemeColors, ThemeFontSizes, ThemeSpacing, ThemeBorderRadius, ThemeOptions, ThemeSelectorProps, } from './types';
+export type { ThemeContextProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/ThemeProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAG1E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACR,KAAK,EACL,WAAW,EACX,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACrB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGlE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/ThemeProvider/themes/airbnb.d.ts

@@ -0,0 +1,3 @@
+import { DefaultTheme } from '../types';
+export declare const airbnbTheme: DefaultTheme;
+//# sourceMappingURL=airbnb.d.ts.map

package/lib/components/ThemeProvider/themes/airbnb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"airbnb.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeProvider/themes/airbnb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,eAAO,MAAM,WAAW,EAAE,YAsLzB,CAAC"}