@react-aria/utils 3.9.0 → 3.11.2

package/dist/module.js

@@ -1,839 +1,852 @@
-import { clamp, snapValueToStep } from "@react-stately/utils";
-export { clamp, snapValueToStep };
-import _clsx from "clsx";
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
-import { useSSRSafeId } from "@react-aria/ssr";
-import _react, { useEffect, useRef, useState, useCallback, useLayoutEffect as _useLayoutEffect } from "react";
-// During SSR, React emits a warning when calling useLayoutEffect.
-// Since neither useLayoutEffect nor useEffect run on the server,
-// we can suppress this by replace it with a noop on the server.
-export const useLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : () => {};
-let $f8b5fdd96fb429d7102983f777c41307$var$idsUpdaterMap = new Map();
-/**
- * If a default is not provided, generate an id.
- * @param defaultId - Default component id.
- */
-
-export function useId(defaultId) {
-  let isRendering = useRef(true);
-  isRendering.current = true;
-  let [value, setValue] = useState(defaultId);
-  let nextId = useRef(null);
-  let res = useSSRSafeId(value); // don't memo this, we want it new each render so that the Effects always run
-
-  let updateValue = val => {
-    if (!isRendering.current) {
-      setValue(val);
-    } else {
-      nextId.current = val;
-    }
-  };
-
-  $f8b5fdd96fb429d7102983f777c41307$var$idsUpdaterMap.set(res, updateValue);
-  useLayoutEffect(() => {
-    isRendering.current = false;
-  }, [updateValue]);
-  useLayoutEffect(() => {
-    let r = res;
-    return () => {
-      $f8b5fdd96fb429d7102983f777c41307$var$idsUpdaterMap.delete(r);
-    };
-  }, [res]);
-  useEffect(() => {
-    let newId = nextId.current;
+import $5yePs$react, {useRef as $5yePs$useRef, useState as $5yePs$useState, useEffect as $5yePs$useEffect, useCallback as $5yePs$useCallback} from "react";
+import {useSSRSafeId as $5yePs$useSSRSafeId} from "@react-aria/ssr";
+import $5yePs$clsx from "clsx";
+import {clamp as $691ac3ad1af88e64$re_export$clamp, snapValueToStep as $691ac3ad1af88e64$re_export$snapValueToStep} from "@react-stately/utils";
 
-    if (newId) {
-      setValue(newId);
-      nextId.current = null;
-    }
-  }, [setValue, updateValue]);
-  return res;
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-/**
- * Merges two ids.
- * Different ids will trigger a side-effect and re-render components hooked up with `useId`.
- */
+var $5b01a7ee7dba2d86$exports = {};
 
-export function mergeIds(idA, idB) {
-  if (idA === idB) {
-    return idA;
-  }
+$parcel$export($5b01a7ee7dba2d86$exports, "useId", () => $5b01a7ee7dba2d86$export$f680877a34711e37);
+$parcel$export($5b01a7ee7dba2d86$exports, "mergeIds", () => $5b01a7ee7dba2d86$export$cd8c9cb68f842629);
+$parcel$export($5b01a7ee7dba2d86$exports, "useSlotId", () => $5b01a7ee7dba2d86$export$b4cc09c592e8fdb8);
 
-  let setIdA = $f8b5fdd96fb429d7102983f777c41307$var$idsUpdaterMap.get(idA);
+var $5ac25c9c8ba077b3$exports = {};
 
-  if (setIdA) {
-    setIdA(idB);
-    return idB;
-  }
+$parcel$export($5ac25c9c8ba077b3$exports, "useLayoutEffect", () => $5ac25c9c8ba077b3$export$e5c5a5f917a5871c);
 
-  let setIdB = $f8b5fdd96fb429d7102983f777c41307$var$idsUpdaterMap.get(idB);
+const $5ac25c9c8ba077b3$export$e5c5a5f917a5871c = typeof window !== 'undefined' ? $5yePs$react.useLayoutEffect : ()=>{
+};
 
-  if (setIdB) {
-    setIdB(idA);
-    return idA;
-  }
 
-  return idB;
-}
-/**
- * Used to generate an id, and after render, check if that id is rendered so we know
- * if we can use it in places such as labelledby.
- */
-
-export function useSlotId() {
-  let id = useId();
-  let [resolvedId, setResolvedId] = useState(id);
-  useLayoutEffect(() => {
-    let setCurr = $f8b5fdd96fb429d7102983f777c41307$var$idsUpdaterMap.get(id);
-
-    if (setCurr && !document.getElementById(id)) {
-      setResolvedId(null);
-    } else {
-      setResolvedId(id);
+
+
+let $5b01a7ee7dba2d86$var$idsUpdaterMap = new Map();
+function $5b01a7ee7dba2d86$export$f680877a34711e37(defaultId) {
+    let isRendering = $5yePs$useRef(true);
+    isRendering.current = true;
+    let [value, setValue] = $5yePs$useState(defaultId);
+    let nextId = $5yePs$useRef(null);
+    let res = $5yePs$useSSRSafeId(value);
+    // don't memo this, we want it new each render so that the Effects always run
+    let updateValue = (val)=>{
+        if (!isRendering.current) setValue(val);
+        else nextId.current = val;
+    };
+    $5b01a7ee7dba2d86$var$idsUpdaterMap.set(res, updateValue);
+    $5ac25c9c8ba077b3$export$e5c5a5f917a5871c(()=>{
+        isRendering.current = false;
+    }, [
+        updateValue
+    ]);
+    $5ac25c9c8ba077b3$export$e5c5a5f917a5871c(()=>{
+        let r = res;
+        return ()=>{
+            $5b01a7ee7dba2d86$var$idsUpdaterMap.delete(r);
+        };
+    }, [
+        res
+    ]);
+    $5yePs$useEffect(()=>{
+        let newId = nextId.current;
+        if (newId) {
+            setValue(newId);
+            nextId.current = null;
+        }
+    }, [
+        setValue,
+        updateValue
+    ]);
+    return res;
+}
+function $5b01a7ee7dba2d86$export$cd8c9cb68f842629(idA, idB) {
+    if (idA === idB) return idA;
+    let setIdA = $5b01a7ee7dba2d86$var$idsUpdaterMap.get(idA);
+    if (setIdA) {
+        setIdA(idB);
+        return idB;
     }
-  }, [id]);
-  return resolvedId;
+    let setIdB = $5b01a7ee7dba2d86$var$idsUpdaterMap.get(idB);
+    if (setIdB) {
+        setIdB(idA);
+        return idA;
+    }
+    return idB;
+}
+function $5b01a7ee7dba2d86$export$b4cc09c592e8fdb8(depArray = []) {
+    let id = $5b01a7ee7dba2d86$export$f680877a34711e37();
+    let [resolvedId, setResolvedId] = $71eec9ddbfb7f6c6$export$14d238f342723f25(id);
+    let updateId = $5yePs$useCallback(()=>{
+        setResolvedId(function*() {
+            yield id;
+            yield document.getElementById(id) ? id : null;
+        });
+    }, [
+        id,
+        setResolvedId
+    ]);
+    $5ac25c9c8ba077b3$export$e5c5a5f917a5871c(updateId, [
+        id,
+        updateId,
+        ...depArray
+    ]);
+    return resolvedId;
+}
+
+
+var $2a5eca539fe56811$exports = {};
+
+$parcel$export($2a5eca539fe56811$exports, "chain", () => $2a5eca539fe56811$export$e08e3b67e392101e);
+function $2a5eca539fe56811$export$e08e3b67e392101e(...callbacks) {
+    return (...args)=>{
+        for (let callback of callbacks)if (typeof callback === 'function') callback(...args);
+    };
 }
 
-/*
- * 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.
- */
 
-/**
- * Calls all functions in the order they were chained with the same arguments.
- */
-export function chain() {
-  for (var _len = arguments.length, callbacks = new Array(_len), _key = 0; _key < _len; _key++) {
-    callbacks[_key] = arguments[_key];
-  }
-
-  return function () {
-    for (let callback of callbacks) {
-      if (typeof callback === 'function') {
-        callback(...arguments);
-      }
+var $c42fb2a2f22e1846$exports = {};
+
+$parcel$export($c42fb2a2f22e1846$exports, "mergeProps", () => $c42fb2a2f22e1846$export$9d1611c77c2fe928);
+
+
+
+function $c42fb2a2f22e1846$export$9d1611c77c2fe928(...args) {
+    // Start with a base clone of the first argument. This is a lot faster than starting
+    // with an empty object and adding properties as we go.
+    let result = {
+        ...args[0]
+    };
+    for(let i = 1; i < args.length; i++){
+        let props = args[i];
+        for(let key in props){
+            let a = result[key];
+            let b = props[key];
+            // Chain events
+            if (typeof a === 'function' && typeof b === 'function' && // This is a lot faster than a regex.
+            key[0] === 'o' && key[1] === 'n' && key.charCodeAt(2) >= /* 'A' */ 65 && key.charCodeAt(2) <= /* 'Z' */ 90) result[key] = $2a5eca539fe56811$export$e08e3b67e392101e(a, b);
+            else if ((key === 'className' || key === 'UNSAFE_className') && typeof a === 'string' && typeof b === 'string') result[key] = $5yePs$clsx(a, b);
+            else if (key === 'id' && a && b) result.id = $5b01a7ee7dba2d86$export$cd8c9cb68f842629(a, b);
+            else result[key] = b !== undefined ? b : a;
+        }
     }
-  };
+    return result;
+}
+
+
+var $f3859cd41d3e5b7d$exports = {};
+
+$parcel$export($f3859cd41d3e5b7d$exports, "filterDOMProps", () => $f3859cd41d3e5b7d$export$457c3d6518dd4c6f);
+const $f3859cd41d3e5b7d$var$DOMPropNames = new Set([
+    'id'
+]);
+const $f3859cd41d3e5b7d$var$labelablePropNames = new Set([
+    'aria-label',
+    'aria-labelledby',
+    'aria-describedby',
+    'aria-details'
+]);
+const $f3859cd41d3e5b7d$var$propRe = /^(data-.*)$/;
+function $f3859cd41d3e5b7d$export$457c3d6518dd4c6f(props, opts = {
+}) {
+    let { labelable: labelable , propNames: propNames  } = opts;
+    let filteredProps = {
+    };
+    for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($f3859cd41d3e5b7d$var$DOMPropNames.has(prop) || labelable && $f3859cd41d3e5b7d$var$labelablePropNames.has(prop) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $f3859cd41d3e5b7d$var$propRe.test(prop))) filteredProps[prop] = props[prop];
+    return filteredProps;
 }
 
-/**
- * Merges multiple props objects together. Event handlers are chained,
- * classNames are combined, and ids are deduplicated - different ids
- * will trigger a side-effect and re-render components hooked up with `useId`.
- * For all other props, the last prop object overrides all previous ones.
- * @param args - Multiple sets of props to merge together.
- */
-export function mergeProps() {
-  // Start with a base clone of the first argument. This is a lot faster than starting
-  // with an empty object and adding properties as we go.
-  let result = _babelRuntimeHelpersEsmExtends({}, arguments.length <= 0 ? undefined : arguments[0]);
-
-  for (let i = 1; i < arguments.length; i++) {
-    let props = i < 0 || arguments.length <= i ? undefined : arguments[i];
-
-    for (let key in props) {
-      let a = result[key];
-      let b = props[key]; // Chain events
-
-      if (typeof a === 'function' && typeof b === 'function' && // This is a lot faster than a regex.
-      key[0] === 'o' && key[1] === 'n' && key.charCodeAt(2) >=
-      /* 'A' */
-      65 && key.charCodeAt(2) <=
-      /* 'Z' */
-      90) {
-        result[key] = chain(a, b); // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check
-      } else if ((key === 'className' || key === 'UNSAFE_className') && typeof a === 'string' && typeof b === 'string') {
-        result[key] = _clsx(a, b);
-      } else if (key === 'id' && a && b) {
-        result.id = mergeIds(a, b); // Override others
-      } else {
-        result[key] = b !== undefined ? b : a;
-      }
+
+var $1b46e2787874cd75$exports = {};
+
+$parcel$export($1b46e2787874cd75$exports, "focusWithoutScrolling", () => $1b46e2787874cd75$export$de79e2c695e052f3);
+function $1b46e2787874cd75$export$de79e2c695e052f3(element) {
+    if ($1b46e2787874cd75$var$supportsPreventScroll()) element.focus({
+        preventScroll: true
+    });
+    else {
+        let scrollableElements = $1b46e2787874cd75$var$getScrollableElements(element);
+        element.focus();
+        $1b46e2787874cd75$var$restoreScrollPosition(scrollableElements);
+    }
+}
+let $1b46e2787874cd75$var$supportsPreventScrollCached = null;
+function $1b46e2787874cd75$var$supportsPreventScroll() {
+    if ($1b46e2787874cd75$var$supportsPreventScrollCached == null) {
+        $1b46e2787874cd75$var$supportsPreventScrollCached = false;
+        try {
+            var focusElem = document.createElement('div');
+            focusElem.focus({
+                get preventScroll () {
+                    $1b46e2787874cd75$var$supportsPreventScrollCached = true;
+                    return true;
+                }
+            });
+        } catch (e) {
+        // Ignore
+        }
     }
-  }
-
-  return result;
-}
-const $f6a965352cabf1a7c37e8c1337e5eab$var$DOMPropNames = new Set(['id']);
-const $f6a965352cabf1a7c37e8c1337e5eab$var$labelablePropNames = new Set(['aria-label', 'aria-labelledby', 'aria-describedby', 'aria-details']);
-const $f6a965352cabf1a7c37e8c1337e5eab$var$propRe = /^(data-.*)$/;
-export function filterDOMProps(props, opts) {
-  if (opts === void 0) {
-    opts = {};
-  }
-
-  let {
-    labelable,
-    propNames
-  } = opts;
-  let filteredProps = {};
-
-  for (const prop in props) {
-    if (Object.prototype.hasOwnProperty.call(props, prop) && ($f6a965352cabf1a7c37e8c1337e5eab$var$DOMPropNames.has(prop) || labelable && $f6a965352cabf1a7c37e8c1337e5eab$var$labelablePropNames.has(prop) || propNames != null && propNames.has(prop) || $f6a965352cabf1a7c37e8c1337e5eab$var$propRe.test(prop))) {
-      filteredProps[prop] = props[prop];
+    return $1b46e2787874cd75$var$supportsPreventScrollCached;
+}
+function $1b46e2787874cd75$var$getScrollableElements(element) {
+    var parent = element.parentNode;
+    var scrollableElements = [];
+    var rootScrollingElement = document.scrollingElement || document.documentElement;
+    while(parent instanceof HTMLElement && parent !== rootScrollingElement){
+        if (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth) scrollableElements.push({
+            element: parent,
+            scrollTop: parent.scrollTop,
+            scrollLeft: parent.scrollLeft
+        });
+        parent = parent.parentNode;
     }
-  }
-
-  return filteredProps;
-}
-// Currently necessary for Safari and old Edge:
-// https://caniuse.com/#feat=mdn-api_htmlelement_focus_preventscroll_option
-// See https://bugs.webkit.org/show_bug.cgi?id=178583
-//
-// Original licensing for the following methods can be found in the
-// NOTICE file in the root directory of this source tree.
-// See https://github.com/calvellido/focus-options-polyfill
-export function focusWithoutScrolling(element) {
-  if ($bc7c9c3af78f5218ff72cecce15730$var$supportsPreventScroll()) {
-    element.focus({
-      preventScroll: true
+    if (rootScrollingElement instanceof HTMLElement) scrollableElements.push({
+        element: rootScrollingElement,
+        scrollTop: rootScrollingElement.scrollTop,
+        scrollLeft: rootScrollingElement.scrollLeft
     });
-  } else {
-    let scrollableElements = $bc7c9c3af78f5218ff72cecce15730$var$getScrollableElements(element);
-    element.focus();
-    $bc7c9c3af78f5218ff72cecce15730$var$restoreScrollPosition(scrollableElements);
-  }
-}
-let $bc7c9c3af78f5218ff72cecce15730$var$supportsPreventScrollCached = null;
-
-function $bc7c9c3af78f5218ff72cecce15730$var$supportsPreventScroll() {
-  if ($bc7c9c3af78f5218ff72cecce15730$var$supportsPreventScrollCached == null) {
-    $bc7c9c3af78f5218ff72cecce15730$var$supportsPreventScrollCached = false;
-
-    try {
-      var focusElem = document.createElement('div');
-      focusElem.focus({
-        get preventScroll() {
-          $bc7c9c3af78f5218ff72cecce15730$var$supportsPreventScrollCached = true;
-          return true;
-        }
-
-      });
-    } catch (e) {// Ignore
+    return scrollableElements;
+}
+function $1b46e2787874cd75$var$restoreScrollPosition(scrollableElements) {
+    for (let { element: element , scrollTop: scrollTop , scrollLeft: scrollLeft  } of scrollableElements){
+        element.scrollTop = scrollTop;
+        element.scrollLeft = scrollLeft;
     }
-  }
-
-  return $bc7c9c3af78f5218ff72cecce15730$var$supportsPreventScrollCached;
 }
 
-function $bc7c9c3af78f5218ff72cecce15730$var$getScrollableElements(element) {
-  var parent = element.parentNode;
-  var scrollableElements = [];
-  var rootScrollingElement = document.scrollingElement || document.documentElement;
 
-  while (parent instanceof HTMLElement && parent !== rootScrollingElement) {
-    if (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth) {
-      scrollableElements.push({
-        element: parent,
-        scrollTop: parent.scrollTop,
-        scrollLeft: parent.scrollLeft
-      });
-    }
+var $fbd35a31e994df41$exports = {};
 
-    parent = parent.parentNode;
-  }
+$parcel$export($fbd35a31e994df41$exports, "getOffset", () => $fbd35a31e994df41$export$622cea445a1c5b7d);
+function $fbd35a31e994df41$export$622cea445a1c5b7d(element, reverse, orientation = 'horizontal') {
+    let rect = element.getBoundingClientRect();
+    if (reverse) return orientation === 'horizontal' ? rect.right : rect.bottom;
+    return orientation === 'horizontal' ? rect.left : rect.top;
+}
 
-  if (rootScrollingElement instanceof HTMLElement) {
-    scrollableElements.push({
-      element: rootScrollingElement,
-      scrollTop: rootScrollingElement.scrollTop,
-      scrollLeft: rootScrollingElement.scrollLeft
-    });
-  }
 
-  return scrollableElements;
-}
+var $691ac3ad1af88e64$exports = {};
 
-function $bc7c9c3af78f5218ff72cecce15730$var$restoreScrollPosition(scrollableElements) {
-  for (let {
-    element,
-    scrollTop,
-    scrollLeft
-  } of scrollableElements) {
-    element.scrollTop = scrollTop;
-    element.scrollLeft = scrollLeft;
-  }
-}
+$parcel$export($691ac3ad1af88e64$exports, "clamp", () => $691ac3ad1af88e64$re_export$clamp);
+$parcel$export($691ac3ad1af88e64$exports, "snapValueToStep", () => $691ac3ad1af88e64$re_export$snapValueToStep);
 
-export function getOffset(element, reverse, orientation) {
-  if (orientation === void 0) {
-    orientation = 'horizontal';
-  }
 
-  let rect = element.getBoundingClientRect();
 
-  if (reverse) {
-    return orientation === 'horizontal' ? rect.right : rect.bottom;
-  }
+var $51de12ccb2f75a87$exports = {};
 
-  return orientation === 'horizontal' ? rect.left : rect.top;
-}
+$parcel$export($51de12ccb2f75a87$exports, "runAfterTransition", () => $51de12ccb2f75a87$export$24490316f764c430);
+/*
+ * 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.
+ */ // We store a global list of elements that are currently transitioning,
 // mapped to a set of CSS properties that are transitioning for that element.
 // This is necessary rather than a simple count of transitions because of browser
 // bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather
 // than one or the other. So we need to track what's actually transitioning so that
 // we can ignore these duplicate events.
-let $b3e8d5c5f32fa26afa6df1b81f09b6b8$var$transitionsByElement = new Map(); // A list of callbacks to call once there are no transitioning elements.
-
-let $b3e8d5c5f32fa26afa6df1b81f09b6b8$var$transitionCallbacks = new Set();
-
-function $b3e8d5c5f32fa26afa6df1b81f09b6b8$var$setupGlobalEvents() {
-  if (typeof window === 'undefined') {
-    return;
-  }
-
-  let onTransitionStart = e => {
-    // Add the transitioning property to the list for this element.
-    let transitions = $b3e8d5c5f32fa26afa6df1b81f09b6b8$var$transitionsByElement.get(e.target);
-
-    if (!transitions) {
-      transitions = new Set();
-      $b3e8d5c5f32fa26afa6df1b81f09b6b8$var$transitionsByElement.set(e.target, transitions); // The transitioncancel event must be registered on the element itself, rather than as a global
-      // event. This enables us to handle when the node is deleted from the document while it is transitioning.
-      // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.
-
-      e.target.addEventListener('transitioncancel', onTransitionEnd);
-    }
-
-    transitions.add(e.propertyName);
-  };
-
-  let onTransitionEnd = e => {
-    // Remove property from list of transitioning properties.
-    let properties = $b3e8d5c5f32fa26afa6df1b81f09b6b8$var$transitionsByElement.get(e.target);
-
-    if (!properties) {
-      return;
-    }
-
-    properties.delete(e.propertyName); // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.
-
-    if (properties.size === 0) {
-      e.target.removeEventListener('transitioncancel', onTransitionEnd);
-      $b3e8d5c5f32fa26afa6df1b81f09b6b8$var$transitionsByElement.delete(e.target);
-    } // If no transitioning elements, call all of the queued callbacks.
-
-
-    if ($b3e8d5c5f32fa26afa6df1b81f09b6b8$var$transitionsByElement.size === 0) {
-      for (let cb of $b3e8d5c5f32fa26afa6df1b81f09b6b8$var$transitionCallbacks) {
-        cb();
-      }
-
-      $b3e8d5c5f32fa26afa6df1b81f09b6b8$var$transitionCallbacks.clear();
-    }
-  };
-
-  document.body.addEventListener('transitionrun', onTransitionStart);
-  document.body.addEventListener('transitionend', onTransitionEnd);
+let $51de12ccb2f75a87$var$transitionsByElement = new Map();
+// A list of callbacks to call once there are no transitioning elements.
+let $51de12ccb2f75a87$var$transitionCallbacks = new Set();
+function $51de12ccb2f75a87$var$setupGlobalEvents() {
+    if (typeof window === 'undefined') return;
+    let onTransitionStart = (e)=>{
+        // Add the transitioning property to the list for this element.
+        let transitions = $51de12ccb2f75a87$var$transitionsByElement.get(e.target);
+        if (!transitions) {
+            transitions = new Set();
+            $51de12ccb2f75a87$var$transitionsByElement.set(e.target, transitions);
+            // The transitioncancel event must be registered on the element itself, rather than as a global
+            // event. This enables us to handle when the node is deleted from the document while it is transitioning.
+            // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.
+            e.target.addEventListener('transitioncancel', onTransitionEnd);
+        }
+        transitions.add(e.propertyName);
+    };
+    let onTransitionEnd = (e)=>{
+        // Remove property from list of transitioning properties.
+        let properties = $51de12ccb2f75a87$var$transitionsByElement.get(e.target);
+        if (!properties) return;
+        properties.delete(e.propertyName);
+        // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.
+        if (properties.size === 0) {
+            e.target.removeEventListener('transitioncancel', onTransitionEnd);
+            $51de12ccb2f75a87$var$transitionsByElement.delete(e.target);
+        }
+        // If no transitioning elements, call all of the queued callbacks.
+        if ($51de12ccb2f75a87$var$transitionsByElement.size === 0) {
+            for (let cb of $51de12ccb2f75a87$var$transitionCallbacks)cb();
+            $51de12ccb2f75a87$var$transitionCallbacks.clear();
+        }
+    };
+    document.body.addEventListener('transitionrun', onTransitionStart);
+    document.body.addEventListener('transitionend', onTransitionEnd);
 }
-
 if (typeof document !== 'undefined') {
-  if (document.readyState !== 'loading') {
-    $b3e8d5c5f32fa26afa6df1b81f09b6b8$var$setupGlobalEvents();
-  } else {
-    document.addEventListener('DOMContentLoaded', $b3e8d5c5f32fa26afa6df1b81f09b6b8$var$setupGlobalEvents);
-  }
-}
-
-export function runAfterTransition(fn) {
-  // Wait one frame to see if an animation starts, e.g. a transition on mount.
-  requestAnimationFrame(() => {
-    // If no transitions are running, call the function immediately.
-    // Otherwise, add it to a list of callbacks to run at the end of the animation.
-    if ($b3e8d5c5f32fa26afa6df1b81f09b6b8$var$transitionsByElement.size === 0) {
-      fn();
-    } else {
-      $b3e8d5c5f32fa26afa6df1b81f09b6b8$var$transitionCallbacks.add(fn);
-    }
-  });
+    if (document.readyState !== 'loading') $51de12ccb2f75a87$var$setupGlobalEvents();
+    else document.addEventListener('DOMContentLoaded', $51de12ccb2f75a87$var$setupGlobalEvents);
+}
+function $51de12ccb2f75a87$export$24490316f764c430(fn) {
+    // Wait one frame to see if an animation starts, e.g. a transition on mount.
+    requestAnimationFrame(()=>{
+        // If no transitions are running, call the function immediately.
+        // Otherwise, add it to a list of callbacks to run at the end of the animation.
+        if ($51de12ccb2f75a87$var$transitionsByElement.size === 0) fn();
+        else $51de12ccb2f75a87$var$transitionCallbacks.add(fn);
+    });
 }
-// Keep track of elements that we are currently handling dragging for via useDrag1D.
-// If there's an ancestor and a descendant both using useDrag1D(), and the user starts
-// dragging the descendant, we don't want useDrag1D events to fire for the ancestor.
-const $be9622dfd8e876c0943b0b4e429554f3$var$draggingElements = []; // created for splitview, this should be reusable for things like sliders/dials
-// It also handles keyboard events on the target allowing for increment/decrement by a given stepsize as well as minifying/maximizing and toggling between minified and previous size
-// It can also take a 'reverse' param to say if we should measure from the right/bottom instead of the top/left
-// It can also handle either a vertical or horizontal movement, but not both at the same time
-
-export function useDrag1D(props) {
-  console.warn('useDrag1D is deprecated, please use `useMove` instead https://react-spectrum.adobe.com/react-aria/useMove.html');
-  let {
-    containerRef,
-    reverse,
-    orientation,
-    onHover,
-    onDrag,
-    onPositionChange,
-    onIncrement,
-    onDecrement,
-    onIncrementToMax,
-    onDecrementToMin,
-    onCollapseToggle
-  } = props;
-
-  let getPosition = e => orientation === 'horizontal' ? e.clientX : e.clientY;
-
-  let getNextOffset = e => {
-    let containerOffset = getOffset(containerRef.current, reverse, orientation);
-    let mouseOffset = getPosition(e);
-    let nextOffset = reverse ? containerOffset - mouseOffset : mouseOffset - containerOffset;
-    return nextOffset;
-  };
-
-  let dragging = useRef(false);
-  let prevPosition = useRef(0); // Keep track of the current handlers in a ref so that the events can access them.
-
-  let handlers = useRef({
-    onPositionChange,
-    onDrag
-  });
-  handlers.current.onDrag = onDrag;
-  handlers.current.onPositionChange = onPositionChange;
-
-  let onMouseDragged = e => {
-    e.preventDefault();
-    let nextOffset = getNextOffset(e);
-
-    if (!dragging.current) {
-      dragging.current = true;
-
-      if (handlers.current.onDrag) {
-        handlers.current.onDrag(true);
-      }
-
-      if (handlers.current.onPositionChange) {
-        handlers.current.onPositionChange(nextOffset);
-      }
-    }
 
-    if (prevPosition.current === nextOffset) {
-      return;
-    }
 
-    prevPosition.current = nextOffset;
+var $b8aeddd69b238bce$exports = {};
 
-    if (onPositionChange) {
-      onPositionChange(nextOffset);
-    }
-  };
+$parcel$export($b8aeddd69b238bce$exports, "useDrag1D", () => $b8aeddd69b238bce$export$7bbed75feba39706);
 
-  let onMouseUp = e => {
-    const target = e.target;
-    dragging.current = false;
-    let nextOffset = getNextOffset(e);
-
-    if (handlers.current.onDrag) {
-      handlers.current.onDrag(false);
-    }
 
-    if (handlers.current.onPositionChange) {
-      handlers.current.onPositionChange(nextOffset);
-    }
+// Keep track of elements that we are currently handling dragging for via useDrag1D.
+// If there's an ancestor and a descendant both using useDrag1D(), and the user starts
+// dragging the descendant, we don't want useDrag1D events to fire for the ancestor.
+const $b8aeddd69b238bce$var$draggingElements = [];
+function $b8aeddd69b238bce$export$7bbed75feba39706(props) {
+    console.warn('useDrag1D is deprecated, please use `useMove` instead https://react-spectrum.adobe.com/react-aria/useMove.html');
+    let { containerRef: containerRef , reverse: reverse , orientation: orientation , onHover: onHover , onDrag: onDrag , onPositionChange: onPositionChange , onIncrement: onIncrement , onDecrement: onDecrement , onIncrementToMax: onIncrementToMax , onDecrementToMin: onDecrementToMin , onCollapseToggle: onCollapseToggle  } = props;
+    let getPosition = (e)=>orientation === 'horizontal' ? e.clientX : e.clientY
+    ;
+    let getNextOffset = (e)=>{
+        let containerOffset = $fbd35a31e994df41$export$622cea445a1c5b7d(containerRef.current, reverse, orientation);
+        let mouseOffset = getPosition(e);
+        let nextOffset = reverse ? containerOffset - mouseOffset : mouseOffset - containerOffset;
+        return nextOffset;
+    };
+    let dragging = $5yePs$useRef(false);
+    let prevPosition = $5yePs$useRef(0);
+    // Keep track of the current handlers in a ref so that the events can access them.
+    let handlers = $5yePs$useRef({
+        onPositionChange: onPositionChange,
+        onDrag: onDrag
+    });
+    handlers.current.onDrag = onDrag;
+    handlers.current.onPositionChange = onPositionChange;
+    let onMouseDragged = (e)=>{
+        e.preventDefault();
+        let nextOffset = getNextOffset(e);
+        if (!dragging.current) {
+            dragging.current = true;
+            if (handlers.current.onDrag) handlers.current.onDrag(true);
+            if (handlers.current.onPositionChange) handlers.current.onPositionChange(nextOffset);
+        }
+        if (prevPosition.current === nextOffset) return;
+        prevPosition.current = nextOffset;
+        if (onPositionChange) onPositionChange(nextOffset);
+    };
+    let onMouseUp = (e)=>{
+        const target = e.target;
+        dragging.current = false;
+        let nextOffset = getNextOffset(e);
+        if (handlers.current.onDrag) handlers.current.onDrag(false);
+        if (handlers.current.onPositionChange) handlers.current.onPositionChange(nextOffset);
+        $b8aeddd69b238bce$var$draggingElements.splice($b8aeddd69b238bce$var$draggingElements.indexOf(target), 1);
+        window.removeEventListener('mouseup', onMouseUp, false);
+        window.removeEventListener('mousemove', onMouseDragged, false);
+    };
+    let onMouseDown = (e)=>{
+        const target = e.currentTarget;
+        // If we're already handling dragging on a descendant with useDrag1D, then
+        // we don't want to handle the drag motion on this target as well.
+        if ($b8aeddd69b238bce$var$draggingElements.some((elt)=>target.contains(elt)
+        )) return;
+        $b8aeddd69b238bce$var$draggingElements.push(target);
+        window.addEventListener('mousemove', onMouseDragged, false);
+        window.addEventListener('mouseup', onMouseUp, false);
+    };
+    let onMouseEnter = ()=>{
+        if (onHover) onHover(true);
+    };
+    let onMouseOut = ()=>{
+        if (onHover) onHover(false);
+    };
+    let onKeyDown = (e)=>{
+        switch(e.key){
+            case 'Left':
+            case 'ArrowLeft':
+                if (orientation === 'horizontal') {
+                    e.preventDefault();
+                    if (onDecrement && !reverse) onDecrement();
+                    else if (onIncrement && reverse) onIncrement();
+                }
+                break;
+            case 'Up':
+            case 'ArrowUp':
+                if (orientation === 'vertical') {
+                    e.preventDefault();
+                    if (onDecrement && !reverse) onDecrement();
+                    else if (onIncrement && reverse) onIncrement();
+                }
+                break;
+            case 'Right':
+            case 'ArrowRight':
+                if (orientation === 'horizontal') {
+                    e.preventDefault();
+                    if (onIncrement && !reverse) onIncrement();
+                    else if (onDecrement && reverse) onDecrement();
+                }
+                break;
+            case 'Down':
+            case 'ArrowDown':
+                if (orientation === 'vertical') {
+                    e.preventDefault();
+                    if (onIncrement && !reverse) onIncrement();
+                    else if (onDecrement && reverse) onDecrement();
+                }
+                break;
+            case 'Home':
+                e.preventDefault();
+                if (onDecrementToMin) onDecrementToMin();
+                break;
+            case 'End':
+                e.preventDefault();
+                if (onIncrementToMax) onIncrementToMax();
+                break;
+            case 'Enter':
+                e.preventDefault();
+                if (onCollapseToggle) onCollapseToggle();
+                break;
+        }
+    };
+    return {
+        onMouseDown: onMouseDown,
+        onMouseEnter: onMouseEnter,
+        onMouseOut: onMouseOut,
+        onKeyDown: onKeyDown
+    };
+}
 
-    $be9622dfd8e876c0943b0b4e429554f3$var$draggingElements.splice($be9622dfd8e876c0943b0b4e429554f3$var$draggingElements.indexOf(target), 1);
-    window.removeEventListener('mouseup', onMouseUp, false);
-    window.removeEventListener('mousemove', onMouseDragged, false);
-  };
 
-  let onMouseDown = e => {
-    const target = e.currentTarget; // If we're already handling dragging on a descendant with useDrag1D, then
-    // we don't want to handle the drag motion on this target as well.
+var $ce924e419b398d4c$exports = {};
+
+$parcel$export($ce924e419b398d4c$exports, "useGlobalListeners", () => $ce924e419b398d4c$export$4eaf04e54aa8eed6);
+
+function $ce924e419b398d4c$export$4eaf04e54aa8eed6() {
+    let globalListeners = $5yePs$useRef(new Map());
+    let addGlobalListener = $5yePs$useCallback((eventTarget, type, listener, options)=>{
+        // Make sure we remove the listener after it is called with the `once` option.
+        let fn = (options === null || options === void 0 ? void 0 : options.once) ? (...args)=>{
+            globalListeners.current.delete(listener);
+            listener(...args);
+        } : listener;
+        globalListeners.current.set(listener, {
+            type: type,
+            eventTarget: eventTarget,
+            fn: fn,
+            options: options
+        });
+        eventTarget.addEventListener(type, listener, options);
+    }, []);
+    let removeGlobalListener = $5yePs$useCallback((eventTarget, type, listener, options)=>{
+        var ref;
+        let fn = ((ref = globalListeners.current.get(listener)) === null || ref === void 0 ? void 0 : ref.fn) || listener;
+        eventTarget.removeEventListener(type, fn, options);
+        globalListeners.current.delete(listener);
+    }, []);
+    let removeAllGlobalListeners = $5yePs$useCallback(()=>{
+        globalListeners.current.forEach((value, key)=>{
+            removeGlobalListener(value.eventTarget, value.type, key, value.options);
+        });
+    }, [
+        removeGlobalListener
+    ]);
+    // eslint-disable-next-line arrow-body-style
+    $5yePs$useEffect(()=>{
+        return removeAllGlobalListeners;
+    }, [
+        removeAllGlobalListeners
+    ]);
+    return {
+        addGlobalListener: addGlobalListener,
+        removeGlobalListener: removeGlobalListener,
+        removeAllGlobalListeners: removeAllGlobalListeners
+    };
+}
 
-    if ($be9622dfd8e876c0943b0b4e429554f3$var$draggingElements.some(elt => target.contains(elt))) {
-      return;
-    }
 
-    $be9622dfd8e876c0943b0b4e429554f3$var$draggingElements.push(target);
-    window.addEventListener('mousemove', onMouseDragged, false);
-    window.addEventListener('mouseup', onMouseUp, false);
-  };
+var $71a2c5844f2b60a4$exports = {};
+
+$parcel$export($71a2c5844f2b60a4$exports, "useLabels", () => $71a2c5844f2b60a4$export$d6875122194c7b44);
+
+function $71a2c5844f2b60a4$export$d6875122194c7b44(props, defaultLabel) {
+    let { id: id , 'aria-label': label , 'aria-labelledby': labelledBy  } = props;
+    // If there is both an aria-label and aria-labelledby,
+    // combine them by pointing to the element itself.
+    id = $5b01a7ee7dba2d86$export$f680877a34711e37(id);
+    if (labelledBy && label) {
+        let ids = new Set([
+            ...labelledBy.trim().split(/\s+/),
+            id
+        ]);
+        labelledBy = [
+            ...ids
+        ].join(' ');
+    } else if (labelledBy) labelledBy = labelledBy.trim().split(/\s+/).join(' ');
+    // If no labels are provided, use the default
+    if (!label && !labelledBy && defaultLabel) label = defaultLabel;
+    return {
+        id: id,
+        'aria-label': label,
+        'aria-labelledby': labelledBy
+    };
+}
 
-  let onMouseEnter = () => {
-    if (onHover) {
-      onHover(true);
-    }
-  };
 
-  let onMouseOut = () => {
-    if (onHover) {
-      onHover(false);
-    }
-  };
-
-  let onKeyDown = e => {
-    switch (e.key) {
-      case 'Left':
-      case 'ArrowLeft':
-        if (orientation === 'horizontal') {
-          e.preventDefault();
-
-          if (onDecrement && !reverse) {
-            onDecrement();
-          } else if (onIncrement && reverse) {
-            onIncrement();
-          }
-        }
+var $a235e7a487a1e81a$exports = {};
 
-        break;
+$parcel$export($a235e7a487a1e81a$exports, "useObjectRef", () => $a235e7a487a1e81a$export$4338b53315abf666);
 
-      case 'Up':
-      case 'ArrowUp':
-        if (orientation === 'vertical') {
-          e.preventDefault();
 
-          if (onDecrement && !reverse) {
-            onDecrement();
-          } else if (onIncrement && reverse) {
-            onIncrement();
-          }
-        }
+function $a235e7a487a1e81a$export$4338b53315abf666(forwardedRef) {
+    const objRef = $5yePs$useRef();
+    /**
+   * We're using `useLayoutEffect` here instead of `useEffect` because we want
+   * to make sure that the `ref` value is up to date before other places in the
+   * the execution cycle try to read it.
+   */ $5ac25c9c8ba077b3$export$e5c5a5f917a5871c(()=>{
+        if (!forwardedRef) return;
+        if (typeof forwardedRef === 'function') forwardedRef(objRef.current);
+        else forwardedRef.current = objRef.current;
+    }, [
+        forwardedRef
+    ]);
+    return objRef;
+}
 
-        break;
 
-      case 'Right':
-      case 'ArrowRight':
-        if (orientation === 'horizontal') {
-          e.preventDefault();
+var $2a91c3126c559388$exports = {};
 
-          if (onIncrement && !reverse) {
-            onIncrement();
-          } else if (onDecrement && reverse) {
-            onDecrement();
-          }
-        }
+$parcel$export($2a91c3126c559388$exports, "useUpdateEffect", () => $2a91c3126c559388$export$496315a1608d9602);
 
-        break;
+function $2a91c3126c559388$export$496315a1608d9602(effect, dependencies) {
+    const isInitialMount = $5yePs$useRef(true);
+    $5yePs$useEffect(()=>{
+        if (isInitialMount.current) isInitialMount.current = false;
+        else effect();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, dependencies);
+}
 
-      case 'Down':
-      case 'ArrowDown':
-        if (orientation === 'vertical') {
-          e.preventDefault();
 
-          if (onIncrement && !reverse) {
-            onIncrement();
-          } else if (onDecrement && reverse) {
-            onDecrement();
-          }
-        }
 
-        break;
+var $3e864361342e1b32$exports = {};
 
-      case 'Home':
-        e.preventDefault();
+$parcel$export($3e864361342e1b32$exports, "useResizeObserver", () => $3e864361342e1b32$export$683480f191c0e3ea);
 
-        if (onDecrementToMin) {
-          onDecrementToMin();
+function $3e864361342e1b32$var$hasResizeObserver() {
+    return typeof window.ResizeObserver !== 'undefined';
+}
+function $3e864361342e1b32$export$683480f191c0e3ea(options) {
+    const { ref: ref , onResize: onResize  } = options;
+    $5yePs$useEffect(()=>{
+        let element = ref === null || ref === void 0 ? void 0 : ref.current;
+        if (!element) return;
+        if (!$3e864361342e1b32$var$hasResizeObserver()) {
+            window.addEventListener('resize', onResize, false);
+            return ()=>{
+                window.removeEventListener('resize', onResize, false);
+            };
+        } else {
+            const resizeObserverInstance = new window.ResizeObserver((entries)=>{
+                if (!entries.length) return;
+                onResize();
+            });
+            resizeObserverInstance.observe(element);
+            return ()=>{
+                if (element) resizeObserverInstance.unobserve(element);
+            };
         }
+    }, [
+        onResize,
+        ref
+    ]);
+}
 
-        break;
-
-      case 'End':
-        e.preventDefault();
 
-        if (onIncrementToMax) {
-          onIncrementToMax();
-        }
+var $0b7d7b0ae05ba812$exports = {};
 
-        break;
+$parcel$export($0b7d7b0ae05ba812$exports, "useSyncRef", () => $0b7d7b0ae05ba812$export$4debdb1a3f0fa79e);
 
-      case 'Enter':
-        e.preventDefault();
-
-        if (onCollapseToggle) {
-          onCollapseToggle();
+function $0b7d7b0ae05ba812$export$4debdb1a3f0fa79e(context, ref) {
+    $5ac25c9c8ba077b3$export$e5c5a5f917a5871c(()=>{
+        if (context && context.ref && ref) {
+            context.ref.current = ref.current;
+            return ()=>{
+                context.ref.current = null;
+            };
         }
-
-        break;
-    }
-  };
-
-  return {
-    onMouseDown,
-    onMouseEnter,
-    onMouseOut,
-    onKeyDown
-  };
-}
-export function useGlobalListeners() {
-  let globalListeners = useRef(new Map());
-  let addGlobalListener = useCallback((eventTarget, type, listener, options) => {
-    globalListeners.current.set(listener, {
-      type,
-      eventTarget,
-      options
-    });
-    eventTarget.addEventListener(type, listener, options);
-  }, []);
-  let removeGlobalListener = useCallback((eventTarget, type, listener, options) => {
-    eventTarget.removeEventListener(type, listener, options);
-    globalListeners.current.delete(listener);
-  }, []);
-  let removeAllGlobalListeners = useCallback(() => {
-    globalListeners.current.forEach((value, key) => {
-      removeGlobalListener(value.eventTarget, value.type, key, value.options);
-    });
-  }, [removeGlobalListener]);
-  useEffect(() => {
-    return removeAllGlobalListeners;
-  }, [removeAllGlobalListeners]);
-  return {
-    addGlobalListener,
-    removeGlobalListener,
-    removeAllGlobalListeners
-  };
+    }, [
+        context,
+        ref
+    ]);
 }
 
-/**
- * Merges aria-label and aria-labelledby into aria-labelledby when both exist.
- * @param props - Aria label props.
- * @param defaultLabel - Default value for aria-label when not present.
- */
-export function useLabels(props, defaultLabel) {
-  let {
-    id,
-    'aria-label': label,
-    'aria-labelledby': labelledBy
-  } = props; // If there is both an aria-label and aria-labelledby,
-  // combine them by pointing to the element itself.
-
-  id = useId(id);
-
-  if (labelledBy && label) {
-    let ids = new Set([...labelledBy.trim().split(/\s+/), id]);
-    labelledBy = [...ids].join(' ');
-  } else if (labelledBy) {
-    labelledBy = labelledBy.trim().split(/\s+/).join(' ');
-  } // If no labels are provided, use the default
-
-
-  if (!label && !labelledBy && defaultLabel) {
-    label = defaultLabel;
-  }
-
-  return {
-    id,
-    'aria-label': label,
-    'aria-labelledby': labelledBy
-  };
-}
-// Like useEffect, but only called for updates after the initial render.
-export function useUpdateEffect(effect, dependencies) {
-  const isInitialMount = useRef(true);
-  useEffect(() => {
-    if (isInitialMount.current) {
-      isInitialMount.current = false;
-    } else {
-      effect();
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, dependencies);
-}
-
-function $d642970c01dc21e3fe2261c17768$var$hasResizeObserver() {
-  return typeof window.ResizeObserver !== 'undefined';
-}
-
-export function useResizeObserver(options) {
-  const {
-    ref,
-    onResize
-  } = options;
-  useEffect(() => {
-    let element = ref == null ? void 0 : ref.current;
-
-    if (!element) {
-      return;
-    }
 
-    if (!$d642970c01dc21e3fe2261c17768$var$hasResizeObserver()) {
-      window.addEventListener('resize', onResize, false);
-      return () => {
-        window.removeEventListener('resize', onResize, false);
-      };
-    } else {
-      const resizeObserverInstance = new window.ResizeObserver(entries => {
-        if (!entries.length) {
-          return;
-        }
+var $0ac9283dcb18fed4$exports = {};
 
-        onResize();
-      });
-      resizeObserverInstance.observe(element);
-      return () => {
-        if (element) {
-          resizeObserverInstance.unobserve(element);
-        }
-      };
-    }
-  }, [onResize, ref]);
-}
-// Syncs ref from context with ref passed to hook
-export function useSyncRef(context, ref) {
-  useLayoutEffect(() => {
-    if (context && context.ref && ref) {
-      context.ref.current = ref.current;
-      return () => {
-        context.ref.current = null;
-      };
-    }
-  }, [context, ref]);
-}
-export function getScrollParent(node) {
-  while (node && !$a164c39662575b65a0b01a73e313e5$var$isScrollable(node)) {
-    node = node.parentElement;
-  }
-
-  return node || document.scrollingElement || document.documentElement;
+$parcel$export($0ac9283dcb18fed4$exports, "getScrollParent", () => $0ac9283dcb18fed4$export$cfa2225e87938781);
+function $0ac9283dcb18fed4$export$cfa2225e87938781(node) {
+    while(node && !$0ac9283dcb18fed4$var$isScrollable(node))node = node.parentElement;
+    return node || document.scrollingElement || document.documentElement;
 }
-
-function $a164c39662575b65a0b01a73e313e5$var$isScrollable(node) {
-  let style = window.getComputedStyle(node);
-  return /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
+function $0ac9283dcb18fed4$var$isScrollable(node) {
+    let style = window.getComputedStyle(node);
+    return /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
 }
 
-// @ts-ignore
-let $d662329747d896105af008c761523$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
-export function useViewportSize() {
-  let [size, setSize] = useState(() => $d662329747d896105af008c761523$var$getViewportSize());
-  useEffect(() => {
-    // Use visualViewport api to track available height even on iOS virtual keyboard opening
-    let onResize = () => {
-      setSize(size => {
-        let newSize = $d662329747d896105af008c761523$var$getViewportSize();
-
-        if (newSize.width === size.width && newSize.height === size.height) {
-          return size;
-        }
 
-        return newSize;
-      });
-    };
+var $9ab7274bc657ab6d$exports = {};
 
-    if (!$d662329747d896105af008c761523$var$visualViewport) {
-      window.addEventListener('resize', onResize);
-    } else {
-      $d662329747d896105af008c761523$var$visualViewport.addEventListener('resize', onResize);
-    }
+$parcel$export($9ab7274bc657ab6d$exports, "useViewportSize", () => $9ab7274bc657ab6d$export$d699905dd57c73ca);
 
-    return () => {
-      if (!$d662329747d896105af008c761523$var$visualViewport) {
-        window.removeEventListener('resize', onResize);
-      } else {
-        $d662329747d896105af008c761523$var$visualViewport.removeEventListener('resize', onResize);
-      }
+// @ts-ignore
+let $9ab7274bc657ab6d$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
+function $9ab7274bc657ab6d$export$d699905dd57c73ca() {
+    let [size1, setSize] = $5yePs$useState(()=>$9ab7274bc657ab6d$var$getViewportSize()
+    );
+    $5yePs$useEffect(()=>{
+        // Use visualViewport api to track available height even on iOS virtual keyboard opening
+        let onResize = ()=>{
+            setSize((size)=>{
+                let newSize = $9ab7274bc657ab6d$var$getViewportSize();
+                if (newSize.width === size.width && newSize.height === size.height) return size;
+                return newSize;
+            });
+        };
+        if (!$9ab7274bc657ab6d$var$visualViewport) window.addEventListener('resize', onResize);
+        else $9ab7274bc657ab6d$var$visualViewport.addEventListener('resize', onResize);
+        return ()=>{
+            if (!$9ab7274bc657ab6d$var$visualViewport) window.removeEventListener('resize', onResize);
+            else $9ab7274bc657ab6d$var$visualViewport.removeEventListener('resize', onResize);
+        };
+    }, []);
+    return size1;
+}
+function $9ab7274bc657ab6d$var$getViewportSize() {
+    return {
+        width: ($9ab7274bc657ab6d$var$visualViewport === null || $9ab7274bc657ab6d$var$visualViewport === void 0 ? void 0 : $9ab7274bc657ab6d$var$visualViewport.width) || window.innerWidth,
+        height: ($9ab7274bc657ab6d$var$visualViewport === null || $9ab7274bc657ab6d$var$visualViewport === void 0 ? void 0 : $9ab7274bc657ab6d$var$visualViewport.height) || window.innerHeight
     };
-  }, []);
-  return size;
 }
 
-function $d662329747d896105af008c761523$var$getViewportSize() {
-  return {
-    width: ($d662329747d896105af008c761523$var$visualViewport == null ? void 0 : $d662329747d896105af008c761523$var$visualViewport.width) || window.innerWidth,
-    height: ($d662329747d896105af008c761523$var$visualViewport == null ? void 0 : $d662329747d896105af008c761523$var$visualViewport.height) || window.innerHeight
-  };
-}
-
-let $c8aa524f123a75a64d51e06d16b9568$var$descriptionId = 0;
-const $c8aa524f123a75a64d51e06d16b9568$var$descriptionNodes = new Map();
-export function useDescription(description) {
-  let [id, setId] = useState(null);
 
-  _useLayoutEffect(() => {
-    if (!description) {
-      return;
-    }
+var $eea11ba5aff18b32$exports = {};
+
+$parcel$export($eea11ba5aff18b32$exports, "useDescription", () => $eea11ba5aff18b32$export$f8aeda7b10753fa1);
+
+
+let $eea11ba5aff18b32$var$descriptionId = 0;
+const $eea11ba5aff18b32$var$descriptionNodes = new Map();
+function $eea11ba5aff18b32$export$f8aeda7b10753fa1(description) {
+    let [id1, setId] = $5yePs$useState(null);
+    $5ac25c9c8ba077b3$export$e5c5a5f917a5871c(()=>{
+        if (!description) return;
+        let desc = $eea11ba5aff18b32$var$descriptionNodes.get(description);
+        if (!desc) {
+            let id = `react-aria-description-${$eea11ba5aff18b32$var$descriptionId++}`;
+            setId(id);
+            let node = document.createElement('div');
+            node.id = id;
+            node.style.display = 'none';
+            node.textContent = description;
+            document.body.appendChild(node);
+            desc = {
+                refCount: 0,
+                element: node
+            };
+            $eea11ba5aff18b32$var$descriptionNodes.set(description, desc);
+        } else setId(desc.element.id);
+        desc.refCount++;
+        return ()=>{
+            if (--desc.refCount === 0) {
+                desc.element.remove();
+                $eea11ba5aff18b32$var$descriptionNodes.delete(description);
+            }
+        };
+    }, [
+        description
+    ]);
+    return {
+        'aria-describedby': description ? id1 : undefined
+    };
+}
 
-    let desc = $c8aa524f123a75a64d51e06d16b9568$var$descriptionNodes.get(description);
-
-    if (!desc) {
-      let id = "react-aria-description-" + $c8aa524f123a75a64d51e06d16b9568$var$descriptionId++;
-      setId(id);
-      let node = document.createElement('div');
-      node.id = id;
-      node.style.display = 'none';
-      node.textContent = description;
-      document.body.appendChild(node);
-      desc = {
-        refCount: 0,
-        element: node
-      };
-      $c8aa524f123a75a64d51e06d16b9568$var$descriptionNodes.set(description, desc);
-    } else {
-      setId(desc.element.id);
-    }
 
-    desc.refCount++;
-    return () => {
-      if (--desc.refCount === 0) {
-        desc.element.remove();
-        $c8aa524f123a75a64d51e06d16b9568$var$descriptionNodes.delete(description);
-      }
-    };
-  }, [description]);
+var $59df4c60f0011bf4$exports = {};
 
-  return {
-    'aria-describedby': description ? id : undefined
-  };
+$parcel$export($59df4c60f0011bf4$exports, "isMac", () => $59df4c60f0011bf4$export$9ac100e40613ea10);
+$parcel$export($59df4c60f0011bf4$exports, "isIPhone", () => $59df4c60f0011bf4$export$186c6964ca17d99);
+$parcel$export($59df4c60f0011bf4$exports, "isIPad", () => $59df4c60f0011bf4$export$7bef049ce92e4224);
+$parcel$export($59df4c60f0011bf4$exports, "isIOS", () => $59df4c60f0011bf4$export$fedb369cb70207f1);
+$parcel$export($59df4c60f0011bf4$exports, "isAppleDevice", () => $59df4c60f0011bf4$export$e1865c3bedcd822b);
+$parcel$export($59df4c60f0011bf4$exports, "isWebKit", () => $59df4c60f0011bf4$export$78551043582a6a98);
+$parcel$export($59df4c60f0011bf4$exports, "isChrome", () => $59df4c60f0011bf4$export$6446a186d09e379e);
+$parcel$export($59df4c60f0011bf4$exports, "isAndroid", () => $59df4c60f0011bf4$export$a11b0059900ceec8);
+/*
+ * 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.
+ */ function $59df4c60f0011bf4$var$testUserAgent(re) {
+    return typeof window !== 'undefined' && window.navigator != null ? re.test(window.navigator.userAgent) : false;
 }
-
-function $b0986c1243f71db8e992f67117a1ed9$var$testUserAgent(re) {
-  return typeof window !== 'undefined' && window.navigator != null ? re.test(window.navigator.userAgent) : false;
+function $59df4c60f0011bf4$var$testPlatform(re) {
+    return typeof window !== 'undefined' && window.navigator != null ? re.test(window.navigator.platform) : false;
 }
-
-function $b0986c1243f71db8e992f67117a1ed9$var$testPlatform(re) {
-  return typeof window !== 'undefined' && window.navigator != null ? re.test(window.navigator.platform) : false;
+function $59df4c60f0011bf4$export$9ac100e40613ea10() {
+    return $59df4c60f0011bf4$var$testPlatform(/^Mac/);
 }
-
-export function isMac() {
-  return $b0986c1243f71db8e992f67117a1ed9$var$testPlatform(/^Mac/);
+function $59df4c60f0011bf4$export$186c6964ca17d99() {
+    return $59df4c60f0011bf4$var$testPlatform(/^iPhone/);
 }
-export function isIPhone() {
-  return $b0986c1243f71db8e992f67117a1ed9$var$testPlatform(/^iPhone/);
+function $59df4c60f0011bf4$export$7bef049ce92e4224() {
+    return $59df4c60f0011bf4$var$testPlatform(/^iPad/) || $59df4c60f0011bf4$export$9ac100e40613ea10() && navigator.maxTouchPoints > 1;
 }
-export function isIPad() {
-  return $b0986c1243f71db8e992f67117a1ed9$var$testPlatform(/^iPad/) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  isMac() && navigator.maxTouchPoints > 1;
+function $59df4c60f0011bf4$export$fedb369cb70207f1() {
+    return $59df4c60f0011bf4$export$186c6964ca17d99() || $59df4c60f0011bf4$export$7bef049ce92e4224();
 }
-export function isIOS() {
-  return isIPhone() || isIPad();
+function $59df4c60f0011bf4$export$e1865c3bedcd822b() {
+    return $59df4c60f0011bf4$export$9ac100e40613ea10() || $59df4c60f0011bf4$export$fedb369cb70207f1();
 }
-export function isAppleDevice() {
-  return isMac() || isIOS();
+function $59df4c60f0011bf4$export$78551043582a6a98() {
+    return $59df4c60f0011bf4$var$testUserAgent(/AppleWebKit/) && !$59df4c60f0011bf4$export$6446a186d09e379e();
 }
-export function isWebKit() {
-  return $b0986c1243f71db8e992f67117a1ed9$var$testUserAgent(/AppleWebKit/) && !isChrome();
+function $59df4c60f0011bf4$export$6446a186d09e379e() {
+    return $59df4c60f0011bf4$var$testUserAgent(/Chrome/);
 }
-export function isChrome() {
-  return $b0986c1243f71db8e992f67117a1ed9$var$testUserAgent(/Chrome/);
+function $59df4c60f0011bf4$export$a11b0059900ceec8() {
+    return $59df4c60f0011bf4$var$testUserAgent(/Android/);
 }
-export function isAndroid() {
-  return $b0986c1243f71db8e992f67117a1ed9$var$testUserAgent(/Android/);
+
+
+var $a3dca252611ad6b3$exports = {};
+
+$parcel$export($a3dca252611ad6b3$exports, "useEvent", () => $a3dca252611ad6b3$export$90fc3a17d93f704c);
+
+function $a3dca252611ad6b3$export$90fc3a17d93f704c(ref, event, handler1, options) {
+    let handlerRef = $5yePs$useRef(handler1);
+    handlerRef.current = handler1;
+    let isDisabled = handler1 == null;
+    $5yePs$useEffect(()=>{
+        if (isDisabled) return;
+        let element = ref.current;
+        let handler = (e)=>handlerRef.current.call(this, e)
+        ;
+        element.addEventListener(event, handler, options);
+        return ()=>{
+            element.removeEventListener(event, handler, options);
+        };
+    }, [
+        ref,
+        event,
+        options,
+        isDisabled
+    ]);
 }
-export function useEvent(ref, event, handler, options) {
-  let handlerRef = useRef(handler);
-  handlerRef.current = handler;
-  let isDisabled = handler == null;
-  useEffect(() => {
-    if (isDisabled) {
-      return;
-    }
 
-    let element = ref.current;
 
-    let handler = e => handlerRef.current.call(this, e);
+var $71eec9ddbfb7f6c6$exports = {};
+
+$parcel$export($71eec9ddbfb7f6c6$exports, "useValueEffect", () => $71eec9ddbfb7f6c6$export$14d238f342723f25);
 
-    element.addEventListener(event, handler, options);
-    return () => {
-      element.removeEventListener(event, handler, options);
+
+function $71eec9ddbfb7f6c6$export$14d238f342723f25(defaultValue) {
+    let [value, setValue] = $5yePs$useState(defaultValue);
+    let valueRef = $5yePs$useRef(value);
+    let effect = $5yePs$useRef(null);
+    valueRef.current = value;
+    // Store the function in a ref so we can always access the current version
+    // which has the proper `value` in scope.
+    let nextRef = $5yePs$useRef(null);
+    nextRef.current = ()=>{
+        // Run the generator to the next yield.
+        let newValue = effect.current.next();
+        // If the generator is done, reset the effect.
+        if (newValue.done) {
+            effect.current = null;
+            return;
+        }
+        // If the value is the same as the current value,
+        // then continue to the next yield. Otherwise,
+        // set the value in state and wait for the next layout effect.
+        if (value === newValue.value) nextRef.current();
+        else setValue(newValue.value);
     };
-  }, [ref, event, options, isDisabled]);
+    $5ac25c9c8ba077b3$export$e5c5a5f917a5871c(()=>{
+        // If there is an effect currently running, continue to the next yield.
+        if (effect.current) nextRef.current();
+    });
+    let queue = $5yePs$useCallback((fn)=>{
+        effect.current = fn(valueRef.current);
+        nextRef.current();
+    }, [
+        effect,
+        nextRef
+    ]);
+    return [
+        value,
+        queue
+    ];
+}
+
+
+var $f2c8e5a8b491ced1$exports = {};
+
+$parcel$export($f2c8e5a8b491ced1$exports, "scrollIntoView", () => $f2c8e5a8b491ced1$export$53a0910f038337bd);
+function $f2c8e5a8b491ced1$export$53a0910f038337bd(scrollView, element) {
+    let offsetX = $f2c8e5a8b491ced1$var$relativeOffset(scrollView, element, 'left');
+    let offsetY = $f2c8e5a8b491ced1$var$relativeOffset(scrollView, element, 'top');
+    let width = element.offsetWidth;
+    let height = element.offsetHeight;
+    let x = scrollView.scrollLeft;
+    let y = scrollView.scrollTop;
+    let maxX = x + scrollView.offsetWidth;
+    let maxY = y + scrollView.offsetHeight;
+    if (offsetX <= x) x = offsetX;
+    else if (offsetX + width > maxX) x += offsetX + width - maxX;
+    if (offsetY <= y) y = offsetY;
+    else if (offsetY + height > maxY) y += offsetY + height - maxY;
+    scrollView.scrollLeft = x;
+    scrollView.scrollTop = y;
 }
+/**
+ * Computes the offset left or top from child to ancestor by accumulating
+ * offsetLeft or offsetTop through intervening offsetParents.
+ */ function $f2c8e5a8b491ced1$var$relativeOffset(ancestor, child, axis) {
+    const prop = axis === 'left' ? 'offsetLeft' : 'offsetTop';
+    let sum = 0;
+    while(child.offsetParent){
+        sum += child[prop];
+        if (child.offsetParent === ancestor) break;
+        else if (child.offsetParent.contains(ancestor)) {
+            // If the ancestor is not `position:relative`, then we stop at
+            // _its_ offset parent, and we subtract off _its_ offset, so that
+            // we end up with the proper offset from child to ancestor.
+            sum -= ancestor[prop];
+            break;
+        }
+        child = child.offsetParent;
+    }
+    return sum;
+}
+
+
+
+
+export {$5b01a7ee7dba2d86$export$f680877a34711e37 as useId, $5b01a7ee7dba2d86$export$cd8c9cb68f842629 as mergeIds, $5b01a7ee7dba2d86$export$b4cc09c592e8fdb8 as useSlotId, $2a5eca539fe56811$export$e08e3b67e392101e as chain, $c42fb2a2f22e1846$export$9d1611c77c2fe928 as mergeProps, $f3859cd41d3e5b7d$export$457c3d6518dd4c6f as filterDOMProps, $1b46e2787874cd75$export$de79e2c695e052f3 as focusWithoutScrolling, $fbd35a31e994df41$export$622cea445a1c5b7d as getOffset, $691ac3ad1af88e64$re_export$clamp as clamp, $691ac3ad1af88e64$re_export$snapValueToStep as snapValueToStep, $51de12ccb2f75a87$export$24490316f764c430 as runAfterTransition, $b8aeddd69b238bce$export$7bbed75feba39706 as useDrag1D, $ce924e419b398d4c$export$4eaf04e54aa8eed6 as useGlobalListeners, $71a2c5844f2b60a4$export$d6875122194c7b44 as useLabels, $a235e7a487a1e81a$export$4338b53315abf666 as useObjectRef, $2a91c3126c559388$export$496315a1608d9602 as useUpdateEffect, $5ac25c9c8ba077b3$export$e5c5a5f917a5871c as useLayoutEffect, $3e864361342e1b32$export$683480f191c0e3ea as useResizeObserver, $0b7d7b0ae05ba812$export$4debdb1a3f0fa79e as useSyncRef, $0ac9283dcb18fed4$export$cfa2225e87938781 as getScrollParent, $9ab7274bc657ab6d$export$d699905dd57c73ca as useViewportSize, $eea11ba5aff18b32$export$f8aeda7b10753fa1 as useDescription, $59df4c60f0011bf4$export$9ac100e40613ea10 as isMac, $59df4c60f0011bf4$export$186c6964ca17d99 as isIPhone, $59df4c60f0011bf4$export$7bef049ce92e4224 as isIPad, $59df4c60f0011bf4$export$fedb369cb70207f1 as isIOS, $59df4c60f0011bf4$export$e1865c3bedcd822b as isAppleDevice, $59df4c60f0011bf4$export$78551043582a6a98 as isWebKit, $59df4c60f0011bf4$export$6446a186d09e379e as isChrome, $59df4c60f0011bf4$export$a11b0059900ceec8 as isAndroid, $a3dca252611ad6b3$export$90fc3a17d93f704c as useEvent, $71eec9ddbfb7f6c6$export$14d238f342723f25 as useValueEffect, $f2c8e5a8b491ced1$export$53a0910f038337bd as scrollIntoView};
 //# sourceMappingURL=module.js.map