@atlaskit/tabs 19.1.0 → 20.0.1

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @atlaskit/tabs
 
+## 20.0.1
+
+### Patch Changes
+
+- [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
+  Add @atlassian/react-compiler-gating as a runtime dependency to enable React Compiler platform
+  gating.
+- Updated dependencies
+
+## 20.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 19.1.0
 
 ### Minor Changes

package/dist/cjs/components/tabs.js

@@ -20,12 +20,13 @@ var _tabPanelContext = require("../internal/tab-panel-context");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var baseStyles = null;
 var tabsStyles = null;
 var analyticsAttributes = {
   componentName: 'tabs',
   packageName: "@atlaskit/tabs",
-  packageVersion: "0.0.0-development"
+  packageVersion: "20.0.0"
 };
 var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
   var tabPanel = _ref.tabPanel,
@@ -79,7 +80,7 @@ var Tabs = function Tabs(props) {
   // First child should be a tabList followed by tab panels
   var _childrenArray = (0, _toArray2.default)(childrenArray),
     tabList = _childrenArray[0],
-    tabPanels = _childrenArray.slice(1);
+    tabPanels = _arrayLikeToArray(_childrenArray).slice(1);
 
   // Keep track of visited and add to a set
   var visited = (0, _react.useRef)(new Set([selected]));

package/dist/es2019/components/tabs.js

@@ -11,7 +11,7 @@ const tabsStyles = null;
 const analyticsAttributes = {
   componentName: 'tabs',
   packageName: "@atlaskit/tabs",
-  packageVersion: "0.0.0-development"
+  packageVersion: "20.0.0"
 };
 const getTabPanelWithContext = ({
   tabPanel,

package/dist/esm/components/tabs.js

@@ -7,6 +7,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { Children, Fragment, useCallback, useRef, useState } from 'react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import { TabListContext } from '../internal/tab-list-context';
@@ -16,7 +17,7 @@ var tabsStyles = null;
 var analyticsAttributes = {
   componentName: 'tabs',
   packageName: "@atlaskit/tabs",
-  packageVersion: "0.0.0-development"
+  packageVersion: "20.0.0"
 };
 var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
   var tabPanel = _ref.tabPanel,
@@ -70,7 +71,7 @@ var Tabs = function Tabs(props) {
   // First child should be a tabList followed by tab panels
   var _childrenArray = _toArray(childrenArray),
     tabList = _childrenArray[0],
-    tabPanels = _childrenArray.slice(1);
+    tabPanels = _arrayLikeToArray(_childrenArray).slice(1);
 
   // Keep track of visited and add to a set
   var visited = useRef(new Set([selected]));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tabs",
-	"version": "19.1.0",
+	"version": "20.0.1",
 	"description": "Tabs are used to organize content by grouping similar information on the same page.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"sideEffects": [
 		"**/*.compiled.css"
 	],
@@ -39,10 +31,11 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.2.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/analytics-next": "^12.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/tokens": "^15.0.0",
+		"@atlassian/react-compiler-gating": "^0.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -54,20 +47,20 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/suppress-react-warnings": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/docs": "^11.8.0",
-		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/tooltip": "^21.1.0",
-		"@atlaskit/visually-hidden": "^3.0.0",
-		"@atlassian/react-compiler-gating": "workspace:^",
+		"@atlaskit/button": "^24.1.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/docs": "^12.0.0",
+		"@atlaskit/ds-lib": "^8.0.0",
+		"@atlaskit/link": "^4.0.0",
+		"@atlaskit/section-message": "^9.1.0",
+		"@atlaskit/spinner": "^20.0.0",
+		"@atlaskit/tooltip": "^23.0.0",
+		"@atlaskit/visually-hidden": "^4.0.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
+		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-lorem-component": "^0.13.0",
 		"storybook-addon-performance": "^0.17.3"

package/tab/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/tab.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/tab.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/tab.d.ts"
 }

package/tab-list/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/tab-list.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/tab-list.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/tab-list.d.ts"
 }

package/tab-panel/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/tab-panel.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/tab-panel.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/tab-panel.d.ts"
 }

package/tabs/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/tabs.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/tabs.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/tabs.d.ts"
 }

