@sikka/hawa 0.39.0-next → 0.40.0-next

package/dist/appLayout/index.mjs

@@ -437,12 +437,12 @@ var Button = React5.forwardRef(
     children,
     labelProps,
     showHelperText = false,
-    inForm = false,
+    asInput = false,
     ...props
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    if (inForm) {
+    if (asInput) {
       return /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React5.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React5.createElement(
         Comp,
         {
@@ -1217,6 +1217,7 @@ var AppLayout = ({
   clickedItem,
   DrawerLinkComponent,
   MenuLinkComponent,
+  onDrawerExpanded,
   onAvatarClick,
   ...props
 }) => {
@@ -1256,6 +1257,7 @@ var AppLayout = ({
       if (window.innerWidth < 600) {
         setKeepDrawerOpen(false);
         setOpenSideMenu(false);
+        onDrawerExpanded && onDrawerExpanded(false);
       }
     }
   };
@@ -1269,6 +1271,7 @@ var AppLayout = ({
         } else {
           localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(false));
         }
+        onDrawerExpanded && onDrawerExpanded(keepDrawerOpen);
       };
       resize();
       window.addEventListener("resize", resize);
@@ -1286,9 +1289,11 @@ var AppLayout = ({
   useEffect2(() => {
     if (size > 600) {
       setOpenSideMenu(keepDrawerOpen);
+      onDrawerExpanded && onDrawerExpanded(keepDrawerOpen);
     } else {
       setKeepDrawerOpen(false);
       setOpenSideMenu(false);
+      onDrawerExpanded && onDrawerExpanded(false);
     }
   }, [size, keepDrawerOpen]);
   const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize] : 0;
@@ -1381,17 +1386,23 @@ var AppLayout = ({
       style: {
         width: size > 600 ? openSideMenu ? `${drawerSizeStyle["opened"][drawerSize]}px` : `${drawerSizeStyle["closed"][drawerSize]}px` : openSideMenu ? `${drawerSizeStyle["opened"][drawerSize]}px` : "0px"
       },
-      onMouseEnter: () => setOpenSideMenu(true),
+      onMouseEnter: () => {
+        setOpenSideMenu(true);
+        onDrawerExpanded && onDrawerExpanded(true);
+      },
       onMouseLeave: () => {
         if (size > 600) {
           if (keepDrawerOpen) {
             setOpenSideMenu(true);
+            onDrawerExpanded && onDrawerExpanded(true);
           } else {
             setOpenedSidebarItem("");
             setOpenSideMenu(false);
+            onDrawerExpanded && onDrawerExpanded(false);
           }
         } else {
           setOpenSideMenu(false);
+          onDrawerExpanded && onDrawerExpanded(false);
         }
       },
       ref