@react-aria/utils 3.11.0 → 3.11.3

package/dist/module.js

@@ -1,984 +1,855 @@
-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, { useCallback, useEffect, useRef, useState } 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 $12uGp$react, {useRef as $12uGp$useRef, useState as $12uGp$useState, useEffect as $12uGp$useEffect, useCallback as $12uGp$useCallback} from "react";
+import {useSSRSafeId as $12uGp$useSSRSafeId} from "@react-aria/ssr";
+import $12uGp$clsx from "clsx";
+import {clamp as $103b0e103f1b5952$re_export$clamp, snapValueToStep as $103b0e103f1b5952$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 $bdb11010cef70236$exports = {};
 
-export function mergeIds(idA, idB) {
-  if (idA === idB) {
-    return idA;
-  }
+$parcel$export($bdb11010cef70236$exports, "useId", () => $bdb11010cef70236$export$f680877a34711e37);
+$parcel$export($bdb11010cef70236$exports, "mergeIds", () => $bdb11010cef70236$export$cd8c9cb68f842629);
+$parcel$export($bdb11010cef70236$exports, "useSlotId", () => $bdb11010cef70236$export$b4cc09c592e8fdb8);
 
-  let setIdA = $f8b5fdd96fb429d7102983f777c41307$var$idsUpdaterMap.get(idA);
+var $f0a04ccd8dbdd83b$exports = {};
 
-  if (setIdA) {
-    setIdA(idB);
-    return idB;
-  }
+$parcel$export($f0a04ccd8dbdd83b$exports, "useLayoutEffect", () => $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c);
 
-  let setIdB = $f8b5fdd96fb429d7102983f777c41307$var$idsUpdaterMap.get(idB);
+const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof window !== 'undefined' ? $12uGp$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.
- * @param depArray - When to recalculate if the id is in the DOM.
- */
-
-export function useSlotId(depArray) {
-  if (depArray === void 0) {
-    depArray = [];
-  }
-
-  let id = useId();
-  let [resolvedId, setResolvedId] = useValueEffect(id);
-  let updateId = useCallback(() => {
-    setResolvedId(function* () {
-      yield id;
-      yield document.getElementById(id) ? id : null;
-    });
-  }, [id, setResolvedId]);
-  useLayoutEffect(updateId, [id, updateId, ...depArray]);
-  return resolvedId;
-}
-
-/*
- * 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);
-      }
-    }
-  };
-}
 
-/**
- * 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;
-      }
-    }
-  }
 
-  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-.*)$/;
-/**
- * Filters out all props that aren't valid DOM props or defined via override prop obj.
- * @param props - The component props to be filtered.
- * @param opts - Props to override.
- */
-
-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 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
-    });
-  } 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;
+let $bdb11010cef70236$var$idsUpdaterMap = new Map();
+function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
+    let isRendering = $12uGp$useRef(true);
+    isRendering.current = true;
+    let [value, setValue] = $12uGp$useState(defaultId);
+    let nextId = $12uGp$useRef(null);
+    let res = $12uGp$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;
+    };
+    $bdb11010cef70236$var$idsUpdaterMap.set(res, updateValue);
+    $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{
+        isRendering.current = false;
+    }, [
+        updateValue
+    ]);
+    $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{
+        let r = res;
+        return ()=>{
+            $bdb11010cef70236$var$idsUpdaterMap.delete(r);
+        };
+    }, [
+        res
+    ]);
+    $12uGp$useEffect(()=>{
+        let newId = nextId.current;
+        if (newId) {
+            setValue(newId);
+            nextId.current = null;
         }
-
-      });
-    } catch (e) {// Ignore
+    }, [
+        setValue,
+        updateValue
+    ]);
+    return res;
+}
+function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
+    if (idA === idB) return idA;
+    let setIdA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);
+    if (setIdA) {
+        setIdA(idB);
+        return idB;
+    }
+    let setIdB = $bdb11010cef70236$var$idsUpdaterMap.get(idB);
+    if (setIdB) {
+        setIdB(idA);
+        return idA;
     }
-  }
-
-  return $bc7c9c3af78f5218ff72cecce15730$var$supportsPreventScrollCached;
+    return idB;
 }
