analytica-frontend-lib 1.0.71 → 1.0.72

package/dist/index.d.mts

@@ -30,7 +30,6 @@ export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/ind
 export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardStatus, CardTopic } from './Card/index.mjs';
 export { Skeleton, SkeletonCard, SkeletonCircle, SkeletonList, SkeletonRectangle, SkeletonRounded, SkeletonTable, SkeletonText } from './Skeleton/index.mjs';
 export { AuthProvider, ProtectedRoute, PublicRoute, useAuth, useAuthGuard, useRouteAuth, withAuth } from './Auth/index.mjs';
-export { default as Tab } from './Tab/index.mjs';
 import 'react/jsx-runtime';
 import 'react';
 import 'zustand';

package/dist/index.d.ts

@@ -30,7 +30,6 @@ export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/ind
 export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardStatus, CardTopic } from './Card/index.js';
 export { Skeleton, SkeletonCard, SkeletonCircle, SkeletonList, SkeletonRectangle, SkeletonRounded, SkeletonTable, SkeletonText } from './Skeleton/index.js';
 export { AuthProvider, ProtectedRoute, PublicRoute, useAuth, useAuthGuard, useRouteAuth, withAuth } from './Auth/index.js';
-export { default as Tab } from './Tab/index.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'zustand';

package/dist/index.js

@@ -80,7 +80,6 @@ __export(src_exports, {
   SkeletonTable: () => SkeletonTable,
   SkeletonText: () => SkeletonText,
   Stepper: () => Stepper_default,
-  Tab: () => Tab_default,
   Table: () => Table_default,
   Text: () => Text_default,
   TextArea: () => TextArea_default,
@@ -5799,164 +5798,6 @@ var useRouteAuth = (fallbackPath = "/") => {
     redirectToLogin
   };
 };
-
-// src/components/Tab/Tab.tsx
-var import_react20 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var TAB_SIZE_CLASSES = {
-  small: {
-    container: "h-10 gap-1",
-    tab: "px-3 py-2 text-sm",
-    indicator: "h-0.5"
-  },
-  medium: {
-    container: "h-12 gap-2",
-    tab: "px-4 py-4 text-sm",
-    indicator: "h-1"
-  },
-  large: {
-    container: "h-14 gap-2",
-    tab: "px-6 py-4 text-base",
-    indicator: "h-1"
-  }
-};
-var RESPONSIVE_WIDTH_CLASSES = {
-  twoTabs: "w-[115px] sm:w-[204px]",
-  threeTabs: "w-[100px] sm:w-[160px]",
-  fourTabs: "w-[80px] sm:w-[140px]",
-  fiveTabs: "w-[70px] sm:w-[120px]",
-  default: "flex-1"
-};
-var Tab = (0, import_react20.forwardRef)(
-  ({
-    tabs,
-    activeTab,
-    onTabChange,
-    size = "medium",
-    responsive = true,
-    className = "",
-    ...props
-  }, ref) => {
-    const sizeClasses = TAB_SIZE_CLASSES[size];
-    const getResponsiveWidthClass = (tabCount) => {
-      if (!responsive) return RESPONSIVE_WIDTH_CLASSES.default;
-      switch (tabCount) {
-        case 2:
-          return RESPONSIVE_WIDTH_CLASSES.twoTabs;
-        case 3:
-          return RESPONSIVE_WIDTH_CLASSES.threeTabs;
-        case 4:
-          return RESPONSIVE_WIDTH_CLASSES.fourTabs;
-        case 5:
-          return RESPONSIVE_WIDTH_CLASSES.fiveTabs;
-        default:
-          return RESPONSIVE_WIDTH_CLASSES.default;
-      }
-    };
-    const handleTabClick = (tabId) => {
-      const tab = tabs.find((t) => t.id === tabId);
-      if (tab && !tab.disabled) {
-        onTabChange(tabId);
-      }
-    };
-    const wrapAroundIndex = (index, maxLength) => {
-      if (index < 0) return maxLength - 1;
-      if (index >= maxLength) return 0;
-      return index;
-    };
-    const findNextValidTab = (startIndex, direction) => {
-      let nextIndex = wrapAroundIndex(startIndex + direction, tabs.length);
-      let attempts = 0;
-      while (tabs[nextIndex]?.disabled && attempts < tabs.length) {
-        nextIndex = wrapAroundIndex(nextIndex + direction, tabs.length);
-        attempts++;
-      }
-      return nextIndex;
-    };
-    const handleArrowNavigation = (direction) => {
-      const currentIndex = tabs.findIndex((tab) => tab.id === activeTab);
-      const nextIndex = findNextValidTab(currentIndex, direction);
-      if (!tabs[nextIndex]?.disabled && nextIndex !== currentIndex) {
-        handleTabClick(tabs[nextIndex].id);
-      }
-    };
-    const handleKeyDown = (event, tabId) => {
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        handleTabClick(tabId);
-        return;
-      }
-      if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
-        event.preventDefault();
-        const direction = event.key === "ArrowLeft" ? -1 : 1;
-        handleArrowNavigation(direction);
-      }
-    };
-    const getTabClassNames = (isDisabled, isActive) => {
-      if (isDisabled) {
-        return "text-text-400 cursor-not-allowed opacity-50";
-      }
-      if (isActive) {
-        return "text-text-950";
-      }
-      return "text-text-700 hover:text-text-800";
-    };
-    const tabWidthClass = getResponsiveWidthClass(tabs.length);
-    const containerWidth = responsive && tabs.length <= 2 ? "w-[240px] sm:w-[416px]" : "w-full";
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-      "div",
-      {
-        ref,
-        className: `flex flex-row items-start ${sizeClasses.container} ${containerWidth} ${className}`,
-        role: "tablist",
-        ...props,
-        children: tabs.map((tab) => {
-          const isActive = tab.id === activeTab;
-          const isDisabled = Boolean(tab.disabled);
-          const tabClassNames = getTabClassNames(isDisabled, isActive);
-          return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-            "button",
-            {
-              type: "button",
-              role: "tab",
-              "aria-selected": isActive,
-              "aria-disabled": isDisabled,
-              tabIndex: isActive ? 0 : -1,
-              className: `
-                relative flex flex-row justify-center items-center gap-2 rounded transition-colors isolate
-                ${sizeClasses.tab}
-                ${tabWidthClass}
-                ${tabClassNames}
-                ${!isDisabled && !isActive ? "hover:bg-background-50" : ""}
-                focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2
-              `,
-              onClick: () => handleTabClick(tab.id),
-              onKeyDown: (e) => handleKeyDown(e, tab.id),
-              disabled: isDisabled,
-              "data-testid": `tab-${tab.id}`,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "font-bold leading-4 tracking-[0.2px] truncate", children: responsive && tab.mobileLabel ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sm:hidden", children: tab.mobileLabel }),
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "hidden sm:inline", children: tab.label })
-                ] }) : tab.label }),
-                isActive && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-                  "div",
-                  {
-                    className: `absolute bottom-0 left-2 right-2 bg-primary-700 rounded-lg z-[2] ${sizeClasses.indicator}`,
-                    "data-testid": "active-indicator"
-                  }
-                )
-              ]
-            },
-            tab.id
-          );
-        })
-      }
-    );
-  }
-);
-Tab.displayName = "Tab";
-var Tab_default = Tab;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
@@ -6019,7 +5860,6 @@ var Tab_default = Tab;
   SkeletonTable,
   SkeletonText,
   Stepper,
-  Tab,
   Table,
   Text,
   TextArea,