@react-spectrum/utils 3.11.4 → 3.11.6

package/dist/useDOMRef.module.js

@@ -0,0 +1,54 @@
+import {useRef as $39jWF$useRef, useImperativeHandle as $39jWF$useImperativeHandle, useMemo as $39jWF$useMemo} from "react";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+function $98e5a8ae0e6415af$export$a5795cc979dfae80(ref) {
+    return {
+        UNSAFE_getDOMNode () {
+            return ref.current;
+        }
+    };
+}
+function $98e5a8ae0e6415af$export$79d69eee6ae4b329(domRef, focusableRef = domRef) {
+    return {
+        ...$98e5a8ae0e6415af$export$a5795cc979dfae80(domRef),
+        focus () {
+            if (focusableRef.current) focusableRef.current.focus();
+        }
+    };
+}
+function $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref) {
+    let domRef = (0, $39jWF$useRef)(null);
+    (0, $39jWF$useImperativeHandle)(ref, ()=>$98e5a8ae0e6415af$export$a5795cc979dfae80(domRef));
+    return domRef;
+}
+function $98e5a8ae0e6415af$export$96a734597687c040(ref, focusableRef) {
+    let domRef = (0, $39jWF$useRef)(null);
+    (0, $39jWF$useImperativeHandle)(ref, ()=>$98e5a8ae0e6415af$export$79d69eee6ae4b329(domRef, focusableRef));
+    return domRef;
+}
+function $98e5a8ae0e6415af$export$c7e28c72a4823176(ref) {
+    return {
+        get current () {
+            return ref.current && ref.current.UNSAFE_getDOMNode();
+        }
+    };
+}
+function $98e5a8ae0e6415af$export$1d5cc31d9d8df817(ref) {
+    return (0, $39jWF$useMemo)(()=>$98e5a8ae0e6415af$export$c7e28c72a4823176(ref), [
+        ref
+    ]);
+}
+
+
+export {$98e5a8ae0e6415af$export$a5795cc979dfae80 as createDOMRef, $98e5a8ae0e6415af$export$79d69eee6ae4b329 as createFocusableRef, $98e5a8ae0e6415af$export$c2c55ef9111cafd8 as useDOMRef, $98e5a8ae0e6415af$export$96a734597687c040 as useFocusableRef, $98e5a8ae0e6415af$export$c7e28c72a4823176 as unwrapDOMRef, $98e5a8ae0e6415af$export$1d5cc31d9d8df817 as useUnwrapDOMRef};
+//# sourceMappingURL=useDOMRef.module.js.map

package/dist/useDOMRef.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAKM,SAAS,0CAAkD,GAAiB;IACjF,OAAO;QACL;YACE,OAAO,IAAI,OAAO;QACpB;IACF;AACF;AAEO,SAAS,0CAAwD,MAAoB,EAAE,eAA4C,MAAM;IAC9I,OAAO;QACL,GAAG,0CAAa,OAAO;QACvB;YACE,IAAI,aAAa,OAAO,EACtB,aAAa,OAAO,CAAC,KAAK;QAE9B;IACF;AACF;AAEO,SAAS,0CAA+C,GAAc;IAC3E,IAAI,SAAS,CAAA,GAAA,aAAK,EAAK;IACvB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAM,0CAAa;IAC5C,OAAO;AACT;AAEO,SAAS,0CAAqD,GAAoB,EAAE,YAA0C;IACnI,IAAI,SAAS,CAAA,GAAA,aAAK,EAAK;IACvB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAM,0CAAmB,QAAQ;IAC1D,OAAO;AACT;AAEO,SAAS,0CAAoC,GAA8B;IAChF,OAAO;QACL,IAAI,WAAU;YACZ,OAAO,IAAI,OAAO,IAAI,IAAI,OAAO,CAAC,iBAAiB;QACrD;IACF;AACF;AAEO,SAAS,0CAAuC,GAA8B;IACnF,OAAO,CAAA,GAAA,cAAM,EAAE,IAAM,0CAAa,MAAM;QAAC;KAAI;AAC/C","sources":["packages/@react-spectrum/utils/src/useDOMRef.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMRef, DOMRefValue, FocusableElement, FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {RefObject, useImperativeHandle, useMemo, useRef} from 'react';\n\nexport function createDOMRef<T extends HTMLElement = HTMLElement>(ref: RefObject<T>): DOMRefValue<T> {\n  return {\n    UNSAFE_getDOMNode() {\n      return ref.current;\n    }\n  };\n}\n\nexport function createFocusableRef<T extends HTMLElement = HTMLElement>(domRef: RefObject<T>, focusableRef: RefObject<FocusableElement> = domRef): FocusableRefValue<T> {\n  return {\n    ...createDOMRef(domRef),\n    focus() {\n      if (focusableRef.current) {\n        focusableRef.current.focus();\n      }\n    }\n  };\n}\n\nexport function useDOMRef<T extends HTMLElement = HTMLElement>(ref: DOMRef<T>): RefObject<T> {\n  let domRef = useRef<T>(null);\n  useImperativeHandle(ref, () => createDOMRef(domRef));\n  return domRef;\n}\n\nexport function useFocusableRef<T extends HTMLElement = HTMLElement>(ref: FocusableRef<T>, focusableRef?: RefObject<FocusableElement>): RefObject<T> {\n  let domRef = useRef<T>(null);\n  useImperativeHandle(ref, () => createFocusableRef(domRef, focusableRef));\n  return domRef;\n}\n\nexport function unwrapDOMRef<T extends HTMLElement>(ref: RefObject<DOMRefValue<T>>): RefObject<T> {\n  return {\n    get current() {\n      return ref.current && ref.current.UNSAFE_getDOMNode();\n    }\n  };\n}\n\nexport function useUnwrapDOMRef<T extends HTMLElement>(ref: RefObject<DOMRefValue<T>>) : RefObject<T> {\n  return useMemo(() => unwrapDOMRef(ref), [ref]);\n}\n"],"names":[],"version":3,"file":"useDOMRef.module.js.map"}