-
-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
-      });
-    }
-
-    parent = parent.parentNode;
-  }
-
-  if (rootScrollingElement instanceof HTMLElement) {
-    scrollableElements.push({
-      element: rootScrollingElement,
-      scrollTop: rootScrollingElement.scrollTop,
-      scrollLeft: rootScrollingElement.scrollLeft
-    });
-  }
-
-  return scrollableElements;
+function $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {
+    let id = $bdb11010cef70236$export$f680877a34711e37();
+    let [resolvedId, setResolvedId] = $1dbecbe27a04f9af$export$14d238f342723f25(id);
+    let updateId = $12uGp$useCallback(()=>{
+        setResolvedId(function*() {
+            yield id;
+            yield document.getElementById(id) ? id : null;
+        });
+    }, [
+        id,
+        setResolvedId
+    ]);
+    $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(updateId, [
+        id,
+        updateId,
+        ...depArray
+    ]);
+    return resolvedId;
+}
+
+
+var $ff5963eb1fccf552$exports = {};
+
+$parcel$export($ff5963eb1fccf552$exports, "chain", () => $ff5963eb1fccf552$export$e08e3b67e392101e);
+function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
+    return (...args)=>{
+        for (let callback of callbacks)if (typeof callback === 'function') callback(...args);
+    };
 }
 
-function $bc7c9c3af78f5218ff72cecce15730$var$restoreScrollPosition(scrollableElements) {
-  for (let {
-    element,
-    scrollTop,
-    scrollLeft
-  } of scrollableElements) {
-    element.scrollTop = scrollTop;
-    element.scrollLeft = scrollLeft;
-  }
-}
 
-export function getOffset(element, reverse, orientation) {
-  if (orientation === void 0) {
-    orientation = 'horizontal';
-  }
+var $3ef42575df84b30b$exports = {};
 
-  let rect = element.getBoundingClientRect();
+$parcel$export($3ef42575df84b30b$exports, "mergeProps", () => $3ef42575df84b30b$export$9d1611c77c2fe928);
 
-  if (reverse) {
-    return orientation === 'horizontal' ? rect.right : rect.bottom;
-  }
 
-  return orientation === 'horizontal' ? rect.left : rect.top;
-}
-// 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);
+function $3ef42575df84b30b$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] = $ff5963eb1fccf552$export$e08e3b67e392101e(a, b);
+            else if ((key === 'className' || key === 'UNSAFE_className') && typeof a === 'string' && typeof b === 'string') result[key] = $12uGp$clsx(a, b);
+            else if (key === 'id' && a && b) result.id = $bdb11010cef70236$export$cd8c9cb68f842629(a, b);
+            else result[key] = b !== undefined ? b : a;
+        }
     }
+    return result;
+}
 
-    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.
+var $65484d02dcb7eb3e$exports = {};
 
-    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.
+$parcel$export($65484d02dcb7eb3e$exports, "filterDOMProps", () => $65484d02dcb7eb3e$export$457c3d6518dd4c6f);
+const $65484d02dcb7eb3e$var$DOMPropNames = new Set([
+    'id'
+]);
+const $65484d02dcb7eb3e$var$labelablePropNames = new Set([
+    'aria-label',
+    'aria-labelledby',
+    'aria-describedby',
+    'aria-details'
+]);
+const $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
+function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {
+}) {
+    let { labelable: labelable , propNames: propNames  } = opts;
+    let filteredProps = {
+    };
+    for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
+    return filteredProps;
+}
 
 
-    if ($b3e8d5c5f32fa26afa6df1b81f09b6b8$var$transitionsByElement.size === 0) {
-      for (let cb of $b3e8d5c5f32fa26afa6df1b81f09b6b8$var$transitionCallbacks) {
-        cb();
-      }
+var $7215afc6de606d6b$exports = {};
 
-      $b3e8d5c5f32fa26afa6df1b81f09b6b8$var$transitionCallbacks.clear();
+$parcel$export($7215afc6de606d6b$exports, "focusWithoutScrolling", () => $7215afc6de606d6b$export$de79e2c695e052f3);
+function $7215afc6de606d6b$export$de79e2c695e052f3(element) {
+    if ($7215afc6de606d6b$var$supportsPreventScroll()) element.focus({
+        preventScroll: true
+    });
+    else {
+        let scrollableElements = $7215afc6de606d6b$var$getScrollableElements(element);
+        element.focus();
+        $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements);
+    }
+}
+let $7215afc6de606d6b$var$supportsPreventScrollCached = null;
+function $7215afc6de606d6b$var$supportsPreventScroll() {
+    if ($7215afc6de606d6b$var$supportsPreventScrollCached == null) {
+        $7215afc6de606d6b$var$supportsPreventScrollCached = false;
+        try {
+            var focusElem = document.createElement('div');
+            focusElem.focus({
+                get preventScroll () {
+                    $7215afc6de606d6b$var$supportsPreventScrollCached = true;
+                    return true;
+                }
+            });
+        } catch (e) {
+        // Ignore
+        }
     }
-  };
-
-  document.body.addEventListener('transitionrun', onTransitionStart);
-  document.body.addEventListener('transitionend', onTransitionEnd);
+    return $7215afc6de606d6b$var$supportsPreventScrollCached;
+}
+function $7215afc6de606d6b$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;
+    }
+    if (rootScrollingElement instanceof HTMLElement) scrollableElements.push({
+        element: rootScrollingElement,
+        scrollTop: rootScrollingElement.scrollTop,
+        scrollLeft: rootScrollingElement.scrollLeft
+    });
+    return scrollableElements;
 }
