@react-spectrum/utils 3.6.0 → 3.6.4

package/dist/module.js

@@ -1,567 +1,757 @@
-import { mergeProps, useLayoutEffect, useResizeObserver } from "@react-aria/utils";
-export { useResizeObserver };
-import { useLocale } from "@react-aria/i18n";
-import _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
-import { useIsSSR } from "@react-aria/ssr";
-import _react, { useEffect, useState, useImperativeHandle, useMemo, useRef, useContext, useCallback } from "react";
-import _clsx from "clsx";
-export let shouldKeepSpectrumClassNames = false;
-export function keepSpectrumClassNames() {
-  shouldKeepSpectrumClassNames = true;
-  console.warn('Legacy spectrum-prefixed class names enabled for backward compatibility. ' + 'We recommend replacing instances of CSS overrides targeting spectrum selectors ' + 'in your app with custom class names of your own, and disabling this flag.');
-}
-export function classNames(cssModule) {
-  let classes = [];
-
-  for (var _len = arguments.length, values = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    values[_key - 1] = arguments[_key];
-  }
-
-  for (let value of values) {
-    if (typeof value === 'object' && value) {
-      let mapped = {};
-
-      for (let key in value) {
-        if (cssModule[key]) {
-          mapped[cssModule[key]] = value[key];
-        }
-
-        if (shouldKeepSpectrumClassNames || !cssModule[key]) {
-          mapped[key] = value[key];
-        }
-      }
-
-      classes.push(mapped);
-    } else if (typeof value === 'string') {
-      if (cssModule[value]) {
-        classes.push(cssModule[value]);
-      }
-
-      if (shouldKeepSpectrumClassNames || !cssModule[value]) {
-        classes.push(value);
-      }
-    } else {
-      classes.push(value);
+import $9I0Kc$clsx from "clsx";
+import $9I0Kc$react, {useState as $9I0Kc$useState, useEffect as $9I0Kc$useEffect, useRef as $9I0Kc$useRef, useImperativeHandle as $9I0Kc$useImperativeHandle, useMemo as $9I0Kc$useMemo, useContext as $9I0Kc$useContext} from "react";
+import {useIsSSR as $9I0Kc$useIsSSR} from "@react-aria/ssr";
+import {useLocale as $9I0Kc$useLocale} from "@react-aria/i18n";
+import {mergeProps as $9I0Kc$mergeProps, useLayoutEffect as $9I0Kc$useLayoutEffect, useResizeObserver as $3915b78ba521dce6$re_export$useResizeObserver, useValueEffect as $f72f631d5fb3de5b$re_export$useValueEffect} from "@react-aria/utils";
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $420114a836890f1d$exports = {};
+
+$parcel$export($420114a836890f1d$exports, "shouldKeepSpectrumClassNames", () => $420114a836890f1d$export$46d604dce8bf8724);
+$parcel$export($420114a836890f1d$exports, "keepSpectrumClassNames", () => $420114a836890f1d$export$f9d3bfd10703eb31);
+$parcel$export($420114a836890f1d$exports, "classNames", () => $420114a836890f1d$export$ce4ab0c55987d1ff);
+
+let $420114a836890f1d$export$46d604dce8bf8724 = false;
+function $420114a836890f1d$export$f9d3bfd10703eb31() {
+    $420114a836890f1d$export$46d604dce8bf8724 = true;
+    console.warn("Legacy spectrum-prefixed class names enabled for backward compatibility. We recommend replacing instances of CSS overrides targeting spectrum selectors in your app with custom class names of your own, and disabling this flag.");
+}
+function $420114a836890f1d$export$ce4ab0c55987d1ff(cssModule, ...values) {
+    let classes = [];
+    for (let value of values){
+        if (typeof value === 'object' && value) {
+            let mapped = {
+            };
+            for(let key in value){
+                if (cssModule[key]) mapped[cssModule[key]] = value[key];
+                if ($420114a836890f1d$export$46d604dce8bf8724 || !cssModule[key]) mapped[key] = value[key];
+            }
+            classes.push(mapped);
+        } else if (typeof value === 'string') {
+            if (cssModule[value]) classes.push(cssModule[value]);
+            if ($420114a836890f1d$export$46d604dce8bf8724 || !cssModule[value]) classes.push(value);
+        } else classes.push(value);
     }
-  }
-
-  return _clsx(...classes);
+    return $9I0Kc$clsx(...classes);
 }
-export function getWrappedElement(children) {
-  let element;
 
-  if (typeof children === 'string') {
-    element = /*#__PURE__*/_react.createElement("span", null, children);
-  } else {
-    element = _react.Children.only(children);
-  }
 
-  return element;
+var $a7c9287e7f1e1835$exports = {};
+
+$parcel$export($a7c9287e7f1e1835$exports, "getWrappedElement", () => $a7c9287e7f1e1835$export$a5f5a6912b18861c);
+
+function $a7c9287e7f1e1835$export$a5f5a6912b18861c(children) {
+    let element;
+    if (typeof children === 'string') element = /*#__PURE__*/ $9I0Kc$react.createElement("span", null, children);
+    else element = $9I0Kc$react.Children.only(children);
+    return element;
 }
-export function useMediaQuery(query) {
-  let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';
-  let [matches, setMatches] = useState(() => supportsMatchMedia ? window.matchMedia(query).matches : false);
-  useEffect(() => {
-    if (!supportsMatchMedia) {
-      return;
-    }
 
-    let mq = window.matchMedia(query);
 
-    let onChange = evt => {
-      setMatches(evt.matches);
-    };
+var $1a2628299d1b2ee9$exports = {};
 
-    mq.addListener(onChange);
-    return () => {
-      mq.removeListener(onChange);
-    };
-  }, [supportsMatchMedia, query]); // If in SSR, the media query should never match. Once the page hydrates,
-  // this will update and the real value will be returned.
+$parcel$export($1a2628299d1b2ee9$exports, "useMediaQuery", () => $1a2628299d1b2ee9$export$32d5543ab307c01);
 
-  let isSSR = useIsSSR();
-  return isSSR ? false : matches;
-}
-export function createDOMRef(ref) {
-  return {
-    UNSAFE_getDOMNode() {
-      return ref.current;
-    }
 
-  };
+function $1a2628299d1b2ee9$export$32d5543ab307c01(query) {
+    let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';
+    let [matches, setMatches] = $9I0Kc$useState(()=>supportsMatchMedia ? window.matchMedia(query).matches : false
+    );
+    $9I0Kc$useEffect(()=>{
+        if (!supportsMatchMedia) return;
+        let mq = window.matchMedia(query);
+        let onChange = (evt)=>{
+            setMatches(evt.matches);
+        };
+        mq.addListener(onChange);
+        return ()=>{
+            mq.removeListener(onChange);
+        };
+    }, [
+        supportsMatchMedia,
+        query
+    ]);
+    // If in SSR, the media query should never match. Once the page hydrates,
+    // this will update and the real value will be returned.
+    let isSSR = $9I0Kc$useIsSSR();
+    return isSSR ? false : matches;
 }
-export function createFocusableRef(domRef, focusableRef) {
-  if (focusableRef === void 0) {
-    focusableRef = domRef;
-  }
 
-  return _babelRuntimeHelpersEsmExtends({}, createDOMRef(domRef), {
-    focus() {
-      if (focusableRef.current) {
-        focusableRef.current.focus();
-      }
-    }
 
-  });
-}
-export function useDOMRef(ref) {
-  let domRef = useRef(null);
-  useImperativeHandle(ref, () => createDOMRef(domRef));
-  return domRef;
+var $af4acf03371fba42$exports = {};
+
+$parcel$export($af4acf03371fba42$exports, "createDOMRef", () => $af4acf03371fba42$export$a5795cc979dfae80);
+$parcel$export($af4acf03371fba42$exports, "createFocusableRef", () => $af4acf03371fba42$export$79d69eee6ae4b329);
+$parcel$export($af4acf03371fba42$exports, "useDOMRef", () => $af4acf03371fba42$export$c2c55ef9111cafd8);
+$parcel$export($af4acf03371fba42$exports, "useFocusableRef", () => $af4acf03371fba42$export$96a734597687c040);
+$parcel$export($af4acf03371fba42$exports, "unwrapDOMRef", () => $af4acf03371fba42$export$c7e28c72a4823176);
+$parcel$export($af4acf03371fba42$exports, "useUnwrapDOMRef", () => $af4acf03371fba42$export$1d5cc31d9d8df817);
+
+function $af4acf03371fba42$export$a5795cc979dfae80(ref) {
+    return {
+        UNSAFE_getDOMNode () {
+            return ref.current;
+        }
+    };
 }
-export function useFocusableRef(ref, focusableRef) {
-  let domRef = useRef(null);
-  useImperativeHandle(ref, () => createFocusableRef(domRef, focusableRef));
-  return domRef;
+function $af4acf03371fba42$export$79d69eee6ae4b329(domRef, focusableRef = domRef) {
+    return {
+        ...$af4acf03371fba42$export$a5795cc979dfae80(domRef),
+        focus () {
+            if (focusableRef.current) focusableRef.current.focus();
+        }
+    };
 }
-export function unwrapDOMRef(ref) {
-  return {
-    get current() {
-      return ref.current && ref.current.UNSAFE_getDOMNode();
-    }
-
-  };
+function $af4acf03371fba42$export$c2c55ef9111cafd8(ref) {
+    let domRef = $9I0Kc$useRef(null);
+    $9I0Kc$useImperativeHandle(ref, ()=>$af4acf03371fba42$export$a5795cc979dfae80(domRef)
+    );
+    return domRef;
+}
+function $af4acf03371fba42$export$96a734597687c040(ref, focusableRef) {
+    let domRef = $9I0Kc$useRef(null);
+    $9I0Kc$useImperativeHandle(ref, ()=>$af4acf03371fba42$export$79d69eee6ae4b329(domRef, focusableRef)
+    );
+    return domRef;
+}
+function $af4acf03371fba42$export$c7e28c72a4823176(ref) {
+    return {
+        get current () {
+            return ref.current && ref.current.UNSAFE_getDOMNode();
+        }
+    };
 }
-export function useUnwrapDOMRef(ref) {
-  return useMemo(() => unwrapDOMRef(ref), [ref]);
+function $af4acf03371fba42$export$1d5cc31d9d8df817(ref) {
+    return $9I0Kc$useMemo(()=>$af4acf03371fba42$export$c7e28c72a4823176(ref)
+    , [
+        ref
+    ]);
 }
 
-const $f838b598b03ac1d3fd85d427f7d189$var$Context = /*#__PURE__*/_react.createContext(null);
 
-$f838b598b03ac1d3fd85d427f7d189$var$Context.displayName = 'BreakpointContext';
-export function BreakpointProvider(props) {
-  let {
-    children,
-    matchedBreakpoints
-  } = props;
-  return /*#__PURE__*/_react.createElement($f838b598b03ac1d3fd85d427f7d189$var$Context.Provider, {
-    value: {
-      matchedBreakpoints
-    }
-  }, children);
-}
-export function useMatchedBreakpoints(breakpoints) {
-  let entries = Object.entries(breakpoints).sort((_ref, _ref2) => {
-    let [, valueA] = _ref;
-    let [, valueB] = _ref2;
-    return valueB - valueA;
-  });
-  let breakpointQueries = entries.map((_ref3) => {
-    let [, value] = _ref3;
-    return "(min-width: " + value + "px)";
-  });
-  let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';
-
-  let getBreakpointHandler = () => {
-    let matched = [];
-
-    for (let i in breakpointQueries) {
-      let query = breakpointQueries[i];
-
-      if (window.matchMedia(query).matches) {
-        matched.push(entries[i][0]);
-      }
-    }
+var $a898003fd12c8610$exports = {};
 
-    matched.push('base');
-    return matched;
-  };
+$parcel$export($a898003fd12c8610$exports, "baseStyleProps", () => $a898003fd12c8610$export$fe9c6e915565b4e8);
+$parcel$export($a898003fd12c8610$exports, "dimensionValue", () => $a898003fd12c8610$export$abc24f5b99744ea6);
+$parcel$export($a898003fd12c8610$exports, "passthroughStyle", () => $a898003fd12c8610$export$46b6c81d11d2c30a);
+$parcel$export($a898003fd12c8610$exports, "viewStyleProps", () => $a898003fd12c8610$export$e0705d1a55f297c);
+$parcel$export($a898003fd12c8610$exports, "responsiveDimensionValue", () => $a898003fd12c8610$export$f348bec194f2e6b5);
+$parcel$export($a898003fd12c8610$exports, "getResponsiveProp", () => $a898003fd12c8610$export$52dbfdbe1b2c3541);
+$parcel$export($a898003fd12c8610$exports, "convertStyleProps", () => $a898003fd12c8610$export$f3c39bb9534218d0);
+$parcel$export($a898003fd12c8610$exports, "useStyleProps", () => $a898003fd12c8610$export$b8e6fb9d2dff3f41);
+var $0198a38ac8c8c5e9$exports = {};
 
-  let [breakpoint, setBreakpoint] = useState(() => supportsMatchMedia ? getBreakpointHandler() : ['base']);
-  useEffect(() => {
-    if (!supportsMatchMedia) {
-      return;
-    }
+$parcel$export($0198a38ac8c8c5e9$exports, "BreakpointProvider", () => $0198a38ac8c8c5e9$export$8214320346cf5104);
+$parcel$export($0198a38ac8c8c5e9$exports, "useMatchedBreakpoints", () => $0198a38ac8c8c5e9$export$140ae7baa51cca23);
+$parcel$export($0198a38ac8c8c5e9$exports, "useBreakpoint", () => $0198a38ac8c8c5e9$export$199d6754bdf4e1e3);
 
-    let onResize = () => {
-      setBreakpoint(getBreakpointHandler());
-    };
 
-    window.addEventListener('resize', onResize);
-    return () => {
-      window.removeEventListener('resize', onResize);
+const $0198a38ac8c8c5e9$var$Context = /*#__PURE__*/ $9I0Kc$react.createContext(null);
+$0198a38ac8c8c5e9$var$Context.displayName = 'BreakpointContext';
+function $0198a38ac8c8c5e9$export$8214320346cf5104(props) {
+    let { children: children , matchedBreakpoints: matchedBreakpoints  } = props;
+    return(/*#__PURE__*/ $9I0Kc$react.createElement($0198a38ac8c8c5e9$var$Context.Provider, {
+        value: {
+            matchedBreakpoints: matchedBreakpoints
+        }
+    }, children));
+}
+function $0198a38ac8c8c5e9$export$140ae7baa51cca23(breakpoints) {
+    let entries = Object.entries(breakpoints).sort(([, valueA], [, valueB])=>valueB - valueA
+    );
+    let breakpointQueries = entries.map(([, value])=>`(min-width: ${value}px)`
+    );
+    let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';
+    let getBreakpointHandler = ()=>{
+        let matched = [];
+        for(let i in breakpointQueries){
+            let query = breakpointQueries[i];
+            if (window.matchMedia(query).matches) matched.push(entries[i][0]);
+        }
+        matched.push('base');
+        return matched;
     };
-  }, [supportsMatchMedia]); // If in SSR, the media query should never match. Once the page hydrates,
-  // this will update and the real value will be returned.
-
-  let isSSR = useIsSSR();
-  return isSSR ? ['base'] : breakpoint;
-}
-export function useBreakpoint() {
-  return useContext($f838b598b03ac1d3fd85d427f7d189$var$Context);
-}
-export const baseStyleProps = {
-  margin: ['margin', dimensionValue],
-  marginStart: [$e8ff0135e78060c4cd2a3148981a7a3$var$rtl('marginLeft', 'marginRight'), dimensionValue],
-  marginEnd: [$e8ff0135e78060c4cd2a3148981a7a3$var$rtl('marginRight', 'marginLeft'), dimensionValue],
-  // marginLeft: ['marginLeft', dimensionValue],
-  // marginRight: ['marginRight', dimensionValue],
-  marginTop: ['marginTop', dimensionValue],
-  marginBottom: ['marginBottom', dimensionValue],
-  marginX: [['marginLeft', 'marginRight'], dimensionValue],
-  marginY: [['marginTop', 'marginBottom'], dimensionValue],
-  width: ['width', dimensionValue],
-  height: ['height', dimensionValue],
-  minWidth: ['minWidth', dimensionValue],
-  minHeight: ['minHeight', dimensionValue],
-  maxWidth: ['maxWidth', dimensionValue],
-  maxHeight: ['maxHeight', dimensionValue],
-  isHidden: ['display', $e8ff0135e78060c4cd2a3148981a7a3$var$hiddenValue],
-  alignSelf: ['alignSelf', passthroughStyle],
-  justifySelf: ['justifySelf', passthroughStyle],
-  position: ['position', $e8ff0135e78060c4cd2a3148981a7a3$var$anyValue],
-  zIndex: ['zIndex', $e8ff0135e78060c4cd2a3148981a7a3$var$anyValue],
-  top: ['top', dimensionValue],
-  bottom: ['bottom', dimensionValue],
-  start: [$e8ff0135e78060c4cd2a3148981a7a3$var$rtl('left', 'right'), dimensionValue],
-  end: [$e8ff0135e78060c4cd2a3148981a7a3$var$rtl('right', 'left'), dimensionValue],
-  left: ['left', dimensionValue],
-  right: ['right', dimensionValue],
-  order: ['order', $e8ff0135e78060c4cd2a3148981a7a3$var$anyValue],
-  flex: ['flex', $e8ff0135e78060c4cd2a3148981a7a3$var$flexValue],
-  flexGrow: ['flexGrow', passthroughStyle],
-  flexShrink: ['flexShrink', passthroughStyle],
-  flexBasis: ['flexBasis', passthroughStyle],
-  gridArea: ['gridArea', passthroughStyle],
-  gridColumn: ['gridColumn', passthroughStyle],
-  gridColumnEnd: ['gridColumnEnd', passthroughStyle],
-  gridColumnStart: ['gridColumnStart', passthroughStyle],
-  gridRow: ['gridRow', passthroughStyle],
-  gridRowEnd: ['gridRowEnd', passthroughStyle],
-  gridRowStart: ['gridRowStart', passthroughStyle]
+    let [breakpoint1, setBreakpoint] = $9I0Kc$useState(()=>supportsMatchMedia ? getBreakpointHandler() : [
+            'base'
+        ]
+    );
+    $9I0Kc$useEffect(()=>{
+        if (!supportsMatchMedia) return;
+        let onResize = ()=>{
+            const breakpointHandler = getBreakpointHandler();
+            setBreakpoint((previousBreakpointHandler)=>{
+                if (previousBreakpointHandler.length !== breakpointHandler.length || previousBreakpointHandler.some((breakpoint, idx)=>breakpoint !== breakpointHandler[idx]
+                )) return [
+                    ...breakpointHandler
+                ]; // Return a new array to force state change
+                return previousBreakpointHandler;
+            });
+        };
+        window.addEventListener('resize', onResize);
+        return ()=>{
+            window.removeEventListener('resize', onResize);
+        };
+    }, [
+        supportsMatchMedia
+    ]);
+    // If in SSR, the media query should never match. Once the page hydrates,
+    // this will update and the real value will be returned.
+    let isSSR = $9I0Kc$useIsSSR();
+    return isSSR ? [
+        'base'
+    ] : breakpoint1;
+}
+function $0198a38ac8c8c5e9$export$199d6754bdf4e1e3() {
+    return $9I0Kc$useContext($0198a38ac8c8c5e9$var$Context);
+}
+
+
+
+const $a898003fd12c8610$export$fe9c6e915565b4e8 = {
+    margin: [
+        'margin',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    marginStart: [
+        $a898003fd12c8610$var$rtl('marginLeft', 'marginRight'),
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    marginEnd: [
+        $a898003fd12c8610$var$rtl('marginRight', 'marginLeft'),
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    // marginLeft: ['marginLeft', dimensionValue],
+    // marginRight: ['marginRight', dimensionValue],
+    marginTop: [
+        'marginTop',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    marginBottom: [
+        'marginBottom',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    marginX: [
+        [
+            'marginLeft',
+            'marginRight'
+        ],
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    marginY: [
+        [
+            'marginTop',
+            'marginBottom'
+        ],
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    width: [
+        'width',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    height: [
+        'height',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    minWidth: [
+        'minWidth',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    minHeight: [
+        'minHeight',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    maxWidth: [
+        'maxWidth',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    maxHeight: [
+        'maxHeight',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    isHidden: [
+        'display',
+        $a898003fd12c8610$var$hiddenValue
+    ],
+    alignSelf: [
+        'alignSelf',
+        $a898003fd12c8610$export$46b6c81d11d2c30a
+    ],
+    justifySelf: [
+        'justifySelf',
+        $a898003fd12c8610$export$46b6c81d11d2c30a
+    ],
+    position: [
+        'position',
+        $a898003fd12c8610$var$anyValue
+    ],
+    zIndex: [
+        'zIndex',
+        $a898003fd12c8610$var$anyValue
+    ],
+    top: [
+        'top',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    bottom: [
+        'bottom',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    start: [
+        $a898003fd12c8610$var$rtl('left', 'right'),
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    end: [
+        $a898003fd12c8610$var$rtl('right', 'left'),
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    left: [
+        'left',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    right: [
+        'right',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    order: [
+        'order',
+        $a898003fd12c8610$var$anyValue
+    ],
+    flex: [
+        'flex',
+        $a898003fd12c8610$var$flexValue
+    ],
+    flexGrow: [
+        'flexGrow',
+        $a898003fd12c8610$export$46b6c81d11d2c30a
+    ],
+    flexShrink: [
+        'flexShrink',
+        $a898003fd12c8610$export$46b6c81d11d2c30a
+    ],
+    flexBasis: [
+        'flexBasis',
+        $a898003fd12c8610$export$46b6c81d11d2c30a
+    ],
+    gridArea: [
+        'gridArea',
+        $a898003fd12c8610$export$46b6c81d11d2c30a
+    ],
+    gridColumn: [
+        'gridColumn',
+        $a898003fd12c8610$export$46b6c81d11d2c30a
+    ],
+    gridColumnEnd: [
+        'gridColumnEnd',
+        $a898003fd12c8610$export$46b6c81d11d2c30a
+    ],
+    gridColumnStart: [
+        'gridColumnStart',
+        $a898003fd12c8610$export$46b6c81d11d2c30a
+    ],
+    gridRow: [
+        'gridRow',
+        $a898003fd12c8610$export$46b6c81d11d2c30a
+    ],
+    gridRowEnd: [
+        'gridRowEnd',
+        $a898003fd12c8610$export$46b6c81d11d2c30a
+    ],
+    gridRowStart: [
+        'gridRowStart',
+        $a898003fd12c8610$export$46b6c81d11d2c30a
+    ]
 };
-export const viewStyleProps = _babelRuntimeHelpersEsmExtends({}, baseStyleProps, {
-  backgroundColor: ['backgroundColor', $e8ff0135e78060c4cd2a3148981a7a3$var$backgroundColorValue],
-  borderWidth: ['borderWidth', $e8ff0135e78060c4cd2a3148981a7a3$var$borderSizeValue],
-  borderStartWidth: [$e8ff0135e78060c4cd2a3148981a7a3$var$rtl('borderLeftWidth', 'borderRightWidth'), $e8ff0135e78060c4cd2a3148981a7a3$var$borderSizeValue],
-  borderEndWidth: [$e8ff0135e78060c4cd2a3148981a7a3$var$rtl('borderRightWidth', 'borderLeftWidth'), $e8ff0135e78060c4cd2a3148981a7a3$var$borderSizeValue],
-  borderLeftWidth: ['borderLeftWidth', $e8ff0135e78060c4cd2a3148981a7a3$var$borderSizeValue],
-  borderRightWidth: ['borderRightWidth', $e8ff0135e78060c4cd2a3148981a7a3$var$borderSizeValue],
-  borderTopWidth: ['borderTopWidth', $e8ff0135e78060c4cd2a3148981a7a3$var$borderSizeValue],
-  borderBottomWidth: ['borderBottomWidth', $e8ff0135e78060c4cd2a3148981a7a3$var$borderSizeValue],
-  borderXWidth: [['borderLeftWidth', 'borderRightWidth'], $e8ff0135e78060c4cd2a3148981a7a3$var$borderSizeValue],
-  borderYWidth: [['borderTopWidth', 'borderBottomWidth'], $e8ff0135e78060c4cd2a3148981a7a3$var$borderSizeValue],
-  borderColor: ['borderColor', $e8ff0135e78060c4cd2a3148981a7a3$var$borderColorValue],
-  borderStartColor: [$e8ff0135e78060c4cd2a3148981a7a3$var$rtl('borderLeftColor', 'borderRightColor'), $e8ff0135e78060c4cd2a3148981a7a3$var$borderColorValue],
-  borderEndColor: [$e8ff0135e78060c4cd2a3148981a7a3$var$rtl('borderRightColor', 'borderLeftColor'), $e8ff0135e78060c4cd2a3148981a7a3$var$borderColorValue],
-  borderLeftColor: ['borderLeftColor', $e8ff0135e78060c4cd2a3148981a7a3$var$borderColorValue],
-  borderRightColor: ['borderRightColor', $e8ff0135e78060c4cd2a3148981a7a3$var$borderColorValue],
-  borderTopColor: ['borderTopColor', $e8ff0135e78060c4cd2a3148981a7a3$var$borderColorValue],
-  borderBottomColor: ['borderBottomColor', $e8ff0135e78060c4cd2a3148981a7a3$var$borderColorValue],
-  borderXColor: [['borderLeftColor', 'borderRightColor'], $e8ff0135e78060c4cd2a3148981a7a3$var$borderColorValue],
-  borderYColor: [['borderTopColor', 'borderBottomColor'], $e8ff0135e78060c4cd2a3148981a7a3$var$borderColorValue],
-  borderRadius: ['borderRadius', $e8ff0135e78060c4cd2a3148981a7a3$var$borderRadiusValue],
-  borderTopStartRadius: [$e8ff0135e78060c4cd2a3148981a7a3$var$rtl('borderTopLeftRadius', 'borderTopRightRadius'), $e8ff0135e78060c4cd2a3148981a7a3$var$borderRadiusValue],
-  borderTopEndRadius: [$e8ff0135e78060c4cd2a3148981a7a3$var$rtl('borderTopRightRadius', 'borderTopLeftRadius'), $e8ff0135e78060c4cd2a3148981a7a3$var$borderRadiusValue],
-  borderBottomStartRadius: [$e8ff0135e78060c4cd2a3148981a7a3$var$rtl('borderBottomLeftRadius', 'borderBottomRightRadius'), $e8ff0135e78060c4cd2a3148981a7a3$var$borderRadiusValue],
-  borderBottomEndRadius: [$e8ff0135e78060c4cd2a3148981a7a3$var$rtl('borderBottomRightRadius', 'borderBottomLeftRadius'), $e8ff0135e78060c4cd2a3148981a7a3$var$borderRadiusValue],
-  borderTopLeftRadius: ['borderTopLeftRadius', $e8ff0135e78060c4cd2a3148981a7a3$var$borderRadiusValue],
-  borderTopRightRadius: ['borderTopRightRadius', $e8ff0135e78060c4cd2a3148981a7a3$var$borderRadiusValue],
-  borderBottomLeftRadius: ['borderBottomLeftRadius', $e8ff0135e78060c4cd2a3148981a7a3$var$borderRadiusValue],
-  borderBottomRightRadius: ['borderBottomRightRadius', $e8ff0135e78060c4cd2a3148981a7a3$var$borderRadiusValue],
-  padding: ['padding', dimensionValue],
-  paddingStart: [$e8ff0135e78060c4cd2a3148981a7a3$var$rtl('paddingLeft', 'paddingRight'), dimensionValue],
-  paddingEnd: [$e8ff0135e78060c4cd2a3148981a7a3$var$rtl('paddingRight', 'paddingLeft'), dimensionValue],
-  paddingLeft: ['paddingLeft', dimensionValue],
-  paddingRight: ['paddingRight', dimensionValue],
-  paddingTop: ['paddingTop', dimensionValue],
-  paddingBottom: ['paddingBottom', dimensionValue],
-  paddingX: [['paddingLeft', 'paddingRight'], dimensionValue],
-  paddingY: [['paddingTop', 'paddingBottom'], dimensionValue],
-  overflow: ['overflow', passthroughStyle]
-});
-const $e8ff0135e78060c4cd2a3148981a7a3$var$borderStyleProps = {
-  borderWidth: 'borderStyle',
-  borderLeftWidth: 'borderLeftStyle',
-  borderRightWidth: 'borderRightStyle',
-  borderTopWidth: 'borderTopStyle',
-  borderBottomWidth: 'borderBottomStyle'
+const $a898003fd12c8610$export$e0705d1a55f297c = {
+    ...$a898003fd12c8610$export$fe9c6e915565b4e8,
+    backgroundColor: [
+        'backgroundColor',
+        $a898003fd12c8610$var$backgroundColorValue
+    ],
+    borderWidth: [
+        'borderWidth',
+        $a898003fd12c8610$var$borderSizeValue
+    ],
+    borderStartWidth: [
+        $a898003fd12c8610$var$rtl('borderLeftWidth', 'borderRightWidth'),
+        $a898003fd12c8610$var$borderSizeValue
+    ],
+    borderEndWidth: [
+        $a898003fd12c8610$var$rtl('borderRightWidth', 'borderLeftWidth'),
+        $a898003fd12c8610$var$borderSizeValue
+    ],
+    borderLeftWidth: [
+        'borderLeftWidth',
+        $a898003fd12c8610$var$borderSizeValue
+    ],
+    borderRightWidth: [
+        'borderRightWidth',
+        $a898003fd12c8610$var$borderSizeValue
+    ],
+    borderTopWidth: [
+        'borderTopWidth',
+        $a898003fd12c8610$var$borderSizeValue
+    ],
+    borderBottomWidth: [
+        'borderBottomWidth',
+        $a898003fd12c8610$var$borderSizeValue
+    ],
+    borderXWidth: [
+        [
+            'borderLeftWidth',
+            'borderRightWidth'
+        ],
+        $a898003fd12c8610$var$borderSizeValue
+    ],
+    borderYWidth: [
+        [
+            'borderTopWidth',
+            'borderBottomWidth'
+        ],
+        $a898003fd12c8610$var$borderSizeValue
+    ],
+    borderColor: [
+        'borderColor',
+        $a898003fd12c8610$var$borderColorValue
+    ],
+    borderStartColor: [
+        $a898003fd12c8610$var$rtl('borderLeftColor', 'borderRightColor'),
+        $a898003fd12c8610$var$borderColorValue
+    ],
+    borderEndColor: [
+        $a898003fd12c8610$var$rtl('borderRightColor', 'borderLeftColor'),
+        $a898003fd12c8610$var$borderColorValue
+    ],
+    borderLeftColor: [
+        'borderLeftColor',
+        $a898003fd12c8610$var$borderColorValue
+    ],
+    borderRightColor: [
+        'borderRightColor',
+        $a898003fd12c8610$var$borderColorValue
+    ],
+    borderTopColor: [
+        'borderTopColor',
+        $a898003fd12c8610$var$borderColorValue
+    ],
+    borderBottomColor: [
+        'borderBottomColor',
+        $a898003fd12c8610$var$borderColorValue
+    ],
+    borderXColor: [
+        [
+            'borderLeftColor',
+            'borderRightColor'
+        ],
+        $a898003fd12c8610$var$borderColorValue
+    ],
+    borderYColor: [
+        [
+            'borderTopColor',
+            'borderBottomColor'
+        ],
+        $a898003fd12c8610$var$borderColorValue
+    ],
+    borderRadius: [
+        'borderRadius',
+        $a898003fd12c8610$var$borderRadiusValue
+    ],
+    borderTopStartRadius: [
+        $a898003fd12c8610$var$rtl('borderTopLeftRadius', 'borderTopRightRadius'),
+        $a898003fd12c8610$var$borderRadiusValue
+    ],
+    borderTopEndRadius: [
+        $a898003fd12c8610$var$rtl('borderTopRightRadius', 'borderTopLeftRadius'),
+        $a898003fd12c8610$var$borderRadiusValue
+    ],
+    borderBottomStartRadius: [
+        $a898003fd12c8610$var$rtl('borderBottomLeftRadius', 'borderBottomRightRadius'),
+        $a898003fd12c8610$var$borderRadiusValue
+    ],
+    borderBottomEndRadius: [
+        $a898003fd12c8610$var$rtl('borderBottomRightRadius', 'borderBottomLeftRadius'),
+        $a898003fd12c8610$var$borderRadiusValue
+    ],
+    borderTopLeftRadius: [
+        'borderTopLeftRadius',
+        $a898003fd12c8610$var$borderRadiusValue
+    ],
+    borderTopRightRadius: [
+        'borderTopRightRadius',
+        $a898003fd12c8610$var$borderRadiusValue
+    ],
+    borderBottomLeftRadius: [
+        'borderBottomLeftRadius',
+        $a898003fd12c8610$var$borderRadiusValue
+    ],
+    borderBottomRightRadius: [
+        'borderBottomRightRadius',
+        $a898003fd12c8610$var$borderRadiusValue
+    ],
+    padding: [
+        'padding',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    paddingStart: [
+        $a898003fd12c8610$var$rtl('paddingLeft', 'paddingRight'),
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    paddingEnd: [
+        $a898003fd12c8610$var$rtl('paddingRight', 'paddingLeft'),
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    paddingLeft: [
+        'paddingLeft',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    paddingRight: [
+        'paddingRight',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    paddingTop: [
+        'paddingTop',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    paddingBottom: [
+        'paddingBottom',
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    paddingX: [
+        [
+            'paddingLeft',
+            'paddingRight'
+        ],
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    paddingY: [
+        [
+            'paddingTop',
+            'paddingBottom'
+        ],
+        $a898003fd12c8610$export$abc24f5b99744ea6
+    ],
+    overflow: [
+        'overflow',
+        $a898003fd12c8610$export$46b6c81d11d2c30a
+    ]
 };
-
-function $e8ff0135e78060c4cd2a3148981a7a3$var$rtl(ltr, rtl) {
-  return direction => direction === 'rtl' ? rtl : ltr;
+const $a898003fd12c8610$var$borderStyleProps = {
+    borderWidth: 'borderStyle',
+    borderLeftWidth: 'borderLeftStyle',
+    borderRightWidth: 'borderRightStyle',
+    borderTopWidth: 'borderTopStyle',
+    borderBottomWidth: 'borderBottomStyle'
+};
+function $a898003fd12c8610$var$rtl(ltr, rtl) {
+    return (direction)=>direction === 'rtl' ? rtl : ltr
+    ;
 }
-
-const $e8ff0135e78060c4cd2a3148981a7a3$var$UNIT_RE = /(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/;
-const $e8ff0135e78060c4cd2a3148981a7a3$var$FUNC_RE = /^\s*\w+\(/;
-const $e8ff0135e78060c4cd2a3148981a7a3$var$SPECTRUM_VARIABLE_RE = /(static-)?size-\d+|single-line-(height|width)/g;
-export function dimensionValue(value) {
-  if (typeof value === 'number') {
-    return value + 'px';
-  }
-
-  if ($e8ff0135e78060c4cd2a3148981a7a3$var$UNIT_RE.test(value)) {
-    return value;
-  }
-
-  if ($e8ff0135e78060c4cd2a3148981a7a3$var$FUNC_RE.test(value)) {
-    return value.replace($e8ff0135e78060c4cd2a3148981a7a3$var$SPECTRUM_VARIABLE_RE, 'var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))');
-  }
-
-  return "var(--spectrum-global-dimension-" + value + ", var(--spectrum-alias-" + value + "))";
+const $a898003fd12c8610$var$UNIT_RE = /(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/;
+const $a898003fd12c8610$var$FUNC_RE = /^\s*\w+\(/;
+const $a898003fd12c8610$var$SPECTRUM_VARIABLE_RE = /(static-)?size-\d+|single-line-(height|width)/g;
+function $a898003fd12c8610$export$abc24f5b99744ea6(value) {
+    if (typeof value === 'number') return value + 'px';
+    if ($a898003fd12c8610$var$UNIT_RE.test(value)) return value;
+    if ($a898003fd12c8610$var$FUNC_RE.test(value)) return value.replace($a898003fd12c8610$var$SPECTRUM_VARIABLE_RE, 'var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))');
+    return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;
 }
-export function responsiveDimensionValue(value, matchedBreakpoints) {
-  value = getResponsiveProp(value, matchedBreakpoints);
-  return dimensionValue(value);
+function $a898003fd12c8610$export$f348bec194f2e6b5(value, matchedBreakpoints) {
+    value = $a898003fd12c8610$export$52dbfdbe1b2c3541(value, matchedBreakpoints);
+    return $a898003fd12c8610$export$abc24f5b99744ea6(value);
 }
-
-function $e8ff0135e78060c4cd2a3148981a7a3$var$colorValue(value, type) {
-  if (type === void 0) {
-    type = 'default';
-  }
-
-  return "var(--spectrum-global-color-" + value + ", var(--spectrum-semantic-" + value + "-color-" + type + "))";
+function $a898003fd12c8610$var$colorValue(value, type = 'default') {
+    return `var(--spectrum-global-color-${value}, var(--spectrum-semantic-${value}-color-${type}))`;
 }
-
-function $e8ff0135e78060c4cd2a3148981a7a3$var$backgroundColorValue(value) {
-  return "var(--spectrum-alias-background-color-" + value + ", " + $e8ff0135e78060c4cd2a3148981a7a3$var$colorValue(value, 'background') + ")";
+function $a898003fd12c8610$var$backgroundColorValue(value) {
+    return `var(--spectrum-alias-background-color-${value}, ${$a898003fd12c8610$var$colorValue(value, 'background')})`;
 }
-
-function $e8ff0135e78060c4cd2a3148981a7a3$var$borderColorValue(value) {
-  if (value === 'default') {
-    return 'var(--spectrum-alias-border-color)';
-  }
-
-  return "var(--spectrum-alias-border-color-" + value + ", " + $e8ff0135e78060c4cd2a3148981a7a3$var$colorValue(value, 'border') + ")";
+function $a898003fd12c8610$var$borderColorValue(value) {
+    if (value === 'default') return 'var(--spectrum-alias-border-color)';
+    return `var(--spectrum-alias-border-color-${value}, ${$a898003fd12c8610$var$colorValue(value, 'border')})`;
 }
-
-function $e8ff0135e78060c4cd2a3148981a7a3$var$borderSizeValue(value) {
-  return "var(--spectrum-alias-border-size-" + value + ")";
+function $a898003fd12c8610$var$borderSizeValue(value) {
+    return `var(--spectrum-alias-border-size-${value})`;
 }
-
-function $e8ff0135e78060c4cd2a3148981a7a3$var$borderRadiusValue(value) {
-  return "var(--spectrum-alias-border-radius-" + value + ")";
+function $a898003fd12c8610$var$borderRadiusValue(value) {
+    return `var(--spectrum-alias-border-radius-${value})`;
 }
-
-function $e8ff0135e78060c4cd2a3148981a7a3$var$hiddenValue(value) {
-  return value ? 'none' : undefined;
+function $a898003fd12c8610$var$hiddenValue(value) {
+    return value ? 'none' : undefined;
 }
-
-function $e8ff0135e78060c4cd2a3148981a7a3$var$anyValue(value) {
-  return value;
+function $a898003fd12c8610$var$anyValue(value) {
+    return value;
 }
-
-function $e8ff0135e78060c4cd2a3148981a7a3$var$flexValue(value) {
-  if (typeof value === 'boolean') {
-    return value ? '1' : undefined;
-  }
-
-  return '' + value;
+function $a898003fd12c8610$var$flexValue(value) {
+    if (typeof value === 'boolean') return value ? '1' : undefined;
+    return '' + value;
+}
+function $a898003fd12c8610$export$f3c39bb9534218d0(props, handlers, direction, matchedBreakpoints) {
+    let style = {
+    };
+    for(let key in props){
+        let styleProp = handlers[key];
+        if (!styleProp || props[key] == null) continue;
+        let [name, convert] = styleProp;
+        if (typeof name === 'function') name = name(direction);
+        let prop = $a898003fd12c8610$export$52dbfdbe1b2c3541(props[key], matchedBreakpoints);
+        let value = convert(prop);
+        if (Array.isArray(name)) for (let k of name)style[k] = value;
+        else style[name] = value;
+    }
+    for(let prop in $a898003fd12c8610$var$borderStyleProps)if (style[prop]) {
+        style[$a898003fd12c8610$var$borderStyleProps[prop]] = 'solid';
+        style.boxSizing = 'border-box';
+    }
+    return style;
+}
+function $a898003fd12c8610$export$b8e6fb9d2dff3f41(props, handlers = $a898003fd12c8610$export$fe9c6e915565b4e8, options = {
+}) {
+    let { UNSAFE_className: UNSAFE_className , UNSAFE_style: UNSAFE_style , ...otherProps } = props;
+    let breakpointProvider = $0198a38ac8c8c5e9$export$199d6754bdf4e1e3();
+    let { direction: direction  } = $9I0Kc$useLocale();
+    let { matchedBreakpoints: matchedBreakpoints = breakpointProvider?.matchedBreakpoints || [
+        'base'
+    ]  } = options;
+    let styles = $a898003fd12c8610$export$f3c39bb9534218d0(props, handlers, direction, matchedBreakpoints);
+    let style = {
+        ...UNSAFE_style,
+        ...styles
+    };
+    // @ts-ignore
+    if (otherProps.className) console.warn("The className prop is unsafe and is unsupported in React Spectrum v3. Please use style props with Spectrum variables, or UNSAFE_className if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes.");
+    // @ts-ignore
+    if (otherProps.style) console.warn("The style prop is unsafe and is unsupported in React Spectrum v3. Please use style props with Spectrum variables, or UNSAFE_style if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes.");
+    let styleProps = {
+        style: style,
+        className: UNSAFE_className
+    };
+    if ($a898003fd12c8610$export$52dbfdbe1b2c3541(props.isHidden, matchedBreakpoints)) styleProps.hidden = true;
+    return {
+        styleProps: styleProps
+    };
+}
+function $a898003fd12c8610$export$46b6c81d11d2c30a(value) {
+    return value;
+}
+function $a898003fd12c8610$export$52dbfdbe1b2c3541(prop, matchedBreakpoints) {
+    if (prop && typeof prop === 'object' && !Array.isArray(prop)) {
+        for(let i = 0; i < matchedBreakpoints.length; i++){
+            let breakpoint = matchedBreakpoints[i];
+            if (prop[breakpoint] != null) return prop[breakpoint];
+        }
+        return prop.base;
+    }
+    return prop;
 }
 
-export function convertStyleProps(props, handlers, direction, matchedBreakpoints) {
-  let style = {};
 
-  for (let key in props) {
-    let styleProp = handlers[key];
+var $c1a0259d287a1d3b$exports = {};
 
-    if (!styleProp || props[key] == null) {
-      continue;
-    }
+$parcel$export($c1a0259d287a1d3b$exports, "useSlotProps", () => $c1a0259d287a1d3b$export$1e5c9e6e4e15efe3);
+$parcel$export($c1a0259d287a1d3b$exports, "cssModuleToSlots", () => $c1a0259d287a1d3b$export$365cf34cda9978e2);
+$parcel$export($c1a0259d287a1d3b$exports, "SlotProvider", () => $c1a0259d287a1d3b$export$8107b24b91795686);
+$parcel$export($c1a0259d287a1d3b$exports, "ClearSlots", () => $c1a0259d287a1d3b$export$ceb145244332b7a2);
 
-    let [name, convert] = styleProp;
 
-    if (typeof name === 'function') {
-      name = name(direction);
+let $c1a0259d287a1d3b$var$SlotContext = /*#__PURE__*/ $9I0Kc$react.createContext(null);
+function $c1a0259d287a1d3b$export$1e5c9e6e4e15efe3(props, defaultSlot) {
+    let slot = props.slot || defaultSlot;
+    let { [slot]: slotProps = {
+    }  } = $9I0Kc$useContext($c1a0259d287a1d3b$var$SlotContext) || {
+    };
+    return $9I0Kc$mergeProps(props, $9I0Kc$mergeProps(slotProps, {
+        id: props.id
+    }));
+}
+function $c1a0259d287a1d3b$export$365cf34cda9978e2(cssModule) {
+    return Object.keys(cssModule).reduce((acc, slot)=>{
+        acc[slot] = {
+            UNSAFE_className: cssModule[slot]
+        };
+        return acc;
+    }, {
+    });
+}
+function $c1a0259d287a1d3b$export$8107b24b91795686(props) {
+    let parentSlots = $9I0Kc$useContext($c1a0259d287a1d3b$var$SlotContext) || {
+    };
+    let { slots: slots = {
+    } , children: children  } = props;
+    // Merge props for each slot from parent context and props
+    let value = $9I0Kc$useMemo(()=>Object.keys(parentSlots).concat(Object.keys(slots)).reduce((o, p)=>({
+                ...o,
+                [p]: $9I0Kc$mergeProps(parentSlots[p] || {
+                }, slots[p] || {
+                })
+            })
+        , {
+        })
+    , [
+        parentSlots,
+        slots
+    ]);
+    return(/*#__PURE__*/ $9I0Kc$react.createElement($c1a0259d287a1d3b$var$SlotContext.Provider, {
+        value: value
+    }, children));
+}
+function $c1a0259d287a1d3b$export$ceb145244332b7a2(props) {
+    let { children: children , ...otherProps } = props;
+    let content = children;
+    if ($9I0Kc$react.Children.toArray(children).length <= 1) {
+        if (typeof children === 'function') content = /*#__PURE__*/ $9I0Kc$react.cloneElement($9I0Kc$react.Children.only(children), otherProps);
     }
+    return(/*#__PURE__*/ $9I0Kc$react.createElement($c1a0259d287a1d3b$var$SlotContext.Provider, {
+        value: {
+        }
+    }, content));
+}
 
-    let prop = getResponsiveProp(props[key], matchedBreakpoints);
-    let value = convert(prop);
 
-    if (Array.isArray(name)) {
-      for (let k of name) {
-        style[k] = value;
-      }
-    } else {
-      style[name] = value;
-    }
-  }
+var $8808ac320246e62e$exports = {};
+
+$parcel$export($8808ac320246e62e$exports, "useHasChild", () => $8808ac320246e62e$export$e52e2242b6d0f1d4);
 
-  for (let prop in $e8ff0135e78060c4cd2a3148981a7a3$var$borderStyleProps) {
-    if (style[prop]) {
-      style[$e8ff0135e78060c4cd2a3148981a7a3$var$borderStyleProps[prop]] = 'solid';
-      style.boxSizing = 'border-box';
-    }
-  }
 
-  return style;
+function $8808ac320246e62e$export$e52e2242b6d0f1d4(query, ref) {
+    let [hasChild, setHasChild] = $9I0Kc$useState(true);
+    $9I0Kc$useLayoutEffect(()=>{
+        setHasChild(!!(ref.current && ref.current.querySelector(query)));
+    }, [
+        setHasChild,
+        query,
+        ref
+    ]);
+    return hasChild;
 }
-export function useStyleProps(props, handlers, options) {
-  if (handlers === void 0) {
-    handlers = baseStyleProps;
-  }
 
-  if (options === void 0) {
-    options = {};
-  }
 
-  let {
-    UNSAFE_className,
-    UNSAFE_style
-  } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["UNSAFE_className", "UNSAFE_style"]);
+var $3915b78ba521dce6$exports = {};
 
-  let breakpointProvider = useBreakpoint();
-  let {
-    direction
-  } = useLocale();
-  let {
-    matchedBreakpoints = (breakpointProvider == null ? void 0 : breakpointProvider.matchedBreakpoints) || ['base']
-  } = options;
-  let styles = convertStyleProps(props, handlers, direction, matchedBreakpoints);
+$parcel$export($3915b78ba521dce6$exports, "useResizeObserver", () => $3915b78ba521dce6$re_export$useResizeObserver);
 
-  let style = _babelRuntimeHelpersEsmExtends({}, UNSAFE_style, styles); // @ts-ignore
 
 
-  if (otherProps.className) {
-    console.warn('The className prop is unsafe and is unsupported in React Spectrum v3. ' + 'Please use style props with Spectrum variables, or UNSAFE_className if you absolutely must do something custom. ' + 'Note that this may break in future versions due to DOM structure changes.');
-  } // @ts-ignore
+var $a0e3915eabd43614$exports = {};
 
+$parcel$export($a0e3915eabd43614$exports, "useIsMobileDevice", () => $a0e3915eabd43614$export$736bf165441b18c7);
 
-  if (otherProps.style) {
-    console.warn('The style prop is unsafe and is unsupported in React Spectrum v3. ' + 'Please use style props with Spectrum variables, or UNSAFE_style if you absolutely must do something custom. ' + 'Note that this may break in future versions due to DOM structure changes.');
-  }
+const $a0e3915eabd43614$var$MOBILE_SCREEN_WIDTH = 700;
+function $a0e3915eabd43614$export$736bf165441b18c7() {
+    let isSSR = $9I0Kc$useIsSSR();
+    if (isSSR || typeof window === 'undefined') return false;
+    return window.screen.width <= $a0e3915eabd43614$var$MOBILE_SCREEN_WIDTH;
+}
 
-  let styleProps = {
-    style,
-    className: UNSAFE_className
-  };
 
-  if (getResponsiveProp(props.isHidden, matchedBreakpoints)) {
-    styleProps.hidden = true;
-  }
+var $f72f631d5fb3de5b$exports = {};
 
-  return {
-    styleProps
-  };
-}
-export function passthroughStyle(value) {
-  return value;
-}
-export function getResponsiveProp(prop, matchedBreakpoints) {
-  if (prop && typeof prop === 'object' && !Array.isArray(prop)) {
-    for (let i = 0; i < matchedBreakpoints.length; i++) {
-      let breakpoint = matchedBreakpoints[i];
+$parcel$export($f72f631d5fb3de5b$exports, "useValueEffect", () => $f72f631d5fb3de5b$re_export$useValueEffect);
 
-      if (prop[breakpoint] != null) {
-        return prop[breakpoint];
-      }
-    }
 
-    return prop.base;
-  }
 
-  return prop;
-}
 
-let $e1c64f5d291c45a968556986464cdba1$var$SlotContext = /*#__PURE__*/_react.createContext(null);
 
-export function useSlotProps(props, defaultSlot) {
-  let slot = props.slot || defaultSlot;
-  let {
-    [slot]: slotProps = {}
-  } = useContext($e1c64f5d291c45a968556986464cdba1$var$SlotContext) || {};
-  return mergeProps(slotProps, props);
-}
-export function cssModuleToSlots(cssModule) {
-  return Object.keys(cssModule).reduce((acc, slot) => {
-    acc[slot] = {
-      UNSAFE_className: cssModule[slot]
-    };
-    return acc;
-  }, {});
-}
-export function SlotProvider(props) {
-  let parentSlots = useContext($e1c64f5d291c45a968556986464cdba1$var$SlotContext) || {};
-  let {
-    slots = {},
-    children
-  } = props; // Merge props for each slot from parent context and props
-
-  let value = useMemo(() => Object.keys(parentSlots).concat(Object.keys(slots)).reduce((o, p) => _babelRuntimeHelpersEsmExtends({}, o, {
-    [p]: mergeProps(parentSlots[p] || {}, slots[p] || {})
-  }), {}), [parentSlots, slots]);
-  return /*#__PURE__*/_react.createElement($e1c64f5d291c45a968556986464cdba1$var$SlotContext.Provider, {
-    value: value
-  }, children);
-}
-export function ClearSlots(props) {
-  let {
-    children
-  } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["children"]);
-
-  let content = children;
-
-  if (_react.Children.toArray(children).length <= 1) {
-    if (typeof children === 'function') {
-      // need to know if the node is a string or something else that react can render that doesn't get props
-      content = /*#__PURE__*/_react.cloneElement(_react.Children.only(children), otherProps);
-    }
-  }
-
-  return /*#__PURE__*/_react.createElement($e1c64f5d291c45a968556986464cdba1$var$SlotContext.Provider, {
-    value: {}
-  }, content);
-}
-export function useHasChild(query, ref) {
-  let [hasChild, setHasChild] = useState(true);
-  useLayoutEffect(() => {
-    setHasChild(!!(ref.current && ref.current.querySelector(query)));
-  }, [setHasChild, query, ref]);
-  return hasChild;
-}
-const $db7f8d67f553ae22a3f659d9cb2a$var$MOBILE_SCREEN_WIDTH = 700;
-export function useIsMobileDevice() {
-  let isSSR = useIsSSR();
-
-  if (isSSR || typeof window === 'undefined') {
-    return false;
-  }
-
-  return window.screen.width <= $db7f8d67f553ae22a3f659d9cb2a$var$MOBILE_SCREEN_WIDTH;
-}
-// 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 effect = useRef(null); // 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);
-    }
-  };
 
-  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();
-    nextRef.current();
-  }, [effect, nextRef]);
-  return [value, queue];
-}
+export {$420114a836890f1d$export$46d604dce8bf8724 as shouldKeepSpectrumClassNames, $420114a836890f1d$export$f9d3bfd10703eb31 as keepSpectrumClassNames, $420114a836890f1d$export$ce4ab0c55987d1ff as classNames, $a7c9287e7f1e1835$export$a5f5a6912b18861c as getWrappedElement, $1a2628299d1b2ee9$export$32d5543ab307c01 as useMediaQuery, $af4acf03371fba42$export$a5795cc979dfae80 as createDOMRef, $af4acf03371fba42$export$79d69eee6ae4b329 as createFocusableRef, $af4acf03371fba42$export$c2c55ef9111cafd8 as useDOMRef, $af4acf03371fba42$export$96a734597687c040 as useFocusableRef, $af4acf03371fba42$export$c7e28c72a4823176 as unwrapDOMRef, $af4acf03371fba42$export$1d5cc31d9d8df817 as useUnwrapDOMRef, $a898003fd12c8610$export$fe9c6e915565b4e8 as baseStyleProps, $a898003fd12c8610$export$abc24f5b99744ea6 as dimensionValue, $a898003fd12c8610$export$46b6c81d11d2c30a as passthroughStyle, $a898003fd12c8610$export$e0705d1a55f297c as viewStyleProps, $a898003fd12c8610$export$f348bec194f2e6b5 as responsiveDimensionValue, $a898003fd12c8610$export$52dbfdbe1b2c3541 as getResponsiveProp, $a898003fd12c8610$export$f3c39bb9534218d0 as convertStyleProps, $a898003fd12c8610$export$b8e6fb9d2dff3f41 as useStyleProps, $c1a0259d287a1d3b$export$1e5c9e6e4e15efe3 as useSlotProps, $c1a0259d287a1d3b$export$365cf34cda9978e2 as cssModuleToSlots, $c1a0259d287a1d3b$export$8107b24b91795686 as SlotProvider, $c1a0259d287a1d3b$export$ceb145244332b7a2 as ClearSlots, $8808ac320246e62e$export$e52e2242b6d0f1d4 as useHasChild, $3915b78ba521dce6$re_export$useResizeObserver as useResizeObserver, $a0e3915eabd43614$export$736bf165441b18c7 as useIsMobileDevice, $f72f631d5fb3de5b$re_export$useValueEffect as useValueEffect, $0198a38ac8c8c5e9$export$8214320346cf5104 as BreakpointProvider, $0198a38ac8c8c5e9$export$140ae7baa51cca23 as useMatchedBreakpoints, $0198a38ac8c8c5e9$export$199d6754bdf4e1e3 as useBreakpoint};
 //# sourceMappingURL=module.js.map