package/tabs.docs.tsx

@@ -1,51 +1,53 @@
 import path from 'path';
 
-import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
 
-const documentation: ComponentStructuredContentSource[] = [
-	{
-		name: 'Tabs',
-		description:
-			'Tabs are used to organize content by grouping similar information on the same page.',
-		status: 'general-availability',
-		import: {
+const documentation: StructuredContentSource = {
+	components: [
+		{
 			name: 'Tabs',
-			package: '@atlaskit/tabs',
-			type: 'default',
-			packagePath: path.resolve(__dirname),
-			packageJson: require('./package.json'),
-		},
-		usageGuidelines: [
-			'Use to organize related content on the same page without navigating away',
-			'Use for concise content or content users access regularly',
-			'Limit the number of tabs to avoid overcrowding',
-			'Keep tab labels concise and descriptive',
-			'Use consistent tab ordering and grouping',
-			'Consider responsive behavior for many tabs',
-		],
-		contentGuidelines: [
-			'Write clear, descriptive tab labels',
-			'Group related content logically',
-			'Use consistent naming conventions',
-			'Ensure tab content is relevant and complete',
-		],
-		accessibilityGuidelines: [
-			'Ensure proper keyboard navigation between tabs',
-			'Use appropriate ARIA attributes for tab panels',
-			'Provide clear focus indicators',
-			'Announce tab changes to screen readers',
-			'Ensure tab content is accessible',
-		],
-		examples: [
-			{
+			description:
+				'Tabs are used to organize content by grouping similar information on the same page.',
+			status: 'general-availability',
+			import: {
 				name: 'Tabs',
-				description: 'Tabs example',
-				source: path.resolve(__dirname, './examples/ai/tabs.tsx'),
+				package: '@atlaskit/tabs',
+				type: 'default',
+				packagePath: path.resolve(__dirname),
+				packageJson: require('./package.json'),
 			},
-		],
-		keywords: ['tabs', 'navigation', 'content', 'organization', 'grouping'],
-		categories: ['navigation'],
-	},
-];
+			usageGuidelines: [
+				'Use to organize related content on the same page without navigating away',
+				'Use for concise content or content users access regularly',
+				'Limit the number of tabs to avoid overcrowding',
+				'Keep tab labels concise and descriptive',
+				'Use consistent tab ordering and grouping',
+				'Consider responsive behavior for many tabs',
+			],
+			contentGuidelines: [
+				'Write clear, descriptive tab labels',
+				'Group related content logically',
+				'Use consistent naming conventions',
+				'Ensure tab content is relevant and complete',
+			],
+			accessibilityGuidelines: [
+				'Ensure proper keyboard navigation between tabs',
+				'Use appropriate ARIA attributes for tab panels',
+				'Provide clear focus indicators',
+				'Announce tab changes to screen readers',
+				'Ensure tab content is accessible',
+			],
+			examples: [
+				{
+					name: 'Tabs',
+					description: 'Tabs example',
+					source: path.resolve(__dirname, './examples/ai/tabs.tsx'),
+				},
+			],
+			keywords: ['tabs', 'navigation', 'content', 'organization', 'grouping'],
+			categories: ['navigation'],
+		},
+	],
+};
 
 export default documentation;

package/types/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/types.d.ts"
 }

package/use-tab/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/use-tab.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/use-tab.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/use-tab.d.ts"
 }

package/use-tab-panel/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/use-tab-panel.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/use-tab-panel.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/use-tab-panel.d.ts"
 }

package/dist/types-ts4.5/components/tab-list.d.ts

@@ -1,12 +0,0 @@
-import { type TabListProps } from '../types';
-/**
- * __TabList__
- *
- * A TabList groups `Tab` components together.
- *
- * - [Examples](https://atlassian.design/components/tabs/examples)
- * - [Code](https://atlassian.design/components/tabs/code)
- * - [Usage](https://atlassian.design/components/tabs/usage)
- */
-declare const TabList: ({ children }: TabListProps) => JSX.Element;
-export default TabList;

