@ctlyst.id/internal-ui 4.1.8 → 4.1.9

package/dist/index.mjs

@@ -4915,6 +4915,7 @@ import {
   AccordionItem as AccordionItem2,
   AccordionPanel as AccordionPanel2,
   Box as Box28,
+  Fade,
   Popover as Popover6,
   PopoverBody as PopoverBody4,
   PopoverContent as PopoverContent6,
@@ -5045,19 +5046,28 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                 ) }) }) })
               ] });
             } }, item.id),
-            !isCollapse && /* @__PURE__ */ jsx60(AccordionPanel2, { mt: "1", p: "0", children: item.children.map((submenu) => /* @__PURE__ */ jsx60(
-              NavItem,
+            !isCollapse && /* @__PURE__ */ jsx60(
+              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__ */ jsx60(AccordionPanel2, { mt: "1", p: "0", children: item.children.map((submenu) => /* @__PURE__ */ jsx60(
+                  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);
       }) })
@@ -6017,7 +6027,7 @@ import {
   AvatarProps,
   Collapse,
   CollapseProps,
-  Fade,
+  Fade as Fade2,
   FadeProps,
   Hide,
   HideProps,
@@ -7865,7 +7875,7 @@ export {
   DropdownIndicator,
   empty_state_default as EmptyState,
   error_code_default as ErrorCode,
-  Fade,
+  Fade2 as Fade,
   FadeProps,
   field_default as Field,
   Flex8 as Flex,