react-better-html 1.1.258 → 1.1.260

package/dist/index.mjs

@@ -7454,7 +7454,7 @@ import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 var tabBottomLineWidth = 2;
 var tabDotSize = 6;
 var defaultTabName = "tab";
-var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style = "default", gap, onChange, children, ...props }, ref) {
+var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style = "default", gap, noBottomLine, onChange, children, ...props }, ref) {
   const reactRouterDomPlugin2 = usePlugin("react-router-dom");
   const theme2 = useTheme27();
   const urlQuery = reactRouterDomPlugin2 ? useUrlQuery() : void 0;
@@ -7557,7 +7557,7 @@ var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style
         return /* @__PURE__ */ jsxs22(
           Div_default,
           {
-            className: "react-better-html-tabs-tab",
+            className: `react-better-html-tabs-tab${selected ? " react-better-html-tabs-tab-selected" : ""}`,
             position: "relative",
             width: "fit-content",
             backgroundColor: style === "box" ? selected ? theme2.colors.primary : theme2.colors.backgroundContent : theme2.colors.backgroundBase,
@@ -7604,7 +7604,7 @@ var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style
           tab.id
         );
       }) }),
-      style !== "box" && /* @__PURE__ */ jsx25(
+      style !== "box" && !noBottomLine && /* @__PURE__ */ jsx25(
         Div_default,
         {
           position: "absolute",
@@ -7940,10 +7940,10 @@ var MenuItemComponent = memo27(function MenuItemComponent2({
     const isActive2 = location.pathname === "/" ? location.pathname === item.href : location.pathname.startsWith(item.href) && item.href !== "/";
     if (!isActive2) return;
     setActiveItem(
-      (oldValue) => item.href ? oldValue && oldValue.length > item.href.length ? oldValue : {
+      (oldValue) => item.href && item.href !== oldValue?.href ? {
         href: item.href,
         length: item.href.length
-      } : void 0
+      } : oldValue
     );
   }, [location.pathname]);
   useEffect16(() => {