package/dist/types-ts4.5/components/tab-panel.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { type TabPanelProps } from '../types';
-/**
- * __TabPanel__
- *
- * A TabPanel houses the contents of a Tab.
- *
- * - [Examples](https://atlassian.design/components/tabs/examples)
- * - [Code](https://atlassian.design/components/tabs/code)
- * - [Usage](https://atlassian.design/components/tabs/usage)
- */
-declare const TabPanel: ({ children, testId }: TabPanelProps) => React.JSX.Element;
-export default TabPanel;

package/dist/types-ts4.5/components/tab.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { type TabProps } from '../types';
-/**
- * __Tab__
- *
- * Tab represents an individual Tab displayed in a TabList.
- *
- * - [Examples](https://atlassian.design/components/tabs/examples)
- * - [Code](https://atlassian.design/components/tabs/code)
- * - [Usage](https://atlassian.design/components/tabs/usage)
- */
-declare const Tab: React.ForwardRefExoticComponent<React.PropsWithoutRef<TabProps> & React.RefAttributes<HTMLDivElement>>;
-export default Tab;

package/dist/types-ts4.5/components/tabs.d.ts

@@ -1,12 +0,0 @@
-import { type TabsProps } from '../types';
-/**
- * __Tabs__
- *
- * Tabs acts as a container for all Tab components.
- *
- * - [Examples](https://atlassian.design/components/tabs/examples)
- * - [Code](https://atlassian.design/components/tabs/code)
- * - [Usage](https://atlassian.design/components/tabs/usage)
- */
-declare const Tabs: (props: TabsProps) => JSX.Element;
-export default Tabs;

package/dist/types-ts4.5/entry-points/tab-list.d.ts

@@ -1 +0,0 @@
-export { default } from '../components/tab-list';

package/dist/types-ts4.5/entry-points/tab-panel.d.ts

@@ -1 +0,0 @@
-export { default } from '../components/tab-panel';

package/dist/types-ts4.5/entry-points/tab.d.ts

@@ -1 +0,0 @@
-export { default } from '../components/tab';

package/dist/types-ts4.5/entry-points/tabs.d.ts

@@ -1 +0,0 @@
-export { default } from '../components/tabs';

package/dist/types-ts4.5/entry-points/types.d.ts

@@ -1 +0,0 @@
-export type { OnChangeCallback, SelectedType, TabAttributesType, TabData, TabListAttributesType, TabListProps, TabPanelAttributesType, TabPanelProps, TabProps, TabsProps, } from '../types';

package/dist/types-ts4.5/entry-points/use-tab-panel.d.ts

@@ -1 +0,0 @@
-export { default } from '../use-tab-panel';

package/dist/types-ts4.5/entry-points/use-tab.d.ts

@@ -1 +0,0 @@
-export { default } from '../use-tab';

package/dist/types-ts4.5/index.d.ts

@@ -1,7 +0,0 @@
-export { default } from './components/tabs';
-export { default as TabPanel } from './components/tab-panel';
-export { default as Tab } from './components/tab';
-export { default as TabList } from './components/tab-list';
-export type { TabProps, TabPanelProps, TabsProps, TabListProps, TabAttributesType, TabListAttributesType, TabPanelAttributesType, TabData, } from './types';
-export { default as useTab } from './use-tab';
-export { default as useTabPanel } from './use-tab-panel';

package/dist/types-ts4.5/internal/tab-context.d.ts

@@ -1,2 +0,0 @@
-import { type TabAttributesType } from '../types';
-export declare const TabContext: import('react').Context<TabAttributesType | null>;

package/dist/types-ts4.5/internal/tab-list-context.d.ts

@@ -1,2 +0,0 @@
-import { type TabListAttributesType } from '../types';
-export declare const TabListContext: import('react').Context<TabListAttributesType | null>;

