@ctlyst.id/internal-ui 4.1.8 → 4.1.9

package/dist/index.js

@@ -5236,19 +5236,28 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                 ) }) }) })
               ] });
             } }, item.id),
-            !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react77.AccordionPanel, { mt: "1", p: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-              NavItem,
+            !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+              import_react77.Fade,
               {
-                mt: "1",
-                "data-test-id": `CTA_Sidebar-accordion-item-${submenu.id}`,
-                isActive: active === submenu.navLink,
-                isChild: true,
-                ...itemStyles,
-                onClick: () => setActive(submenu.navLink),
-                children: submenu.title
-              },
-              submenu.id
-            )) })
+                in: true,
+                transition: {
+                  enter: { duration: 0.5 }
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react77.AccordionPanel, { mt: "1", p: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                  NavItem,
+                  {
+                    mt: "1",
+                    "data-test-id": `CTA_Sidebar-accordion-item-${submenu.id}`,
+                    isActive: active === submenu.navLink,
+                    isChild: true,
+                    ...itemStyles,
+                    onClick: () => setActive(submenu.navLink),
+                    children: submenu.title
+                  },
+                  submenu.id
+                )) })
+              }
+            )
           ] });
         } }, item.id);
       }) })