[UseTabPanel] Add explicit return type

docs/pages/base/api/use-tab-panel.json

@@ -1,6 +1,30 @@
 {
-  "parameters": {},
-  "returnValue": {},
+  "parameters": {
+    "value": {
+      "type": {
+        "name": "number | string",
+        "description": "The value of the TabPanel. It will be shown when the Tab with the corresponding value is selected."
+      },
+      "required": true
+    }
+  },
+  "returnValue": {
+    "getRootProps": {
+      "type": {
+        "name": "() => {\n  'aria-labelledby': string | undefined\n  hidden: boolean\n  id: string | undefined\n}",
+        "description": "Resolver for the root slot's props."
+      },
+      "required": true
+    },
+    "hidden": {
+      "type": {
+        "name": "boolean",
+        "description": "If `true`, it indicates that the tab panel will be hidden."
+      },
+      "default": "false",
+      "required": true
+    }
+  },
   "name": "useTabPanel",
   "filename": "/packages/mui-base/src/TabPanelUnstyled/useTabPanel.ts",
   "demos": "<ul><li><a href=\"/base/react-tabs/#hooks\">Unstyled Tabs</a></li></ul>"

docs/translations/api-docs/use-tab-panel/use-tab-panel.json

@@ -1 +1,10 @@
-{ "hookDescription": "", "parametersDescriptions": {}, "returnValueDescriptions": {} }
+{
+  "hookDescription": "",
+  "parametersDescriptions": {
+    "value": "The value of the TabPanel. It will be shown when the Tab with the corresponding value is selected."
+  },
+  "returnValueDescriptions": {
+    "getRootProps": "Resolver for the root slot's props.",
+    "hidden": "If <code>true</code>, it indicates that the tab panel will be hidden."
+  }
+}

packages/mui-base/src/TabPanelUnstyled/index.ts

@@ -5,3 +5,4 @@ export { default as tabPanelUnstyledClasses } from './tabPanelUnstyledClasses';
 export * from './tabPanelUnstyledClasses';
 
 export { default as useTabPanel } from './useTabPanel';
+export * from './useTabPanel.types';

packages/mui-base/src/TabPanelUnstyled/useTabPanel.ts

@@ -1,5 +1,5 @@
 import { useTabContext, getPanelId, getTabId } from '../TabsUnstyled';
-import { UseTabPanelParameters } from './useTabPanel.types';
+import { UseTabPanelParameters, UseTabPanelReturnValue } from './useTabPanel.types';
 /**
  *
  * Demos:
@@ -10,7 +10,7 @@ import { UseTabPanelParameters } from './useTabPanel.types';
  *
  * - [useTabPanel API](https://mui.com/base/api/use-tab-panel/)
  */
-function useTabPanel(parameters: UseTabPanelParameters) {
+function useTabPanel(parameters: UseTabPanelParameters): UseTabPanelReturnValue {
   const { value } = parameters;
 
   const context = useTabContext();

packages/mui-base/src/TabPanelUnstyled/useTabPanel.types.ts

@@ -10,3 +10,20 @@ export interface UseTabPanelRootSlotProps {
   hidden?: boolean;
   id?: string;
 }
+
+export interface UseTabPanelReturnValue {
+  /**
+   * If `true`, it indicates that the tab panel will be hidden.
+   * @default false
+   */
+  hidden: boolean;
+  /**
+   * Resolver for the root slot's props.
+   * @returns props that should be spread on the root slot
+   */
+  getRootProps: () => {
+    'aria-labelledby': string | undefined;
+    hidden: boolean;
+    id: string | undefined;
+  };
+}