@react-spectrum/tabs 3.1.2-nightly.3037 → 3.1.2-nightly.3059

package/dist/main.js

@@ -1,513 +1,458 @@
-var {
-  useTab,
-  useTabList,
-  useTabPanel
-} = require("@react-aria/tabs");
-
-var {
-  useProvider,
-  useProviderProps
-} = require("@react-spectrum/provider");
-
-var {
-  useLocale
-} = require("@react-aria/i18n");
-
-var {
-  useHover
-} = require("@react-aria/interactions");
-
-var {
-  Text
-} = require("@react-spectrum/text");
-
-var {
-  useTabListState
-} = require("@react-stately/tabs");
-
-var _react2 = require("react");
-
-var _react = $parcel$interopDefault(_react2);
-
-var {
-  useCallback,
-  useContext,
-  useEffect,
-  useRef,
-  useState
-} = _react2;
-
-var {
-  ListCollection
-} = require("@react-stately/list");
-
-var {
-  Item: _Item,
-  Picker
-} = require("@react-spectrum/picker");
-
-var {
-  FocusRing
-} = require("@react-aria/focus");
-
-var {
-  filterDOMProps,
-  useValueEffect,
-  mergeProps,
-  useId,
-  useLayoutEffect,
-  useResizeObserver
-} = require("@react-aria/utils");
-
-var {
-  classNames,
-  SlotProvider,
-  unwrapDOMRef,
-  useDOMRef,
-  useStyleProps
-} = require("@react-spectrum/utils");
-
-var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
-
-var {
-  Item,
-  useCollection
-} = require("@react-stately/collections");
-
-exports.Item = Item;
-
 require("./main.css");
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
+var $8BZko$reactstatelycollections = require("@react-stately/collections");
+var $8BZko$reactspectrumutils = require("@react-spectrum/utils");
+var $8BZko$reactariautils = require("@react-aria/utils");
+var $8BZko$reactariafocus = require("@react-aria/focus");
+var $8BZko$reactspectrumpicker = require("@react-spectrum/picker");
+var $8BZko$reactstatelylist = require("@react-stately/list");
+var $8BZko$react = require("react");
+var $8BZko$reactstatelytabs = require("@react-stately/tabs");
+var $8BZko$reactspectrumtext = require("@react-spectrum/text");
+var $8BZko$reactariainteractions = require("@react-aria/interactions");
+var $8BZko$reactariai18n = require("@react-aria/i18n");
+var $8BZko$reactspectrumprovider = require("@react-spectrum/provider");
+var $8BZko$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$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
 