package/dist/types-ts4.5/internal/tab-panel-context.d.ts

@@ -1,2 +0,0 @@
-import { type TabPanelAttributesType } from '../types';
-export declare const TabPanelContext: import('react').Context<TabPanelAttributesType | null>;

package/dist/types-ts4.5/types.d.ts

@@ -1,188 +0,0 @@
-import { type KeyboardEvent, type ReactNode } from 'react';
-import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
-export interface TabProps {
-    /**
-     * The children to be rendered within a `Tab`.
-     */
-    children: ReactNode;
-    /**
-     * A `testId` prop is  is a unique string that appears as a data attribute `data-testid`
-     * on the `Tab` element, serving as a hook for automated tests.
-     */
-    testId?: string;
-}
-export interface TabPanelProps {
-    /**
-     * The children to be rendered within a `TabPanel`.
-     */
-    children: ReactNode;
-    /**
-     * A `testId` prop is  is a unique string that appears as a data attribute `data-testid`
-     * on the `TabPanel` element, serving as a hook for automated tests.
-     */
-    testId?: string;
-}
-/**
- * @deprecated
- * Previously this was the type for the tabs prop that was used like
- * <Tabs tabs={tabs} />
- * The codemod changes this to be
- * <Tabs>
- *  <TabList>
- *    {tabs.map(tab => <Tab testId={tab.testId}>{tab.label}</Tab>)}
- *  </TabList>
- *  {tabs.map(tab => <TabPanel>{tab.content}</TabPanel>)}
- * </Tabs>
- * The TabData type remains so the variable used in tabs can have a type.
- */
-export interface TabData {
-    /**
-     * String to be put inside a tab.
-     */
-    label?: string;
-    /**
-     * String to be put inside a tab panel.
-     */
-    content?: ReactNode;
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique
-     * string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests. This `testId` is put on the tab.
-     */
-    testId?: string;
-    /**
-     * Used by consumers to convey extra information about the tab.
-     */
-    [key: string]: any;
-}
-export type SelectedType = number;
-export type OnChangeCallback = (index: SelectedType, analyticsEvent: UIAnalyticsEvent) => void;
-export interface TabsProps extends WithAnalyticsEventsProps {
-    /**
-     * The index of the tab that will be selected by default when the component mounts.
-     * If not set the first tab will be displayed by default.
-     */
-    defaultSelected?: SelectedType;
-    /**
-     * A callback function which will be fired when a changed. It will be passed
-     * the index of the selected tab and a `UIAnalyticsEvent`.
-     */
-    onChange?: OnChangeCallback;
-    /**
-     * The selected tab's index. If this prop is set the component behaves as a
-     * controlled component. It will be up to you to listen to `onChange`.
-     */
-    selected?: SelectedType;
-    /**
-     * Tabs by default leaves `TabPanel`'s mounted on the page after they have been selected.
-     * If you would like to unmount a `TabPanel` when it is not selected, set this prop to
-     * be true.
-     */
-    shouldUnmountTabPanelOnChange?: boolean;
-    /**
-     * Additional information to be included in the `context` of analytics events that come from `Tabs`.
-     */
-    analyticsContext?: Record<string, any>;
-    /**
-     * A `testId` prop is a unique string that appears as a data attribute `data-testid`
-     * on the `Tabs` element, serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * The children of Tabs. The first child should be a `TabList` filled with `Tab`'s.
-     * Subsequent children should be `TabPanel`'s. There should be a `Tab` for each `TabPanel`.
-     * If you want to customize `Tab` or `TabPanel`, refer to the examples in the documentation.
-     */
-    children: ReactNode;
-    /**
-     * A unique ID that will be used to generate IDs for tabs and tab panels.
-     * This is required for accessibility purposes.
-     */
-    id: string;
-}
-export interface TabListProps {
-    /**
-     * A collection of `Tab`'s.  There should be a `Tab` for each `TabPanel`.
-     * If you want to customize `Tab` there is documentation in the tab section.
-     */
-    children: ReactNode;
-}
-export type TabAttributesType = {
-    /**
-     * Changes the selected tab.
-     */
-    onClick: () => void;
-    /**
-     * ID of the tab.
-     */
-    id: string;
-    /**
-     * The ID of the tab panel that this tab links.
-     */
-    'aria-controls': string;
-    /**
-     * The position of this tab within the tab list.
-     */
-    'aria-posinset': number;
-    /**
-     * Whether this tab is selected.
-     */
-    'aria-selected': boolean;
-    /**
-     * The number of tabs in this tab list.
-     */
-    'aria-setsize': number;
-    /**
-     * Allows navigation of tabs with automatic activation.
-     * Read here for more details: https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html
-     */
-    onKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
-    /**
-     * Role is "tab".
-     */
-    role: 'tab';
-    /**
-     * If the tab is selected the tab index is 0 and is focusable.
-     * Otherwise it is -1 and is not focusable.
-     */
-    tabIndex: number;
-};
-export type TabListAttributesType = {
-    /**
-     * The index of the selected tab.
-     */
-    selected: SelectedType;
-    /**
-     * A unique ID that will be used to generate IDs for tabs and tab panels.
-     * This is required for accessibility reasons.
-     */
-    tabsId: string;
-    /**
-     * A callback function which will be fired when a tab is changed.
-     */
-    onChange: (index: SelectedType) => void;
-};
-export type TabPanelAttributesType = {
-    /**
-     * Role is "tabpanel".
-     */
-    role: 'tabpanel';
-    /**
-     * ID of the the tab panel.
-     */
-    id: string;
-    /**
-     * Hidden is true if it is not the selected tab.
-     */
-    hidden?: boolean;
-    /**
-     * The id of the tab that links to this tab panel.
-     */
-    'aria-labelledby': string;
-    /**
-     * If the tab panel is selected the tab index is 0 and is focusable.
-     * Otherwise it is -1 and is not focusable.
-     */
-    tabIndex: number;
-};

