@react-spectrum/tabs 3.8.9-nightly.4555 → 3.8.9-nightly.4558

package/dist/main.js

@@ -1,30 +1,14 @@
-require("./main.css");
+var $e8d58e7e32285ba6$exports = require("./Tabs.main.js");
 var $8zXxA$reactstatelycollections = require("@react-stately/collections");
-var $8zXxA$reactspectrumutils = require("@react-spectrum/utils");
-var $8zXxA$reactariautils = require("@react-aria/utils");
-var $8zXxA$reactariafocus = require("@react-aria/focus");
-var $8zXxA$reactspectrumpicker = require("@react-spectrum/picker");
-var $8zXxA$reactstatelylist = require("@react-stately/list");
-var $8zXxA$react = require("react");
-var $8zXxA$reactstatelytabs = require("@react-stately/tabs");
-var $8zXxA$reactspectrumtext = require("@react-spectrum/text");
-var $8zXxA$reactariainteractions = require("@react-aria/interactions");
-var $8zXxA$reactariai18n = require("@react-aria/i18n");
-var $8zXxA$reactspectrumprovider = require("@react-spectrum/provider");
-var $8zXxA$reactariatabs = require("@react-aria/tabs");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-$parcel$export(module.exports, "TabList", () => $e8d58e7e32285ba6$export$e51a686c67fdaa2d);
-$parcel$export(module.exports, "TabPanels", () => $e8d58e7e32285ba6$export$5dae8d435677f210);
-$parcel$export(module.exports, "Tabs", () => $e8d58e7e32285ba6$export$b2539bed5023c21c);
+$parcel$export(module.exports, "TabList", () => $e8d58e7e32285ba6$exports.TabList);
+$parcel$export(module.exports, "TabPanels", () => $e8d58e7e32285ba6$exports.TabPanels);
+$parcel$export(module.exports, "Tabs", () => $e8d58e7e32285ba6$exports.Tabs);
 $parcel$export(module.exports, "Item", () => $8zXxA$reactstatelycollections.Item);
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -37,460 +21,6 @@ $parcel$export(module.exports, "Item", () => $8zXxA$reactstatelycollections.Item
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ /// <reference types="css-module-types" />
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-var $29add1fad43dc941$exports = {};
-
-$parcel$export($29add1fad43dc941$exports, "focus-ring", () => $29add1fad43dc941$export$f39a09f249340e2a, (v) => $29add1fad43dc941$export$f39a09f249340e2a = v);
-$parcel$export($29add1fad43dc941$exports, "i18nFontFamily", () => $29add1fad43dc941$export$8c4ee2c50c22c514, (v) => $29add1fad43dc941$export$8c4ee2c50c22c514 = v);
-$parcel$export($29add1fad43dc941$exports, "is-disabled", () => $29add1fad43dc941$export$d35bc1e505d1ebbf, (v) => $29add1fad43dc941$export$d35bc1e505d1ebbf = v);
-$parcel$export($29add1fad43dc941$exports, "is-hovered", () => $29add1fad43dc941$export$b8813cd5d7824ce7, (v) => $29add1fad43dc941$export$b8813cd5d7824ce7 = v);
-$parcel$export($29add1fad43dc941$exports, "is-selected", () => $29add1fad43dc941$export$1e0fb04f31d3c22a, (v) => $29add1fad43dc941$export$1e0fb04f31d3c22a = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-FocusRing-ring", () => $29add1fad43dc941$export$4109102f950813a6, (v) => $29add1fad43dc941$export$4109102f950813a6 = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-FocusRing", () => $29add1fad43dc941$export$24c7f46a6e3605dd, (v) => $29add1fad43dc941$export$24c7f46a6e3605dd = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-FocusRing--quiet", () => $29add1fad43dc941$export$2927016961429360, (v) => $29add1fad43dc941$export$2927016961429360 = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-Icon", () => $29add1fad43dc941$export$d374b04f30360026, (v) => $29add1fad43dc941$export$d374b04f30360026 = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-Tabs", () => $29add1fad43dc941$export$35c105c0d9c8e56f, (v) => $29add1fad43dc941$export$35c105c0d9c8e56f = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-Tabs--compact", () => $29add1fad43dc941$export$e15c78184ee03abe, (v) => $29add1fad43dc941$export$e15c78184ee03abe = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-Tabs--emphasized", () => $29add1fad43dc941$export$87b15021e28e067a, (v) => $29add1fad43dc941$export$87b15021e28e067a = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-Tabs--horizontal", () => $29add1fad43dc941$export$229f1ac4d3d38f0e, (v) => $29add1fad43dc941$export$229f1ac4d3d38f0e = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-Tabs--isCollapsed", () => $29add1fad43dc941$export$ea514cd060922d6b, (v) => $29add1fad43dc941$export$ea514cd060922d6b = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-Tabs--quiet", () => $29add1fad43dc941$export$831e830d5828d42b, (v) => $29add1fad43dc941$export$831e830d5828d42b = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-Tabs--vertical", () => $29add1fad43dc941$export$e415005be3957065, (v) => $29add1fad43dc941$export$e415005be3957065 = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-Tabs-item", () => $29add1fad43dc941$export$123e4c01a5440a3e, (v) => $29add1fad43dc941$export$123e4c01a5440a3e = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-Tabs-itemLabel", () => $29add1fad43dc941$export$1f253edac4b98526, (v) => $29add1fad43dc941$export$1f253edac4b98526 = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-Tabs-picker", () => $29add1fad43dc941$export$12dc6b25c6dddfc1, (v) => $29add1fad43dc941$export$12dc6b25c6dddfc1 = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-Tabs-selectionIndicator", () => $29add1fad43dc941$export$a115f9117a19563e, (v) => $29add1fad43dc941$export$a115f9117a19563e = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-TabsPanel", () => $29add1fad43dc941$export$34f1a65c57bb7bb, (v) => $29add1fad43dc941$export$34f1a65c57bb7bb = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-TabsPanel--horizontal", () => $29add1fad43dc941$export$778fb839eaa0528c, (v) => $29add1fad43dc941$export$778fb839eaa0528c = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-TabsPanel--vertical", () => $29add1fad43dc941$export$9a6e2fb72c648072, (v) => $29add1fad43dc941$export$9a6e2fb72c648072 = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-TabsPanel-collapseWrapper", () => $29add1fad43dc941$export$e09869956b4c96f2, (v) => $29add1fad43dc941$export$e09869956b4c96f2 = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-TabsPanel-tabpanel", () => $29add1fad43dc941$export$acb5da0970288266, (v) => $29add1fad43dc941$export$acb5da0970288266 = v);
-$parcel$export($29add1fad43dc941$exports, "spectrum-TabsPanel-tabs", () => $29add1fad43dc941$export$4a157a691c854e23, (v) => $29add1fad43dc941$export$4a157a691c854e23 = v);
-var $29add1fad43dc941$export$f39a09f249340e2a;
-var $29add1fad43dc941$export$8c4ee2c50c22c514;
-var $29add1fad43dc941$export$d35bc1e505d1ebbf;
-var $29add1fad43dc941$export$b8813cd5d7824ce7;
-var $29add1fad43dc941$export$1e0fb04f31d3c22a;
-var $29add1fad43dc941$export$4109102f950813a6;
-var $29add1fad43dc941$export$24c7f46a6e3605dd;
-var $29add1fad43dc941$export$2927016961429360;
-var $29add1fad43dc941$export$d374b04f30360026;
-var $29add1fad43dc941$export$35c105c0d9c8e56f;
-var $29add1fad43dc941$export$e15c78184ee03abe;
-var $29add1fad43dc941$export$87b15021e28e067a;
-var $29add1fad43dc941$export$229f1ac4d3d38f0e;
-var $29add1fad43dc941$export$ea514cd060922d6b;
-var $29add1fad43dc941$export$831e830d5828d42b;
-var $29add1fad43dc941$export$e415005be3957065;
-var $29add1fad43dc941$export$123e4c01a5440a3e;
-var $29add1fad43dc941$export$1f253edac4b98526;
-var $29add1fad43dc941$export$12dc6b25c6dddfc1;
-var $29add1fad43dc941$export$a115f9117a19563e;
-var $29add1fad43dc941$export$34f1a65c57bb7bb;
-var $29add1fad43dc941$export$778fb839eaa0528c;
-var $29add1fad43dc941$export$9a6e2fb72c648072;
-var $29add1fad43dc941$export$e09869956b4c96f2;
-var $29add1fad43dc941$export$acb5da0970288266;
-var $29add1fad43dc941$export$4a157a691c854e23;
-$29add1fad43dc941$export$f39a09f249340e2a = `FzVSrW_focus-ring`;
-$29add1fad43dc941$export$8c4ee2c50c22c514 = `FzVSrW_i18nFontFamily`;
-$29add1fad43dc941$export$d35bc1e505d1ebbf = `FzVSrW_is-disabled`;
-$29add1fad43dc941$export$b8813cd5d7824ce7 = `FzVSrW_is-hovered`;
-$29add1fad43dc941$export$1e0fb04f31d3c22a = `FzVSrW_is-selected`;
-$29add1fad43dc941$export$4109102f950813a6 = `FzVSrW_spectrum-FocusRing-ring`;
-$29add1fad43dc941$export$24c7f46a6e3605dd = `FzVSrW_spectrum-FocusRing ${$29add1fad43dc941$export$4109102f950813a6}`;
-$29add1fad43dc941$export$2927016961429360 = `FzVSrW_spectrum-FocusRing--quiet`;
-$29add1fad43dc941$export$d374b04f30360026 = `FzVSrW_spectrum-Icon`;
-$29add1fad43dc941$export$35c105c0d9c8e56f = `FzVSrW_spectrum-Tabs`;
-$29add1fad43dc941$export$e15c78184ee03abe = `FzVSrW_spectrum-Tabs--compact`;
-$29add1fad43dc941$export$87b15021e28e067a = `FzVSrW_spectrum-Tabs--emphasized`;
-$29add1fad43dc941$export$229f1ac4d3d38f0e = `FzVSrW_spectrum-Tabs--horizontal`;
-$29add1fad43dc941$export$ea514cd060922d6b = `FzVSrW_spectrum-Tabs--isCollapsed`;
-$29add1fad43dc941$export$831e830d5828d42b = `FzVSrW_spectrum-Tabs--quiet`;
-$29add1fad43dc941$export$e415005be3957065 = `FzVSrW_spectrum-Tabs--vertical`;
-$29add1fad43dc941$export$123e4c01a5440a3e = `FzVSrW_spectrum-Tabs-item`;
-$29add1fad43dc941$export$1f253edac4b98526 = `FzVSrW_spectrum-Tabs-itemLabel`;
-$29add1fad43dc941$export$12dc6b25c6dddfc1 = `FzVSrW_spectrum-Tabs-picker`;
-$29add1fad43dc941$export$a115f9117a19563e = `FzVSrW_spectrum-Tabs-selectionIndicator`;
-$29add1fad43dc941$export$34f1a65c57bb7bb = `FzVSrW_spectrum-TabsPanel`;
-$29add1fad43dc941$export$778fb839eaa0528c = `FzVSrW_spectrum-TabsPanel--horizontal`;
-$29add1fad43dc941$export$9a6e2fb72c648072 = `FzVSrW_spectrum-TabsPanel--vertical`;
-$29add1fad43dc941$export$e09869956b4c96f2 = `FzVSrW_spectrum-TabsPanel-collapseWrapper`;
-$29add1fad43dc941$export$acb5da0970288266 = `FzVSrW_spectrum-TabsPanel-tabpanel`;
-$29add1fad43dc941$export$4a157a691c854e23 = `FzVSrW_spectrum-TabsPanel-tabs`;
-
-
-
-
-
-
-
-
-
-const $e8d58e7e32285ba6$var$TabContext = /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createContext(null);
-function $e8d58e7e32285ba6$var$Tabs(props, ref) {
-    props = (0, $8zXxA$reactspectrumprovider.useProviderProps)(props);
-    let { orientation: orientation = "horizontal", density: density = "regular", children: children, ...otherProps } = props;
-    let domRef = (0, $8zXxA$reactspectrumutils.useDOMRef)(ref);
-    let tablistRef = (0, $8zXxA$react.useRef)();
-    let wrapperRef = (0, $8zXxA$react.useRef)();
-    let { direction: direction } = (0, $8zXxA$reactariai18n.useLocale)();
-    let { styleProps: styleProps } = (0, $8zXxA$reactspectrumutils.useStyleProps)(otherProps);
-    let [collapsed, setCollapsed] = (0, $8zXxA$react.useState)(false);
-    let [selectedTab, setSelectedTab] = (0, $8zXxA$react.useState)();
-    const [tabListState, setTabListState] = (0, $8zXxA$react.useState)(null);
-    let [tabPositions, setTabPositions] = (0, $8zXxA$react.useState)([]);
-    let prevTabPositions = (0, $8zXxA$react.useRef)(tabPositions);
-    (0, $8zXxA$react.useEffect)(()=>{
-        if (tablistRef.current) {
-            var _tabListState_selectedKey;
-            let selectedTab = tablistRef.current.querySelector(`[data-key="${CSS.escape(tabListState === null || tabListState === void 0 ? void 0 : (_tabListState_selectedKey = tabListState.selectedKey) === null || _tabListState_selectedKey === void 0 ? void 0 : _tabListState_selectedKey.toString())}"]`);
-            if (selectedTab != null) setSelectedTab(selectedTab);
-        }
-    // collapse is in the dep array so selectedTab can be updated for TabLine positioning
-    }, [
-        children,
-        tabListState === null || tabListState === void 0 ? void 0 : tabListState.selectedKey,
-        collapsed,
-        tablistRef
-    ]);
-    let checkShouldCollapse = (0, $8zXxA$react.useCallback)(()=>{
-        if (wrapperRef.current && orientation !== "vertical") {
-            let tabsComponent = wrapperRef.current;
-            let tabs = tablistRef.current.querySelectorAll('[role="tab"]');
-            let tabDimensions = [
-                ...tabs
-            ].map((tab)=>tab.getBoundingClientRect());
-            let end = direction === "rtl" ? "left" : "right";
-            let farEdgeTabList = tabsComponent.getBoundingClientRect()[end];
-            let farEdgeLastTab = tabDimensions[tabDimensions.length - 1][end];
-            let shouldCollapse = direction === "rtl" ? farEdgeLastTab < farEdgeTabList : farEdgeTabList < farEdgeLastTab;
-            setCollapsed(shouldCollapse);
-            if (tabDimensions.length !== prevTabPositions.current.length || tabDimensions.some((box, index)=>{
-                var _prevTabPositions_current_index, _prevTabPositions_current_index1;
-                return (box === null || box === void 0 ? void 0 : box.left) !== ((_prevTabPositions_current_index = prevTabPositions.current[index]) === null || _prevTabPositions_current_index === void 0 ? void 0 : _prevTabPositions_current_index.left) || (box === null || box === void 0 ? void 0 : box.right) !== ((_prevTabPositions_current_index1 = prevTabPositions.current[index]) === null || _prevTabPositions_current_index1 === void 0 ? void 0 : _prevTabPositions_current_index1.right);
-            })) {
-                setTabPositions(tabDimensions);
-                prevTabPositions.current = tabDimensions;
-            }
-        }
-    }, [
-        tablistRef,
-        wrapperRef,
-        direction,
-        orientation,
-        setCollapsed,
-        prevTabPositions,
-        setTabPositions
-    ]);
-    (0, $8zXxA$react.useEffect)(()=>{
-        checkShouldCollapse();
-    }, [
-        children,
-        checkShouldCollapse
-    ]);
-    (0, $8zXxA$reactariautils.useResizeObserver)({
-        ref: wrapperRef,
-        onResize: checkShouldCollapse
-    });
-    let tabPanelProps = {
-        "aria-labelledby": undefined
-    };
-    // When the tabs are collapsed, the tabPanel should be labelled by the Picker button element.
-    let collapsibleTabListId = (0, $8zXxA$reactariautils.useId)();
-    if (collapsed && orientation !== "vertical") tabPanelProps["aria-labelledby"] = collapsibleTabListId;
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement($e8d58e7e32285ba6$var$TabContext.Provider, {
-        value: {
-            tabProps: {
-                ...props,
-                orientation: orientation,
-                density: density
-            },
-            tabState: {
-                tabListState: tabListState,
-                setTabListState: setTabListState,
-                selectedTab: selectedTab,
-                collapsed: collapsed
-            },
-            refs: {
-                tablistRef: tablistRef,
-                wrapperRef: wrapperRef
-            },
-            tabPanelProps: tabPanelProps,
-            tabLineState: tabPositions
-        }
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement("div", {
-        ...(0, $8zXxA$reactariautils.filterDOMProps)(otherProps),
-        ...styleProps,
-        ref: domRef,
-        className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-TabsPanel", `spectrum-TabsPanel--${orientation}`, styleProps.className)
-    }, props.children));
-}
-// @private
-function $e8d58e7e32285ba6$var$Tab(props) {
-    let { item: item, state: state } = props;
-    let { key: key, rendered: rendered } = item;
-    let ref = (0, $8zXxA$react.useRef)();
-    let { tabProps: tabProps, isSelected: isSelected, isDisabled: isDisabled } = (0, $8zXxA$reactariatabs.useTab)({
-        key: key
-    }, state, ref);
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $8zXxA$reactariainteractions.useHover)({
-        ...props
-    });
-    let ElementType = item.props.href ? "a" : "div";
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement((0, $8zXxA$reactariafocus.FocusRing), {
-        focusRingClass: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "focus-ring")
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement(ElementType, {
-        ...(0, $8zXxA$reactariautils.mergeProps)(tabProps, hoverProps),
-        ref: ref,
-        className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Tabs-item", {
-            "is-selected": isSelected,
-            "is-disabled": isDisabled,
-            "is-hovered": isHovered
-        })
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement((0, $8zXxA$reactspectrumutils.SlotProvider), {
-        slots: {
-            icon: {
-                size: "S",
-                UNSAFE_className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Icon")
-            },
-            text: {
-                UNSAFE_className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Tabs-itemLabel")
-            }
-        }
-    }, typeof rendered === "string" ? /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement((0, $8zXxA$reactspectrumtext.Text), null, rendered) : rendered)));
-}
-// @private
-function $e8d58e7e32285ba6$var$TabLine(props) {
-    let { orientation: orientation, selectedTab: // Is either the tab node (non-collapsed) or the picker node (collapsed)
-    selectedTab, selectedKey: // selectedKey is provided so that the TabLine styles are updated when the TabPicker's width updates from a selection change
-    selectedKey } = props;
-    let { direction: direction } = (0, $8zXxA$reactariai18n.useLocale)();
-    let { scale: scale } = (0, $8zXxA$reactspectrumprovider.useProvider)();
-    let { tabLineState: tabLineState } = (0, $8zXxA$react.useContext)($e8d58e7e32285ba6$var$TabContext);
-    let [style, setStyle] = (0, $8zXxA$react.useState)({
-        width: undefined,
-        height: undefined
-    });
-    let onResize = (0, $8zXxA$react.useCallback)(()=>{
-        if (selectedTab) {
-            var _selectedTab_offsetParent;
-            let styleObj = {
-                transform: undefined,
-                width: undefined,
-                height: undefined
-            };
-            // In RTL, calculate the transform from the right edge of the tablist so that resizing the window doesn't break the Tabline position due to offsetLeft changes
-            let offset = direction === "rtl" ? -1 * (((_selectedTab_offsetParent = selectedTab.offsetParent) === null || _selectedTab_offsetParent === void 0 ? void 0 : _selectedTab_offsetParent.offsetWidth) - selectedTab.offsetWidth - selectedTab.offsetLeft) : selectedTab.offsetLeft;
-            styleObj.transform = orientation === "vertical" ? `translateY(${selectedTab.offsetTop}px)` : `translateX(${offset}px)`;
-            if (orientation === "horizontal") styleObj.width = `${selectedTab.offsetWidth}px`;
-            else styleObj.height = `${selectedTab.offsetHeight}px`;
-            setStyle(styleObj);
-        }
-    }, [
-        direction,
-        setStyle,
-        selectedTab,
-        orientation
-    ]);
-    (0, $8zXxA$reactariautils.useLayoutEffect)(()=>{
-        onResize();
-    }, [
-        onResize,
-        scale,
-        selectedKey,
-        tabLineState
-    ]);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement("div", {
-        className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Tabs-selectionIndicator"),
-        role: "presentation",
-        style: style
-    });
-}
-function $e8d58e7e32285ba6$export$e51a686c67fdaa2d(props) {
-    const tabContext = (0, $8zXxA$react.useContext)($e8d58e7e32285ba6$var$TabContext);
-    const { refs: refs, tabState: tabState, tabProps: tabProps, tabPanelProps: tabPanelProps } = tabContext;
-    const { isQuiet: isQuiet, density: density, isEmphasized: isEmphasized, orientation: orientation } = tabProps;
-    const { selectedTab: selectedTab, collapsed: collapsed, setTabListState: setTabListState } = tabState;
-    const { tablistRef: tablistRef, wrapperRef: wrapperRef } = refs;
-    // Pass original Tab props but override children to create the collection.
-    const state = (0, $8zXxA$reactstatelytabs.useTabListState)({
-        ...tabProps,
-        children: props.children
-    });
-    let { styleProps: styleProps } = (0, $8zXxA$reactspectrumutils.useStyleProps)(props);
-    const { tabListProps: tabListProps } = (0, $8zXxA$reactariatabs.useTabList)({
-        ...tabProps,
-        ...props
-    }, state, tablistRef);
-    (0, $8zXxA$react.useEffect)(()=>{
-        // Passing back to root as useTabPanel needs the TabListState
-        setTabListState(state);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        state.disabledKeys,
-        state.selectedItem,
-        state.selectedKey,
-        props.children
-    ]);
-    let collapseStyle = collapsed && orientation !== "vertical" ? {
-        maxWidth: "calc(100% + 1px)",
-        overflow: "hidden",
-        visibility: "hidden",
-        position: "absolute"
-    } : {
-        maxWidth: "calc(100% + 1px)"
-    };
-    let stylePropsFinal = orientation === "vertical" ? styleProps : {
-        style: collapseStyle
-    };
-    if (collapsed && orientation !== "vertical") tabListProps["aria-hidden"] = true;
-    let tabListclassName = (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-TabsPanel-tabs");
-    const tabContent = /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement("div", {
-        ...stylePropsFinal,
-        ...tabListProps,
-        ref: tablistRef,
-        className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Tabs", `spectrum-Tabs--${orientation}`, tabListclassName, {
-            "spectrum-Tabs--quiet": isQuiet,
-            "spectrum-Tabs--emphasized": isEmphasized,
-            ["spectrum-Tabs--compact"]: density === "compact"
-        }, orientation === "vertical" && styleProps.className)
-    }, [
-        ...state.collection
-    ].map((item)=>/*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement($e8d58e7e32285ba6$var$Tab, {
-            key: item.key,
-            item: item,
-            state: state,
-            orientation: orientation
-        })), /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement($e8d58e7e32285ba6$var$TabLine, {
-        orientation: orientation,
-        selectedTab: selectedTab
-    }));
-    if (orientation === "vertical") return tabContent;
-    else return /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement("div", {
-        ...styleProps,
-        ref: wrapperRef,
-        className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-TabsPanel-collapseWrapper", styleProps.className)
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement($e8d58e7e32285ba6$var$TabPicker, {
-        ...props,
-        ...tabProps,
-        visible: collapsed,
-        id: tabPanelProps["aria-labelledby"],
-        state: state,
-        className: tabListclassName
-    }), tabContent);
-}
-function $e8d58e7e32285ba6$export$5dae8d435677f210(props) {
-    const { tabState: tabState, tabProps: tabProps } = (0, $8zXxA$react.useContext)($e8d58e7e32285ba6$var$TabContext);
-    const { tabListState: tabListState } = tabState;
-    const factory = (0, $8zXxA$react.useCallback)((nodes)=>new (0, $8zXxA$reactstatelylist.ListCollection)(nodes), []);
-    const collection = (0, $8zXxA$reactstatelycollections.useCollection)({
-        items: tabProps.items,
-        ...props
-    }, factory, {
-        suppressTextValueWarning: true
-    });
-    const selectedItem = tabListState ? collection.getItem(tabListState.selectedKey) : null;
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement($e8d58e7e32285ba6$var$TabPanel, {
-        ...props,
-        key: tabListState === null || tabListState === void 0 ? void 0 : tabListState.selectedKey
-    }, selectedItem && selectedItem.props.children);
-}
-// @private
-function $e8d58e7e32285ba6$var$TabPanel(props) {
-    const { tabState: tabState, tabPanelProps: ctxTabPanelProps } = (0, $8zXxA$react.useContext)($e8d58e7e32285ba6$var$TabContext);
-    const { tabListState: tabListState } = tabState;
-    let ref = (0, $8zXxA$react.useRef)();
-    const { tabPanelProps: tabPanelProps } = (0, $8zXxA$reactariatabs.useTabPanel)(props, tabListState, ref);
-    let { styleProps: styleProps } = (0, $8zXxA$reactspectrumutils.useStyleProps)(props);
-    if (ctxTabPanelProps["aria-labelledby"]) tabPanelProps["aria-labelledby"] = ctxTabPanelProps["aria-labelledby"];
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement((0, $8zXxA$reactariafocus.FocusRing), {
-        focusRingClass: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "focus-ring")
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement("div", {
-        ...styleProps,
-        ...tabPanelProps,
-        ref: ref,
-        className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-TabsPanel-tabpanel", styleProps.className)
-    }, props.children));
-}
-function $e8d58e7e32285ba6$var$TabPicker(props) {
-    let { isDisabled: isDisabled, isEmphasized: isEmphasized, isQuiet: isQuiet, state: state, "aria-labelledby": ariaLabeledBy, "aria-label": ariaLabel, density: density, className: className, id: id, visible: visible } = props;
-    let ref = (0, $8zXxA$react.useRef)();
-    let [pickerNode, setPickerNode] = (0, $8zXxA$react.useState)(null);
-    (0, $8zXxA$react.useEffect)(()=>{
-        let node = (0, $8zXxA$reactspectrumutils.unwrapDOMRef)(ref);
-        setPickerNode(node.current);
-    }, [
-        ref
-    ]);
-    let items = [
-        ...state.collection
-    ];
-    let pickerProps = {
-        "aria-labelledby": ariaLabeledBy,
-        "aria-label": ariaLabel
-    };
-    const style = visible ? {} : {
-        visibility: "hidden",
-        position: "absolute"
-    };
-    // TODO: Figure out if tabListProps should go onto the div here, v2 doesn't do it
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement("div", {
-        className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Tabs", "spectrum-Tabs--horizontal", "spectrum-Tabs--isCollapsed", {
-            "spectrum-Tabs--quiet": isQuiet,
-            ["spectrum-Tabs--compact"]: density === "compact",
-            "spectrum-Tabs--emphasized": isEmphasized
-        }, className),
-        style: style,
-        "aria-hidden": visible ? undefined : true
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement((0, $8zXxA$reactspectrumutils.SlotProvider), {
-        slots: {
-            icon: {
-                size: "S",
-                UNSAFE_className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Icon")
-            },
-            button: {
-                focusRingClass: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "focus-ring")
-            }
-        }
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement((0, $8zXxA$reactspectrumpicker.Picker), {
-        ...pickerProps,
-        id: id,
-        items: items,
-        ref: ref,
-        isQuiet: true,
-        isDisabled: !visible || isDisabled,
-        selectedKey: state.selectedKey,
-        disabledKeys: state.disabledKeys,
-        onSelectionChange: state.setSelectedKey,
-        UNSAFE_className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Tabs-picker")
-    }, (item)=>/*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement((0, $8zXxA$reactspectrumpicker.Item), item.props, item.rendered)), pickerNode && /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement($e8d58e7e32285ba6$var$TabLine, {
-        orientation: "horizontal",
-        selectedTab: pickerNode,
-        selectedKey: state.selectedKey
-    })));
-}
-/**
- * Tabs organize content into multiple sections and allow users to navigate between them. The content under the set of tabs should be related and form a coherent unit.
- */ // forwardRef doesn't support generic parameters, so cast the result to the correct type
-// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
-const $e8d58e7e32285ba6$export$b2539bed5023c21c = /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).forwardRef($e8d58e7e32285ba6$var$Tabs);
-
 
 
 

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/tabs/src/index.ts","packages/@react-spectrum/tabs/src/Tabs.tsx","packages/@adobe/spectrum-css-temp/components/tabs/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {TabList, TabPanels, Tabs} from './Tabs';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTabsProps, SpectrumTabListProps, SpectrumTabPanelsProps} from '@react-types/tabs';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaTabPanelProps, SpectrumTabListProps, SpectrumTabPanelsProps, SpectrumTabsProps} from '@react-types/tabs';\nimport {classNames, SlotProvider, unwrapDOMRef, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, DOMRef, Key, Node, Orientation, StyleProps} from '@react-types/shared';\nimport {filterDOMProps, mergeProps, useId, useLayoutEffect, useResizeObserver} from '@react-aria/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {Item, Picker} from '@react-spectrum/picker';\nimport {ListCollection} from '@react-stately/list';\nimport React, {\n  MutableRefObject,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\nimport {SpectrumPickerProps} from '@react-types/select';\nimport styles from '@adobe/spectrum-css-temp/components/tabs/vars.css';\nimport {TabListState, useTabListState} from '@react-stately/tabs';\nimport {Text} from '@react-spectrum/text';\nimport {useCollection} from '@react-stately/collections';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\nimport {useTab, useTabList, useTabPanel} from '@react-aria/tabs';\n\ninterface TabsContext<T> {\n  tabProps: SpectrumTabsProps<T>,\n  tabState: {\n    tabListState: TabListState<T>,\n    setTabListState: (state: TabListState<T>) => void,\n    selectedTab: HTMLElement,\n    collapsed: boolean\n  },\n  refs: {\n    wrapperRef: MutableRefObject<HTMLDivElement>,\n    tablistRef: MutableRefObject<HTMLDivElement>\n  },\n  tabPanelProps: {\n    'aria-labelledby': string\n  },\n  tabLineState: Array<DOMRect>\n}\n\nconst TabContext = React.createContext<TabsContext<any>>(null);\n\nfunction Tabs<T extends object>(props: SpectrumTabsProps<T>, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {\n    orientation = 'horizontal' as Orientation,\n    density = 'regular',\n    children,\n    ...otherProps\n  } = props;\n\n  let domRef = useDOMRef(ref);\n  let tablistRef = useRef<HTMLDivElement>();\n  let wrapperRef = useRef<HTMLDivElement>();\n\n  let {direction} = useLocale();\n  let {styleProps} = useStyleProps(otherProps);\n  let [collapsed, setCollapsed] = useState(false);\n  let [selectedTab, setSelectedTab] = useState<HTMLElement>();\n  const [tabListState, setTabListState] = useState<TabListState<T>>(null);\n  let [tabPositions, setTabPositions] = useState([]);\n  let prevTabPositions = useRef(tabPositions);\n\n  useEffect(() => {\n    if (tablistRef.current) {\n      let selectedTab: HTMLElement = tablistRef.current.querySelector(`[data-key=\"${CSS.escape(tabListState?.selectedKey?.toString())}\"]`);\n\n      if (selectedTab != null) {\n        setSelectedTab(selectedTab);\n      }\n    }\n    // collapse is in the dep array so selectedTab can be updated for TabLine positioning\n  }, [children, tabListState?.selectedKey, collapsed, tablistRef]);\n\n  let checkShouldCollapse = useCallback(() => {\n    if (wrapperRef.current && orientation !== 'vertical') {\n      let tabsComponent = wrapperRef.current;\n      let tabs = tablistRef.current.querySelectorAll('[role=\"tab\"]');\n      let tabDimensions = [...tabs].map(tab => tab.getBoundingClientRect());\n\n      let end = direction === 'rtl' ? 'left' : 'right';\n      let farEdgeTabList = tabsComponent.getBoundingClientRect()[end];\n      let farEdgeLastTab = tabDimensions[tabDimensions.length - 1][end];\n      let shouldCollapse = direction === 'rtl' ? farEdgeLastTab < farEdgeTabList : farEdgeTabList < farEdgeLastTab;\n      setCollapsed(shouldCollapse);\n      if (tabDimensions.length !== prevTabPositions.current.length || tabDimensions.some((box, index) => box?.left !== prevTabPositions.current[index]?.left || box?.right !== prevTabPositions.current[index]?.right)) {\n        setTabPositions(tabDimensions);\n        prevTabPositions.current = tabDimensions;\n      }\n    }\n  }, [tablistRef, wrapperRef, direction, orientation, setCollapsed, prevTabPositions, setTabPositions]);\n\n  useEffect(() => {\n    checkShouldCollapse();\n  }, [children, checkShouldCollapse]);\n\n  useResizeObserver({ref: wrapperRef, onResize: checkShouldCollapse});\n\n  let tabPanelProps = {\n    'aria-labelledby': undefined\n  };\n\n  // When the tabs are collapsed, the tabPanel should be labelled by the Picker button element.\n  let collapsibleTabListId = useId();\n  if (collapsed && orientation !== 'vertical') {\n    tabPanelProps['aria-labelledby'] = collapsibleTabListId;\n  }\n  return (\n    <TabContext.Provider\n      value={{\n        tabProps: {...props, orientation, density},\n        tabState: {tabListState, setTabListState, selectedTab, collapsed},\n        refs: {tablistRef, wrapperRef},\n        tabPanelProps,\n        tabLineState: tabPositions\n      }}>\n      <div\n        {...filterDOMProps(otherProps)}\n        {...styleProps}\n        ref={domRef}\n        className={classNames(\n          styles,\n          'spectrum-TabsPanel',\n          `spectrum-TabsPanel--${orientation}`,\n          styleProps.className\n        )}>\n        {props.children}\n      </div>\n    </TabContext.Provider>\n  );\n}\n\ninterface TabProps<T> extends DOMProps {\n  item: Node<T>,\n  state: TabListState<T>,\n  isDisabled?: boolean,\n  orientation?: Orientation\n}\n\n// @private\nfunction Tab<T>(props: TabProps<T>) {\n  let {item, state} = props;\n  let {key, rendered} = item;\n\n  let ref = useRef<any>();\n  let {tabProps, isSelected, isDisabled} = useTab({key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props\n  });\n  let ElementType: React.ElementType = item.props.href ? 'a' : 'div';\n\n  return (\n    <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n      <ElementType\n        {...mergeProps(tabProps, hoverProps)}\n        ref={ref}\n        className={classNames(\n          styles,\n          'spectrum-Tabs-item',\n          {\n            'is-selected': isSelected,\n            'is-disabled': isDisabled,\n            'is-hovered': isHovered\n          }\n        )}>\n        <SlotProvider\n          slots={{\n            icon: {\n              size: 'S',\n              UNSAFE_className: classNames(styles, 'spectrum-Icon')\n            },\n            text: {\n              UNSAFE_className: classNames(styles, 'spectrum-Tabs-itemLabel')\n            }\n          }}>\n          {typeof rendered === 'string'\n            ? <Text>{rendered}</Text>\n            : rendered}\n        </SlotProvider>\n      </ElementType>\n    </FocusRing>\n  );\n}\n\ninterface TabLineProps {\n  orientation?: Orientation,\n  selectedTab?: HTMLElement,\n  selectedKey?: Key\n}\n\n// @private\nfunction TabLine(props: TabLineProps) {\n  let {\n    orientation,\n    // Is either the tab node (non-collapsed) or the picker node (collapsed)\n    selectedTab,\n    // selectedKey is provided so that the TabLine styles are updated when the TabPicker's width updates from a selection change\n    selectedKey\n  } = props;\n\n  let {direction} = useLocale();\n  let {scale} = useProvider();\n  let {tabLineState} = useContext(TabContext);\n\n  let [style, setStyle] = useState({\n    width: undefined,\n    height: undefined\n  });\n\n  let onResize = useCallback(() => {\n    if (selectedTab) {\n      let styleObj = {transform: undefined, width: undefined, height: undefined};\n      // In RTL, calculate the transform from the right edge of the tablist so that resizing the window doesn't break the Tabline position due to offsetLeft changes\n      let offset = direction === 'rtl' ? -1 * ((selectedTab.offsetParent as HTMLElement)?.offsetWidth - selectedTab.offsetWidth - selectedTab.offsetLeft) : selectedTab.offsetLeft;\n      styleObj.transform = orientation === 'vertical'\n        ? `translateY(${selectedTab.offsetTop}px)`\n        : `translateX(${offset}px)`;\n\n      if (orientation === 'horizontal') {\n        styleObj.width = `${selectedTab.offsetWidth}px`;\n      } else {\n        styleObj.height = `${selectedTab.offsetHeight}px`;\n      }\n      setStyle(styleObj);\n    }\n  }, [direction, setStyle, selectedTab, orientation]);\n\n  useLayoutEffect(() => {\n    onResize();\n  }, [onResize, scale, selectedKey, tabLineState]);\n\n  return <div className={classNames(styles, 'spectrum-Tabs-selectionIndicator')} role=\"presentation\" style={style} />;\n}\n\n/**\n * A TabList is used within Tabs to group tabs that a user can switch between.\n * The keys of the items within the <TabList> must match up with a corresponding item inside the <TabPanels>.\n */\nexport function TabList<T>(props: SpectrumTabListProps<T>) {\n  const tabContext = useContext(TabContext);\n  const {refs, tabState, tabProps, tabPanelProps} = tabContext;\n  const {isQuiet, density, isEmphasized, orientation} = tabProps;\n  const {selectedTab, collapsed, setTabListState} = tabState;\n  const {tablistRef, wrapperRef} = refs;\n  // Pass original Tab props but override children to create the collection.\n  const state = useTabListState({...tabProps, children: props.children});\n\n  let {styleProps} = useStyleProps(props);\n  const {tabListProps} = useTabList({...tabProps, ...props}, state, tablistRef);\n\n  useEffect(() => {\n    // Passing back to root as useTabPanel needs the TabListState\n    setTabListState(state);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state.disabledKeys, state.selectedItem, state.selectedKey, props.children]);\n\n  let collapseStyle : React.CSSProperties = collapsed && orientation !== 'vertical' ? {maxWidth: 'calc(100% + 1px)', overflow: 'hidden', visibility: 'hidden', position: 'absolute'} : {maxWidth: 'calc(100% + 1px)'};\n  let stylePropsFinal = orientation === 'vertical' ? styleProps : {style: collapseStyle};\n\n  if (collapsed && orientation !== 'vertical') {\n    tabListProps['aria-hidden'] = true;\n  }\n\n  let tabListclassName = classNames(styles, 'spectrum-TabsPanel-tabs');\n\n  const tabContent = (\n    <div\n      {...stylePropsFinal}\n      {...tabListProps}\n      ref={tablistRef}\n      className={classNames(\n        styles,\n        'spectrum-Tabs',\n        `spectrum-Tabs--${orientation}`,\n        tabListclassName,\n        {\n          'spectrum-Tabs--quiet': isQuiet,\n          'spectrum-Tabs--emphasized': isEmphasized,\n          ['spectrum-Tabs--compact']: density === 'compact'\n        },\n        orientation === 'vertical' && styleProps.className\n      )\n      }>\n      {[...state.collection].map((item) => (\n        <Tab key={item.key} item={item} state={state} orientation={orientation} />\n      ))}\n      <TabLine orientation={orientation} selectedTab={selectedTab} />\n    </div>\n  );\n\n\n  if (orientation === 'vertical') {\n    return tabContent;\n  } else {\n    return (\n      <div\n        {...styleProps}\n        ref={wrapperRef}\n        className={classNames(\n          styles,\n          'spectrum-TabsPanel-collapseWrapper',\n          styleProps.className\n        )}>\n        <TabPicker {...props} {...tabProps} visible={collapsed} id={tabPanelProps['aria-labelledby']} state={state} className={tabListclassName} />\n        {tabContent}\n      </div>\n    );\n  }\n}\n\n/**\n * TabPanels is used within Tabs as a container for the content of each tab.\n * The keys of the items within the <TabPanels> must match up with a corresponding item inside the <TabList>.\n */\nexport function TabPanels<T>(props: SpectrumTabPanelsProps<T>) {\n  const {tabState, tabProps} = useContext(TabContext);\n  const {tabListState} = tabState;\n\n  const factory = useCallback(nodes => new ListCollection(nodes), []);\n  const collection = useCollection({items: tabProps.items, ...props}, factory, {suppressTextValueWarning: true});\n  const selectedItem = tabListState ? collection.getItem(tabListState.selectedKey) : null;\n\n  return (\n    <TabPanel {...props} key={tabListState?.selectedKey}>\n      {selectedItem && selectedItem.props.children}\n    </TabPanel>\n  );\n}\n\ninterface TabPanelProps extends AriaTabPanelProps, StyleProps {\n  children?: ReactNode\n}\n\n// @private\nfunction TabPanel(props: TabPanelProps) {\n  const {tabState, tabPanelProps: ctxTabPanelProps} = useContext(TabContext);\n  const {tabListState} = tabState;\n  let ref = useRef();\n  const {tabPanelProps} = useTabPanel(props, tabListState, ref);\n  let {styleProps} = useStyleProps(props);\n\n  if (ctxTabPanelProps['aria-labelledby']) {\n    tabPanelProps['aria-labelledby'] = ctxTabPanelProps['aria-labelledby'];\n  }\n\n  return (\n    <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n      <div {...styleProps} {...tabPanelProps} ref={ref} className={classNames(styles, 'spectrum-TabsPanel-tabpanel', styleProps.className)}>\n        {props.children}\n      </div>\n    </FocusRing>\n  );\n}\n\ninterface TabPickerProps<T> extends Omit<SpectrumPickerProps<T>, 'children'> {\n  density?: 'compact' | 'regular',\n  isEmphasized?: boolean,\n  state: TabListState<T>,\n  className?: string,\n  visible: boolean\n}\n\nfunction TabPicker<T>(props: TabPickerProps<T>) {\n  let {\n    isDisabled,\n    isEmphasized,\n    isQuiet,\n    state,\n    'aria-labelledby': ariaLabeledBy,\n    'aria-label': ariaLabel,\n    density,\n    className,\n    id,\n    visible\n  } = props;\n\n  let ref = useRef();\n  let [pickerNode, setPickerNode] = useState(null);\n\n  useEffect(() => {\n    let node = unwrapDOMRef(ref);\n    setPickerNode(node.current);\n  }, [ref]);\n\n  let items = [...state.collection];\n  let pickerProps = {\n    'aria-labelledby': ariaLabeledBy,\n    'aria-label': ariaLabel\n  };\n\n  const style : React.CSSProperties = visible ? {} : {visibility: 'hidden', position: 'absolute'};\n\n  // TODO: Figure out if tabListProps should go onto the div here, v2 doesn't do it\n  return (\n    <div\n      className={classNames(\n        styles,\n        'spectrum-Tabs',\n        'spectrum-Tabs--horizontal',\n        'spectrum-Tabs--isCollapsed',\n        {\n          'spectrum-Tabs--quiet': isQuiet,\n          ['spectrum-Tabs--compact']: density === 'compact',\n          'spectrum-Tabs--emphasized': isEmphasized\n        },\n        className\n      )}\n      style={style}\n      aria-hidden={visible ? undefined : true}>\n      <SlotProvider\n        slots={{\n          icon: {\n            size: 'S',\n            UNSAFE_className: classNames(styles, 'spectrum-Icon')\n          },\n          button: {\n            focusRingClass: classNames(styles, 'focus-ring')\n          }\n        }}>\n        <Picker\n          {...pickerProps}\n          id={id}\n          items={items}\n          ref={ref}\n          isQuiet\n          isDisabled={!visible || isDisabled}\n          selectedKey={state.selectedKey}\n          disabledKeys={state.disabledKeys}\n          onSelectionChange={state.setSelectedKey}\n          UNSAFE_className={classNames(styles, 'spectrum-Tabs-picker')}>\n          {item => <Item {...item.props}>{item.rendered}</Item>}\n        </Picker>\n        {pickerNode && <TabLine orientation=\"horizontal\" selectedTab={pickerNode} selectedKey={state.selectedKey} />}\n      </SlotProvider>\n    </div>\n  );\n}\n\n/**\n * Tabs organize content into multiple sections and allow users to navigate between them. The content under the set of tabs should be related and form a coherent unit.\n */\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nconst _Tabs = React.forwardRef(Tabs) as <T>(props: SpectrumTabsProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_Tabs as Tabs};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/tabs/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {TabList, TabPanels, Tabs} from './Tabs';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTabsProps, SpectrumTabListProps, SpectrumTabPanelsProps} from '@react-types/tabs';\n"],"names":[],"version":3,"file":"main.js.map"}