-
-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);
+function $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {
+    for (let { element: element , scrollTop: scrollTop , scrollLeft: scrollLeft  } of scrollableElements){
+        element.scrollTop = scrollTop;
+        element.scrollLeft = scrollLeft;
     }
-  });
 }
-// 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;
 
-    if (onPositionChange) {
-      onPositionChange(nextOffset);
-    }
-  };
+var $ab71dadb03a6fb2e$exports = {};
 
-  let onMouseUp = e => {
-    const target = e.target;
-    dragging.current = false;
-    let nextOffset = getNextOffset(e);
-
-    if (handlers.current.onDrag) {
-      handlers.current.onDrag(false);
-    }
+$parcel$export($ab71dadb03a6fb2e$exports, "getOffset", () => $ab71dadb03a6fb2e$export$622cea445a1c5b7d);
+function $ab71dadb03a6fb2e$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 (handlers.current.onPositionChange) {
-      handlers.current.onPositionChange(nextOffset);
-    }
 
-    $be9622dfd8e876c0943b0b4e429554f3$var$draggingElements.splice($be9622dfd8e876c0943b0b4e429554f3$var$draggingElements.indexOf(target), 1);
-    window.removeEventListener('mouseup', onMouseUp, false);
-    window.removeEventListener('mousemove', onMouseDragged, false);
-  };
+var $103b0e103f1b5952$exports = {};
 
-  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.
+$parcel$export($103b0e103f1b5952$exports, "clamp", () => $103b0e103f1b5952$re_export$clamp);
+$parcel$export($103b0e103f1b5952$exports, "snapValueToStep", () => $103b0e103f1b5952$re_export$snapValueToStep);
 
-    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);
-  };
 
-  let onMouseEnter = () => {
-    if (onHover) {
-      onHover(true);
-    }
-  };
+var $bbed8b41f857bcc0$exports = {};
 
-  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();
-          }
+$parcel$export($bbed8b41f857bcc0$exports, "runAfterTransition", () => $bbed8b41f857bcc0$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 $bbed8b41f857bcc0$var$transitionsByElement = new Map();
+// A list of callbacks to call once there are no transitioning elements.
+let $bbed8b41f857bcc0$var$transitionCallbacks = new Set();
+function $bbed8b41f857bcc0$var$setupGlobalEvents() {
+    if (typeof window === 'undefined') return;
+    let onTransitionStart = (e)=>{
+        // Add the transitioning property to the list for this element.
+        let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
+        if (!transitions) {
+            transitions = new Set();
+            $bbed8b41f857bcc0$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);
         }
-
-        break;
-
-      case 'Up':
-      case 'ArrowUp':
-        if (orientation === 'vertical') {
-          e.preventDefault();
-
-          if (onDecrement && !reverse) {
-            onDecrement();
-          } else if (onIncrement && reverse) {
-            onIncrement();
-          }
+        transitions.add(e.propertyName);
+    };
+    let onTransitionEnd = (e)=>{
+        // Remove property from list of transitioning properties.
+        let properties = $bbed8b41f857bcc0$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);
+            $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);
         }
-
-        break;
-
-      case 'Right':
-      case 'ArrowRight':
-        if (orientation === 'horizontal') {
-          e.preventDefault();
-
-          if (onIncrement && !reverse) {
-            onIncrement();
-          } else if (onDecrement && reverse) {
-            onDecrement();
-          }
+        // If no transitioning elements, call all of the queued callbacks.
+        if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {
+            for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks)cb();
+            $bbed8b41f857bcc0$var$transitionCallbacks.clear();
         }
+    };
+    document.body.addEventListener('transitionrun', onTransitionStart);
+    document.body.addEventListener('transitionend', onTransitionEnd);
+}
+if (typeof document !== 'undefined') {
+    if (document.readyState !== 'loading') $bbed8b41f857bcc0$var$setupGlobalEvents();
+    else document.addEventListener('DOMContentLoaded', $bbed8b41f857bcc0$var$setupGlobalEvents);
+}
+function $bbed8b41f857bcc0$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 ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) fn();
+        else $bbed8b41f857bcc0$var$transitionCallbacks.add(fn);
+    });
+}
 
-        break;
 
