react-better-html 1.1.274 → 1.1.276

package/dist/index.js

@@ -8108,16 +8108,18 @@ var MenuItemTypeItem = (0, import_react31.memo)(function MenuItemTypeItem2({
 var MenuItemTypeDivider = (0, import_react31.memo)(function MenuItemTypeDivider2({ item }) {
   const theme2 = (0, import_react_better_core29.useTheme)();
   const { sideMenuIsCollapsed } = useBetterHtmlContextInternal();
+  const { items } = useSideMenuContext();
   const isCollapsed = sideMenuIsCollapsed && !item.shortText;
+  const isFirst = items[0]?.type === item.type && items[0]?.text === item.text;
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     Div_default.row,
     {
-      maxHeight: !isCollapsed ? 30 : 0,
-      paddingTop: !isCollapsed ? theme2.styles.space : theme2.styles.gap / 2,
+      maxHeight: !isCollapsed ? 30 : theme2.styles.gap + 1,
+      paddingTop: !isCollapsed ? theme2.styles.space : theme2.styles.gap,
       paddingInline: theme2.styles.gap,
       overflow: "hidden",
       transition: `max-height ${theme2.styles.transition}, padding-top ${theme2.styles.transition}`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      children: sideMenuIsCollapsed && item.shortText || !sideMenuIsCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         Text_default,
         {
           width: "100%",
@@ -8129,7 +8131,7 @@ var MenuItemTypeDivider = (0, import_react31.memo)(function MenuItemTypeDivider2
           whiteSpace: "nowrap",
           children: sideMenuIsCollapsed ? item.shortText : item.text
         }
-      )
+      ) : !isFirst ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Divider_default.horizontal, {}) : void 0
     }
   );
 });
@@ -8167,6 +8169,8 @@ var SideMenuComponent = function SideMenu({
   const mediaQuery = useMediaQuery();
   const { components, sideMenuIsCollapsed, setSideMenuIsCollapsed, sideMenuIsOpenMobile, setSideMenuIsOpenMobile } = useBetterHtmlContextInternal();
   const [activeItem, setActiveItem] = (0, import_react31.useState)();
+  const [itemsState, setItemsState] = (0, import_react31.useState)(items);
+  const [bottomItemsState, setBottomItemsState] = (0, import_react31.useState)(bottomItems);
   const onClickXButton = (0, import_react31.useCallback)(() => {
     setSideMenuIsOpenMobile.setFalse();
   }, []);
@@ -8175,9 +8179,11 @@ var SideMenuComponent = function SideMenu({
   const contextValue = (0, import_react31.useMemo)(
     () => ({
       activeItem,
-      setActiveItem
+      setActiveItem,
+      items: itemsState,
+      bottomItems: bottomItemsState
     }),
-    [activeItem]
+    [activeItem, itemsState, bottomItemsState]
   );
   const isCollapsable = collapsable && !mediaQuery.size1000;
   const isCollapsed = sideMenuIsCollapsed && !mediaQuery.size1000;
@@ -8186,6 +8192,12 @@ var SideMenuComponent = function SideMenu({
   const sideMenuCollapsedWidth = theme2.styles.space + theme2.styles.space * 2 + 16 + theme2.styles.space;
   const readyBackgroundColor = backgroundColor ?? theme2.colors.backgroundContent;
   const logoSize = sideMenuCollapsedWidth - theme2.styles.space * 2;
+  (0, import_react31.useEffect)(() => {
+    setItemsState(items);
+  }, [items]);
+  (0, import_react31.useEffect)(() => {
+    setBottomItemsState(bottomItems);
+  }, [bottomItems]);
   const itemsComponent = /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     Div_default.column,
     {