@react-spectrum/utils 3.6.3 → 3.6.4

package/dist/main.js

@@ -1,646 +1,786 @@
-var {
-  mergeProps,
-  useLayoutEffect,
-  useResizeObserver,
-  useValueEffect
-} = require("@react-aria/utils");
-
-exports.useValueEffect = useValueEffect;
-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
-} = _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 = () => {
-      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
+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
         }
-
-        return previousBreakpointHandler;
-      });
-    };
-
-    window.addEventListener('resize', onResize);
-    return () => {
-      window.removeEventListener('resize', onResize);
+    }, 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);
+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;
     }
-
-    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;
+    for(let prop in $389791ee0990d372$var$borderStyleProps)if (style[prop]) {
+        style[$389791ee0990d372$var$borderStyleProps[prop]] = 'solid';
+        style.boxSizing = 'border-box';
     }
-  }
-
-  for (let prop in $fde11e9d9d7d059795140092a2808e57$var$borderStyleProps) {
-    if (style[prop]) {
-      style[$fde11e9d9d7d059795140092a2808e57$var$borderStyleProps[prop]] = 'solid';
-      style.boxSizing = 'border-box';
+    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
+    };
+}
+function $389791ee0990d372$export$46b6c81d11d2c30a(value) {
+    return value;
+}
+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 style;
+    return prop;
 }
 
-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
-  };
+var $c983174ff1b756ba$exports = {};
 
-  if (getResponsiveProp(props.isHidden, matchedBreakpoints)) {
-    styleProps.hidden = true;
-  }
+$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);
 
-  return {
-    styleProps
-  };
-}
-
-exports.useStyleProps = useStyleProps;
 
-function passthroughStyle(value) {
-  return value;
+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 $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.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];
+var $99bcabfca08c0259$exports = {};
 
-      if (prop[breakpoint] != null) {
-        return prop[breakpoint];
-      }
-    }
+$parcel$export($99bcabfca08c0259$exports, "useHasChild", () => $99bcabfca08c0259$export$e52e2242b6d0f1d4);
 
-    return prop.base;
-  }
 
-  return prop;
+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;
 }
 
-exports.getResponsiveProp = getResponsiveProp;
 
-let $fda26b2aacd0a7728829de04d10c975$var$SlotContext = /*#__PURE__*/_react.createContext(null);
+var $1d282d8c92b87ae3$exports = {};
 
-function useSlotProps(props, defaultSlot) {
-  let slot = props.slot || defaultSlot;
-  let {
-    [slot]: slotProps = {}
-  } = useContext($fda26b2aacd0a7728829de04d10c975$var$SlotContext) || {};
-  return mergeProps(props, mergeProps(slotProps, {
-    id: props.id
-  }));
-}
+$parcel$export($1d282d8c92b87ae3$exports, "useResizeObserver", () => $9b6IN$reactariautils.useResizeObserver);
 
-exports.useSlotProps = useSlotProps;
 
-function cssModuleToSlots(cssModule) {
-  return Object.keys(cssModule).reduce((acc, slot) => {
-    acc[slot] = {
-      UNSAFE_className: cssModule[slot]
-    };
-    return acc;
-  }, {});
-}
 
-exports.cssModuleToSlots = cssModuleToSlots;
+var $297f6192cc2702da$exports = {};
 
-function SlotProvider(props) {
-  let parentSlots = useContext($fda26b2aacd0a7728829de04d10c975$var$SlotContext) || {};
-  let {
-    slots = {},
-    children
-  } = props; // Merge props for each slot from parent context and props
+$parcel$export($297f6192cc2702da$exports, "useIsMobileDevice", () => $297f6192cc2702da$export$736bf165441b18c7);
 
-  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);
+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.SlotProvider = SlotProvider;
 
-function ClearSlots(props) {
-  let {
-    children
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children"]);
+var $e4249a830a2f6066$exports = {};
 
-  let content = children;
+$parcel$export($e4249a830a2f6066$exports, "useValueEffect", () => $9b6IN$reactariautils.useValueEffect);
 
-  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);
-}
 
-exports.ClearSlots = ClearSlots;
 
-function useHasChild(query, ref) {
-  let [hasChild, setHasChild] = useState(true);
-  useLayoutEffect(() => {
-    setHasChild(!!(ref.current && ref.current.querySelector(query)));
-  }, [setHasChild, query, ref]);
-  return hasChild;
-}
+$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);
 
-exports.useHasChild = useHasChild;
-const $dfba26b46b2b2f027a9d4ad19567e6fd$var$MOBILE_SCREEN_WIDTH = 700;
-
-function useIsMobileDevice() {
-  let isSSR = useIsSSR();
-
-  if (isSSR || typeof window === 'undefined') {
-    return false;
-  }
-
-  return window.screen.width <= $dfba26b46b2b2f027a9d4ad19567e6fd$var$MOBILE_SCREEN_WIDTH;
-}
 
-exports.useIsMobileDevice = useIsMobileDevice;
 //# sourceMappingURL=main.js.map