-// ASSET: /home/circleci/react-spectrum/node_modules/@adobe/spectrum-css-temp/components/tabs/vars.css
-var $a221257d7bd2e9d0c131cda7c75f4f5$exports = {};
-$a221257d7bd2e9d0c131cda7c75f4f5$exports = {
-  "spectrum-TabsPanel": "_spectrum-TabsPanel_8ca38",
-  "spectrum-TabsPanel--horizontal": "_spectrum-TabsPanel--horizontal_8ca38",
-  "spectrum-TabsPanel--vertical": "_spectrum-TabsPanel--vertical_8ca38",
-  "spectrum-Tabs": "_spectrum-Tabs_8ca38",
-  "spectrum-Tabs-item": "_spectrum-Tabs-item_8ca38",
-  "is-disabled": "_is-disabled_8ca38",
-  "spectrum-Tabs-itemLabel": "_spectrum-Tabs-itemLabel_8ca38",
-  "spectrum-Icon": "_spectrum-Icon_8ca38",
-  "spectrum-Tabs-selectionIndicator": "_spectrum-Tabs-selectionIndicator_8ca38",
-  "spectrum-Tabs--horizontal": "_spectrum-Tabs--horizontal_8ca38",
-  "spectrum-Tabs--compact": "_spectrum-Tabs--compact_8ca38",
-  "spectrum-Tabs--isCollapsed": "_spectrum-Tabs--isCollapsed_8ca38",
-  "spectrum-Tabs--quiet": "_spectrum-Tabs--quiet_8ca38",
-  "spectrum-Tabs--vertical": "_spectrum-Tabs--vertical_8ca38",
-  "spectrum-TabsPanel-collapseWrapper": "_spectrum-TabsPanel-collapseWrapper_8ca38",
-  "spectrum-TabsPanel-tabs": "_spectrum-TabsPanel-tabs_8ca38",
-  "spectrum-TabsPanel-tabpanel": "_spectrum-TabsPanel-tabpanel_8ca38",
-  "focus-ring": "_focus-ring_8ca38",
-  "is-hovered": "_is-hovered_8ca38",
-  "is-selected": "_is-selected_8ca38"
-};
-
-const $a016f96d614f365ec6ad3cd2df19b52$var$TabContext = /*#__PURE__*/_react.createContext(null);
-
-var $a221257d7bd2e9d0c131cda7c75f4f5$$interop$default = $parcel$interopDefault($a221257d7bd2e9d0c131cda7c75f4f5$exports);
-
-function $a016f96d614f365ec6ad3cd2df19b52$var$Tabs(props, ref) {
-  props = useProviderProps(props);
-
-  let {
-    orientation = 'horizontal',
-    density = 'regular',
-    children
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["orientation", "density", "children"]);
-
-  let domRef = useDOMRef(ref);
-  let tablistRef = useRef();
-  let wrapperRef = useRef();
-  let {
-    direction
-  } = useLocale();
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  let [collapse, setCollapse] = useValueEffect(false);
-  let [selectedTab, setSelectedTab] = useState();
-  const [tabListState, setTabListState] = useState(null);
-  useEffect(() => {
-    if (tablistRef.current) {
-      let selectedTab = tablistRef.current.querySelector("[data-key=\"" + (tabListState == null ? 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 == null ? void 0 : tabListState.selectedKey, collapse, tablistRef]);
-  let checkShouldCollapse = useCallback(() => {
-    let computeShouldCollapse = () => {
-      if (wrapperRef.current) {
-        let tabsComponent = wrapperRef.current;
-        let tabs = tablistRef.current.querySelectorAll('[role="tab"]');
-        let lastTab = tabs[tabs.length - 1];
-        let end = direction === 'rtl' ? 'left' : 'right';
-        let farEdgeTabList = tabsComponent.getBoundingClientRect()[end];
-        let farEdgeLastTab = lastTab == null ? void 0 : lastTab.getBoundingClientRect()[end];
-        let shouldCollapse = direction === 'rtl' ? farEdgeLastTab < farEdgeTabList : farEdgeTabList < farEdgeLastTab;
-        return shouldCollapse;
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
       }
-    };
-
-    if (orientation !== 'vertical') {
-      setCollapse(function* () {
-        // Make Tabs render in non-collapsed state
-        yield false; // Compute if Tabs should collapse and update
-
-        yield computeShouldCollapse();
-      });
-    }
-  }, [tablistRef, wrapperRef, direction, orientation, setCollapse]);
-  useEffect(() => {
-    checkShouldCollapse();
-  }, [children, checkShouldCollapse]);
-  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 = useId();
 
-  if (collapse && orientation !== 'vertical') {
-    tabPanelProps['aria-labelledby'] = collapsibleTabListId;
-  }
+  return dest;
+}
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
 
-  return /*#__PURE__*/_react.createElement($a016f96d614f365ec6ad3cd2df19b52$var$TabContext.Provider, {
-    value: {
-      tabProps: _babelRuntimeHelpersExtends({}, props, {
-        orientation,
-        density
-      }),
-      tabState: {
-        tabListState,
-        setTabListState,
-        selectedTab,
-        collapse
-      },
-      refs: {
+$parcel$export(module.exports, "Item", () => $3e8920165b211d34$re_export$Item);
+var $238db90a4b5a0a62$exports = {};
+
+$parcel$export($238db90a4b5a0a62$exports, "TabList", () => $238db90a4b5a0a62$export$e51a686c67fdaa2d);
+$parcel$export($238db90a4b5a0a62$exports, "TabPanels", () => $238db90a4b5a0a62$export$5dae8d435677f210);
+$parcel$export($238db90a4b5a0a62$exports, "Tabs", () => $238db90a4b5a0a62$export$b2539bed5023c21c);
+
+
+
+
+
+
+
+var $75b2c6e2dcd168e5$exports = {};
+
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-TabsPanel", () => $75b2c6e2dcd168e5$export$34f1a65c57bb7bb, (v) => $75b2c6e2dcd168e5$export$34f1a65c57bb7bb = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-TabsPanel--horizontal", () => $75b2c6e2dcd168e5$export$778fb839eaa0528c, (v) => $75b2c6e2dcd168e5$export$778fb839eaa0528c = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-TabsPanel--vertical", () => $75b2c6e2dcd168e5$export$9a6e2fb72c648072, (v) => $75b2c6e2dcd168e5$export$9a6e2fb72c648072 = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-Tabs", () => $75b2c6e2dcd168e5$export$35c105c0d9c8e56f, (v) => $75b2c6e2dcd168e5$export$35c105c0d9c8e56f = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-Tabs-item", () => $75b2c6e2dcd168e5$export$123e4c01a5440a3e, (v) => $75b2c6e2dcd168e5$export$123e4c01a5440a3e = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "is-disabled", () => $75b2c6e2dcd168e5$export$d35bc1e505d1ebbf, (v) => $75b2c6e2dcd168e5$export$d35bc1e505d1ebbf = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-Tabs-itemLabel", () => $75b2c6e2dcd168e5$export$1f253edac4b98526, (v) => $75b2c6e2dcd168e5$export$1f253edac4b98526 = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-Icon", () => $75b2c6e2dcd168e5$export$d374b04f30360026, (v) => $75b2c6e2dcd168e5$export$d374b04f30360026 = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-Tabs-selectionIndicator", () => $75b2c6e2dcd168e5$export$a115f9117a19563e, (v) => $75b2c6e2dcd168e5$export$a115f9117a19563e = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-Tabs--horizontal", () => $75b2c6e2dcd168e5$export$229f1ac4d3d38f0e, (v) => $75b2c6e2dcd168e5$export$229f1ac4d3d38f0e = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-Tabs--compact", () => $75b2c6e2dcd168e5$export$e15c78184ee03abe, (v) => $75b2c6e2dcd168e5$export$e15c78184ee03abe = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-Tabs--isCollapsed", () => $75b2c6e2dcd168e5$export$ea514cd060922d6b, (v) => $75b2c6e2dcd168e5$export$ea514cd060922d6b = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-Tabs--quiet", () => $75b2c6e2dcd168e5$export$831e830d5828d42b, (v) => $75b2c6e2dcd168e5$export$831e830d5828d42b = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-Tabs--vertical", () => $75b2c6e2dcd168e5$export$e415005be3957065, (v) => $75b2c6e2dcd168e5$export$e415005be3957065 = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-TabsPanel-collapseWrapper", () => $75b2c6e2dcd168e5$export$e09869956b4c96f2, (v) => $75b2c6e2dcd168e5$export$e09869956b4c96f2 = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-TabsPanel-tabs", () => $75b2c6e2dcd168e5$export$4a157a691c854e23, (v) => $75b2c6e2dcd168e5$export$4a157a691c854e23 = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "spectrum-TabsPanel-tabpanel", () => $75b2c6e2dcd168e5$export$acb5da0970288266, (v) => $75b2c6e2dcd168e5$export$acb5da0970288266 = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "focus-ring", () => $75b2c6e2dcd168e5$export$f39a09f249340e2a, (v) => $75b2c6e2dcd168e5$export$f39a09f249340e2a = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "is-hovered", () => $75b2c6e2dcd168e5$export$b8813cd5d7824ce7, (v) => $75b2c6e2dcd168e5$export$b8813cd5d7824ce7 = v);
+$parcel$export($75b2c6e2dcd168e5$exports, "is-selected", () => $75b2c6e2dcd168e5$export$1e0fb04f31d3c22a, (v) => $75b2c6e2dcd168e5$export$1e0fb04f31d3c22a = v);
+var $75b2c6e2dcd168e5$export$34f1a65c57bb7bb;
+var $75b2c6e2dcd168e5$export$778fb839eaa0528c;
+var $75b2c6e2dcd168e5$export$9a6e2fb72c648072;
+var $75b2c6e2dcd168e5$export$35c105c0d9c8e56f;
+var $75b2c6e2dcd168e5$export$123e4c01a5440a3e;
+var $75b2c6e2dcd168e5$export$d35bc1e505d1ebbf;
+var $75b2c6e2dcd168e5$export$1f253edac4b98526;
+var $75b2c6e2dcd168e5$export$d374b04f30360026;
+var $75b2c6e2dcd168e5$export$a115f9117a19563e;
+var $75b2c6e2dcd168e5$export$229f1ac4d3d38f0e;
+var $75b2c6e2dcd168e5$export$e15c78184ee03abe;
+var $75b2c6e2dcd168e5$export$ea514cd060922d6b;
+var $75b2c6e2dcd168e5$export$831e830d5828d42b;
+var $75b2c6e2dcd168e5$export$e415005be3957065;
+var $75b2c6e2dcd168e5$export$e09869956b4c96f2;
+var $75b2c6e2dcd168e5$export$4a157a691c854e23;
+var $75b2c6e2dcd168e5$export$acb5da0970288266;
+var $75b2c6e2dcd168e5$export$f39a09f249340e2a;
+var $75b2c6e2dcd168e5$export$b8813cd5d7824ce7;
+var $75b2c6e2dcd168e5$export$1e0fb04f31d3c22a;
+$75b2c6e2dcd168e5$export$34f1a65c57bb7bb = "_spectrum-TabsPanel_3e140b";
+$75b2c6e2dcd168e5$export$778fb839eaa0528c = "_spectrum-TabsPanel--horizontal_3e140b";
+$75b2c6e2dcd168e5$export$9a6e2fb72c648072 = "_spectrum-TabsPanel--vertical_3e140b";
+$75b2c6e2dcd168e5$export$35c105c0d9c8e56f = "_spectrum-Tabs_3e140b";
+$75b2c6e2dcd168e5$export$123e4c01a5440a3e = "_spectrum-Tabs-item_3e140b";
+$75b2c6e2dcd168e5$export$d35bc1e505d1ebbf = "_is-disabled_3e140b";
+$75b2c6e2dcd168e5$export$1f253edac4b98526 = "_spectrum-Tabs-itemLabel_3e140b";
+$75b2c6e2dcd168e5$export$d374b04f30360026 = "_spectrum-Icon_3e140b";
+$75b2c6e2dcd168e5$export$a115f9117a19563e = "_spectrum-Tabs-selectionIndicator_3e140b";
+$75b2c6e2dcd168e5$export$229f1ac4d3d38f0e = "_spectrum-Tabs--horizontal_3e140b";
+$75b2c6e2dcd168e5$export$e15c78184ee03abe = "_spectrum-Tabs--compact_3e140b";
+$75b2c6e2dcd168e5$export$ea514cd060922d6b = "_spectrum-Tabs--isCollapsed_3e140b";
+$75b2c6e2dcd168e5$export$831e830d5828d42b = "_spectrum-Tabs--quiet_3e140b";
+$75b2c6e2dcd168e5$export$e415005be3957065 = "_spectrum-Tabs--vertical_3e140b";
+$75b2c6e2dcd168e5$export$e09869956b4c96f2 = "_spectrum-TabsPanel-collapseWrapper_3e140b";
+$75b2c6e2dcd168e5$export$4a157a691c854e23 = "_spectrum-TabsPanel-tabs_3e140b";
+$75b2c6e2dcd168e5$export$acb5da0970288266 = "_spectrum-TabsPanel-tabpanel_3e140b";
+$75b2c6e2dcd168e5$export$f39a09f249340e2a = "_focus-ring_3e140b";
+$75b2c6e2dcd168e5$export$b8813cd5d7824ce7 = "_is-hovered_3e140b";
+$75b2c6e2dcd168e5$export$1e0fb04f31d3c22a = "_is-selected_3e140b";
+
+
+
+
+
+
+
+
+
+
+const $238db90a4b5a0a62$var$TabContext = /*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createContext(null);
+function $238db90a4b5a0a62$var$Tabs(props, ref) {
+    props = $8BZko$reactspectrumprovider.useProviderProps(props);
+    let { orientation: orientation = 'horizontal' , density: density = 'regular' , children: children , ...otherProps } = props;
+    let domRef = $8BZko$reactspectrumutils.useDOMRef(ref);
+    let tablistRef = $8BZko$react.useRef();
+    let wrapperRef = $8BZko$react.useRef();
+    let { direction: direction  } = $8BZko$reactariai18n.useLocale();
+    let { styleProps: styleProps  } = $8BZko$reactspectrumutils.useStyleProps(otherProps);
+    let [collapse, setCollapse] = $8BZko$reactariautils.useValueEffect(false);
+    let [selectedTab1, setSelectedTab] = $8BZko$react.useState();
+    const [tabListState, setTabListState] = $8BZko$react.useState(null);
+    $8BZko$react.useEffect(()=>{
+        if (tablistRef.current) {
+            let selectedTab = tablistRef.current.querySelector(`[data-key="${tabListState?.selectedKey}"]`);
+            if (selectedTab != null) setSelectedTab(selectedTab);
+        }
+    // collapse is in the dep array so selectedTab can be updated for TabLine positioning
+    }, [
+        children,
+        tabListState?.selectedKey,
+        collapse,
+        tablistRef
+    ]);
+    let checkShouldCollapse = $8BZko$react.useCallback(()=>{
+        let computeShouldCollapse = ()=>{
+            if (wrapperRef.current) {
+                let tabsComponent = wrapperRef.current;
+                let tabs = tablistRef.current.querySelectorAll('[role="tab"]');
+                let lastTab = tabs[tabs.length - 1];
+                let end = direction === 'rtl' ? 'left' : 'right';
+                let farEdgeTabList = tabsComponent.getBoundingClientRect()[end];
+                let farEdgeLastTab = lastTab?.getBoundingClientRect()[end];
+                let shouldCollapse = direction === 'rtl' ? farEdgeLastTab < farEdgeTabList : farEdgeTabList < farEdgeLastTab;
+                return shouldCollapse;
+            }
+        };
+        if (orientation !== 'vertical') setCollapse(function*() {
+            // Make Tabs render in non-collapsed state
+            yield false;
+            // Compute if Tabs should collapse and update
+            yield computeShouldCollapse();
+        });
+    }, [
         tablistRef,
-        wrapperRef
-      },
-      tabPanelProps
-    }
-  }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, filterDOMProps(otherProps), styleProps, {
-    ref: domRef,
-    className: classNames($a221257d7bd2e9d0c131cda7c75f4f5$$interop$default, 'spectrum-TabsPanel', "spectrum-TabsPanel--" + orientation, styleProps.className)
-  }), props.children));
+        wrapperRef,
+        direction,
+        orientation,
+        setCollapse
+    ]);
+    $8BZko$react.useEffect(()=>{
+        checkShouldCollapse();
+    }, [
+        children,
+        checkShouldCollapse
+    ]);
+    $8BZko$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 = $8BZko$reactariautils.useId();
+    if (collapse && orientation !== 'vertical') tabPanelProps['aria-labelledby'] = collapsibleTabListId;
+    return(/*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement($238db90a4b5a0a62$var$TabContext.Provider, {
+        value: {
+            tabProps: {
+                ...props,
+                orientation: orientation,
+                density: density
+            },
+            tabState: {
+                tabListState: tabListState,
+                setTabListState: setTabListState,
+                selectedTab: selectedTab1,
+                collapse: collapse
+            },
+            refs: {
+                tablistRef: tablistRef,
+                wrapperRef: wrapperRef
+            },
+            tabPanelProps: tabPanelProps
+        }
+    }, /*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement("div", {
+        ...$8BZko$reactariautils.filterDOMProps(otherProps),
+        ...styleProps,
+        ref: domRef,
+        className: $8BZko$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($75b2c6e2dcd168e5$exports)), 'spectrum-TabsPanel', `spectrum-TabsPanel--${orientation}`, styleProps.className)
+    }, props.children)));
 }
-
 // @private
-function $a016f96d614f365ec6ad3cd2df19b52$var$Tab(props) {
-  let {
-    item,
-    state,
-    isDisabled: propsDisabled
-  } = props;
-  let {
-    key,
-    rendered
-  } = item;
-  let isDisabled = propsDisabled || state.disabledKeys.has(key);
-  let ref = useRef();
-  let {
-    tabProps
-  } = useTab({
-    key,
-    isDisabled
-  }, state, ref);
-  let {
-    hoverProps,
-    isHovered
-  } = useHover(_babelRuntimeHelpersExtends({}, props));
-  let isSelected = state.selectedKey === key;
-  let domProps = filterDOMProps(item.props);
-  delete domProps.id;
-  return /*#__PURE__*/_react.createElement(FocusRing, {
-    focusRingClass: classNames($a221257d7bd2e9d0c131cda7c75f4f5$$interop$default, 'focus-ring')
-  }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, mergeProps(tabProps, hoverProps, domProps), {
-    ref: ref,
-    className: classNames($a221257d7bd2e9d0c131cda7c75f4f5$$interop$default, 'spectrum-Tabs-item', {
-      'is-selected': isSelected,
-      'is-disabled': isDisabled,
-      'is-hovered': isHovered
-    })
-  }), /*#__PURE__*/_react.createElement(SlotProvider, {
-    slots: {
-      icon: {
-        size: 'S',
-        UNSAFE_className: classNames($a221257d7bd2e9d0c131cda7c75f4f5$$interop$default, 'spectrum-Icon')
-      },
-      text: {
-        UNSAFE_className: classNames($a221257d7bd2e9d0c131cda7c75f4f5$$interop$default, 'spectrum-Tabs-itemLabel')
-      }
-    }
-  }, typeof rendered === 'string' ? /*#__PURE__*/_react.createElement(Text, null, rendered) : rendered)));
+function $238db90a4b5a0a62$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 = $8BZko$react.useRef();
+    let { tabProps: tabProps  } = $8BZko$reactariatabs.useTab({
+        key: key,
+        isDisabled: isDisabled
+    }, state, ref);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $8BZko$reactariainteractions.useHover({
+        ...props
+    });
+    let isSelected = state.selectedKey === key;
+    let domProps = $8BZko$reactariautils.filterDOMProps(item.props);
+    delete domProps.id;
+    return(/*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement($8BZko$reactariafocus.FocusRing, {
+        focusRingClass: $8BZko$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($75b2c6e2dcd168e5$exports)), 'focus-ring')
+    }, /*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement("div", {
+        ...$8BZko$reactariautils.mergeProps(tabProps, hoverProps, domProps),
+        ref: ref,
+        className: $8BZko$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($75b2c6e2dcd168e5$exports)), 'spectrum-Tabs-item', {
+            'is-selected': isSelected,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered
+        })
+    }, /*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement($8BZko$reactspectrumutils.SlotProvider, {
+        slots: {
+            icon: {
+                size: 'S',
+                UNSAFE_className: $8BZko$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($75b2c6e2dcd168e5$exports)), 'spectrum-Icon')
+            },
+            text: {
+                UNSAFE_className: $8BZko$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($75b2c6e2dcd168e5$exports)), 'spectrum-Tabs-itemLabel')
+            }
+        }
+    }, typeof rendered === 'string' ? /*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement($8BZko$reactspectrumtext.Text, null, rendered) : rendered))));
 }
-
 // @private
-function $a016f96d614f365ec6ad3cd2df19b52$var$TabLine(props) {
-  let {
-    orientation,
-    // Is either the tab node (non-collapsed) or the picker node (collapsed)
-    selectedTab,
-    // selectedKey is provided so that the TabLine styles are updated when the TabPicker's width updates from a selection change
-    selectedKey
-  } = props;
-  let {
-    direction
-  } = useLocale();
-  let {
-    scale
-  } = useProvider();
-  let [style, setStyle] = useState({
-    width: undefined,
-    height: undefined
-  });
-  useLayoutEffect(() => {
-    if (selectedTab) {
-      var _selectedTab$offsetPa;
-
-      let styleObj = {
-        transform: undefined,
+function $238db90a4b5a0a62$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  } = $8BZko$reactariai18n.useLocale();
+    let { scale: scale  } = $8BZko$reactspectrumprovider.useProvider();
+    let [style, setStyle] = $8BZko$react.useState({
         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$offsetPa = selectedTab.offsetParent) == null ? void 0 : _selectedTab$offsetPa.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, scale, selectedKey]);
-  return /*#__PURE__*/_react.createElement("div", {
-    className: classNames($a221257d7bd2e9d0c131cda7c75f4f5$$interop$default, 'spectrum-Tabs-selectionIndicator'),
-    role: "presentation",
-    style: style
-  });
+    });
+    $8BZko$reactariautils.useLayoutEffect(()=>{
+        if (selectedTab) {
+            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;
+            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,
+        scale,
+        selectedKey
+    ]);
+    return(/*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement("div", {
+        className: $8BZko$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($75b2c6e2dcd168e5$exports)), 'spectrum-Tabs-selectionIndicator'),
+        role: "presentation",
+        style: style
+    }));
 }
-/**
- * A TabList is used within Tabs to group tabs that a user can switch between.
- * The keys of the items within the <TabList> must match up with a corresponding item inside the <TabPanels>.
- */
-
-
-function TabList(props) {
-  const tabContext = useContext($a016f96d614f365ec6ad3cd2df19b52$var$TabContext);
-  const {
-    refs,
-    tabState,
-    tabProps,
-    tabPanelProps
-  } = tabContext;
-  const {
-    isQuiet,
-    density,
-    isDisabled,
-    orientation
-  } = tabProps;
-  const {
-    selectedTab,
-    collapse,
-    setTabListState
-  } = tabState;
-  const {
-    tablistRef,
-    wrapperRef
-  } = refs; // Pass original Tab props but override children to create the collection.
-
-  const state = useTabListState(_babelRuntimeHelpersExtends({}, tabProps, {
-    children: props.children
-  }));
-  let {
-    styleProps
-  } = useStyleProps(props);
-  const {
-    tabListProps
-  } = useTabList(_babelRuntimeHelpersExtends({}, tabProps, props), state, tablistRef);
-  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 stylePropsForVertical = orientation === 'vertical' ? styleProps : {};
-  let tabListclassName = classNames($a221257d7bd2e9d0c131cda7c75f4f5$$interop$default, 'spectrum-TabsPanel-tabs');
-
-  const tabContent = /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, stylePropsForVertical, tabListProps, {
-    ref: tablistRef,
-    className: classNames($a221257d7bd2e9d0c131cda7c75f4f5$$interop$default, 'spectrum-Tabs', "spectrum-Tabs--" + orientation, tabListclassName, {
-      'spectrum-Tabs--quiet': isQuiet,
-      ['spectrum-Tabs--compact']: density === 'compact'
-    }, orientation === 'vertical' && styleProps.className)
-  }), [...state.collection].map(item => /*#__PURE__*/_react.createElement($a016f96d614f365ec6ad3cd2df19b52$var$Tab, {
-    key: item.key,
-    item: item,
-    state: state,
-    isDisabled: isDisabled,
-    orientation: orientation
-  })), /*#__PURE__*/_react.createElement($a016f96d614f365ec6ad3cd2df19b52$var$TabLine, {
-    orientation: orientation,
-    selectedTab: selectedTab
-  }));
-
-  if (orientation === 'vertical') {
-    return tabContent;
-  } else {
-    return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, styleProps, {
-      ref: wrapperRef,
-      className: classNames($a221257d7bd2e9d0c131cda7c75f4f5$$interop$default, 'spectrum-TabsPanel-collapseWrapper', styleProps.className)
-    }), collapse ? /*#__PURE__*/_react.createElement($a016f96d614f365ec6ad3cd2df19b52$var$TabPicker, _babelRuntimeHelpersExtends({}, props, tabProps, {
-      id: tabPanelProps['aria-labelledby'],
-      state: state,
-      className: tabListclassName
-    })) : tabContent);
-  }
+function $238db90a4b5a0a62$export$e51a686c67fdaa2d(props) {
+    const tabContext = $8BZko$react.useContext($238db90a4b5a0a62$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 = $8BZko$reactstatelytabs.useTabListState({
+        ...tabProps,
+        children: props.children
+    });
+    let { styleProps: styleProps  } = $8BZko$reactspectrumutils.useStyleProps(props);
+    const { tabListProps: tabListProps  } = $8BZko$reactariatabs.useTabList({
+        ...tabProps,
+        ...props
+    }, state, tablistRef);
+    $8BZko$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 stylePropsForVertical = orientation === 'vertical' ? styleProps : {
+    };
+    let tabListclassName = $8BZko$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($75b2c6e2dcd168e5$exports)), 'spectrum-TabsPanel-tabs');
+    const tabContent = /*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement("div", {
+        ...stylePropsForVertical,
+        ...tabListProps,
+        ref: tablistRef,
+        className: $8BZko$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($75b2c6e2dcd168e5$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__*/ ($parcel$interopDefault($8BZko$react)).createElement($238db90a4b5a0a62$var$Tab, {
+            key: item.key,
+            item: item,
+            state: state,
+            isDisabled: isDisabled,
+            orientation: orientation
+        })
+    ), /*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement($238db90a4b5a0a62$var$TabLine, {
+        orientation: orientation,
+        selectedTab: selectedTab
+    }));
+    if (orientation === 'vertical') return tabContent;
+    else return(/*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement("div", {
+        ...styleProps,
+        ref: wrapperRef,
+        className: $8BZko$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($75b2c6e2dcd168e5$exports)), 'spectrum-TabsPanel-collapseWrapper', styleProps.className)
+    }, collapse ? /*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement($238db90a4b5a0a62$var$TabPicker, {
+        ...props,
+        ...tabProps,
+        id: tabPanelProps['aria-labelledby'],
+        state: state,
+        className: tabListclassName
+    }) : tabContent));
 }
-/**
- * TabPanels is used within Tabs as a container for the content of each tab.
- * The keys of the items within the <TabPanels> must match up with a corresponding item inside the <TabList>.
- */
-
-
-exports.TabList = TabList;
-
-function TabPanels(props) {
-  const {
-    tabState,
-    tabProps
-  } = useContext($a016f96d614f365ec6ad3cd2df19b52$var$TabContext);
-  const {
-    tabListState
-  } = tabState;
-
-  const factory = nodes => new ListCollection(nodes);
-
-  const collection = useCollection(_babelRuntimeHelpersExtends({
-    items: tabProps.items
-  }, props), factory, {
-    suppressTextValueWarning: true
-  });
-  const selectedItem = tabListState ? collection.getItem(tabListState.selectedKey) : null;
-  return /*#__PURE__*/_react.createElement($a016f96d614f365ec6ad3cd2df19b52$var$TabPanel, _babelRuntimeHelpersExtends({}, props, {
-    key: tabListState == null ? void 0 : tabListState.selectedKey
-  }), selectedItem && selectedItem.props.children);
-} // @private
-
-
-exports.TabPanels = TabPanels;
-
-function $a016f96d614f365ec6ad3cd2df19b52$var$TabPanel(props) {
-  const {
-    tabState,
-    tabPanelProps: ctxTabPanelProps
-  } = useContext($a016f96d614f365ec6ad3cd2df19b52$var$TabContext);
-  const {
-    tabListState
-  } = tabState;
-  let ref = useRef();
-  const {
-    tabPanelProps
-  } = useTabPanel(props, tabListState, ref);
-  let {
-    styleProps
-  } = useStyleProps(props);
-
-  if (ctxTabPanelProps['aria-labelledby']) {
-    tabPanelProps['aria-labelledby'] = ctxTabPanelProps['aria-labelledby'];
-  }
-
-  return /*#__PURE__*/_react.createElement(FocusRing, {
-    focusRingClass: classNames($a221257d7bd2e9d0c131cda7c75f4f5$$interop$default, 'focus-ring')
-  }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, styleProps, tabPanelProps, {
-    ref: ref,
-    className: classNames($a221257d7bd2e9d0c131cda7c75f4f5$$interop$default, 'spectrum-TabsPanel-tabpanel', styleProps.className)
-  }), props.children));
+function $238db90a4b5a0a62$export$5dae8d435677f210(props) {
+    const { tabState: tabState , tabProps: tabProps  } = $8BZko$react.useContext($238db90a4b5a0a62$var$TabContext);
+    const { tabListState: tabListState  } = tabState;
+    const factory = (nodes)=>new $8BZko$reactstatelylist.ListCollection(nodes)
+    ;
+    const collection = $8BZko$reactstatelycollections.useCollection({
+        items: tabProps.items,
+        ...props
+    }, factory, {
+        suppressTextValueWarning: true
+    });
+    const selectedItem = tabListState ? collection.getItem(tabListState.selectedKey) : null;
+    return(/*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement($238db90a4b5a0a62$var$TabPanel, {
+        ...props,
+        key: tabListState?.selectedKey
+    }, selectedItem && selectedItem.props.children));
 }
-
-function $a016f96d614f365ec6ad3cd2df19b52$var$TabPicker(props) {
-  let {
-    isDisabled,
-    isQuiet,
-    state,
-    'aria-labelledby': ariaLabeledBy,
-    'aria-label': ariaLabel,
-    density,
-    className,
-    id
-  } = props;
-  let ref = useRef();
-  let [pickerNode, setPickerNode] = useState(null);
-  useEffect(() => {
-    let node = unwrapDOMRef(ref);
-    setPickerNode(node.current);
-  }, [ref]);
-  let items = [...state.collection].map(item => ({
-    rendered: item.rendered,
-    textValue: item.textValue,
-    id: item.key
-  }));
-  let pickerProps = {
-    'aria-labelledby': ariaLabeledBy,
-    'aria-label': ariaLabel
-  }; // TODO: Figure out if tabListProps should go onto the div here, v2 doesn't do it
-
-  return /*#__PURE__*/_react.createElement("div", {
-    className: classNames($a221257d7bd2e9d0c131cda7c75f4f5$$interop$default, 'spectrum-Tabs', 'spectrum-Tabs--horizontal', 'spectrum-Tabs--isCollapsed', {
-      'spectrum-Tabs--quiet': isQuiet,
-      ['spectrum-Tabs--compact']: density === 'compact'
-    }, className)
-  }, /*#__PURE__*/_react.createElement(SlotProvider, {
-    slots: {
-      icon: {
-        size: 'S',
-        UNSAFE_className: classNames($a221257d7bd2e9d0c131cda7c75f4f5$$interop$default, 'spectrum-Icon')
-      },
-      button: {
-        focusRingClass: classNames($a221257d7bd2e9d0c131cda7c75f4f5$$interop$default, 'focus-ring')
-      }
-    }
-  }, /*#__PURE__*/_react.createElement(Picker, _babelRuntimeHelpersExtends({}, pickerProps, {
-    id: id,
-    items: items,
-    ref: ref,
-    isQuiet: true,
-    isDisabled: isDisabled,
-    selectedKey: state.selectedKey,
-    disabledKeys: state.disabledKeys,
-    onSelectionChange: state.setSelectedKey
-  }), item => /*#__PURE__*/_react.createElement(_Item, {
-    textValue: item.textValue
-  }, item.rendered)), pickerNode && /*#__PURE__*/_react.createElement($a016f96d614f365ec6ad3cd2df19b52$var$TabLine, {
-    orientation: "horizontal",
-    selectedTab: pickerNode,
-    selectedKey: state.selectedKey
-  })));
+// @private
+function $238db90a4b5a0a62$var$TabPanel(props) {
+    const { tabState: tabState , tabPanelProps: ctxTabPanelProps  } = $8BZko$react.useContext($238db90a4b5a0a62$var$TabContext);
+    const { tabListState: tabListState  } = tabState;
+    let ref = $8BZko$react.useRef();
+    const { tabPanelProps: tabPanelProps  } = $8BZko$reactariatabs.useTabPanel(props, tabListState, ref);
+    let { styleProps: styleProps  } = $8BZko$reactspectrumutils.useStyleProps(props);
+    if (ctxTabPanelProps['aria-labelledby']) tabPanelProps['aria-labelledby'] = ctxTabPanelProps['aria-labelledby'];
+    return(/*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement($8BZko$reactariafocus.FocusRing, {
+        focusRingClass: $8BZko$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($75b2c6e2dcd168e5$exports)), 'focus-ring')
+    }, /*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement("div", {
+        ...styleProps,
+        ...tabPanelProps,
+        ref: ref,
+        className: $8BZko$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($75b2c6e2dcd168e5$exports)), 'spectrum-TabsPanel-tabpanel', styleProps.className)
+    }, props.children)));
+}
+function $238db90a4b5a0a62$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 = $8BZko$react.useRef();
+    let [pickerNode, setPickerNode] = $8BZko$react.useState(null);
+    $8BZko$react.useEffect(()=>{
+        let node = $8BZko$reactspectrumutils.unwrapDOMRef(ref);
+        setPickerNode(node.current);
+    }, [
+        ref
+    ]);
+    let items = [
+        ...state.collection
+    ].map((item)=>({
+            rendered: item.rendered,
+            textValue: item.textValue,
+            id: item.key
+        })
+    );
+    let pickerProps = {
+        'aria-labelledby': ariaLabeledBy,
+        'aria-label': ariaLabel
+    };
+    // TODO: Figure out if tabListProps should go onto the div here, v2 doesn't do it
+    return(/*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement("div", {
+        className: $8BZko$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($75b2c6e2dcd168e5$exports)), 'spectrum-Tabs', 'spectrum-Tabs--horizontal', 'spectrum-Tabs--isCollapsed', {
+            'spectrum-Tabs--quiet': isQuiet,
+            ['spectrum-Tabs--compact']: density === 'compact'
+        }, className)
+    }, /*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement($8BZko$reactspectrumutils.SlotProvider, {
+        slots: {
+            icon: {
+                size: 'S',
+                UNSAFE_className: $8BZko$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($75b2c6e2dcd168e5$exports)), 'spectrum-Icon')
+            },
+            button: {
+                focusRingClass: $8BZko$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($75b2c6e2dcd168e5$exports)), 'focus-ring')
+            }
+        }
+    }, /*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement($8BZko$reactspectrumpicker.Picker, {
+        ...pickerProps,
+        id: id,
+        items: items,
+        ref: ref,
+        isQuiet: true,
+        isDisabled: isDisabled,
+        selectedKey: state.selectedKey,
+        disabledKeys: state.disabledKeys,
+        onSelectionChange: state.setSelectedKey
+    }, (item)=>/*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement($8BZko$reactspectrumpicker.Item, {
+            textValue: item.textValue
+        }, item.rendered)
+    ), pickerNode && /*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).createElement($238db90a4b5a0a62$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
+ */ // 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 $238db90a4b5a0a62$export$b2539bed5023c21c = /*#__PURE__*/ ($parcel$interopDefault($8BZko$react)).forwardRef($238db90a4b5a0a62$var$Tabs);
+
+
 
+$parcel$exportWildcard(module.exports, $238db90a4b5a0a62$exports);
 
-const Tabs = /*#__PURE__*/_react.forwardRef($a016f96d614f365ec6ad3cd2df19b52$var$Tabs);
 
-exports.Tabs = Tabs;
 //# sourceMappingURL=main.js.map