package/dist/useHasChild.main.js

@@ -0,0 +1,35 @@
+var $egdoP$react = require("react");
+var $egdoP$reactariautils = require("@react-aria/utils");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useHasChild", () => $67043c48a01bef79$export$e52e2242b6d0f1d4);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $67043c48a01bef79$export$e52e2242b6d0f1d4(query, ref) {
+    let [hasChild, setHasChild] = (0, $egdoP$react.useState)(true);
+    (0, $egdoP$reactariautils.useLayoutEffect)(()=>{
+        setHasChild(!!(ref.current && ref.current.querySelector(query)));
+    }, [
+        setHasChild,
+        query,
+        ref
+    ]);
+    return hasChild;
+}
+
+
+//# sourceMappingURL=useHasChild.main.js.map

package/dist/useHasChild.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAKM,SAAS,0CAAY,KAAa,EAAE,GAA2B;IACpE,IAAI,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,qBAAO,EAAE;IACvC,CAAA,GAAA,qCAAc,EAAE;QACd,YAAY,CAAC,CAAE,CAAA,IAAI,OAAO,IAAI,IAAI,OAAO,CAAC,aAAa,CAAC,MAAK;IAC/D,GAAG;QAAC;QAAa;QAAO;KAAI;IAC5B,OAAO;AACT","sources":["packages/@react-spectrum/utils/src/useHasChild.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {RefObject, useState} from 'react';\nimport {useLayoutEffect} from '@react-aria/utils';\n\nexport function useHasChild(query: string, ref: RefObject<HTMLElement>) {\n  let [hasChild, setHasChild] = useState(true);\n  useLayoutEffect(() => {\n    setHasChild(!!(ref.current && ref.current.querySelector(query)));\n  }, [setHasChild, query, ref]);\n  return hasChild;\n}\n"],"names":[],"version":3,"file":"useHasChild.main.js.map"}

package/dist/useHasChild.mjs

@@ -0,0 +1,30 @@
+import {useState as $iRbeG$useState} from "react";
+import {useLayoutEffect as $iRbeG$useLayoutEffect} from "@react-aria/utils";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $54cda195bd4173fb$export$e52e2242b6d0f1d4(query, ref) {
+    let [hasChild, setHasChild] = (0, $iRbeG$useState)(true);
+    (0, $iRbeG$useLayoutEffect)(()=>{
+        setHasChild(!!(ref.current && ref.current.querySelector(query)));
+    }, [
+        setHasChild,
+        query,
+        ref
+    ]);
+    return hasChild;
+}
+
+
+export {$54cda195bd4173fb$export$e52e2242b6d0f1d4 as useHasChild};
+//# sourceMappingURL=useHasChild.mjs.map

package/dist/useHasChild.module.js

