react-better-html 1.1.222 → 1.1.223

package/dist/index.mjs

@@ -7201,6 +7201,7 @@ import {
   useTheme as useTheme29
 } from "react-better-core";
 import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+var tabDotSize2 = 6;
 var sideMenuContext = createContext2(void 0);
 var SideMenuContextProvider = sideMenuContext.Provider;
 var useSideMenuContext = () => {
@@ -7238,6 +7239,10 @@ var MenuItemComponent = memo27(function MenuItemComponent2({ item, backgroundCol
       item.onClick?.(item);
     }
   }, [onClick, item, isCollapsed]);
+  const childrenHaveDot = useMemo12(
+    () => item.children?.some((child) => child.withDot) ?? false,
+    [item.children]
+  );
   const isActive = activeItem && item.href && activeItem.href === item.href;
   const readyBackgroundColor = backgroundColor ?? theme2.colors.backgroundContent;
   const iconSize = 16;
@@ -7297,6 +7302,20 @@ var MenuItemComponent = memo27(function MenuItemComponent2({ item, backgroundCol
                 transform: isOpened ? "rotate(180deg)" : void 0,
                 transition: theme2.styles.transition
               }
+            ),
+            /* @__PURE__ */ jsx27(
+              Div_default,
+              {
+                position: "absolute",
+                top: (theme2.styles.space - tabDotSize2) / 2,
+                right: (theme2.styles.space - tabDotSize2) / 2,
+                width: tabDotSize2,
+                height: tabDotSize2,
+                backgroundColor: theme2.colors.primary,
+                borderRadius: 999,
+                opacity: item.withDot || childrenHaveDot && !isOpened ? 1 : 0,
+                transition: theme2.styles.transition
+              }
             )
           ]
         }