react-better-html 1.1.258 → 1.1.260

package/dist/index.d.mts

@@ -518,6 +518,7 @@ type TabsProps = {
     accentColor?: Color;
     style?: "default" | "borderRadiusTop" | "box";
     gap?: number;
+    noBottomLine?: boolean;
     onChange?: (tab: Tab) => void;
     children?: React.ReactNode;
 } & ComponentMarginProps;

package/dist/index.d.ts

@@ -518,6 +518,7 @@ type TabsProps = {
     accentColor?: Color;
     style?: "default" | "borderRadiusTop" | "box";
     gap?: number;
+    noBottomLine?: boolean;
     onChange?: (tab: Tab) => void;
     children?: React.ReactNode;
 } & ComponentMarginProps;

package/dist/index.js

@@ -7493,7 +7493,7 @@ var import_jsx_runtime26 = require("react/jsx-runtime");
 var tabBottomLineWidth = 2;
 var tabDotSize = 6;
 var defaultTabName = "tab";
-var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, accentColor, style = "default", gap, onChange, children, ...props }, ref) {
+var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, accentColor, style = "default", gap, noBottomLine, onChange, children, ...props }, ref) {
   const reactRouterDomPlugin2 = usePlugin("react-router-dom");
   const theme2 = (0, import_react_better_core27.useTheme)();
   const urlQuery = reactRouterDomPlugin2 ? useUrlQuery() : void 0;
@@ -7596,7 +7596,7 @@ var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, a
         return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
           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,
@@ -7643,7 +7643,7 @@ var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, a
           tab.id
         );
       }) }),
-      style !== "box" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      style !== "box" && !noBottomLine && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         Div_default,
         {
           position: "absolute",
@@ -7973,10 +7973,10 @@ var MenuItemComponent = (0, import_react31.memo)(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]);
   (0, import_react31.useEffect)(() => {