@react-types/tabs 3.3.22 → 3.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-types/tabs",
-  "version": "3.3.22",
+  "version": "3.4.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "types": "src/index.d.ts",
@@ -9,13 +9,17 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-types/shared": "^3.33.1"
+    "@react-aria/tabs": "^3.12.0",
+    "@react-spectrum/tabs": "^3.9.0",
+    "@react-stately/tabs": "^3.9.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+    "@react-spectrum/provider": "^3.0.0",
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8df187370053aa35f553cb388ad670f65e1ab371"
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.d.ts

@@ -10,89 +10,6 @@
  * governing permissions and limitations under the License.
  */
 
-import {
-  AriaLabelingProps, CollectionBase,
-  CollectionChildren,
-  DOMProps,
-  Key,
-  Orientation,
-  SingleSelection,
-  StyleProps
-} from '@react-types/shared';
-import {ReactNode} from 'react';
-
-export interface AriaTabProps extends AriaLabelingProps {
-  /** The key of the tab. */
-  key: Key,
-  /** Whether the tab should be disabled. */
-  isDisabled?: boolean,
-  /** Whether the tab selection should occur on press up instead of press down. */
-  shouldSelectOnPressUp?: boolean
-}
-
-export interface TabListProps<T> extends CollectionBase<T>, Omit<SingleSelection, 'disallowEmptySelection' | 'selectedKey' | 'defaultSelectedKeys' | 'onSelectionChange'> {
-  /**
-   * Whether the TabList is disabled.
-   * Shows that a selection exists, but is not available in that circumstance.
-   */
-  isDisabled?: boolean,
-  /** The currently selected key in the collection (controlled). */
-  selectedKey?: Key,
-  /** The initial selected keys in the collection (uncontrolled). */
-  defaultSelectedKey?: Key,
-  /** Handler that is called when the selection changes. */
-  onSelectionChange?: (key: Key) => void
-}
-
-interface AriaTabListBase extends AriaLabelingProps {
-  /**
-   * Whether tabs are activated automatically on focus or manually.
-   * @default 'automatic'
-   */
-  keyboardActivation?: 'automatic' | 'manual',
-  /**
-   * The orientation of the tabs.
-   * @default 'horizontal'
-   */
-  orientation?: Orientation
-}
-
-export interface AriaTabListProps<T> extends TabListProps<T>, AriaTabListBase, DOMProps, AriaLabelingProps {}
-
-export interface AriaTabPanelProps extends Omit<DOMProps, 'id'>, AriaLabelingProps {
-  /** The unique id of the tab. */
-  id?: Key
-}
-
-export interface SpectrumTabsProps<T> extends AriaTabListBase, Omit<SingleSelection, 'disallowEmptySelection' | 'selectedKey' | 'defaultSelectedKey' | 'onSelectionChange'>, DOMProps, StyleProps {
-  /** The children of the `<Tabs>` element. Should include `<TabList>` and `<TabPanels>` elements. */
-  children: ReactNode,
-  /** The item objects for each tab, for dynamic collections. */
-  items?: Iterable<T>,
-  /** The keys of the tabs that are disabled. These tabs cannot be selected, focused, or otherwise interacted with. */
-  disabledKeys?: Iterable<Key>,
-  /** Whether the Tabs are disabled. */
-  isDisabled?: boolean,
-  /** Whether the tabs are displayed in a quiet style. */
-  isQuiet?: boolean,
-  /** Whether the tabs are displayed in an emphasized style. */
-  isEmphasized?: boolean,
-  /** The amount of space between the tabs. */
-  density?: 'compact' | 'regular',
-  /** The currently selected key in the collection (controlled). */
-  selectedKey?: Key,
-  /** The initial selected keys in the collection (uncontrolled). */
-  defaultSelectedKey?: Key,
-  /** Handler that is called when the selection changes. */
-  onSelectionChange?: (key: Key) => void
-}
-
-export interface SpectrumTabListProps<T> extends DOMProps, StyleProps {
-  /** The tab items to display. Item keys should match the key of the corresponding `<Item>` within the `<TabPanels>` element. */
-  children: CollectionChildren<T>
-}
-
-export interface SpectrumTabPanelsProps<T> extends DOMProps, StyleProps {
-  /** The contents of each tab. Item keys should match the key of the corresponding `<Item>` within the `<TabList>` element. */
-  children: CollectionChildren<T>
-}
+export {TabListProps} from '@react-stately/tabs';
+export {AriaTabListProps, AriaTabProps, AriaTabPanelProps} from '@react-aria/tabs';
+export {SpectrumTabsProps, SpectrumTabListProps, SpectrumTabPanelsProps} from '@react-spectrum/tabs';