package/dist/types-ts4.5/use-tab-list.d.ts

@@ -1,4 +0,0 @@
-/**
- * {description}.
- */
-export default function useTabList(): import('./types').TabListAttributesType;

package/dist/types-ts4.5/use-tab-panel.d.ts

@@ -1,4 +0,0 @@
-/**
- * {description}.
- */
-export default function useTabPanel(): import('./types').TabPanelAttributesType;

package/dist/types-ts4.5/use-tab.d.ts

@@ -1,4 +0,0 @@
-/**
- * {description}.
- */
-export default function useTab(): import('./types').TabAttributesType;

package/offerings.json

@@ -1,37 +0,0 @@
-[
-	{
-		"name": "Tabs",
-		"package": "@atlaskit/tabs",
-		"import": {
-			"name": "Tabs",
-			"package": "@atlaskit/tabs",
-			"type": "default"
-		},
-		"keywords": ["tabs", "navigation", "content", "organization", "grouping"],
-		"categories": ["navigation"],
-		"shortDescription": "Tabs are used to organize content by grouping similar information on the same page.",
-		"status": "general-availability",
-		"accessibilityGuidelines": [
-			"Ensure proper keyboard navigation between tabs",
-			"Use appropriate ARIA attributes for tab panels",
-			"Provide clear focus indicators",
-			"Announce tab changes to screen readers",
-			"Ensure tab content is accessible"
-		],
-		"usageGuidelines": [
-			"Use to organize related content on the same page",
-			"Keep tab labels concise and descriptive",
-			"Limit the number of tabs to avoid overcrowding",
-			"Use consistent tab ordering and grouping",
-			"Consider responsive behavior for many tabs"
-		],
-		"contentGuidelines": [
-			"Write clear, descriptive tab labels",
-			"Group related content logically",
-			"Use consistent naming conventions",
-			"Ensure tab content is relevant and complete"
-		],
-		"generativeInstructions": "./docs/ai/tabs-instructions.md",
-		"examples": ["./examples/ai/tabs.tsx"]
-	}
-]