@react-spectrum/tabs 3.1.3-nightly.3111 → 3.1.3

package/dist/module.js

@@ -1,17 +1,17 @@
 import "./main.css";
-import {Item as $03c659d8e326d037$re_export$Item, useCollection as $h5o2c$useCollection} from "@react-stately/collections";
-import {useDOMRef as $h5o2c$useDOMRef, useStyleProps as $h5o2c$useStyleProps, classNames as $h5o2c$classNames, SlotProvider as $h5o2c$SlotProvider, unwrapDOMRef as $h5o2c$unwrapDOMRef} from "@react-spectrum/utils";
-import {useValueEffect as $h5o2c$useValueEffect, useResizeObserver as $h5o2c$useResizeObserver, useId as $h5o2c$useId, filterDOMProps as $h5o2c$filterDOMProps, mergeProps as $h5o2c$mergeProps, useLayoutEffect as $h5o2c$useLayoutEffect} from "@react-aria/utils";
-import {FocusRing as $h5o2c$FocusRing} from "@react-aria/focus";
-import {Picker as $h5o2c$Picker, Item as $h5o2c$Item} from "@react-spectrum/picker";
-import {ListCollection as $h5o2c$ListCollection} from "@react-stately/list";
-import $h5o2c$react, {useRef as $h5o2c$useRef, useState as $h5o2c$useState, useEffect as $h5o2c$useEffect, useCallback as $h5o2c$useCallback, useContext as $h5o2c$useContext} from "react";
-import {useTabListState as $h5o2c$useTabListState} from "@react-stately/tabs";
-import {Text as $h5o2c$Text} from "@react-spectrum/text";
-import {useHover as $h5o2c$useHover} from "@react-aria/interactions";
-import {useLocale as $h5o2c$useLocale} from "@react-aria/i18n";
-import {useProviderProps as $h5o2c$useProviderProps, useProvider as $h5o2c$useProvider} from "@react-spectrum/provider";
-import {useTab as $h5o2c$useTab, useTabList as $h5o2c$useTabList, useTabPanel as $h5o2c$useTabPanel} from "@react-aria/tabs";
+import {Item as $4f74368734f0d919$re_export$Item, useCollection as $1GuAi$useCollection} from "@react-stately/collections";
+import {useDOMRef as $1GuAi$useDOMRef, useStyleProps as $1GuAi$useStyleProps, classNames as $1GuAi$classNames, SlotProvider as $1GuAi$SlotProvider, unwrapDOMRef as $1GuAi$unwrapDOMRef} from "@react-spectrum/utils";
+import {useValueEffect as $1GuAi$useValueEffect, useResizeObserver as $1GuAi$useResizeObserver, useId as $1GuAi$useId, filterDOMProps as $1GuAi$filterDOMProps, mergeProps as $1GuAi$mergeProps, useLayoutEffect as $1GuAi$useLayoutEffect} from "@react-aria/utils";
+import {FocusRing as $1GuAi$FocusRing} from "@react-aria/focus";
+import {Picker as $1GuAi$Picker, Item as $1GuAi$Item} from "@react-spectrum/picker";
+import {ListCollection as $1GuAi$ListCollection} from "@react-stately/list";
+import $1GuAi$react, {useRef as $1GuAi$useRef, useState as $1GuAi$useState, useEffect as $1GuAi$useEffect, useCallback as $1GuAi$useCallback, useContext as $1GuAi$useContext} from "react";
+import {useTabListState as $1GuAi$useTabListState} from "@react-stately/tabs";
+import {Text as $1GuAi$Text} from "@react-spectrum/text";
+import {useHover as $1GuAi$useHover} from "@react-aria/interactions";
+import {useLocale as $1GuAi$useLocale} from "@react-aria/i18n";
+import {useProviderProps as $1GuAi$useProviderProps, useProvider as $1GuAi$useProvider} from "@react-spectrum/provider";
+import {useTab as $1GuAi$useTab, useTabList as $1GuAi$useTabList, useTabPanel as $1GuAi$useTabPanel} from "@react-aria/tabs";
 
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
@@ -19,11 +19,11 @@ function $parcel$interopDefault(a) {
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $79ffa4f8dcd384fb$exports = {};
+var $25c20e9c619a005c$exports = {};
 
-$parcel$export($79ffa4f8dcd384fb$exports, "TabList", () => $79ffa4f8dcd384fb$export$e51a686c67fdaa2d);
-$parcel$export($79ffa4f8dcd384fb$exports, "TabPanels", () => $79ffa4f8dcd384fb$export$5dae8d435677f210);
-$parcel$export($79ffa4f8dcd384fb$exports, "Tabs", () => $79ffa4f8dcd384fb$export$b2539bed5023c21c);
+$parcel$export($25c20e9c619a005c$exports, "TabList", () => $25c20e9c619a005c$export$e51a686c67fdaa2d);
+$parcel$export($25c20e9c619a005c$exports, "TabPanels", () => $25c20e9c619a005c$export$5dae8d435677f210);
+$parcel$export($25c20e9c619a005c$exports, "Tabs", () => $25c20e9c619a005c$export$b2539bed5023c21c);
 
 
 
@@ -31,68 +31,68 @@ $parcel$export($79ffa4f8dcd384fb$exports, "Tabs", () => $79ffa4f8dcd384fb$export
 
 
 
-var $fd2ec30cf843a8cb$exports = {};
+var $c66643a08e89e28b$exports = {};
 
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-TabsPanel", () => $fd2ec30cf843a8cb$export$34f1a65c57bb7bb, (v) => $fd2ec30cf843a8cb$export$34f1a65c57bb7bb = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-TabsPanel--horizontal", () => $fd2ec30cf843a8cb$export$778fb839eaa0528c, (v) => $fd2ec30cf843a8cb$export$778fb839eaa0528c = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-TabsPanel--vertical", () => $fd2ec30cf843a8cb$export$9a6e2fb72c648072, (v) => $fd2ec30cf843a8cb$export$9a6e2fb72c648072 = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-Tabs", () => $fd2ec30cf843a8cb$export$35c105c0d9c8e56f, (v) => $fd2ec30cf843a8cb$export$35c105c0d9c8e56f = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-Tabs-item", () => $fd2ec30cf843a8cb$export$123e4c01a5440a3e, (v) => $fd2ec30cf843a8cb$export$123e4c01a5440a3e = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "is-disabled", () => $fd2ec30cf843a8cb$export$d35bc1e505d1ebbf, (v) => $fd2ec30cf843a8cb$export$d35bc1e505d1ebbf = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-Tabs-itemLabel", () => $fd2ec30cf843a8cb$export$1f253edac4b98526, (v) => $fd2ec30cf843a8cb$export$1f253edac4b98526 = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-Icon", () => $fd2ec30cf843a8cb$export$d374b04f30360026, (v) => $fd2ec30cf843a8cb$export$d374b04f30360026 = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-Tabs-selectionIndicator", () => $fd2ec30cf843a8cb$export$a115f9117a19563e, (v) => $fd2ec30cf843a8cb$export$a115f9117a19563e = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-Tabs--horizontal", () => $fd2ec30cf843a8cb$export$229f1ac4d3d38f0e, (v) => $fd2ec30cf843a8cb$export$229f1ac4d3d38f0e = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-Tabs--compact", () => $fd2ec30cf843a8cb$export$e15c78184ee03abe, (v) => $fd2ec30cf843a8cb$export$e15c78184ee03abe = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-Tabs--isCollapsed", () => $fd2ec30cf843a8cb$export$ea514cd060922d6b, (v) => $fd2ec30cf843a8cb$export$ea514cd060922d6b = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-Tabs--quiet", () => $fd2ec30cf843a8cb$export$831e830d5828d42b, (v) => $fd2ec30cf843a8cb$export$831e830d5828d42b = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-Tabs--vertical", () => $fd2ec30cf843a8cb$export$e415005be3957065, (v) => $fd2ec30cf843a8cb$export$e415005be3957065 = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-TabsPanel-collapseWrapper", () => $fd2ec30cf843a8cb$export$e09869956b4c96f2, (v) => $fd2ec30cf843a8cb$export$e09869956b4c96f2 = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-TabsPanel-tabs", () => $fd2ec30cf843a8cb$export$4a157a691c854e23, (v) => $fd2ec30cf843a8cb$export$4a157a691c854e23 = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "spectrum-TabsPanel-tabpanel", () => $fd2ec30cf843a8cb$export$acb5da0970288266, (v) => $fd2ec30cf843a8cb$export$acb5da0970288266 = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "focus-ring", () => $fd2ec30cf843a8cb$export$f39a09f249340e2a, (v) => $fd2ec30cf843a8cb$export$f39a09f249340e2a = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "is-hovered", () => $fd2ec30cf843a8cb$export$b8813cd5d7824ce7, (v) => $fd2ec30cf843a8cb$export$b8813cd5d7824ce7 = v);
-$parcel$export($fd2ec30cf843a8cb$exports, "is-selected", () => $fd2ec30cf843a8cb$export$1e0fb04f31d3c22a, (v) => $fd2ec30cf843a8cb$export$1e0fb04f31d3c22a = v);
-var $fd2ec30cf843a8cb$export$34f1a65c57bb7bb;
-var $fd2ec30cf843a8cb$export$778fb839eaa0528c;
-var $fd2ec30cf843a8cb$export$9a6e2fb72c648072;
-var $fd2ec30cf843a8cb$export$35c105c0d9c8e56f;
-var $fd2ec30cf843a8cb$export$123e4c01a5440a3e;
-var $fd2ec30cf843a8cb$export$d35bc1e505d1ebbf;
-var $fd2ec30cf843a8cb$export$1f253edac4b98526;
-var $fd2ec30cf843a8cb$export$d374b04f30360026;
-var $fd2ec30cf843a8cb$export$a115f9117a19563e;
-var $fd2ec30cf843a8cb$export$229f1ac4d3d38f0e;
-var $fd2ec30cf843a8cb$export$e15c78184ee03abe;
-var $fd2ec30cf843a8cb$export$ea514cd060922d6b;
-var $fd2ec30cf843a8cb$export$831e830d5828d42b;
-var $fd2ec30cf843a8cb$export$e415005be3957065;
-var $fd2ec30cf843a8cb$export$e09869956b4c96f2;
-var $fd2ec30cf843a8cb$export$4a157a691c854e23;
-var $fd2ec30cf843a8cb$export$acb5da0970288266;
-var $fd2ec30cf843a8cb$export$f39a09f249340e2a;
-var $fd2ec30cf843a8cb$export$b8813cd5d7824ce7;
-var $fd2ec30cf843a8cb$export$1e0fb04f31d3c22a;
-$fd2ec30cf843a8cb$export$34f1a65c57bb7bb = "spectrum-TabsPanel_3e140b";
-$fd2ec30cf843a8cb$export$778fb839eaa0528c = "spectrum-TabsPanel--horizontal_3e140b";
-$fd2ec30cf843a8cb$export$9a6e2fb72c648072 = "spectrum-TabsPanel--vertical_3e140b";
-$fd2ec30cf843a8cb$export$35c105c0d9c8e56f = "spectrum-Tabs_3e140b";
-$fd2ec30cf843a8cb$export$123e4c01a5440a3e = "spectrum-Tabs-item_3e140b";
-$fd2ec30cf843a8cb$export$d35bc1e505d1ebbf = "is-disabled_3e140b";
-$fd2ec30cf843a8cb$export$1f253edac4b98526 = "spectrum-Tabs-itemLabel_3e140b";
-$fd2ec30cf843a8cb$export$d374b04f30360026 = "spectrum-Icon_3e140b";
-$fd2ec30cf843a8cb$export$a115f9117a19563e = "spectrum-Tabs-selectionIndicator_3e140b";
-$fd2ec30cf843a8cb$export$229f1ac4d3d38f0e = "spectrum-Tabs--horizontal_3e140b";
-$fd2ec30cf843a8cb$export$e15c78184ee03abe = "spectrum-Tabs--compact_3e140b";
-$fd2ec30cf843a8cb$export$ea514cd060922d6b = "spectrum-Tabs--isCollapsed_3e140b";
-$fd2ec30cf843a8cb$export$831e830d5828d42b = "spectrum-Tabs--quiet_3e140b";
-$fd2ec30cf843a8cb$export$e415005be3957065 = "spectrum-Tabs--vertical_3e140b";
-$fd2ec30cf843a8cb$export$e09869956b4c96f2 = "spectrum-TabsPanel-collapseWrapper_3e140b";
-$fd2ec30cf843a8cb$export$4a157a691c854e23 = "spectrum-TabsPanel-tabs_3e140b";
-$fd2ec30cf843a8cb$export$acb5da0970288266 = "spectrum-TabsPanel-tabpanel_3e140b";
-$fd2ec30cf843a8cb$export$f39a09f249340e2a = "focus-ring_3e140b";
-$fd2ec30cf843a8cb$export$b8813cd5d7824ce7 = "is-hovered_3e140b";
-$fd2ec30cf843a8cb$export$1e0fb04f31d3c22a = "is-selected_3e140b";
+$parcel$export($c66643a08e89e28b$exports, "spectrum-TabsPanel", () => $c66643a08e89e28b$export$34f1a65c57bb7bb, (v) => $c66643a08e89e28b$export$34f1a65c57bb7bb = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-TabsPanel--horizontal", () => $c66643a08e89e28b$export$778fb839eaa0528c, (v) => $c66643a08e89e28b$export$778fb839eaa0528c = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-TabsPanel--vertical", () => $c66643a08e89e28b$export$9a6e2fb72c648072, (v) => $c66643a08e89e28b$export$9a6e2fb72c648072 = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-Tabs", () => $c66643a08e89e28b$export$35c105c0d9c8e56f, (v) => $c66643a08e89e28b$export$35c105c0d9c8e56f = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-Tabs-item", () => $c66643a08e89e28b$export$123e4c01a5440a3e, (v) => $c66643a08e89e28b$export$123e4c01a5440a3e = v);
+$parcel$export($c66643a08e89e28b$exports, "is-disabled", () => $c66643a08e89e28b$export$d35bc1e505d1ebbf, (v) => $c66643a08e89e28b$export$d35bc1e505d1ebbf = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-Tabs-itemLabel", () => $c66643a08e89e28b$export$1f253edac4b98526, (v) => $c66643a08e89e28b$export$1f253edac4b98526 = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-Icon", () => $c66643a08e89e28b$export$d374b04f30360026, (v) => $c66643a08e89e28b$export$d374b04f30360026 = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-Tabs-selectionIndicator", () => $c66643a08e89e28b$export$a115f9117a19563e, (v) => $c66643a08e89e28b$export$a115f9117a19563e = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-Tabs--horizontal", () => $c66643a08e89e28b$export$229f1ac4d3d38f0e, (v) => $c66643a08e89e28b$export$229f1ac4d3d38f0e = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-Tabs--compact", () => $c66643a08e89e28b$export$e15c78184ee03abe, (v) => $c66643a08e89e28b$export$e15c78184ee03abe = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-Tabs--isCollapsed", () => $c66643a08e89e28b$export$ea514cd060922d6b, (v) => $c66643a08e89e28b$export$ea514cd060922d6b = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-Tabs--quiet", () => $c66643a08e89e28b$export$831e830d5828d42b, (v) => $c66643a08e89e28b$export$831e830d5828d42b = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-Tabs--vertical", () => $c66643a08e89e28b$export$e415005be3957065, (v) => $c66643a08e89e28b$export$e415005be3957065 = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-TabsPanel-collapseWrapper", () => $c66643a08e89e28b$export$e09869956b4c96f2, (v) => $c66643a08e89e28b$export$e09869956b4c96f2 = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-TabsPanel-tabs", () => $c66643a08e89e28b$export$4a157a691c854e23, (v) => $c66643a08e89e28b$export$4a157a691c854e23 = v);
+$parcel$export($c66643a08e89e28b$exports, "spectrum-TabsPanel-tabpanel", () => $c66643a08e89e28b$export$acb5da0970288266, (v) => $c66643a08e89e28b$export$acb5da0970288266 = v);
+$parcel$export($c66643a08e89e28b$exports, "focus-ring", () => $c66643a08e89e28b$export$f39a09f249340e2a, (v) => $c66643a08e89e28b$export$f39a09f249340e2a = v);
+$parcel$export($c66643a08e89e28b$exports, "is-hovered", () => $c66643a08e89e28b$export$b8813cd5d7824ce7, (v) => $c66643a08e89e28b$export$b8813cd5d7824ce7 = v);
+$parcel$export($c66643a08e89e28b$exports, "is-selected", () => $c66643a08e89e28b$export$1e0fb04f31d3c22a, (v) => $c66643a08e89e28b$export$1e0fb04f31d3c22a = v);
+var $c66643a08e89e28b$export$34f1a65c57bb7bb;
+var $c66643a08e89e28b$export$778fb839eaa0528c;
+var $c66643a08e89e28b$export$9a6e2fb72c648072;
+var $c66643a08e89e28b$export$35c105c0d9c8e56f;
+var $c66643a08e89e28b$export$123e4c01a5440a3e;
+var $c66643a08e89e28b$export$d35bc1e505d1ebbf;
+var $c66643a08e89e28b$export$1f253edac4b98526;
+var $c66643a08e89e28b$export$d374b04f30360026;
+var $c66643a08e89e28b$export$a115f9117a19563e;
+var $c66643a08e89e28b$export$229f1ac4d3d38f0e;
+var $c66643a08e89e28b$export$e15c78184ee03abe;
+var $c66643a08e89e28b$export$ea514cd060922d6b;
+var $c66643a08e89e28b$export$831e830d5828d42b;
+var $c66643a08e89e28b$export$e415005be3957065;
+var $c66643a08e89e28b$export$e09869956b4c96f2;
+var $c66643a08e89e28b$export$4a157a691c854e23;
+var $c66643a08e89e28b$export$acb5da0970288266;
+var $c66643a08e89e28b$export$f39a09f249340e2a;
+var $c66643a08e89e28b$export$b8813cd5d7824ce7;
+var $c66643a08e89e28b$export$1e0fb04f31d3c22a;
+$c66643a08e89e28b$export$34f1a65c57bb7bb = "spectrum-TabsPanel_3e140b";
+$c66643a08e89e28b$export$778fb839eaa0528c = "spectrum-TabsPanel--horizontal_3e140b";
+$c66643a08e89e28b$export$9a6e2fb72c648072 = "spectrum-TabsPanel--vertical_3e140b";
+$c66643a08e89e28b$export$35c105c0d9c8e56f = "spectrum-Tabs_3e140b";
+$c66643a08e89e28b$export$123e4c01a5440a3e = "spectrum-Tabs-item_3e140b";
+$c66643a08e89e28b$export$d35bc1e505d1ebbf = "is-disabled_3e140b";
+$c66643a08e89e28b$export$1f253edac4b98526 = "spectrum-Tabs-itemLabel_3e140b";
+$c66643a08e89e28b$export$d374b04f30360026 = "spectrum-Icon_3e140b";
+$c66643a08e89e28b$export$a115f9117a19563e = "spectrum-Tabs-selectionIndicator_3e140b";
+$c66643a08e89e28b$export$229f1ac4d3d38f0e = "spectrum-Tabs--horizontal_3e140b";
+$c66643a08e89e28b$export$e15c78184ee03abe = "spectrum-Tabs--compact_3e140b";
+$c66643a08e89e28b$export$ea514cd060922d6b = "spectrum-Tabs--isCollapsed_3e140b";
+$c66643a08e89e28b$export$831e830d5828d42b = "spectrum-Tabs--quiet_3e140b";
+$c66643a08e89e28b$export$e415005be3957065 = "spectrum-Tabs--vertical_3e140b";
+$c66643a08e89e28b$export$e09869956b4c96f2 = "spectrum-TabsPanel-collapseWrapper_3e140b";
+$c66643a08e89e28b$export$4a157a691c854e23 = "spectrum-TabsPanel-tabs_3e140b";
+$c66643a08e89e28b$export$acb5da0970288266 = "spectrum-TabsPanel-tabpanel_3e140b";
+$c66643a08e89e28b$export$f39a09f249340e2a = "focus-ring_3e140b";
+$c66643a08e89e28b$export$b8813cd5d7824ce7 = "is-hovered_3e140b";
+$c66643a08e89e28b$export$1e0fb04f31d3c22a = "is-selected_3e140b";
 
 
 
@@ -103,31 +103,31 @@ $fd2ec30cf843a8cb$export$1e0fb04f31d3c22a = "is-selected_3e140b";
 
 
 
-const $79ffa4f8dcd384fb$var$TabContext = /*#__PURE__*/ $h5o2c$react.createContext(null);
-function $79ffa4f8dcd384fb$var$Tabs(props, ref) {
-    props = $h5o2c$useProviderProps(props);
+const $25c20e9c619a005c$var$TabContext = /*#__PURE__*/ $1GuAi$react.createContext(null);
+function $25c20e9c619a005c$var$Tabs(props, ref) {
+    props = $1GuAi$useProviderProps(props);
     let { orientation: orientation = 'horizontal' , density: density = 'regular' , children: children , ...otherProps } = props;
-    let domRef = $h5o2c$useDOMRef(ref);
-    let tablistRef = $h5o2c$useRef();
-    let wrapperRef = $h5o2c$useRef();
-    let { direction: direction  } = $h5o2c$useLocale();
-    let { styleProps: styleProps  } = $h5o2c$useStyleProps(otherProps);
-    let [collapse, setCollapse] = $h5o2c$useValueEffect(false);
-    let [selectedTab1, setSelectedTab] = $h5o2c$useState();
-    const [tabListState, setTabListState] = $h5o2c$useState(null);
-    $h5o2c$useEffect(()=>{
+    let domRef = $1GuAi$useDOMRef(ref);
+    let tablistRef = $1GuAi$useRef();
+    let wrapperRef = $1GuAi$useRef();
+    let { direction: direction  } = $1GuAi$useLocale();
+    let { styleProps: styleProps  } = $1GuAi$useStyleProps(otherProps);
+    let [collapse, setCollapse] = $1GuAi$useValueEffect(false);
+    let [selectedTab1, setSelectedTab] = $1GuAi$useState();
+    const [tabListState, setTabListState] = $1GuAi$useState(null);
+    $1GuAi$useEffect(()=>{
         if (tablistRef.current) {
-            let selectedTab = tablistRef.current.querySelector(`[data-key="${tabListState?.selectedKey}"]`);
+            let selectedTab = tablistRef.current.querySelector(`[data-key="${tabListState === null || tabListState === void 0 ? void 0 : tabListState.selectedKey}"]`);
             if (selectedTab != null) setSelectedTab(selectedTab);
         }
     // collapse is in the dep array so selectedTab can be updated for TabLine positioning
     }, [
         children,
-        tabListState?.selectedKey,
+        tabListState === null || tabListState === void 0 ? void 0 : tabListState.selectedKey,
         collapse,
         tablistRef
     ]);
-    let checkShouldCollapse = $h5o2c$useCallback(()=>{
+    let checkShouldCollapse = $1GuAi$useCallback(()=>{
         let computeShouldCollapse = ()=>{
             if (wrapperRef.current) {
                 let tabsComponent = wrapperRef.current;
@@ -135,7 +135,7 @@ function $79ffa4f8dcd384fb$var$Tabs(props, ref) {
                 let lastTab = tabs[tabs.length - 1];
                 let end = direction === 'rtl' ? 'left' : 'right';
                 let farEdgeTabList = tabsComponent.getBoundingClientRect()[end];
-                let farEdgeLastTab = lastTab?.getBoundingClientRect()[end];
+                let farEdgeLastTab = lastTab === null || lastTab === void 0 ? void 0 : lastTab.getBoundingClientRect()[end];
                 let shouldCollapse = direction === 'rtl' ? farEdgeLastTab < farEdgeTabList : farEdgeTabList < farEdgeLastTab;
                 return shouldCollapse;
             }
@@ -153,13 +153,13 @@ function $79ffa4f8dcd384fb$var$Tabs(props, ref) {
         orientation,
         setCollapse
     ]);
-    $h5o2c$useEffect(()=>{
+    $1GuAi$useEffect(()=>{
         checkShouldCollapse();
     }, [
         children,
         checkShouldCollapse
     ]);
-    $h5o2c$useResizeObserver({
+    $1GuAi$useResizeObserver({
         ref: wrapperRef,
         onResize: checkShouldCollapse
     });
@@ -167,9 +167,9 @@ function $79ffa4f8dcd384fb$var$Tabs(props, ref) {
         'aria-labelledby': undefined
     };
     // When the tabs are collapsed, the tabPanel should be labelled by the Picker button element.
-    let collapsibleTabListId = $h5o2c$useId();
+    let collapsibleTabListId = $1GuAi$useId();
     if (collapse && orientation !== 'vertical') tabPanelProps['aria-labelledby'] = collapsibleTabListId;
-    return(/*#__PURE__*/ $h5o2c$react.createElement($79ffa4f8dcd384fb$var$TabContext.Provider, {
+    return(/*#__PURE__*/ $1GuAi$react.createElement($25c20e9c619a005c$var$TabContext.Provider, {
         value: {
             tabProps: {
                 ...props,
@@ -188,71 +188,72 @@ function $79ffa4f8dcd384fb$var$Tabs(props, ref) {
             },
             tabPanelProps: tabPanelProps
         }
-    }, /*#__PURE__*/ $h5o2c$react.createElement("div", {
-        ...$h5o2c$filterDOMProps(otherProps),
+    }, /*#__PURE__*/ $1GuAi$react.createElement("div", {
+        ...$1GuAi$filterDOMProps(otherProps),
         ...styleProps,
         ref: domRef,
-        className: $h5o2c$classNames((/*@__PURE__*/$parcel$interopDefault($fd2ec30cf843a8cb$exports)), 'spectrum-TabsPanel', `spectrum-TabsPanel--${orientation}`, styleProps.className)
+        className: $1GuAi$classNames((/*@__PURE__*/$parcel$interopDefault($c66643a08e89e28b$exports)), 'spectrum-TabsPanel', `spectrum-TabsPanel--${orientation}`, styleProps.className)
     }, props.children)));
 }
 // @private
-function $79ffa4f8dcd384fb$var$Tab(props) {
+function $25c20e9c619a005c$var$Tab(props) {
     let { item: item , state: state , isDisabled: propsDisabled  } = props;
     let { key: key , rendered: rendered  } = item;
     let isDisabled = propsDisabled || state.disabledKeys.has(key);
-    let ref = $h5o2c$useRef();
-    let { tabProps: tabProps  } = $h5o2c$useTab({
+    let ref = $1GuAi$useRef();
+    let { tabProps: tabProps  } = $1GuAi$useTab({
         key: key,
         isDisabled: isDisabled
     }, state, ref);
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $h5o2c$useHover({
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $1GuAi$useHover({
         ...props
     });
     let isSelected = state.selectedKey === key;
-    let domProps = $h5o2c$filterDOMProps(item.props);
+    let domProps = $1GuAi$filterDOMProps(item.props);
     delete domProps.id;
-    return(/*#__PURE__*/ $h5o2c$react.createElement($h5o2c$FocusRing, {
-        focusRingClass: $h5o2c$classNames((/*@__PURE__*/$parcel$interopDefault($fd2ec30cf843a8cb$exports)), 'focus-ring')
-    }, /*#__PURE__*/ $h5o2c$react.createElement("div", {
-        ...$h5o2c$mergeProps(tabProps, hoverProps, domProps),
+    return(/*#__PURE__*/ $1GuAi$react.createElement($1GuAi$FocusRing, {
+        focusRingClass: $1GuAi$classNames((/*@__PURE__*/$parcel$interopDefault($c66643a08e89e28b$exports)), 'focus-ring')
+    }, /*#__PURE__*/ $1GuAi$react.createElement("div", {
+        ...$1GuAi$mergeProps(tabProps, hoverProps, domProps),
         ref: ref,
-        className: $h5o2c$classNames((/*@__PURE__*/$parcel$interopDefault($fd2ec30cf843a8cb$exports)), 'spectrum-Tabs-item', {
+        className: $1GuAi$classNames((/*@__PURE__*/$parcel$interopDefault($c66643a08e89e28b$exports)), 'spectrum-Tabs-item', {
             'is-selected': isSelected,
             'is-disabled': isDisabled,
             'is-hovered': isHovered
         })
-    }, /*#__PURE__*/ $h5o2c$react.createElement($h5o2c$SlotProvider, {
+    }, /*#__PURE__*/ $1GuAi$react.createElement($1GuAi$SlotProvider, {
         slots: {
             icon: {
                 size: 'S',
-                UNSAFE_className: $h5o2c$classNames((/*@__PURE__*/$parcel$interopDefault($fd2ec30cf843a8cb$exports)), 'spectrum-Icon')
+                UNSAFE_className: $1GuAi$classNames((/*@__PURE__*/$parcel$interopDefault($c66643a08e89e28b$exports)), 'spectrum-Icon')
             },
             text: {
-                UNSAFE_className: $h5o2c$classNames((/*@__PURE__*/$parcel$interopDefault($fd2ec30cf843a8cb$exports)), 'spectrum-Tabs-itemLabel')
+                UNSAFE_className: $1GuAi$classNames((/*@__PURE__*/$parcel$interopDefault($c66643a08e89e28b$exports)), 'spectrum-Tabs-itemLabel')
             }
         }
-    }, typeof rendered === 'string' ? /*#__PURE__*/ $h5o2c$react.createElement($h5o2c$Text, null, rendered) : rendered))));
+    }, typeof rendered === 'string' ? /*#__PURE__*/ $1GuAi$react.createElement($1GuAi$Text, null, rendered) : rendered))));
 }
 // @private
-function $79ffa4f8dcd384fb$var$TabLine(props) {
+function $25c20e9c619a005c$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  } = $h5o2c$useLocale();
-    let { scale: scale  } = $h5o2c$useProvider();
-    let [style, setStyle] = $h5o2c$useState({
+    let { direction: direction  } = $1GuAi$useLocale();
+    let { scale: scale  } = $1GuAi$useProvider();
+    let [style, setStyle] = $1GuAi$useState({
         width: undefined,
         height: undefined
     });
-    $h5o2c$useLayoutEffect(()=>{
+    $1GuAi$useLayoutEffect(()=>{
         if (selectedTab) {
+            var ref;
             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?.offsetWidth - selectedTab.offsetWidth - selectedTab.offsetLeft) : selectedTab.offsetLeft;
+            let offset = direction === 'rtl' ? -1 * (((ref = selectedTab.offsetParent) === null || ref === void 0 ? void 0 : ref.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`;
@@ -266,29 +267,29 @@ function $79ffa4f8dcd384fb$var$TabLine(props) {
         scale,
         selectedKey
     ]);
-    return(/*#__PURE__*/ $h5o2c$react.createElement("div", {
-        className: $h5o2c$classNames((/*@__PURE__*/$parcel$interopDefault($fd2ec30cf843a8cb$exports)), 'spectrum-Tabs-selectionIndicator'),
+    return(/*#__PURE__*/ $1GuAi$react.createElement("div", {
+        className: $1GuAi$classNames((/*@__PURE__*/$parcel$interopDefault($c66643a08e89e28b$exports)), 'spectrum-Tabs-selectionIndicator'),
         role: "presentation",
         style: style
     }));
 }
-function $79ffa4f8dcd384fb$export$e51a686c67fdaa2d(props) {
-    const tabContext = $h5o2c$useContext($79ffa4f8dcd384fb$var$TabContext);
+function $25c20e9c619a005c$export$e51a686c67fdaa2d(props) {
+    const tabContext = $1GuAi$useContext($25c20e9c619a005c$var$TabContext);
     const { refs: refs , tabState: tabState , tabProps: tabProps , tabPanelProps: tabPanelProps  } = tabContext;
     const { isQuiet: isQuiet , density: density , isDisabled: isDisabled , orientation: orientation  } = tabProps;
     const { selectedTab: selectedTab , collapse: collapse , setTabListState: setTabListState  } = tabState;
     const { tablistRef: tablistRef , wrapperRef: wrapperRef  } = refs;
     // Pass original Tab props but override children to create the collection.
-    const state = $h5o2c$useTabListState({
+    const state = $1GuAi$useTabListState({
         ...tabProps,
         children: props.children
     });
-    let { styleProps: styleProps  } = $h5o2c$useStyleProps(props);
-    const { tabListProps: tabListProps  } = $h5o2c$useTabList({
+    let { styleProps: styleProps  } = $1GuAi$useStyleProps(props);
+    const { tabListProps: tabListProps  } = $1GuAi$useTabList({
         ...tabProps,
         ...props
     }, state, tablistRef);
-    $h5o2c$useEffect(()=>{
+    $1GuAi$useEffect(()=>{
         // Passing back to root as useTabPanel needs the TabListState
         setTabListState(state);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -300,34 +301,34 @@ function $79ffa4f8dcd384fb$export$e51a686c67fdaa2d(props) {
     ]);
     let stylePropsForVertical = orientation === 'vertical' ? styleProps : {
     };
-    let tabListclassName = $h5o2c$classNames((/*@__PURE__*/$parcel$interopDefault($fd2ec30cf843a8cb$exports)), 'spectrum-TabsPanel-tabs');
-    const tabContent = /*#__PURE__*/ $h5o2c$react.createElement("div", {
+    let tabListclassName = $1GuAi$classNames((/*@__PURE__*/$parcel$interopDefault($c66643a08e89e28b$exports)), 'spectrum-TabsPanel-tabs');
+    const tabContent = /*#__PURE__*/ $1GuAi$react.createElement("div", {
         ...stylePropsForVertical,
         ...tabListProps,
         ref: tablistRef,
-        className: $h5o2c$classNames((/*@__PURE__*/$parcel$interopDefault($fd2ec30cf843a8cb$exports)), 'spectrum-Tabs', `spectrum-Tabs--${orientation}`, tabListclassName, {
+        className: $1GuAi$classNames((/*@__PURE__*/$parcel$interopDefault($c66643a08e89e28b$exports)), 'spectrum-Tabs', `spectrum-Tabs--${orientation}`, tabListclassName, {
             'spectrum-Tabs--quiet': isQuiet,
             ['spectrum-Tabs--compact']: density === 'compact'
         }, orientation === 'vertical' && styleProps.className)
     }, [
         ...state.collection
-    ].map((item)=>/*#__PURE__*/ $h5o2c$react.createElement($79ffa4f8dcd384fb$var$Tab, {
+    ].map((item)=>/*#__PURE__*/ $1GuAi$react.createElement($25c20e9c619a005c$var$Tab, {
             key: item.key,
             item: item,
             state: state,
             isDisabled: isDisabled,
             orientation: orientation
         })
-    ), /*#__PURE__*/ $h5o2c$react.createElement($79ffa4f8dcd384fb$var$TabLine, {
+    ), /*#__PURE__*/ $1GuAi$react.createElement($25c20e9c619a005c$var$TabLine, {
         orientation: orientation,
         selectedTab: selectedTab
     }));
     if (orientation === 'vertical') return tabContent;
-    else return(/*#__PURE__*/ $h5o2c$react.createElement("div", {
+    else return(/*#__PURE__*/ $1GuAi$react.createElement("div", {
         ...styleProps,
         ref: wrapperRef,
-        className: $h5o2c$classNames((/*@__PURE__*/$parcel$interopDefault($fd2ec30cf843a8cb$exports)), 'spectrum-TabsPanel-collapseWrapper', styleProps.className)
-    }, collapse ? /*#__PURE__*/ $h5o2c$react.createElement($79ffa4f8dcd384fb$var$TabPicker, {
+        className: $1GuAi$classNames((/*@__PURE__*/$parcel$interopDefault($c66643a08e89e28b$exports)), 'spectrum-TabsPanel-collapseWrapper', styleProps.className)
+    }, collapse ? /*#__PURE__*/ $1GuAi$react.createElement($25c20e9c619a005c$var$TabPicker, {
         ...props,
         ...tabProps,
         id: tabPanelProps['aria-labelledby'],
@@ -335,46 +336,46 @@ function $79ffa4f8dcd384fb$export$e51a686c67fdaa2d(props) {
         className: tabListclassName
     }) : tabContent));
 }
-function $79ffa4f8dcd384fb$export$5dae8d435677f210(props) {
-    const { tabState: tabState , tabProps: tabProps  } = $h5o2c$useContext($79ffa4f8dcd384fb$var$TabContext);
+function $25c20e9c619a005c$export$5dae8d435677f210(props) {
+    const { tabState: tabState , tabProps: tabProps  } = $1GuAi$useContext($25c20e9c619a005c$var$TabContext);
     const { tabListState: tabListState  } = tabState;
-    const factory = (nodes)=>new $h5o2c$ListCollection(nodes)
+    const factory = (nodes)=>new $1GuAi$ListCollection(nodes)
     ;
-    const collection = $h5o2c$useCollection({
+    const collection = $1GuAi$useCollection({
         items: tabProps.items,
         ...props
     }, factory, {
         suppressTextValueWarning: true
     });
     const selectedItem = tabListState ? collection.getItem(tabListState.selectedKey) : null;
-    return(/*#__PURE__*/ $h5o2c$react.createElement($79ffa4f8dcd384fb$var$TabPanel, {
+    return(/*#__PURE__*/ $1GuAi$react.createElement($25c20e9c619a005c$var$TabPanel, {
         ...props,
-        key: tabListState?.selectedKey
+        key: tabListState === null || tabListState === void 0 ? void 0 : tabListState.selectedKey
     }, selectedItem && selectedItem.props.children));
 }
 // @private
-function $79ffa4f8dcd384fb$var$TabPanel(props) {
-    const { tabState: tabState , tabPanelProps: ctxTabPanelProps  } = $h5o2c$useContext($79ffa4f8dcd384fb$var$TabContext);
+function $25c20e9c619a005c$var$TabPanel(props) {
+    const { tabState: tabState , tabPanelProps: ctxTabPanelProps  } = $1GuAi$useContext($25c20e9c619a005c$var$TabContext);
     const { tabListState: tabListState  } = tabState;
-    let ref = $h5o2c$useRef();
-    const { tabPanelProps: tabPanelProps  } = $h5o2c$useTabPanel(props, tabListState, ref);
-    let { styleProps: styleProps  } = $h5o2c$useStyleProps(props);
+    let ref = $1GuAi$useRef();
+    const { tabPanelProps: tabPanelProps  } = $1GuAi$useTabPanel(props, tabListState, ref);
+    let { styleProps: styleProps  } = $1GuAi$useStyleProps(props);
     if (ctxTabPanelProps['aria-labelledby']) tabPanelProps['aria-labelledby'] = ctxTabPanelProps['aria-labelledby'];
-    return(/*#__PURE__*/ $h5o2c$react.createElement($h5o2c$FocusRing, {
-        focusRingClass: $h5o2c$classNames((/*@__PURE__*/$parcel$interopDefault($fd2ec30cf843a8cb$exports)), 'focus-ring')
-    }, /*#__PURE__*/ $h5o2c$react.createElement("div", {
+    return(/*#__PURE__*/ $1GuAi$react.createElement($1GuAi$FocusRing, {
+        focusRingClass: $1GuAi$classNames((/*@__PURE__*/$parcel$interopDefault($c66643a08e89e28b$exports)), 'focus-ring')
+    }, /*#__PURE__*/ $1GuAi$react.createElement("div", {
         ...styleProps,
         ...tabPanelProps,
         ref: ref,
-        className: $h5o2c$classNames((/*@__PURE__*/$parcel$interopDefault($fd2ec30cf843a8cb$exports)), 'spectrum-TabsPanel-tabpanel', styleProps.className)
+        className: $1GuAi$classNames((/*@__PURE__*/$parcel$interopDefault($c66643a08e89e28b$exports)), 'spectrum-TabsPanel-tabpanel', styleProps.className)
     }, props.children)));
 }
-function $79ffa4f8dcd384fb$var$TabPicker(props) {
+function $25c20e9c619a005c$var$TabPicker(props) {
     let { isDisabled: isDisabled , isQuiet: isQuiet , state: state , 'aria-labelledby': ariaLabeledBy , 'aria-label': ariaLabel , density: density , className: className , id: id  } = props;
-    let ref = $h5o2c$useRef();
-    let [pickerNode, setPickerNode] = $h5o2c$useState(null);
-    $h5o2c$useEffect(()=>{
-        let node = $h5o2c$unwrapDOMRef(ref);
+    let ref = $1GuAi$useRef();
+    let [pickerNode, setPickerNode] = $1GuAi$useState(null);
+    $1GuAi$useEffect(()=>{
+        let node = $1GuAi$unwrapDOMRef(ref);
         setPickerNode(node.current);
     }, [
         ref
@@ -392,22 +393,22 @@ function $79ffa4f8dcd384fb$var$TabPicker(props) {
         'aria-label': ariaLabel
     };
     // TODO: Figure out if tabListProps should go onto the div here, v2 doesn't do it
-    return(/*#__PURE__*/ $h5o2c$react.createElement("div", {
-        className: $h5o2c$classNames((/*@__PURE__*/$parcel$interopDefault($fd2ec30cf843a8cb$exports)), 'spectrum-Tabs', 'spectrum-Tabs--horizontal', 'spectrum-Tabs--isCollapsed', {
+    return(/*#__PURE__*/ $1GuAi$react.createElement("div", {
+        className: $1GuAi$classNames((/*@__PURE__*/$parcel$interopDefault($c66643a08e89e28b$exports)), 'spectrum-Tabs', 'spectrum-Tabs--horizontal', 'spectrum-Tabs--isCollapsed', {
             'spectrum-Tabs--quiet': isQuiet,
             ['spectrum-Tabs--compact']: density === 'compact'
         }, className)
-    }, /*#__PURE__*/ $h5o2c$react.createElement($h5o2c$SlotProvider, {
+    }, /*#__PURE__*/ $1GuAi$react.createElement($1GuAi$SlotProvider, {
         slots: {
             icon: {
                 size: 'S',
-                UNSAFE_className: $h5o2c$classNames((/*@__PURE__*/$parcel$interopDefault($fd2ec30cf843a8cb$exports)), 'spectrum-Icon')
+                UNSAFE_className: $1GuAi$classNames((/*@__PURE__*/$parcel$interopDefault($c66643a08e89e28b$exports)), 'spectrum-Icon')
             },
             button: {
-                focusRingClass: $h5o2c$classNames((/*@__PURE__*/$parcel$interopDefault($fd2ec30cf843a8cb$exports)), 'focus-ring')
+                focusRingClass: $1GuAi$classNames((/*@__PURE__*/$parcel$interopDefault($c66643a08e89e28b$exports)), 'focus-ring')
             }
         }
-    }, /*#__PURE__*/ $h5o2c$react.createElement($h5o2c$Picker, {
+    }, /*#__PURE__*/ $1GuAi$react.createElement($1GuAi$Picker, {
         ...pickerProps,
         id: id,
         items: items,
@@ -417,10 +418,10 @@ function $79ffa4f8dcd384fb$var$TabPicker(props) {
         selectedKey: state.selectedKey,
         disabledKeys: state.disabledKeys,
         onSelectionChange: state.setSelectedKey
-    }, (item)=>/*#__PURE__*/ $h5o2c$react.createElement($h5o2c$Item, {
+    }, (item)=>/*#__PURE__*/ $1GuAi$react.createElement($1GuAi$Item, {
             textValue: item.textValue
         }, item.rendered)
-    ), pickerNode && /*#__PURE__*/ $h5o2c$react.createElement($79ffa4f8dcd384fb$var$TabLine, {
+    ), pickerNode && /*#__PURE__*/ $1GuAi$react.createElement($25c20e9c619a005c$var$TabLine, {
         orientation: "horizontal",
         selectedTab: pickerNode,
         selectedKey: state.selectedKey
@@ -430,11 +431,11 @@ function $79ffa4f8dcd384fb$var$TabPicker(props) {
  * 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 $79ffa4f8dcd384fb$export$b2539bed5023c21c = /*#__PURE__*/ $h5o2c$react.forwardRef($79ffa4f8dcd384fb$var$Tabs);
+const $25c20e9c619a005c$export$b2539bed5023c21c = /*#__PURE__*/ $1GuAi$react.forwardRef($25c20e9c619a005c$var$Tabs);
 
 
 
 
 
-export {$03c659d8e326d037$re_export$Item as Item, $79ffa4f8dcd384fb$export$e51a686c67fdaa2d as TabList, $79ffa4f8dcd384fb$export$5dae8d435677f210 as TabPanels, $79ffa4f8dcd384fb$export$b2539bed5023c21c as Tabs};
+export {$4f74368734f0d919$re_export$Item as Item, $25c20e9c619a005c$export$e51a686c67fdaa2d as TabList, $25c20e9c619a005c$export$5dae8d435677f210 as TabPanels, $25c20e9c619a005c$export$b2539bed5023c21c as Tabs};
 //# sourceMappingURL=module.js.map