@@ -0,0 +1,30 @@
+import {useState as $iRbeG$useState} from "react";
+import {useLayoutEffect as $iRbeG$useLayoutEffect} from "@react-aria/utils";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $54cda195bd4173fb$export$e52e2242b6d0f1d4(query, ref) {
+    let [hasChild, setHasChild] = (0, $iRbeG$useState)(true);
+    (0, $iRbeG$useLayoutEffect)(()=>{
+        setHasChild(!!(ref.current && ref.current.querySelector(query)));
+    }, [
+        setHasChild,
+        query,
+        ref
+    ]);
+    return hasChild;
+}
+
+
+export {$54cda195bd4173fb$export$e52e2242b6d0f1d4 as useHasChild};
+//# sourceMappingURL=useHasChild.module.js.map

package/dist/useHasChild.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAKM,SAAS,0CAAY,KAAa,EAAE,GAA2B;IACpE,IAAI,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,eAAO,EAAE;IACvC,CAAA,GAAA,sBAAc,EAAE;QACd,YAAY,CAAC,CAAE,CAAA,IAAI,OAAO,IAAI,IAAI,OAAO,CAAC,aAAa,CAAC,MAAK;IAC/D,GAAG;QAAC;QAAa;QAAO;KAAI;IAC5B,OAAO;AACT","sources":["packages/@react-spectrum/utils/src/useHasChild.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {RefObject, useState} from 'react';\nimport {useLayoutEffect} from '@react-aria/utils';\n\nexport function useHasChild(query: string, ref: RefObject<HTMLElement>) {\n  let [hasChild, setHasChild] = useState(true);\n  useLayoutEffect(() => {\n    setHasChild(!!(ref.current && ref.current.querySelector(query)));\n  }, [setHasChild, query, ref]);\n  return hasChild;\n}\n"],"names":[],"version":3,"file":"useHasChild.module.js.map"}

package/dist/useIsMobileDevice.main.js

@@ -0,0 +1,28 @@
+var $fkNaJ$reactariassr = require("@react-aria/ssr");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useIsMobileDevice", () => $e9c08f6fb6c823d1$export$736bf165441b18c7);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+const $e9c08f6fb6c823d1$var$MOBILE_SCREEN_WIDTH = 700;
+function $e9c08f6fb6c823d1$export$736bf165441b18c7() {
+    let isSSR = (0, $fkNaJ$reactariassr.useIsSSR)();
+    if (isSSR || typeof window === "undefined") return false;
+    return window.screen.width <= $e9c08f6fb6c823d1$var$MOBILE_SCREEN_WIDTH;
+}
+
+
+//# sourceMappingURL=useIsMobileDevice.main.js.map

package/dist/useIsMobileDevice.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;AAID,MAAM,4CAAsB;AAErB,SAAS;IACd,IAAI,QAAQ,CAAA,GAAA,4BAAO;IACnB,IAAI,SAAS,OAAO,WAAW,aAC7B,OAAO;IAGT,OAAO,OAAO,MAAM,CAAC,KAAK,IAAI;AAChC","sources":["packages/@react-spectrum/utils/src/useIsMobileDevice.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {useIsSSR} from '@react-aria/ssr';\n\nconst MOBILE_SCREEN_WIDTH = 700;\n\nexport function useIsMobileDevice(): boolean {\n  let isSSR = useIsSSR();\n  if (isSSR || typeof window === 'undefined') {\n    return false;\n  }\n\n  return window.screen.width <= MOBILE_SCREEN_WIDTH;\n}\n"],"names":[],"version":3,"file":"useIsMobileDevice.main.js.map"}

package/dist/useIsMobileDevice.mjs

@@ -0,0 +1,23 @@
+import {useIsSSR as $hET1I$useIsSSR} from "@react-aria/ssr";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+const $fdbe26a36ce1c672$var$MOBILE_SCREEN_WIDTH = 700;
+function $fdbe26a36ce1c672$export$736bf165441b18c7() {
+    let isSSR = (0, $hET1I$useIsSSR)();
+    if (isSSR || typeof window === "undefined") return false;
+    return window.screen.width <= $fdbe26a36ce1c672$var$MOBILE_SCREEN_WIDTH;
+}
+
+
+export {$fdbe26a36ce1c672$export$736bf165441b18c7 as useIsMobileDevice};
+//# sourceMappingURL=useIsMobileDevice.mjs.map

package/dist/useIsMobileDevice.module.js

@@ -0,0 +1,23 @@
+import {useIsSSR as $hET1I$useIsSSR} from "@react-aria/ssr";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+const $fdbe26a36ce1c672$var$MOBILE_SCREEN_WIDTH = 700;
+function $fdbe26a36ce1c672$export$736bf165441b18c7() {
+    let isSSR = (0, $hET1I$useIsSSR)();
+    if (isSSR || typeof window === "undefined") return false;
+    return window.screen.width <= $fdbe26a36ce1c672$var$MOBILE_SCREEN_WIDTH;
+}
+
+
+export {$fdbe26a36ce1c672$export$736bf165441b18c7 as useIsMobileDevice};
+//# sourceMappingURL=useIsMobileDevice.module.js.map

