@react-spectrum/utils 3.6.0 → 3.6.4

package/dist/main.js

@@ -1,681 +1,786 @@
-var {
-  mergeProps,
-  useLayoutEffect,
-  useResizeObserver
-} = require("@react-aria/utils");
-
-exports.useResizeObserver = useResizeObserver;
-
-var {
-  useLocale
-} = require("@react-aria/i18n");
-
-var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
-
-var {
-  useIsSSR
-} = require("@react-aria/ssr");
-
-var _react2 = require("react");
-
-var _react = $parcel$interopDefault(_react2);
-
-var {
-  useEffect,
-  useState,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useContext,
-  useCallback
-} = _react2;
+var $9b6IN$clsx = require("clsx");
+var $9b6IN$react = require("react");
+var $9b6IN$reactariassr = require("@react-aria/ssr");
+var $9b6IN$reactariai18n = require("@react-aria/i18n");
+var $9b6IN$reactariautils = require("@react-aria/utils");
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
 
-var _clsx = $parcel$interopDefault(require("clsx"));
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
 
+  return dest;
+}
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-
-let shouldKeepSpectrumClassNames = false;
-exports.shouldKeepSpectrumClassNames = shouldKeepSpectrumClassNames;
-
-function keepSpectrumClassNames() {
-  shouldKeepSpectrumClassNames = true;
-  exports.shouldKeepSpectrumClassNames = shouldKeepSpectrumClassNames;
-  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.');
-}
-
-exports.keepSpectrumClassNames = keepSpectrumClassNames;
-
-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);
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $2d88002492505a16$exports = {};
+
+$parcel$export($2d88002492505a16$exports, "shouldKeepSpectrumClassNames", () => $2d88002492505a16$export$46d604dce8bf8724);
+$parcel$export($2d88002492505a16$exports, "keepSpectrumClassNames", () => $2d88002492505a16$export$f9d3bfd10703eb31);
+$parcel$export($2d88002492505a16$exports, "classNames", () => $2d88002492505a16$export$ce4ab0c55987d1ff);
+
+let $2d88002492505a16$export$46d604dce8bf8724 = false;
+function $2d88002492505a16$export$f9d3bfd10703eb31() {
+    $2d88002492505a16$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 $2d88002492505a16$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 ($2d88002492505a16$export$46d604dce8bf8724 || !cssModule[key]) mapped[key] = value[key];
+            }
+            classes.push(mapped);
+        } else if (typeof value === 'string') {
+            if (cssModule[value]) classes.push(cssModule[value]);
+            if ($2d88002492505a16$export$46d604dce8bf8724 || !cssModule[value]) classes.push(value);
+        } else classes.push(value);
     }
-  }
-
-  return _clsx(...classes);
+    return ($parcel$interopDefault($9b6IN$clsx))(...classes);
 }
 
-exports.classNames = classNames;
-
-function getWrappedElement(children) {
-  let element;
-
-  if (typeof children === 'string') {
-    element = /*#__PURE__*/_react.createElement("span", null, children);
-  } else {
-    element = _react.Children.only(children);
-  }
-
-  return element;
-}
-
-exports.getWrappedElement = getWrappedElement;
-
-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 $ead9ea69b6c3015e$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($ead9ea69b6c3015e$exports, "getWrappedElement", () => $ead9ea69b6c3015e$export$a5f5a6912b18861c);
 
-  let isSSR = useIsSSR();
-  return isSSR ? false : matches;
+function $ead9ea69b6c3015e$export$a5f5a6912b18861c(children) {
+    let element;
+    if (typeof children === 'string') element = /*#__PURE__*/ ($parcel$interopDefault($9b6IN$react)).createElement("span", null, children);
+    else element = ($parcel$interopDefault($9b6IN$react)).Children.only(children);
+    return element;
 }
 
-exports.useMediaQuery = useMediaQuery;
-
-function createDOMRef(ref) {
-  return {
-    UNSAFE_getDOMNode() {
-      return ref.current;
-    }
-
-  };
-}
 
-exports.createDOMRef = createDOMRef;
+var $4b0ba073bf159f06$exports = {};
 