-      case 'Down':
-      case 'ArrowDown':
-        if (orientation === 'vertical') {
-          e.preventDefault();
+var $9cc09df9fd7676be$exports = {};
 
-          if (onIncrement && !reverse) {
-            onIncrement();
-          } else if (onDecrement && reverse) {
-            onDecrement();
-          }
-        }
+$parcel$export($9cc09df9fd7676be$exports, "useDrag1D", () => $9cc09df9fd7676be$export$7bbed75feba39706);
 
-        break;
 
-      case 'Home':
+// 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 $9cc09df9fd7676be$var$draggingElements = [];
+function $9cc09df9fd7676be$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 = $ab71dadb03a6fb2e$export$622cea445a1c5b7d(containerRef.current, reverse, orientation);
+        let mouseOffset = getPosition(e);
+        let nextOffset = reverse ? containerOffset - mouseOffset : mouseOffset - containerOffset;
+        return nextOffset;
+    };
+    let dragging = $12uGp$useRef(false);
+    let prevPosition = $12uGp$useRef(0);
+    // Keep track of the current handlers in a ref so that the events can access them.
+    let handlers = $12uGp$useRef({
+        onPositionChange: onPositionChange,
+        onDrag: onDrag
+    });
+    handlers.current.onDrag = onDrag;
+    handlers.current.onPositionChange = onPositionChange;
+    let onMouseDragged = (e)=>{
         e.preventDefault();
-
-        if (onDecrementToMin) {
-          onDecrementToMin();
+        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);
+        $9cc09df9fd7676be$var$draggingElements.splice($9cc09df9fd7676be$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 ($9cc09df9fd7676be$var$draggingElements.some((elt)=>target.contains(elt)
+        )) return;
+        $9cc09df9fd7676be$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
+    };
+}
 
-        break;
-
-      case 'End':
-        e.preventDefault();
 
-        if (onIncrementToMax) {
-          onIncrementToMax();
-        }
+var $03deb23ff14920c4$exports = {};
+
+$parcel$export($03deb23ff14920c4$exports, "useGlobalListeners", () => $03deb23ff14920c4$export$4eaf04e54aa8eed6);
+
+function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
+    let globalListeners = $12uGp$useRef(new Map());
+    let addGlobalListener = $12uGp$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 = $12uGp$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 = $12uGp$useCallback(()=>{
+        globalListeners.current.forEach((value, key)=>{
+            removeGlobalListener(value.eventTarget, value.type, key, value.options);
+        });
+    }, [
+        removeGlobalListener
+    ]);
+    // eslint-disable-next-line arrow-body-style
+    $12uGp$useEffect(()=>{
+        return removeAllGlobalListeners;
+    }, [
+        removeAllGlobalListeners
+    ]);
+    return {
+        addGlobalListener: addGlobalListener,
+        removeGlobalListener: removeGlobalListener,
+        removeAllGlobalListeners: removeAllGlobalListeners
+    };
+}
 
-        break;
 
-      case 'Enter':
-        e.preventDefault();
+var $313b98861ee5dd6c$exports = {};
+
+$parcel$export($313b98861ee5dd6c$exports, "useLabels", () => $313b98861ee5dd6c$export$d6875122194c7b44);
+
+function $313b98861ee5dd6c$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 = $bdb11010cef70236$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
+    };
+}
 
-        if (onCollapseToggle) {
-          onCollapseToggle();
-        }
 
-        break;
-    }
-  };
-
-  return {
-    onMouseDown,
-    onMouseEnter,
-    onMouseOut,
-    onKeyDown
-  };
-}
-export function useGlobalListeners() {
-  let globalListeners = useRef(new Map());
-  let addGlobalListener = useCallback((eventTarget, type, listener, options) => {
-    // Make sure we remove the listener after it is called with the `once` option.
-    let fn = options != null && options.once ? function () {
-      globalListeners.current.delete(listener);
-      listener(...arguments);
-    } : listener;
-    globalListeners.current.set(listener, {
-      type,
-      eventTarget,
-      fn,
-      options
-    });
-    eventTarget.addEventListener(type, listener, options);
-  }, []);
-  let removeGlobalListener = useCallback((eventTarget, type, listener, options) => {
-    var _globalListeners$curr;
-
-    let fn = ((_globalListeners$curr = globalListeners.current.get(listener)) == null ? void 0 : _globalListeners$curr.fn) || listener;
-    eventTarget.removeEventListener(type, fn, options);
-    globalListeners.current.delete(listener);
-  }, []);
-  let removeAllGlobalListeners = useCallback(() => {
-    globalListeners.current.forEach((value, key) => {
-      removeGlobalListener(value.eventTarget, value.type, key, value.options);
-    });
-  }, [removeGlobalListener]); // eslint-disable-next-line arrow-body-style
+var $df56164dff5785e2$exports = {};
 
-  useEffect(() => {
-    return removeAllGlobalListeners;
-  }, [removeAllGlobalListeners]);
-  return {
-    addGlobalListener,
-    removeGlobalListener,
-    removeAllGlobalListeners
-  };
-}
+$parcel$export($df56164dff5785e2$exports, "useObjectRef", () => $df56164dff5785e2$export$4338b53315abf666);
 
