@algorithm-shift/design-system 1.2.963 → 1.2.964

package/dist/index.mjs

@@ -29894,7 +29894,7 @@ var Pagination_default = CustomPagination;
 // src/components/Navigation/Tabs/Tabs.tsx
 import { useCallback as useCallback3, useMemo as useMemo6, useState as useState8 } from "react";
 import Link5 from "next/link";
-import { useRouter } from "next/navigation";
+import { usePathname, useRouter } from "next/navigation";
 
 // src/components/ui/dialog.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
@@ -30051,6 +30051,7 @@ function showSonnerToast({
 import { Fragment as Fragment22, jsx as jsx56, jsxs as jsxs33 } from "react/jsx-runtime";
 var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuilder = false, source, parentKey, menuNameKey, menuUrlKey, loading, bgActiveColor, textActiveColor }) => {
   const [openIndex, setOpenIndex] = useState8(null);
+  const currentPathname = usePathname();
   function groupMenus(menus = []) {
     const menuMap = /* @__PURE__ */ new Map();
     menus.forEach((menu) => {
@@ -30099,7 +30100,7 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
       while (p.endsWith("/")) p = p.slice(0, -1);
       return p;
     };
-    const current = clean(pathname || "");
+    const current = clean(pathname ?? currentPathname ?? "");
     const target = clean(path);
     if (!current || !target) return false;
     if (current === target) return true;
@@ -30142,7 +30143,8 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
     const finalStyle = {
       ...tab.style,
       backgroundColor: active && bgActiveColor ? bgActiveColor : void 0,
-      color: active && textActiveColor ? textActiveColor : void 0
+      color: active && textActiveColor ? textActiveColor : void 0,
+      border: active && textActiveColor ? `1px solid ${textActiveColor}` : void 0
     };
     if (Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown) {
       return /* @__PURE__ */ jsxs33(