-function createFocusableRef(domRef, focusableRef) {
-  if (focusableRef === void 0) {
-    focusableRef = domRef;
-  }
+$parcel$export($4b0ba073bf159f06$exports, "useMediaQuery", () => $4b0ba073bf159f06$export$32d5543ab307c01);
 
-  return _babelRuntimeHelpersExtends({}, createDOMRef(domRef), {
-    focus() {
-      if (focusableRef.current) {
-        focusableRef.current.focus();
-      }
-    }
 
-  });
+function $4b0ba073bf159f06$export$32d5543ab307c01(query) {
+    let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';
+    let [matches, setMatches] = $9b6IN$react.useState(()=>supportsMatchMedia ? window.matchMedia(query).matches : false
+    );
+    $9b6IN$react.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 = $9b6IN$reactariassr.useIsSSR();
+    return isSSR ? false : matches;
 }
 
-exports.createFocusableRef = createFocusableRef;
 
-function useDOMRef(ref) {
-  let domRef = useRef(null);
-  useImperativeHandle(ref, () => createDOMRef(domRef));
-  return domRef;
-}
+var $611b12616927e373$exports = {};
 
-exports.useDOMRef = useDOMRef;
+$parcel$export($611b12616927e373$exports, "createDOMRef", () => $611b12616927e373$export$a5795cc979dfae80);
+$parcel$export($611b12616927e373$exports, "createFocusableRef", () => $611b12616927e373$export$79d69eee6ae4b329);
+$parcel$export($611b12616927e373$exports, "useDOMRef", () => $611b12616927e373$export$c2c55ef9111cafd8);
+$parcel$export($611b12616927e373$exports, "useFocusableRef", () => $611b12616927e373$export$96a734597687c040);
+$parcel$export($611b12616927e373$exports, "unwrapDOMRef", () => $611b12616927e373$export$c7e28c72a4823176);
+$parcel$export($611b12616927e373$exports, "useUnwrapDOMRef", () => $611b12616927e373$export$1d5cc31d9d8df817);
 
-function useFocusableRef(ref, focusableRef) {
-  let domRef = useRef(null);
-  useImperativeHandle(ref, () => createFocusableRef(domRef, focusableRef));
-  return domRef;
+function $611b12616927e373$export$a5795cc979dfae80(ref) {
+    return {
+        UNSAFE_getDOMNode () {
+            return ref.current;
+        }
+    };
 }
-
-exports.useFocusableRef = useFocusableRef;
-
-function unwrapDOMRef(ref) {
-  return {
-    get current() {
-      return ref.current && ref.current.UNSAFE_getDOMNode();
-    }
-
-  };
+function $611b12616927e373$export$79d69eee6ae4b329(domRef, focusableRef = domRef) {
+    return {
+        ...$611b12616927e373$export$a5795cc979dfae80(domRef),
+        focus () {
+            if (focusableRef.current) focusableRef.current.focus();
+        }
+    };
 }
-
-exports.unwrapDOMRef = unwrapDOMRef;
-
-function useUnwrapDOMRef(ref) {
-  return useMemo(() => unwrapDOMRef(ref), [ref]);
+function $611b12616927e373$export$c2c55ef9111cafd8(ref) {
+    let domRef = $9b6IN$react.useRef(null);
+    $9b6IN$react.useImperativeHandle(ref, ()=>$611b12616927e373$export$a5795cc979dfae80(domRef)
+    );
+    return domRef;
+}
+function $611b12616927e373$export$96a734597687c040(ref, focusableRef) {
+    let domRef = $9b6IN$react.useRef(null);
+    $9b6IN$react.useImperativeHandle(ref, ()=>$611b12616927e373$export$79d69eee6ae4b329(domRef, focusableRef)
+    );
+    return domRef;
+}
+function $611b12616927e373$export$c7e28c72a4823176(ref) {
+    return {
+        get current () {
+            return ref.current && ref.current.UNSAFE_getDOMNode();
+        }
+    };
 }
-
-exports.useUnwrapDOMRef = useUnwrapDOMRef;
-
-const $a7996575bce26478d1cdac9b52b1cf84$var$Context = /*#__PURE__*/_react.createContext(null);
-
-$a7996575bce26478d1cdac9b52b1cf84$var$Context.displayName = 'BreakpointContext';
-
-function BreakpointProvider(props) {
-  let {
-    children,
-    matchedBreakpoints
-  } = props;
-  return /*#__PURE__*/_react.createElement($a7996575bce26478d1cdac9b52b1cf84$var$Context.Provider, {
-    value: {
-      matchedBreakpoints
-    }
-  }, children);
+function $611b12616927e373$export$1d5cc31d9d8df817(ref) {
+    return $9b6IN$react.useMemo(()=>$611b12616927e373$export$c7e28c72a4823176(ref)
+    , [
+        ref
+    ]);
 }
 
-exports.BreakpointProvider = BreakpointProvider;
 
-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';
+var $389791ee0990d372$exports = {};
 
-  let getBreakpointHandler = () => {
-    let matched = [];
+$parcel$export($389791ee0990d372$exports, "baseStyleProps", () => $389791ee0990d372$export$fe9c6e915565b4e8);
+$parcel$export($389791ee0990d372$exports, "dimensionValue", () => $389791ee0990d372$export$abc24f5b99744ea6);
+$parcel$export($389791ee0990d372$exports, "passthroughStyle", () => $389791ee0990d372$export$46b6c81d11d2c30a);
+$parcel$export($389791ee0990d372$exports, "viewStyleProps", () => $389791ee0990d372$export$e0705d1a55f297c);
+$parcel$export($389791ee0990d372$exports, "responsiveDimensionValue", () => $389791ee0990d372$export$f348bec194f2e6b5);
+$parcel$export($389791ee0990d372$exports, "getResponsiveProp", () => $389791ee0990d372$export$52dbfdbe1b2c3541);
+$parcel$export($389791ee0990d372$exports, "convertStyleProps", () => $389791ee0990d372$export$f3c39bb9534218d0);
+$parcel$export($389791ee0990d372$exports, "useStyleProps", () => $389791ee0990d372$export$b8e6fb9d2dff3f41);
+var $fb167805f56a8c6d$exports = {};
 
-    for (let i in breakpointQueries) {
-      let query = breakpointQueries[i];
+$parcel$export($fb167805f56a8c6d$exports, "BreakpointProvider", () => $fb167805f56a8c6d$export$8214320346cf5104);
+$parcel$export($fb167805f56a8c6d$exports, "useMatchedBreakpoints", () => $fb167805f56a8c6d$export$140ae7baa51cca23);
+$parcel$export($fb167805f56a8c6d$exports, "useBreakpoint", () => $fb167805f56a8c6d$export$199d6754bdf4e1e3);
 
-      if (window.matchMedia(query).matches) {
-        matched.push(entries[i][0]);
-      }
-    }
-
-    matched.push('base');
-    return matched;
-  };
-
-  let [breakpoint, setBreakpoint] = useState(() => supportsMatchMedia ? getBreakpointHandler() : ['base']);
-  useEffect(() => {
-    if (!supportsMatchMedia) {
-      return;
-    }
 
-    let onResize = () => {
-      setBreakpoint(getBreakpointHandler());
-    };
-
-    window.addEventListener('resize', onResize);
-    return () => {
-      window.removeEventListener('resize', onResize);
+const $fb167805f56a8c6d$var$Context = /*#__PURE__*/ ($parcel$interopDefault($9b6IN$react)).createContext(null);
+$fb167805f56a8c6d$var$Context.displayName = 'BreakpointContext';
+function $fb167805f56a8c6d$export$8214320346cf5104(props) {
+    let { children: children , matchedBreakpoints: matchedBreakpoints  } = props;
+    return(/*#__PURE__*/ ($parcel$interopDefault($9b6IN$react)).createElement($fb167805f56a8c6d$var$Context.Provider, {
+        value: {
+            matchedBreakpoints: matchedBreakpoints
+        }
+    }, children));
+}
+function $fb167805f56a8c6d$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;
-}
-
-exports.useMatchedBreakpoints = useMatchedBreakpoints;
-
-function useBreakpoint() {
-  return useContext($a7996575bce26478d1cdac9b52b1cf84$var$Context);
-}
-
-exports.useBreakpoint = useBreakpoint;
-const baseStyleProps = {
-  margin: ['margin', dimensionValue],
-  marginStart: [$fde11e9d9d7d059795140092a2808e57$var$rtl('marginLeft', 'marginRight'), dimensionValue],
-  marginEnd: [$fde11e9d9d7d059795140092a2808e57$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', $fde11e9d9d7d059795140092a2808e57$var$hiddenValue],
-  alignSelf: ['alignSelf', passthroughStyle],
-  justifySelf: ['justifySelf', passthroughStyle],
-  position: ['position', $fde11e9d9d7d059795140092a2808e57$var$anyValue],
-  zIndex: ['zIndex', $fde11e9d9d7d059795140092a2808e57$var$anyValue],
-  top: ['top', dimensionValue],
-  bottom: ['bottom', dimensionValue],
-  start: [$fde11e9d9d7d059795140092a2808e57$var$rtl('left', 'right'), dimensionValue],
-  end: [$fde11e9d9d7d059795140092a2808e57$var$rtl('right', 'left'), dimensionValue],
-  left: ['left', dimensionValue],
-  right: ['right', dimensionValue],
-  order: ['order', $fde11e9d9d7d059795140092a2808e57$var$anyValue],
-  flex: ['flex', $fde11e9d9d7d059795140092a2808e57$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] = $9b6IN$react.useState(()=>supportsMatchMedia ? getBreakpointHandler() : [
+            'base'
+        ]
+    );
+    $9b6IN$react.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 = $9b6IN$reactariassr.useIsSSR();
+    return isSSR ? [
+        'base'
+    ] : breakpoint1;
+}
+function $fb167805f56a8c6d$export$199d6754bdf4e1e3() {
+    return $9b6IN$react.useContext($fb167805f56a8c6d$var$Context);
+}
+
+
+
+const $389791ee0990d372$export$fe9c6e915565b4e8 = {
+    margin: [
+        'margin',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    marginStart: [
+        $389791ee0990d372$var$rtl('marginLeft', 'marginRight'),
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    marginEnd: [
+        $389791ee0990d372$var$rtl('marginRight', 'marginLeft'),
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    // marginLeft: ['marginLeft', dimensionValue],
+    // marginRight: ['marginRight', dimensionValue],
+    marginTop: [
+        'marginTop',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    marginBottom: [
+        'marginBottom',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    marginX: [
+        [
+            'marginLeft',
+            'marginRight'
+        ],
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    marginY: [
+        [
+            'marginTop',
+            'marginBottom'
+        ],
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    width: [
+        'width',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    height: [
+        'height',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    minWidth: [
+        'minWidth',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    minHeight: [
+        'minHeight',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    maxWidth: [
+        'maxWidth',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    maxHeight: [
+        'maxHeight',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    isHidden: [
+        'display',
+        $389791ee0990d372$var$hiddenValue
+    ],
+    alignSelf: [
+        'alignSelf',
+        $389791ee0990d372$export$46b6c81d11d2c30a
+    ],
+    justifySelf: [
+        'justifySelf',
+        $389791ee0990d372$export$46b6c81d11d2c30a
+    ],
+    position: [
+        'position',
+        $389791ee0990d372$var$anyValue
+    ],
+    zIndex: [
+        'zIndex',
+        $389791ee0990d372$var$anyValue
+    ],
+    top: [
+        'top',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    bottom: [
+        'bottom',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    start: [
+        $389791ee0990d372$var$rtl('left', 'right'),
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    end: [
+        $389791ee0990d372$var$rtl('right', 'left'),
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    left: [
+        'left',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    right: [
+        'right',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    order: [
+        'order',
+        $389791ee0990d372$var$anyValue
+    ],
+    flex: [
+        'flex',
+        $389791ee0990d372$var$flexValue
+    ],
+    flexGrow: [
+        'flexGrow',
+        $389791ee0990d372$export$46b6c81d11d2c30a
+    ],
+    flexShrink: [
+        'flexShrink',
+        $389791ee0990d372$export$46b6c81d11d2c30a
+    ],
+    flexBasis: [
+        'flexBasis',
+        $389791ee0990d372$export$46b6c81d11d2c30a
+    ],
+    gridArea: [
+        'gridArea',
+        $389791ee0990d372$export$46b6c81d11d2c30a
+    ],
+    gridColumn: [
+        'gridColumn',
+        $389791ee0990d372$export$46b6c81d11d2c30a
+    ],
+    gridColumnEnd: [
+        'gridColumnEnd',
+        $389791ee0990d372$export$46b6c81d11d2c30a
+    ],
+    gridColumnStart: [
+        'gridColumnStart',
+        $389791ee0990d372$export$46b6c81d11d2c30a
+    ],
+    gridRow: [
+        'gridRow',
+        $389791ee0990d372$export$46b6c81d11d2c30a
+    ],
+    gridRowEnd: [
+        'gridRowEnd',
+        $389791ee0990d372$export$46b6c81d11d2c30a
+    ],
+    gridRowStart: [
+        'gridRowStart',
+        $389791ee0990d372$export$46b6c81d11d2c30a
+    ]
 };
-exports.baseStyleProps = baseStyleProps;
-
-const viewStyleProps = _babelRuntimeHelpersExtends({}, baseStyleProps, {
-  backgroundColor: ['backgroundColor', $fde11e9d9d7d059795140092a2808e57$var$backgroundColorValue],
-  borderWidth: ['borderWidth', $fde11e9d9d7d059795140092a2808e57$var$borderSizeValue],
-  borderStartWidth: [$fde11e9d9d7d059795140092a2808e57$var$rtl('borderLeftWidth', 'borderRightWidth'), $fde11e9d9d7d059795140092a2808e57$var$borderSizeValue],
-  borderEndWidth: [$fde11e9d9d7d059795140092a2808e57$var$rtl('borderRightWidth', 'borderLeftWidth'), $fde11e9d9d7d059795140092a2808e57$var$borderSizeValue],
-  borderLeftWidth: ['borderLeftWidth', $fde11e9d9d7d059795140092a2808e57$var$borderSizeValue],
-  borderRightWidth: ['borderRightWidth', $fde11e9d9d7d059795140092a2808e57$var$borderSizeValue],
-  borderTopWidth: ['borderTopWidth', $fde11e9d9d7d059795140092a2808e57$var$borderSizeValue],
-  borderBottomWidth: ['borderBottomWidth', $fde11e9d9d7d059795140092a2808e57$var$borderSizeValue],
-  borderXWidth: [['borderLeftWidth', 'borderRightWidth'], $fde11e9d9d7d059795140092a2808e57$var$borderSizeValue],
-  borderYWidth: [['borderTopWidth', 'borderBottomWidth'], $fde11e9d9d7d059795140092a2808e57$var$borderSizeValue],
-  borderColor: ['borderColor', $fde11e9d9d7d059795140092a2808e57$var$borderColorValue],
-  borderStartColor: [$fde11e9d9d7d059795140092a2808e57$var$rtl('borderLeftColor', 'borderRightColor'), $fde11e9d9d7d059795140092a2808e57$var$borderColorValue],
-  borderEndColor: [$fde11e9d9d7d059795140092a2808e57$var$rtl('borderRightColor', 'borderLeftColor'), $fde11e9d9d7d059795140092a2808e57$var$borderColorValue],
-  borderLeftColor: ['borderLeftColor', $fde11e9d9d7d059795140092a2808e57$var$borderColorValue],
-  borderRightColor: ['borderRightColor', $fde11e9d9d7d059795140092a2808e57$var$borderColorValue],
-  borderTopColor: ['borderTopColor', $fde11e9d9d7d059795140092a2808e57$var$borderColorValue],
-  borderBottomColor: ['borderBottomColor', $fde11e9d9d7d059795140092a2808e57$var$borderColorValue],
-  borderXColor: [['borderLeftColor', 'borderRightColor'], $fde11e9d9d7d059795140092a2808e57$var$borderColorValue],
-  borderYColor: [['borderTopColor', 'borderBottomColor'], $fde11e9d9d7d059795140092a2808e57$var$borderColorValue],
-  borderRadius: ['borderRadius', $fde11e9d9d7d059795140092a2808e57$var$borderRadiusValue],
-  borderTopStartRadius: [$fde11e9d9d7d059795140092a2808e57$var$rtl('borderTopLeftRadius', 'borderTopRightRadius'), $fde11e9d9d7d059795140092a2808e57$var$borderRadiusValue],
-  borderTopEndRadius: [$fde11e9d9d7d059795140092a2808e57$var$rtl('borderTopRightRadius', 'borderTopLeftRadius'), $fde11e9d9d7d059795140092a2808e57$var$borderRadiusValue],
-  borderBottomStartRadius: [$fde11e9d9d7d059795140092a2808e57$var$rtl('borderBottomLeftRadius', 'borderBottomRightRadius'), $fde11e9d9d7d059795140092a2808e57$var$borderRadiusValue],
-  borderBottomEndRadius: [$fde11e9d9d7d059795140092a2808e57$var$rtl('borderBottomRightRadius', 'borderBottomLeftRadius'), $fde11e9d9d7d059795140092a2808e57$var$borderRadiusValue],
-  borderTopLeftRadius: ['borderTopLeftRadius', $fde11e9d9d7d059795140092a2808e57$var$borderRadiusValue],
-  borderTopRightRadius: ['borderTopRightRadius', $fde11e9d9d7d059795140092a2808e57$var$borderRadiusValue],
-  borderBottomLeftRadius: ['borderBottomLeftRadius', $fde11e9d9d7d059795140092a2808e57$var$borderRadiusValue],
-  borderBottomRightRadius: ['borderBottomRightRadius', $fde11e9d9d7d059795140092a2808e57$var$borderRadiusValue],
-  padding: ['padding', dimensionValue],
-  paddingStart: [$fde11e9d9d7d059795140092a2808e57$var$rtl('paddingLeft', 'paddingRight'), dimensionValue],
-  paddingEnd: [$fde11e9d9d7d059795140092a2808e57$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]
-});
-
-exports.viewStyleProps = viewStyleProps;
-const $fde11e9d9d7d059795140092a2808e57$var$borderStyleProps = {
-  borderWidth: 'borderStyle',
-  borderLeftWidth: 'borderLeftStyle',
-  borderRightWidth: 'borderRightStyle',
-  borderTopWidth: 'borderTopStyle',
-  borderBottomWidth: 'borderBottomStyle'
+const $389791ee0990d372$export$e0705d1a55f297c = {
+    ...$389791ee0990d372$export$fe9c6e915565b4e8,
+    backgroundColor: [
+        'backgroundColor',
+        $389791ee0990d372$var$backgroundColorValue
+    ],
+    borderWidth: [
+        'borderWidth',
+        $389791ee0990d372$var$borderSizeValue
+    ],
+    borderStartWidth: [
+        $389791ee0990d372$var$rtl('borderLeftWidth', 'borderRightWidth'),
+        $389791ee0990d372$var$borderSizeValue
+    ],
+    borderEndWidth: [
+        $389791ee0990d372$var$rtl('borderRightWidth', 'borderLeftWidth'),
+        $389791ee0990d372$var$borderSizeValue
+    ],
+    borderLeftWidth: [
+        'borderLeftWidth',
+        $389791ee0990d372$var$borderSizeValue
+    ],
+    borderRightWidth: [
+        'borderRightWidth',
+        $389791ee0990d372$var$borderSizeValue
+    ],
+    borderTopWidth: [
+        'borderTopWidth',
+        $389791ee0990d372$var$borderSizeValue
+    ],
+    borderBottomWidth: [
+        'borderBottomWidth',
+        $389791ee0990d372$var$borderSizeValue
+    ],
+    borderXWidth: [
+        [
+            'borderLeftWidth',
+            'borderRightWidth'
+        ],
+        $389791ee0990d372$var$borderSizeValue
+    ],
+    borderYWidth: [
+        [
+            'borderTopWidth',
+            'borderBottomWidth'
+        ],
+        $389791ee0990d372$var$borderSizeValue
+    ],
+    borderColor: [
+        'borderColor',
+        $389791ee0990d372$var$borderColorValue
+    ],
+    borderStartColor: [
+        $389791ee0990d372$var$rtl('borderLeftColor', 'borderRightColor'),
+        $389791ee0990d372$var$borderColorValue
+    ],
+    borderEndColor: [
+        $389791ee0990d372$var$rtl('borderRightColor', 'borderLeftColor'),
+        $389791ee0990d372$var$borderColorValue
+    ],
+    borderLeftColor: [
+        'borderLeftColor',
+        $389791ee0990d372$var$borderColorValue
+    ],
+    borderRightColor: [
+        'borderRightColor',
+        $389791ee0990d372$var$borderColorValue
+    ],
+    borderTopColor: [
+        'borderTopColor',
+        $389791ee0990d372$var$borderColorValue
+    ],
+    borderBottomColor: [
+        'borderBottomColor',
+        $389791ee0990d372$var$borderColorValue
+    ],
+    borderXColor: [
+        [
+            'borderLeftColor',
+            'borderRightColor'
+        ],
+        $389791ee0990d372$var$borderColorValue
+    ],
+    borderYColor: [
+        [
+            'borderTopColor',
+            'borderBottomColor'
+        ],
+        $389791ee0990d372$var$borderColorValue
+    ],
+    borderRadius: [
+        'borderRadius',
+        $389791ee0990d372$var$borderRadiusValue
+    ],
+    borderTopStartRadius: [
+        $389791ee0990d372$var$rtl('borderTopLeftRadius', 'borderTopRightRadius'),
+        $389791ee0990d372$var$borderRadiusValue
+    ],
+    borderTopEndRadius: [
+        $389791ee0990d372$var$rtl('borderTopRightRadius', 'borderTopLeftRadius'),
+        $389791ee0990d372$var$borderRadiusValue
+    ],
+    borderBottomStartRadius: [
+        $389791ee0990d372$var$rtl('borderBottomLeftRadius', 'borderBottomRightRadius'),
+        $389791ee0990d372$var$borderRadiusValue
+    ],
+    borderBottomEndRadius: [
+        $389791ee0990d372$var$rtl('borderBottomRightRadius', 'borderBottomLeftRadius'),
+        $389791ee0990d372$var$borderRadiusValue
+    ],
+    borderTopLeftRadius: [
+        'borderTopLeftRadius',
+        $389791ee0990d372$var$borderRadiusValue
+    ],
+    borderTopRightRadius: [
+        'borderTopRightRadius',
+        $389791ee0990d372$var$borderRadiusValue
+    ],
+    borderBottomLeftRadius: [
+        'borderBottomLeftRadius',
+        $389791ee0990d372$var$borderRadiusValue
+    ],
+    borderBottomRightRadius: [
+        'borderBottomRightRadius',
+        $389791ee0990d372$var$borderRadiusValue
+    ],
+    padding: [
+        'padding',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    paddingStart: [
+        $389791ee0990d372$var$rtl('paddingLeft', 'paddingRight'),
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    paddingEnd: [
+        $389791ee0990d372$var$rtl('paddingRight', 'paddingLeft'),
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    paddingLeft: [
+        'paddingLeft',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    paddingRight: [
+        'paddingRight',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    paddingTop: [
+        'paddingTop',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    paddingBottom: [
+        'paddingBottom',
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    paddingX: [
+        [
+            'paddingLeft',
+            'paddingRight'
+        ],
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    paddingY: [
+        [
+            'paddingTop',
+            'paddingBottom'
+        ],
+        $389791ee0990d372$export$abc24f5b99744ea6
+    ],
+    overflow: [
+        'overflow',
+        $389791ee0990d372$export$46b6c81d11d2c30a
+    ]
 };
-
-function $fde11e9d9d7d059795140092a2808e57$var$rtl(ltr, rtl) {
-  return direction => direction === 'rtl' ? rtl : ltr;
+const $389791ee0990d372$var$borderStyleProps = {
+    borderWidth: 'borderStyle',
+    borderLeftWidth: 'borderLeftStyle',
+    borderRightWidth: 'borderRightStyle',
+    borderTopWidth: 'borderTopStyle',
+    borderBottomWidth: 'borderBottomStyle'
+};
+function $389791ee0990d372$var$rtl(ltr, rtl) {
+    return (direction)=>direction === 'rtl' ? rtl : ltr
+    ;
 }
-
-const $fde11e9d9d7d059795140092a2808e57$var$UNIT_RE = /(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/;
-const $fde11e9d9d7d059795140092a2808e57$var$FUNC_RE = /^\s*\w+\(/;
-const $fde11e9d9d7d059795140092a2808e57$var$SPECTRUM_VARIABLE_RE = /(static-)?size-\d+|single-line-(height|width)/g;
-
-function dimensionValue(value) {
-  if (typeof value === 'number') {
-    return value + 'px';
-  }
-
-  if ($fde11e9d9d7d059795140092a2808e57$var$UNIT_RE.test(value)) {
-    return value;
-  }
-
-  if ($fde11e9d9d7d059795140092a2808e57$var$FUNC_RE.test(value)) {
-    return value.replace($fde11e9d9d7d059795140092a2808e57$var$SPECTRUM_VARIABLE_RE, 'var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))');
-  }
-
-  return "var(--spectrum-global-dimension-" + value + ", var(--spectrum-alias-" + value + "))";
+const $389791ee0990d372$var$UNIT_RE = /(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/;
+const $389791ee0990d372$var$FUNC_RE = /^\s*\w+\(/;
+const $389791ee0990d372$var$SPECTRUM_VARIABLE_RE = /(static-)?size-\d+|single-line-(height|width)/g;
+function $389791ee0990d372$export$abc24f5b99744ea6(value) {
+    if (typeof value === 'number') return value + 'px';
+    if ($389791ee0990d372$var$UNIT_RE.test(value)) return value;
+    if ($389791ee0990d372$var$FUNC_RE.test(value)) return value.replace($389791ee0990d372$var$SPECTRUM_VARIABLE_RE, 'var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))');
+    return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;
 }
-
-exports.dimensionValue = dimensionValue;
-
-function responsiveDimensionValue(value, matchedBreakpoints) {
-  value = getResponsiveProp(value, matchedBreakpoints);
-  return dimensionValue(value);
+function $389791ee0990d372$export$f348bec194f2e6b5(value, matchedBreakpoints) {
+    value = $389791ee0990d372$export$52dbfdbe1b2c3541(value, matchedBreakpoints);
+    return $389791ee0990d372$export$abc24f5b99744ea6(value);
 }
-
-exports.responsiveDimensionValue = responsiveDimensionValue;
-
-function $fde11e9d9d7d059795140092a2808e57$var$colorValue(value, type) {
-  if (type === void 0) {
-    type = 'default';
-  }
-
-  return "var(--spectrum-global-color-" + value + ", var(--spectrum-semantic-" + value + "-color-" + type + "))";
+function $389791ee0990d372$var$colorValue(value, type = 'default') {
+    return `var(--spectrum-global-color-${value}, var(--spectrum-semantic-${value}-color-${type}))`;
 }
-
-function $fde11e9d9d7d059795140092a2808e57$var$backgroundColorValue(value) {
-  return "var(--spectrum-alias-background-color-" + value + ", " + $fde11e9d9d7d059795140092a2808e57$var$colorValue(value, 'background') + ")";
+function $389791ee0990d372$var$backgroundColorValue(value) {
+    return `var(--spectrum-alias-background-color-${value}, ${$389791ee0990d372$var$colorValue(value, 'background')})`;
 }
-
-function $fde11e9d9d7d059795140092a2808e57$var$borderColorValue(value) {
-  if (value === 'default') {
-    return 'var(--spectrum-alias-border-color)';
-  }
-
-  return "var(--spectrum-alias-border-color-" + value + ", " + $fde11e9d9d7d059795140092a2808e57$var$colorValue(value, 'border') + ")";
+function $389791ee0990d372$var$borderColorValue(value) {
+    if (value === 'default') return 'var(--spectrum-alias-border-color)';
+    return `var(--spectrum-alias-border-color-${value}, ${$389791ee0990d372$var$colorValue(value, 'border')})`;
 }
-
-function $fde11e9d9d7d059795140092a2808e57$var$borderSizeValue(value) {
-  return "var(--spectrum-alias-border-size-" + value + ")";
+function $389791ee0990d372$var$borderSizeValue(value) {
+    return `var(--spectrum-alias-border-size-${value})`;
 }
-
-function $fde11e9d9d7d059795140092a2808e57$var$borderRadiusValue(value) {
-  return "var(--spectrum-alias-border-radius-" + value + ")";
+function $389791ee0990d372$var$borderRadiusValue(value) {
+    return `var(--spectrum-alias-border-radius-${value})`;
 }
-
-function $fde11e9d9d7d059795140092a2808e57$var$hiddenValue(value) {
-  return value ? 'none' : undefined;
+function $389791ee0990d372$var$hiddenValue(value) {
+    return value ? 'none' : undefined;
 }
-
-function $fde11e9d9d7d059795140092a2808e57$var$anyValue(value) {
-  return value;
+function $389791ee0990d372$var$anyValue(value) {
+    return value;
 }
-
-function $fde11e9d9d7d059795140092a2808e57$var$flexValue(value) {
-  if (typeof value === 'boolean') {
-    return value ? '1' : undefined;
-  }
-
-  return '' + value;
+function $389791ee0990d372$var$flexValue(value) {
+    if (typeof value === 'boolean') return value ? '1' : undefined;
+    return '' + value;
 }
-
-function convertStyleProps(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 = getResponsiveProp(props[key], matchedBreakpoints);
-    let value = convert(prop);
-
-    if (Array.isArray(name)) {
-      for (let k of name) {
-        style[k] = value;
-      }
-    } else {
-      style[name] = value;
+function $389791ee0990d372$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 = $389791ee0990d372$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 $fde11e9d9d7d059795140092a2808e57$var$borderStyleProps) {
-    if (style[prop]) {
-      style[$fde11e9d9d7d059795140092a2808e57$var$borderStyleProps[prop]] = 'solid';
-      style.boxSizing = 'border-box';
+    for(let prop in $389791ee0990d372$var$borderStyleProps)if (style[prop]) {
+        style[$389791ee0990d372$var$borderStyleProps[prop]] = 'solid';
+        style.boxSizing = 'border-box';
     }
-  }
-
-  return style;
-}
-
-exports.convertStyleProps = convertStyleProps;
-
-function useStyleProps(props, handlers, options) {
-  if (handlers === void 0) {
-    handlers = baseStyleProps;
-  }
-
-  if (options === void 0) {
-    options = {};
-  }
-
-  let {
-    UNSAFE_className,
-    UNSAFE_style
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["UNSAFE_className", "UNSAFE_style"]);
-
-  let breakpointProvider = useBreakpoint();
-  let {
-    direction
-  } = useLocale();
-  let {
-    matchedBreakpoints = (breakpointProvider == null ? void 0 : breakpointProvider.matchedBreakpoints) || ['base']
-  } = options;
-  let styles = convertStyleProps(props, handlers, direction, matchedBreakpoints);
-
-  let style = _babelRuntimeHelpersExtends({}, 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,
-    className: UNSAFE_className
-  };
-
-  if (getResponsiveProp(props.isHidden, matchedBreakpoints)) {
-    styleProps.hidden = true;
-  }
-
-  return {
-    styleProps
-  };
+    return style;
+}
+function $389791ee0990d372$export$b8e6fb9d2dff3f41(props, handlers = $389791ee0990d372$export$fe9c6e915565b4e8, options = {
+}) {
+    let { UNSAFE_className: UNSAFE_className , UNSAFE_style: UNSAFE_style , ...otherProps } = props;
+    let breakpointProvider = $fb167805f56a8c6d$export$199d6754bdf4e1e3();
+    let { direction: direction  } = $9b6IN$reactariai18n.useLocale();
+    let { matchedBreakpoints: matchedBreakpoints = breakpointProvider?.matchedBreakpoints || [
+        'base'
+    ]  } = options;
+    let styles = $389791ee0990d372$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 ($389791ee0990d372$export$52dbfdbe1b2c3541(props.isHidden, matchedBreakpoints)) styleProps.hidden = true;
+    return {
+        styleProps: styleProps
+    };
 }
-
-exports.useStyleProps = useStyleProps;
-
-function passthroughStyle(value) {
-  return value;
+function $389791ee0990d372$export$46b6c81d11d2c30a(value) {
+    return value;
 }
-
-exports.passthroughStyle = passthroughStyle;
-
-function getResponsiveProp(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];
-      }
+function $389791ee0990d372$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.base;
-  }
-
-  return prop;
+    return prop;
 }
 
-exports.getResponsiveProp = getResponsiveProp;
 
-let $fda26b2aacd0a7728829de04d10c975$var$SlotContext = /*#__PURE__*/_react.createContext(null);
+var $c983174ff1b756ba$exports = {};
 
-function useSlotProps(props, defaultSlot) {
-  let slot = props.slot || defaultSlot;
-  let {
-    [slot]: slotProps = {}
-  } = useContext($fda26b2aacd0a7728829de04d10c975$var$SlotContext) || {};
-  return mergeProps(slotProps, props);
-}
+$parcel$export($c983174ff1b756ba$exports, "useSlotProps", () => $c983174ff1b756ba$export$1e5c9e6e4e15efe3);
+$parcel$export($c983174ff1b756ba$exports, "cssModuleToSlots", () => $c983174ff1b756ba$export$365cf34cda9978e2);
+$parcel$export($c983174ff1b756ba$exports, "SlotProvider", () => $c983174ff1b756ba$export$8107b24b91795686);
+$parcel$export($c983174ff1b756ba$exports, "ClearSlots", () => $c983174ff1b756ba$export$ceb145244332b7a2);
 
-exports.useSlotProps = useSlotProps;
 
-function cssModuleToSlots(cssModule) {
-  return Object.keys(cssModule).reduce((acc, slot) => {
-    acc[slot] = {
-      UNSAFE_className: cssModule[slot]
+let $c983174ff1b756ba$var$SlotContext = /*#__PURE__*/ ($parcel$interopDefault($9b6IN$react)).createContext(null);
+function $c983174ff1b756ba$export$1e5c9e6e4e15efe3(props, defaultSlot) {
+    let slot = props.slot || defaultSlot;
+    let { [slot]: slotProps = {
+    }  } = $9b6IN$react.useContext($c983174ff1b756ba$var$SlotContext) || {
     };
-    return acc;
-  }, {});
+    return $9b6IN$reactariautils.mergeProps(props, $9b6IN$reactariautils.mergeProps(slotProps, {
+        id: props.id
+    }));
+}
+function $c983174ff1b756ba$export$365cf34cda9978e2(cssModule) {
+    return Object.keys(cssModule).reduce((acc, slot)=>{
+        acc[slot] = {
+            UNSAFE_className: cssModule[slot]
+        };
+        return acc;
+    }, {
+    });
+}
+function $c983174ff1b756ba$export$8107b24b91795686(props) {
+    let parentSlots = $9b6IN$react.useContext($c983174ff1b756ba$var$SlotContext) || {
+    };
+    let { slots: slots = {
+    } , children: children  } = props;
+    // Merge props for each slot from parent context and props
+    let value = $9b6IN$react.useMemo(()=>Object.keys(parentSlots).concat(Object.keys(slots)).reduce((o, p)=>({
+                ...o,
+                [p]: $9b6IN$reactariautils.mergeProps(parentSlots[p] || {
+                }, slots[p] || {
+                })
+            })
+        , {
+        })
+    , [
+        parentSlots,
+        slots
+    ]);
+    return(/*#__PURE__*/ ($parcel$interopDefault($9b6IN$react)).createElement($c983174ff1b756ba$var$SlotContext.Provider, {
+        value: value
+    }, children));
+}
+function $c983174ff1b756ba$export$ceb145244332b7a2(props) {
+    let { children: children , ...otherProps } = props;
+    let content = children;
+    if (($parcel$interopDefault($9b6IN$react)).Children.toArray(children).length <= 1) {
+        if (typeof children === 'function') content = /*#__PURE__*/ ($parcel$interopDefault($9b6IN$react)).cloneElement(($parcel$interopDefault($9b6IN$react)).Children.only(children), otherProps);
+    }
+    return(/*#__PURE__*/ ($parcel$interopDefault($9b6IN$react)).createElement($c983174ff1b756ba$var$SlotContext.Provider, {
+        value: {
+        }
+    }, content));
 }
 
-exports.cssModuleToSlots = cssModuleToSlots;
 
-function SlotProvider(props) {
-  let parentSlots = useContext($fda26b2aacd0a7728829de04d10c975$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) => _babelRuntimeHelpersExtends({}, o, {
-    [p]: mergeProps(parentSlots[p] || {}, slots[p] || {})
-  }), {}), [parentSlots, slots]);
-  return /*#__PURE__*/_react.createElement($fda26b2aacd0a7728829de04d10c975$var$SlotContext.Provider, {
-    value: value
-  }, children);
-}
+var $99bcabfca08c0259$exports = {};
 
-exports.SlotProvider = SlotProvider;
+$parcel$export($99bcabfca08c0259$exports, "useHasChild", () => $99bcabfca08c0259$export$e52e2242b6d0f1d4);
 
-function ClearSlots(props) {
-  let {
-    children
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children"]);
 
-  let content = children;
+function $99bcabfca08c0259$export$e52e2242b6d0f1d4(query, ref) {
+    let [hasChild, setHasChild] = $9b6IN$react.useState(true);
+    $9b6IN$reactariautils.useLayoutEffect(()=>{
+        setHasChild(!!(ref.current && ref.current.querySelector(query)));
+    }, [
+        setHasChild,
+        query,
+        ref
+    ]);
+    return hasChild;
+}
 
-  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($fda26b2aacd0a7728829de04d10c975$var$SlotContext.Provider, {
-    value: {}
-  }, content);
-}
+var $1d282d8c92b87ae3$exports = {};
 
-exports.ClearSlots = ClearSlots;
+$parcel$export($1d282d8c92b87ae3$exports, "useResizeObserver", () => $9b6IN$reactariautils.useResizeObserver);
 
-function useHasChild(query, ref) {
-  let [hasChild, setHasChild] = useState(true);
-  useLayoutEffect(() => {
-    setHasChild(!!(ref.current && ref.current.querySelector(query)));
-  }, [setHasChild, query, ref]);
-  return hasChild;
-}
 
-exports.useHasChild = useHasChild;
-const $dfba26b46b2b2f027a9d4ad19567e6fd$var$MOBILE_SCREEN_WIDTH = 700;
 
-function useIsMobileDevice() {
-  let isSSR = useIsSSR();
+var $297f6192cc2702da$exports = {};
 
-  if (isSSR || typeof window === 'undefined') {
-    return false;
-  }
+$parcel$export($297f6192cc2702da$exports, "useIsMobileDevice", () => $297f6192cc2702da$export$736bf165441b18c7);
 
-  return window.screen.width <= $dfba26b46b2b2f027a9d4ad19567e6fd$var$MOBILE_SCREEN_WIDTH;
+const $297f6192cc2702da$var$MOBILE_SCREEN_WIDTH = 700;
+function $297f6192cc2702da$export$736bf165441b18c7() {
+    let isSSR = $9b6IN$reactariassr.useIsSSR();
+    if (isSSR || typeof window === 'undefined') return false;
+    return window.screen.width <= $297f6192cc2702da$var$MOBILE_SCREEN_WIDTH;
 }
 
-exports.useIsMobileDevice = useIsMobileDevice;
 
-// 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.
-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.
+var $e4249a830a2f6066$exports = {};
 
-  let nextRef = useRef(null);
+$parcel$export($e4249a830a2f6066$exports, "useValueEffect", () => $9b6IN$reactariautils.useValueEffect);
 
-  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$exportWildcard(module.exports, $2d88002492505a16$exports);
+$parcel$exportWildcard(module.exports, $ead9ea69b6c3015e$exports);
+$parcel$exportWildcard(module.exports, $4b0ba073bf159f06$exports);
+$parcel$exportWildcard(module.exports, $611b12616927e373$exports);
+$parcel$exportWildcard(module.exports, $389791ee0990d372$exports);
+$parcel$exportWildcard(module.exports, $c983174ff1b756ba$exports);
+$parcel$exportWildcard(module.exports, $99bcabfca08c0259$exports);
+$parcel$exportWildcard(module.exports, $1d282d8c92b87ae3$exports);
+$parcel$exportWildcard(module.exports, $297f6192cc2702da$exports);
+$parcel$exportWildcard(module.exports, $e4249a830a2f6066$exports);
+$parcel$exportWildcard(module.exports, $fb167805f56a8c6d$exports);
 
-  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];
-}
 
-exports.useValueEffect = useValueEffect;
 //# sourceMappingURL=main.js.map