package/dist/useIsMobileDevice.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAID,MAAM,4CAAsB;AAErB,SAAS;IACd,IAAI,QAAQ,CAAA,GAAA,eAAO;IACnB,IAAI,SAAS,OAAO,WAAW,aAC7B,OAAO;IAGT,OAAO,OAAO,MAAM,CAAC,KAAK,IAAI;AAChC","sources":["packages/@react-spectrum/utils/src/useIsMobileDevice.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {useIsSSR} from '@react-aria/ssr';\n\nconst MOBILE_SCREEN_WIDTH = 700;\n\nexport function useIsMobileDevice(): boolean {\n  let isSSR = useIsSSR();\n  if (isSSR || typeof window === 'undefined') {\n    return false;\n  }\n\n  return window.screen.width <= MOBILE_SCREEN_WIDTH;\n}\n"],"names":[],"version":3,"file":"useIsMobileDevice.module.js.map"}

package/dist/useMediaQuery.main.js

@@ -0,0 +1,46 @@
+var $6azN1$react = require("react");
+var $6azN1$reactariassr = require("@react-aria/ssr");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useMediaQuery", () => $471052aafc9c8aac$export$32d5543ab307c01);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $471052aafc9c8aac$export$32d5543ab307c01(query) {
+    let supportsMatchMedia = typeof window !== "undefined" && typeof window.matchMedia === "function";
+    let [matches, setMatches] = (0, $6azN1$react.useState)(()=>supportsMatchMedia ? window.matchMedia(query).matches : false);
+    (0, $6azN1$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 = (0, $6azN1$reactariassr.useIsSSR)();
+    return isSSR ? false : matches;
+}
+
+
+//# sourceMappingURL=useMediaQuery.main.js.map