-/**
- * 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
-  };
-}
 
-/**
- * Offers an object ref for a given callback ref or an object ref. Especially
- * helfpul when passing forwarded refs (created using `React.forwardRef`) to
- * React Aria Hooks.
- *
- * @param forwardedRef The original ref intended to be used.
- * @returns An object ref that updates the given ref.
- * @see https://reactjs.org/docs/forwarding-refs.html
- */
-export function useObjectRef(forwardedRef) {
-  const objRef = useRef();
-  /**
+function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
+    const objRef = $12uGp$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.
-   */
-
-  useLayoutEffect(() => {
-    if (!forwardedRef) {
-      return;
-    }
-
-    if (typeof forwardedRef === 'function') {
-      forwardedRef(objRef.current);
-    } else {
-      forwardedRef.current = objRef.current;
-    }
-  }, [forwardedRef]);
-  return objRef;
-}
-// 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';
+   */ $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{
+        if (!forwardedRef) return;
+        if (typeof forwardedRef === 'function') forwardedRef(objRef.current);
+        else forwardedRef.current = objRef.current;
+    }, [
+        forwardedRef
+    ]);
+    return objRef;
+}
+
+
+var $4f58c5f72bcf79f7$exports = {};
+
+$parcel$export($4f58c5f72bcf79f7$exports, "useUpdateEffect", () => $4f58c5f72bcf79f7$export$496315a1608d9602);
+
+function $4f58c5f72bcf79f7$export$496315a1608d9602(effect, dependencies) {
+    const isInitialMount = $12uGp$useRef(true);
+    $12uGp$useEffect(()=>{
+        if (isInitialMount.current) isInitialMount.current = false;
+        else effect();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, dependencies);
+}
+
+
+
+var $9daab02d461809db$exports = {};
+
+$parcel$export($9daab02d461809db$exports, "useResizeObserver", () => $9daab02d461809db$export$683480f191c0e3ea);
+
+function $9daab02d461809db$var$hasResizeObserver() {
+    return typeof window.ResizeObserver !== 'undefined';
+}
+function $9daab02d461809db$export$683480f191c0e3ea(options) {
+    const { ref: ref , onResize: onResize  } = options;
+    $12uGp$useEffect(()=>{
+        let element = ref === null || ref === void 0 ? void 0 : ref.current;
+        if (!element) return;
+        if (!$9daab02d461809db$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
+    ]);
 }
 
-export function useResizeObserver(options) {
-  const {
-    ref,
-    onResize
-  } = options;
-  useEffect(() => {
-    let element = ref == null ? void 0 : ref.current;
 
-    if (!element) {
-      return;
-    }
+var $e7801be82b4b2a53$exports = {};
 
-    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;
-        }
+$parcel$export($e7801be82b4b2a53$exports, "useSyncRef", () => $e7801be82b4b2a53$export$4debdb1a3f0fa79e);
 
-        onResize();
-      });
-      resizeObserverInstance.observe(element);
-      return () => {
-        if (element) {
-          resizeObserverInstance.unobserve(element);
+function $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref) {
+    $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{
+        if (context && context.ref && ref) {
+            context.ref.current = ref.current;
+            return ()=>{
+                context.ref.current = null;
+            };
         }
-      };
-    }
-  }, [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]);
+    }, [
+        context,
+        ref
+    ]);
 }
