fix: make Tab return null instead of using hidden class

packages/react/components/Tabs.tsx

@@ -194,19 +194,11 @@ const TabTrigger = (props: TabTriggerProps) => {
 
 const [tabContentVariant, resolveTabContentVariantProps] = vcn({
   base: "",
-  variants: {
+  variants: {},
-    active: {
+  defaults: {},
-      true: "",
-      false: "hidden",
-    },
-  },
-  defaults: {
-    active: false,
-  },
 });
 
-interface TabContentProps
+interface TabContentProps extends VariantProps<typeof tabContentVariant> {
-  extends Omit<VariantProps<typeof tabContentVariant>, "active"> {
   name: string;
   children: Exclude<
     React.ReactNode,
@@ -220,15 +212,18 @@ const TabContent = (props: TabContentProps) => {
   const { name, ...restProps } = restPropsBeforeParse;
   const [context] = React.useContext(TabContext);
 
+  if (context.active[1] === name) {
     return (
       <Slot
         className={tabContentVariant({
           ...variantProps,
-        active: context.active[1] === name,
         })}
         {...restProps}
       />
     );
+  } else {
+    return null;
+  }
 };
 
 export { TabProvider, useTabState, TabList, TabTrigger, TabContent };