package/dist/useMediaQuery.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAKM,SAAS,yCAAc,KAAa;IACzC,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,qBAAO,EAAE,IACnC,qBACI,OAAO,UAAU,CAAC,OAAO,OAAO,GAChC;IAGN,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,KAAK,OAAO,UAAU,CAAC;QAC3B,IAAI,WAAW,CAAC;YACd,WAAW,IAAI,OAAO;QACxB;QAEA,GAAG,WAAW,CAAC;QACf,OAAO;YACL,GAAG,cAAc,CAAC;QACpB;IACF,GAAG;QAAC;QAAoB;KAAM;IAE9B,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,4BAAO;IACnB,OAAO,QAAQ,QAAQ;AACzB","sources":["packages/@react-spectrum/utils/src/useMediaQuery.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '@react-aria/ssr';\n\nexport function useMediaQuery(query: string) {\n  let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n  let [matches, setMatches] = useState(() =>\n    supportsMatchMedia\n      ? window.matchMedia(query).matches\n      : false\n  );\n\n  useEffect(() => {\n    if (!supportsMatchMedia) {\n      return;\n    }\n\n    let mq = window.matchMedia(query);\n    let onChange = (evt) => {\n      setMatches(evt.matches);\n    };\n\n    mq.addListener(onChange);\n    return () => {\n      mq.removeListener(onChange);\n    };\n  }, [supportsMatchMedia, query]);\n\n  // If in SSR, the media query should never match. Once the page hydrates,\n  // this will update and the real value will be returned.\n  let isSSR = useIsSSR();\n  return isSSR ? false : matches;\n}\n"],"names":[],"version":3,"file":"useMediaQuery.main.js.map"}

package/dist/useMediaQuery.mjs

@@ -0,0 +1,41 @@
+import {useState as $8zXGn$useState, useEffect as $8zXGn$useEffect} from "react";
+import {useIsSSR as $8zXGn$useIsSSR} from "@react-aria/ssr";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $3df547e395c4522f$export$32d5543ab307c01(query) {
+    let supportsMatchMedia = typeof window !== "undefined" && typeof window.matchMedia === "function";
+    let [matches, setMatches] = (0, $8zXGn$useState)(()=>supportsMatchMedia ? window.matchMedia(query).matches : false);
+    (0, $8zXGn$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 = (0, $8zXGn$useIsSSR)();
+    return isSSR ? false : matches;
+}
+
+
+export {$3df547e395c4522f$export$32d5543ab307c01 as useMediaQuery};
+//# sourceMappingURL=useMediaQuery.mjs.map

package/dist/useMediaQuery.module.js

@@ -0,0 +1,41 @@
+import {useState as $8zXGn$useState, useEffect as $8zXGn$useEffect} from "react";
+import {useIsSSR as $8zXGn$useIsSSR} from "@react-aria/ssr";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $3df547e395c4522f$export$32d5543ab307c01(query) {
+    let supportsMatchMedia = typeof window !== "undefined" && typeof window.matchMedia === "function";
+    let [matches, setMatches] = (0, $8zXGn$useState)(()=>supportsMatchMedia ? window.matchMedia(query).matches : false);
+    (0, $8zXGn$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 = (0, $8zXGn$useIsSSR)();
+    return isSSR ? false : matches;
+}
+
+
+export {$3df547e395c4522f$export$32d5543ab307c01 as useMediaQuery};
+//# sourceMappingURL=useMediaQuery.module.js.map

package/dist/useMediaQuery.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAKM,SAAS,yCAAc,KAAa;IACzC,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE,IACnC,qBACI,OAAO,UAAU,CAAC,OAAO,OAAO,GAChC;IAGN,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,KAAK,OAAO,UAAU,CAAC;QAC3B,IAAI,WAAW,CAAC;YACd,WAAW,IAAI,OAAO;QACxB;QAEA,GAAG,WAAW,CAAC;QACf,OAAO;YACL,GAAG,cAAc,CAAC;QACpB;IACF,GAAG;QAAC;QAAoB;KAAM;IAE9B,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,eAAO;IACnB,OAAO,QAAQ,QAAQ;AACzB","sources":["packages/@react-spectrum/utils/src/useMediaQuery.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '@react-aria/ssr';\n\nexport function useMediaQuery(query: string) {\n  let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n  let [matches, setMatches] = useState(() =>\n    supportsMatchMedia\n      ? window.matchMedia(query).matches\n      : false\n  );\n\n  useEffect(() => {\n    if (!supportsMatchMedia) {\n      return;\n    }\n\n    let mq = window.matchMedia(query);\n    let onChange = (evt) => {\n      setMatches(evt.matches);\n    };\n\n    mq.addListener(onChange);\n    return () => {\n      mq.removeListener(onChange);\n    };\n  }, [supportsMatchMedia, query]);\n\n  // If in SSR, the media query should never match. Once the page hydrates,\n  // this will update and the real value will be returned.\n  let isSSR = useIsSSR();\n  return isSSR ? false : matches;\n}\n"],"names":[],"version":3,"file":"useMediaQuery.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/utils",
-  "version": "3.11.4",
+  "version": "3.11.6",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -24,10 +24,10 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/i18n": "^3.10.1",
-    "@react-aria/ssr": "^3.9.1",
-    "@react-aria/utils": "^3.23.1",
-    "@react-types/shared": "^3.22.0",
+    "@react-aria/i18n": "^3.11.0",
+    "@react-aria/ssr": "^3.9.3",
+    "@react-aria/utils": "^3.24.0",
+    "@react-types/shared": "^3.23.0",
     "@swc/helpers": "^0.5.0",
     "clsx": "^2.0.0"
   },
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f040ff62678e6a31375b96c05396df0bae660350"
+  "gitHead": "f645f29edc1322153fd60af4640cbcab1d992dbd"
 }

package/src/styleProps.ts

@@ -128,6 +128,10 @@ export function dimensionValue(value: DimensionValue) {
     return value + 'px';
   }
 
+  if (!value) {
+    return undefined;
+  }
+
   if (UNIT_RE.test(value)) {
     return value;
   }
@@ -154,10 +158,18 @@ function colorValue(value: ColorValue, type: ColorType = 'default', version = 5)
 }
 
 function backgroundColorValue(value: BackgroundColorValue, version = 5) {
+  if (!value) {
+    return undefined;
+  }
+
   return `var(--spectrum-alias-background-color-${value}, ${colorValue(value as ColorValue, 'background', version)})`;
 }
 
 function borderColorValue(value: BorderColorValue, version = 5) {
+  if (!value)  {
+    return undefined;
+  }
+
   if (value === 'default') {
     return 'var(--spectrum-alias-border-color)';
   }
@@ -172,6 +184,10 @@ function borderSizeValue(value?: BorderSizeValue | null) {
 }
 
 function borderRadiusValue(value: BorderRadiusValue) {
+  if (!value) {
+    return undefined;
+  }
+
   return `var(--spectrum-alias-border-radius-${value})`;
 }