@abdellatifui/react 3.1.95 → 3.1.96

package/dist/nextgen.js

@@ -26209,30 +26209,41 @@ const TabItem = forwardRef((props, ref) => {
     className = "",
     defaultTab,
     full,
-    theme = "minimal"
+    theme = "minimal",
+    onMouseEnter = () => {
+    },
+    onMouseLeave = () => {
+    }
   } = props;
-  const hanldeChange = useCallback(() => {
+  const hanldeChange = useCallback((e) => {
     if (defaultTab === tab.value) {
       return;
     }
     setDefaultTab(tab.value);
-    onChange(tab, tab.value);
+    onChange({ event: e, ...tab, currentTab: defaultTab, props, ref }, tab.value);
     if (tab.onSelected) {
-      tab.onSelected(tab, tab.value);
+      tab.onSelected({ event: e, ...tab, currentTab: defaultTab, props, ref }, tab.value);
     }
   }, [tab.value, defaultTab, onChange, setDefaultTab, tab, props]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     TabsTrigger,
     {
       ref,
+      onMouseEnter: (e) => {
+        onMouseEnter({ event: e, ...tab, currentTab: defaultTab, props, ref });
+      },
+      onMouseLeave: (e) => {
+        onMouseLeave({ event: e, ...tab, currentTab: defaultTab, props, ref });
+      },
       theme,
       className: cn(
         vrs2({ outline: outline2, full }),
-        className,
         theme === "modern" ? "min-w-[90px] relative before:absolute before:inset-0 before:rounded before:bg-gradient-to-r before:from-blue-500/5 before:to-purple-500/5 before:opacity-0 before:transition-opacity before:duration-300 hover:before:opacity-100 data-[state=active]:before:opacity-100" : "",
-        theme === "v2" ? "bg-transparent rounded-none p-2 font data-[state=active]:text-blue-500 !font-semibold" : ""
+        theme === "v2" && "bg-transparent rounded-none p-2 font data-[state=active]:text-blue-500 !font-semibold",
+        className
       ),
       value: tab.value,
+      "data-selected": defaultTab === tab.value ? "true" : "false",
       onClick: hanldeChange,
       children: theme === "modern" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "relative z-10 transition-all duration-200 group-hover:scale-[1.01]", children: tab.label }) : tab.label
     },
@@ -26328,7 +26339,12 @@ const ShadcnTabs = forwardRef((props, ref) => {
               full,
               theme,
               ref: (el) => tabRefs.current[index] = el,
-              boxSize
+              boxSize,
+              className: (tab == null ? void 0 : tab.className) || "",
+              onMouseEnter: (tab == null ? void 0 : tab.onMouseEnter) || (() => {
+              }),
+              onMouseLeave: (tab == null ? void 0 : tab.onMouseLeave) || (() => {
+              })
             },
             (tab == null ? void 0 : tab.value) || key
           )),