react-better-html 1.1.274 → 1.1.276

package/dist/index.mjs

@@ -8075,16 +8075,18 @@ var MenuItemTypeItem = memo27(function MenuItemTypeItem2({
 var MenuItemTypeDivider = memo27(function MenuItemTypeDivider2({ item }) {
   const theme2 = useTheme29();
   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__ */ jsx27(
     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__ */ jsx27(
+      children: sideMenuIsCollapsed && item.shortText || !sideMenuIsCollapsed ? /* @__PURE__ */ jsx27(
         Text_default,
         {
           width: "100%",
@@ -8096,7 +8098,7 @@ var MenuItemTypeDivider = memo27(function MenuItemTypeDivider2({ item }) {
           whiteSpace: "nowrap",
           children: sideMenuIsCollapsed ? item.shortText : item.text
         }
-      )
+      ) : !isFirst ? /* @__PURE__ */ jsx27(Divider_default.horizontal, {}) : void 0
     }
   );
 });
@@ -8134,6 +8136,8 @@ var SideMenuComponent = function SideMenu({
   const mediaQuery = useMediaQuery();
   const { components, sideMenuIsCollapsed, setSideMenuIsCollapsed, sideMenuIsOpenMobile, setSideMenuIsOpenMobile } = useBetterHtmlContextInternal();
   const [activeItem, setActiveItem] = useState15();
+  const [itemsState, setItemsState] = useState15(items);
+  const [bottomItemsState, setBottomItemsState] = useState15(bottomItems);
   const onClickXButton = useCallback18(() => {
     setSideMenuIsOpenMobile.setFalse();
   }, []);
@@ -8142,9 +8146,11 @@ var SideMenuComponent = function SideMenu({
   const contextValue = useMemo12(
     () => ({
       activeItem,
-      setActiveItem
+      setActiveItem,
+      items: itemsState,
+      bottomItems: bottomItemsState
     }),
-    [activeItem]
+    [activeItem, itemsState, bottomItemsState]
   );
   const isCollapsable = collapsable && !mediaQuery.size1000;
   const isCollapsed = sideMenuIsCollapsed && !mediaQuery.size1000;
@@ -8153,6 +8159,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;
+  useEffect16(() => {
+    setItemsState(items);
+  }, [items]);
+  useEffect16(() => {
+    setBottomItemsState(bottomItems);
+  }, [bottomItems]);
   const itemsComponent = /* @__PURE__ */ jsx27(
     Div_default.column,
     {