-export function getScrollParent(node) {
-  while (node && !$a164c39662575b65a0b01a73e313e5$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);
+var $62d8ded9296f3872$exports = {};
+
+$parcel$export($62d8ded9296f3872$exports, "getScrollParent", () => $62d8ded9296f3872$export$cfa2225e87938781);
+function $62d8ded9296f3872$export$cfa2225e87938781(node) {
+    while(node && !$62d8ded9296f3872$var$isScrollable(node))node = node.parentElement;
+    return node || document.scrollingElement || document.documentElement;
+}
+function $62d8ded9296f3872$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 $5df64b3807dc15ee$exports = {};
 
-    if (!$d662329747d896105af008c761523$var$visualViewport) {
-      window.addEventListener('resize', onResize);
-    } else {
-      $d662329747d896105af008c761523$var$visualViewport.addEventListener('resize', onResize);
-    }
+$parcel$export($5df64b3807dc15ee$exports, "useViewportSize", () => $5df64b3807dc15ee$export$d699905dd57c73ca);
 
-    return () => {
-      if (!$d662329747d896105af008c761523$var$visualViewport) {
-        window.removeEventListener('resize', onResize);
-      } else {
-        $d662329747d896105af008c761523$var$visualViewport.removeEventListener('resize', onResize);
-      }
+// @ts-ignore
+let $5df64b3807dc15ee$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
+function $5df64b3807dc15ee$export$d699905dd57c73ca() {
+    let [size1, setSize] = $12uGp$useState(()=>$5df64b3807dc15ee$var$getViewportSize()
+    );
+    $12uGp$useEffect(()=>{
+        // Use visualViewport api to track available height even on iOS virtual keyboard opening
+        let onResize = ()=>{
+            setSize((size)=>{
+                let newSize = $5df64b3807dc15ee$var$getViewportSize();
+                if (newSize.width === size.width && newSize.height === size.height) return size;
+                return newSize;
+            });
+        };
+        if (!$5df64b3807dc15ee$var$visualViewport) window.addEventListener('resize', onResize);
+        else $5df64b3807dc15ee$var$visualViewport.addEventListener('resize', onResize);
+        return ()=>{
+            if (!$5df64b3807dc15ee$var$visualViewport) window.removeEventListener('resize', onResize);
+            else $5df64b3807dc15ee$var$visualViewport.removeEventListener('resize', onResize);
+        };
+    }, []);
+    return size1;
+}
+function $5df64b3807dc15ee$var$getViewportSize() {
+    return {
+        width: ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.width) || window.innerWidth,
+        height: ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$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
-  };
+
+var $ef06256079686ba0$exports = {};
+
+$parcel$export($ef06256079686ba0$exports, "useDescription", () => $ef06256079686ba0$export$f8aeda7b10753fa1);
+
+
+let $ef06256079686ba0$var$descriptionId = 0;
+const $ef06256079686ba0$var$descriptionNodes = new Map();
+function $ef06256079686ba0$export$f8aeda7b10753fa1(description) {
+    let [id1, setId] = $12uGp$useState(null);
+    $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{
+        if (!description) return;
+        let desc = $ef06256079686ba0$var$descriptionNodes.get(description);
+        if (!desc) {
+            let id = `react-aria-description-${$ef06256079686ba0$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
+            };
+            $ef06256079686ba0$var$descriptionNodes.set(description, desc);
+        } else setId(desc.element.id);
+        desc.refCount++;
+        return ()=>{
+            if (--desc.refCount === 0) {
+                desc.element.remove();
+                $ef06256079686ba0$var$descriptionNodes.delete(description);
+            }
+        };
+    }, [
+        description
+    ]);
+    return {
+        'aria-describedby': description ? id1 : undefined
+    };
 }
 
-let $c8aa524f123a75a64d51e06d16b9568$var$descriptionId = 0;
-const $c8aa524f123a75a64d51e06d16b9568$var$descriptionNodes = new Map();
-export function useDescription(description) {
-  let [id, setId] = useState(null);
-  useLayoutEffect(() => {
-    if (!description) {
-      return;
-    }
 
-    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);
-    }
+var $c87311424ea30a05$exports = {};
 
-    desc.refCount++;
-    return () => {
-      if (--desc.refCount === 0) {
-        desc.element.remove();
-        $c8aa524f123a75a64d51e06d16b9568$var$descriptionNodes.delete(description);
-      }
-    };
-  }, [description]);
-  return {
-    'aria-describedby': description ? id : undefined
-  };
+$parcel$export($c87311424ea30a05$exports, "isMac", () => $c87311424ea30a05$export$9ac100e40613ea10);
+$parcel$export($c87311424ea30a05$exports, "isIPhone", () => $c87311424ea30a05$export$186c6964ca17d99);
+$parcel$export($c87311424ea30a05$exports, "isIPad", () => $c87311424ea30a05$export$7bef049ce92e4224);
+$parcel$export($c87311424ea30a05$exports, "isIOS", () => $c87311424ea30a05$export$fedb369cb70207f1);
+$parcel$export($c87311424ea30a05$exports, "isAppleDevice", () => $c87311424ea30a05$export$e1865c3bedcd822b);
+$parcel$export($c87311424ea30a05$exports, "isWebKit", () => $c87311424ea30a05$export$78551043582a6a98);
+$parcel$export($c87311424ea30a05$exports, "isChrome", () => $c87311424ea30a05$export$6446a186d09e379e);
+$parcel$export($c87311424ea30a05$exports, "isAndroid", () => $c87311424ea30a05$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 $c87311424ea30a05$var$testUserAgent(re) {
+    var ref;
+    if (typeof window === 'undefined' || window.navigator == null) return false;
+    return ((ref = window.navigator['userAgentData']) === null || ref === void 0 ? void 0 : ref.brands.some((brand)=>re.test(brand.brand)
+    )) || re.test(window.navigator.userAgent);
 }
-
-function $b0986c1243f71db8e992f67117a1ed9$var$testUserAgent(re) {
-  return typeof window !== 'undefined' && window.navigator != null ? re.test(window.navigator.userAgent) : false;
+function $c87311424ea30a05$var$testPlatform(re) {
+    return typeof window !== 'undefined' && window.navigator != null ? re.test((window.navigator['userAgentData'] || window.navigator).platform) : false;
 }
-
-function $b0986c1243f71db8e992f67117a1ed9$var$testPlatform(re) {
-  return typeof window !== 'undefined' && window.navigator != null ? re.test(window.navigator.platform) : false;
+function $c87311424ea30a05$export$9ac100e40613ea10() {
+    return $c87311424ea30a05$var$testPlatform(/^Mac/i);
 }
-
-export function isMac() {
-  return $b0986c1243f71db8e992f67117a1ed9$var$testPlatform(/^Mac/);
+function $c87311424ea30a05$export$186c6964ca17d99() {
+    return $c87311424ea30a05$var$testPlatform(/^iPhone/i);
 }
-export function isIPhone() {
-  return $b0986c1243f71db8e992f67117a1ed9$var$testPlatform(/^iPhone/);
+function $c87311424ea30a05$export$7bef049ce92e4224() {
+    return $c87311424ea30a05$var$testPlatform(/^iPad/i) || $c87311424ea30a05$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 $c87311424ea30a05$export$fedb369cb70207f1() {
+    return $c87311424ea30a05$export$186c6964ca17d99() || $c87311424ea30a05$export$7bef049ce92e4224();
 }
-export function isIOS() {
-  return isIPhone() || isIPad();
+function $c87311424ea30a05$export$e1865c3bedcd822b() {
+    return $c87311424ea30a05$export$9ac100e40613ea10() || $c87311424ea30a05$export$fedb369cb70207f1();
 }
-export function isAppleDevice() {
-  return isMac() || isIOS();
+function $c87311424ea30a05$export$78551043582a6a98() {
+    return $c87311424ea30a05$var$testUserAgent(/AppleWebKit/i) && !$c87311424ea30a05$export$6446a186d09e379e();
 }
-export function isWebKit() {
-  return $b0986c1243f71db8e992f67117a1ed9$var$testUserAgent(/AppleWebKit/) && !isChrome();
+function $c87311424ea30a05$export$6446a186d09e379e() {
+    return $c87311424ea30a05$var$testUserAgent(/Chrome/i);
 }
-export function isChrome() {
-  return $b0986c1243f71db8e992f67117a1ed9$var$testUserAgent(/Chrome/);
+function $c87311424ea30a05$export$a11b0059900ceec8() {
+    return $c87311424ea30a05$var$testUserAgent(/Android/i);
 }
-export function isAndroid() {
-  return $b0986c1243f71db8e992f67117a1ed9$var$testUserAgent(/Android/);
+
+
+var $e9faafb641e167db$exports = {};
+
+$parcel$export($e9faafb641e167db$exports, "useEvent", () => $e9faafb641e167db$export$90fc3a17d93f704c);
+
+function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler1, options) {
+    let handlerRef = $12uGp$useRef(handler1);
+    handlerRef.current = handler1;
+    let isDisabled = handler1 == null;
+    $12uGp$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 $1dbecbe27a04f9af$exports = {};
 
-    element.addEventListener(event, handler, options);
-    return () => {
-      element.removeEventListener(event, handler, options);
-    };
-  }, [ref, event, options, isDisabled]);
-}
-// This hook works like `useState`, but when setting the value, you pass a generator function
-// that can yield multiple values. Each yielded value updates the state and waits for the next
-// layout effect, then continues the generator. This allows sequential updates to state to be
-// written linearly.
-export function useValueEffect(defaultValue) {
-  let [value, setValue] = useState(defaultValue);
-  let valueRef = useRef(value);
-  let effect = 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 = 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);
-    }
-  };
+$parcel$export($1dbecbe27a04f9af$exports, "useValueEffect", () => $1dbecbe27a04f9af$export$14d238f342723f25);
 
-  useLayoutEffect(() => {
-    // If there is an effect currently running, continue to the next yield.
-    if (effect.current) {
-      nextRef.current();
-    }
-  });
-  let queue = useCallback(fn => {
-    effect.current = fn(valueRef.current);
-    nextRef.current();
-  }, [effect, nextRef]);
-  return [value, queue];
-}
-export function scrollIntoView(scrollView, element) {
-  let offsetX = $ee7b96dbd8c9e13f6bb9633061c3e9d$var$relativeOffset(scrollView, element, 'left');
-  let offsetY = $ee7b96dbd8c9e13f6bb9633061c3e9d$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;
+
+function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
+    let [value, setValue] = $12uGp$useState(defaultValue);
+    let valueRef = $12uGp$useRef(value);
+    let effect = $12uGp$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 = $12uGp$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);
+    };
+    $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{
+        // If there is an effect currently running, continue to the next yield.
+        if (effect.current) nextRef.current();
+    });
+    let queue = $12uGp$useCallback((fn)=>{
+        effect.current = fn(valueRef.current);
+        nextRef.current();
+    }, [
+        effect,
+        nextRef
+    ]);
+    return [
+        value,
+        queue
+    ];
+}
+
+
+var $2f04cbc44ee30ce0$exports = {};
+
+$parcel$export($2f04cbc44ee30ce0$exports, "scrollIntoView", () => $2f04cbc44ee30ce0$export$53a0910f038337bd);
+function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
+    let offsetX = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, 'left');
+    let offsetY = $2f04cbc44ee30ce0$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 $ee7b96dbd8c9e13f6bb9633061c3e9d$var$relativeOffset(ancestor, child, axis) {
-  const prop = axis === 'left' ? 'offsetLeft' : 'offsetTop';
-  let sum = 0;
-
-  while (child.offsetParent) {
-    sum += child[prop];
-
-    if (child.offsetParent === ancestor) {
-      // Stop once we have found the ancestor we are interested in.
-      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;
+ */ function $2f04cbc44ee30ce0$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;
+}
 
-    child = child.offsetParent;
-  }
 
-  return sum;
-}
+
+
+export {$bdb11010cef70236$export$f680877a34711e37 as useId, $bdb11010cef70236$export$cd8c9cb68f842629 as mergeIds, $bdb11010cef70236$export$b4cc09c592e8fdb8 as useSlotId, $ff5963eb1fccf552$export$e08e3b67e392101e as chain, $3ef42575df84b30b$export$9d1611c77c2fe928 as mergeProps, $65484d02dcb7eb3e$export$457c3d6518dd4c6f as filterDOMProps, $7215afc6de606d6b$export$de79e2c695e052f3 as focusWithoutScrolling, $ab71dadb03a6fb2e$export$622cea445a1c5b7d as getOffset, $103b0e103f1b5952$re_export$clamp as clamp, $103b0e103f1b5952$re_export$snapValueToStep as snapValueToStep, $bbed8b41f857bcc0$export$24490316f764c430 as runAfterTransition, $9cc09df9fd7676be$export$7bbed75feba39706 as useDrag1D, $03deb23ff14920c4$export$4eaf04e54aa8eed6 as useGlobalListeners, $313b98861ee5dd6c$export$d6875122194c7b44 as useLabels, $df56164dff5785e2$export$4338b53315abf666 as useObjectRef, $4f58c5f72bcf79f7$export$496315a1608d9602 as useUpdateEffect, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as useLayoutEffect, $9daab02d461809db$export$683480f191c0e3ea as useResizeObserver, $e7801be82b4b2a53$export$4debdb1a3f0fa79e as useSyncRef, $62d8ded9296f3872$export$cfa2225e87938781 as getScrollParent, $5df64b3807dc15ee$export$d699905dd57c73ca as useViewportSize, $ef06256079686ba0$export$f8aeda7b10753fa1 as useDescription, $c87311424ea30a05$export$9ac100e40613ea10 as isMac, $c87311424ea30a05$export$186c6964ca17d99 as isIPhone, $c87311424ea30a05$export$7bef049ce92e4224 as isIPad, $c87311424ea30a05$export$fedb369cb70207f1 as isIOS, $c87311424ea30a05$export$e1865c3bedcd822b as isAppleDevice, $c87311424ea30a05$export$78551043582a6a98 as isWebKit, $c87311424ea30a05$export$6446a186d09e379e as isChrome, $c87311424ea30a05$export$a11b0059900ceec8 as isAndroid, $e9faafb641e167db$export$90fc3a17d93f704c as useEvent, $1dbecbe27a04f9af$export$14d238f342723f25 as useValueEffect, $2f04cbc44ee30ce0$export$53a0910f038337bd as scrollIntoView};
 //# sourceMappingURL=module.js.map