@react-spectrum/utils 3.7.4 → 3.8.1

package/dist/module.js

@@ -4,7 +4,29 @@ import $5lsDl$react, {useState as $5lsDl$useState, useEffect as $5lsDl$useEffect
 import {useIsSSR as $5lsDl$useIsSSR} from "@react-aria/ssr";
 import {useLocale as $5lsDl$useLocale} from "@react-aria/i18n";
 
-
+/*
+ * 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.
+ */ /// <reference types="css-module-types" />
+/// <reference path="./ResizeObserver.d.ts" />
+/*
+ * 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.
+ */ 
 let $fd933927dbac1f15$export$46d604dce8bf8724 = false;
 function $fd933927dbac1f15$export$f9d3bfd10703eb31() {
     $fd933927dbac1f15$export$46d604dce8bf8724 = true;
@@ -13,39 +35,57 @@ function $fd933927dbac1f15$export$f9d3bfd10703eb31() {
 function $fd933927dbac1f15$export$ce4ab0c55987d1ff(cssModule, ...values) {
     let classes = [];
     for (let value of values){
-        if (typeof value === 'object' && value) {
-            let mapped = {
-            };
+        if (typeof value === "object" && value) {
+            let mapped = {};
             for(let key in value){
                 if (cssModule[key]) mapped[cssModule[key]] = value[key];
                 if ($fd933927dbac1f15$export$46d604dce8bf8724 || !cssModule[key]) mapped[key] = value[key];
             }
             classes.push(mapped);
-        } else if (typeof value === 'string') {
+        } else if (typeof value === "string") {
             if (cssModule[value]) classes.push(cssModule[value]);
             if ($fd933927dbac1f15$export$46d604dce8bf8724 || !cssModule[value]) classes.push(value);
         } else classes.push(value);
     }
-    return $5lsDl$clsx(...classes);
+    return (0, $5lsDl$clsx)(...classes);
 }
 
 
-
+/*
+ * 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 $bde65b0159e7c06e$export$a5f5a6912b18861c(children) {
     let element;
-    if (typeof children === 'string') element = /*#__PURE__*/ $5lsDl$react.createElement("span", null, children);
-    else element = $5lsDl$react.Children.only(children);
+    if (typeof children === "string") element = /*#__PURE__*/ (0, $5lsDl$react).createElement("span", null, children);
+    else element = (0, $5lsDl$react).Children.only(children);
     return element;
 }
 
 
-
+/*
+ * 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] = $5lsDl$useState(()=>supportsMatchMedia ? window.matchMedia(query).matches : false
-    );
-    $5lsDl$useEffect(()=>{
+    let supportsMatchMedia = typeof window !== "undefined" && typeof window.matchMedia === "function";
+    let [matches, setMatches] = (0, $5lsDl$useState)(()=>supportsMatchMedia ? window.matchMedia(query).matches : false);
+    (0, $5lsDl$useEffect)(()=>{
         if (!supportsMatchMedia) return;
         let mq = window.matchMedia(query);
         let onChange = (evt)=>{
@@ -61,12 +101,22 @@ function $3df547e395c4522f$export$32d5543ab307c01(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 = $5lsDl$useIsSSR();
+    let isSSR = (0, $5lsDl$useIsSSR)();
     return isSSR ? false : matches;
 }
 
 
-
+/*
+ * 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 () {
@@ -83,15 +133,13 @@ function $98e5a8ae0e6415af$export$79d69eee6ae4b329(domRef, focusableRef = domRef
     };
 }
 function $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref) {
-    let domRef = $5lsDl$useRef(null);
-    $5lsDl$useImperativeHandle(ref, ()=>$98e5a8ae0e6415af$export$a5795cc979dfae80(domRef)
-    );
+    let domRef = (0, $5lsDl$useRef)(null);
+    (0, $5lsDl$useImperativeHandle)(ref, ()=>$98e5a8ae0e6415af$export$a5795cc979dfae80(domRef));
     return domRef;
 }
 function $98e5a8ae0e6415af$export$96a734597687c040(ref, focusableRef) {
-    let domRef = $5lsDl$useRef(null);
-    $5lsDl$useImperativeHandle(ref, ()=>$98e5a8ae0e6415af$export$79d69eee6ae4b329(domRef, focusableRef)
-    );
+    let domRef = (0, $5lsDl$useRef)(null);
+    (0, $5lsDl$useImperativeHandle)(ref, ()=>$98e5a8ae0e6415af$export$79d69eee6ae4b329(domRef, focusableRef));
     return domRef;
 }
 function $98e5a8ae0e6415af$export$c7e28c72a4823176(ref) {
@@ -102,436 +150,442 @@ function $98e5a8ae0e6415af$export$c7e28c72a4823176(ref) {
     };
 }
 function $98e5a8ae0e6415af$export$1d5cc31d9d8df817(ref) {
-    return $5lsDl$useMemo(()=>$98e5a8ae0e6415af$export$c7e28c72a4823176(ref)
-    , [
+    return (0, $5lsDl$useMemo)(()=>$98e5a8ae0e6415af$export$c7e28c72a4823176(ref), [
         ref
     ]);
 }
 
 
+/*
+ * 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 $1051245f87c5981d$var$Context = /*#__PURE__*/ $5lsDl$react.createContext(null);
-$1051245f87c5981d$var$Context.displayName = 'BreakpointContext';
+const $1051245f87c5981d$var$Context = /*#__PURE__*/ (0, $5lsDl$react).createContext(null);
+$1051245f87c5981d$var$Context.displayName = "BreakpointContext";
 function $1051245f87c5981d$export$8214320346cf5104(props) {
     let { children: children , matchedBreakpoints: matchedBreakpoints  } = props;
-    return(/*#__PURE__*/ $5lsDl$react.createElement($1051245f87c5981d$var$Context.Provider, {
+    return /*#__PURE__*/ (0, $5lsDl$react).createElement($1051245f87c5981d$var$Context.Provider, {
         value: {
             matchedBreakpoints: matchedBreakpoints
         }
-    }, children));
+    }, children);
 }
 function $1051245f87c5981d$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 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');
+        matched.push("base");
         return matched;
     };
-    let [breakpoint1, setBreakpoint] = $5lsDl$useState(()=>supportsMatchMedia ? getBreakpointHandler() : [
-            'base'
-        ]
-    );
-    $5lsDl$useEffect(()=>{
+    let [breakpoint, setBreakpoint] = (0, $5lsDl$useState)(()=>supportsMatchMedia ? getBreakpointHandler() : [
+            "base"
+        ]);
+    (0, $5lsDl$useEffect)(()=>{
         if (!supportsMatchMedia) return;
         let onResize = ()=>{
             const breakpointHandler = getBreakpointHandler();
             setBreakpoint((previousBreakpointHandler)=>{
-                if (previousBreakpointHandler.length !== breakpointHandler.length || previousBreakpointHandler.some((breakpoint, idx)=>breakpoint !== breakpointHandler[idx]
-                )) return [
+                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);
+        window.addEventListener("resize", onResize);
         return ()=>{
-            window.removeEventListener('resize', onResize);
+            window.removeEventListener("resize", onResize);
         };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         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 = $5lsDl$useIsSSR();
+    let isSSR = (0, $5lsDl$useIsSSR)();
     return isSSR ? [
-        'base'
-    ] : breakpoint1;
+        "base"
+    ] : breakpoint;
 }
 function $1051245f87c5981d$export$199d6754bdf4e1e3() {
-    return $5lsDl$useContext($1051245f87c5981d$var$Context);
+    return (0, $5lsDl$useContext)($1051245f87c5981d$var$Context);
 }
 
 
 
 const $380ed8f3903c3931$export$fe9c6e915565b4e8 = {
     margin: [
-        'margin',
+        "margin",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     marginStart: [
-        $380ed8f3903c3931$var$rtl('marginLeft', 'marginRight'),
+        $380ed8f3903c3931$var$rtl("marginLeft", "marginRight"),
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     marginEnd: [
-        $380ed8f3903c3931$var$rtl('marginRight', 'marginLeft'),
+        $380ed8f3903c3931$var$rtl("marginRight", "marginLeft"),
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     // marginLeft: ['marginLeft', dimensionValue],
     // marginRight: ['marginRight', dimensionValue],
     marginTop: [
-        'marginTop',
+        "marginTop",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     marginBottom: [
-        'marginBottom',
+        "marginBottom",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     marginX: [
         [
-            'marginLeft',
-            'marginRight'
+            "marginLeft",
+            "marginRight"
         ],
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     marginY: [
         [
-            'marginTop',
-            'marginBottom'
+            "marginTop",
+            "marginBottom"
         ],
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     width: [
-        'width',
+        "width",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     height: [
-        'height',
+        "height",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     minWidth: [
-        'minWidth',
+        "minWidth",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     minHeight: [
-        'minHeight',
+        "minHeight",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     maxWidth: [
-        'maxWidth',
+        "maxWidth",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     maxHeight: [
-        'maxHeight',
+        "maxHeight",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     isHidden: [
-        'display',
+        "display",
         $380ed8f3903c3931$var$hiddenValue
     ],
     alignSelf: [
-        'alignSelf',
+        "alignSelf",
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     justifySelf: [
-        'justifySelf',
+        "justifySelf",
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     position: [
-        'position',
+        "position",
         $380ed8f3903c3931$var$anyValue
     ],
     zIndex: [
-        'zIndex',
+        "zIndex",
         $380ed8f3903c3931$var$anyValue
     ],
     top: [
-        'top',
+        "top",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     bottom: [
-        'bottom',
+        "bottom",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     start: [
-        $380ed8f3903c3931$var$rtl('left', 'right'),
+        $380ed8f3903c3931$var$rtl("left", "right"),
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     end: [
-        $380ed8f3903c3931$var$rtl('right', 'left'),
+        $380ed8f3903c3931$var$rtl("right", "left"),
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     left: [
-        'left',
+        "left",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     right: [
-        'right',
+        "right",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     order: [
-        'order',
+        "order",
         $380ed8f3903c3931$var$anyValue
     ],
     flex: [
-        'flex',
+        "flex",
         $380ed8f3903c3931$var$flexValue
     ],
     flexGrow: [
-        'flexGrow',
+        "flexGrow",
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     flexShrink: [
-        'flexShrink',
+        "flexShrink",
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     flexBasis: [
-        'flexBasis',
+        "flexBasis",
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     gridArea: [
-        'gridArea',
+        "gridArea",
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     gridColumn: [
-        'gridColumn',
+        "gridColumn",
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     gridColumnEnd: [
-        'gridColumnEnd',
+        "gridColumnEnd",
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     gridColumnStart: [
-        'gridColumnStart',
+        "gridColumnStart",
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     gridRow: [
-        'gridRow',
+        "gridRow",
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     gridRowEnd: [
-        'gridRowEnd',
+        "gridRowEnd",
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     gridRowStart: [
-        'gridRowStart',
+        "gridRowStart",
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ]
 };
 const $380ed8f3903c3931$export$e0705d1a55f297c = {
     ...$380ed8f3903c3931$export$fe9c6e915565b4e8,
     backgroundColor: [
-        'backgroundColor',
+        "backgroundColor",
         $380ed8f3903c3931$var$backgroundColorValue
     ],
     borderWidth: [
-        'borderWidth',
+        "borderWidth",
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderStartWidth: [
-        $380ed8f3903c3931$var$rtl('borderLeftWidth', 'borderRightWidth'),
+        $380ed8f3903c3931$var$rtl("borderLeftWidth", "borderRightWidth"),
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderEndWidth: [
-        $380ed8f3903c3931$var$rtl('borderRightWidth', 'borderLeftWidth'),
+        $380ed8f3903c3931$var$rtl("borderRightWidth", "borderLeftWidth"),
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderLeftWidth: [
-        'borderLeftWidth',
+        "borderLeftWidth",
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderRightWidth: [
-        'borderRightWidth',
+        "borderRightWidth",
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderTopWidth: [
-        'borderTopWidth',
+        "borderTopWidth",
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderBottomWidth: [
-        'borderBottomWidth',
+        "borderBottomWidth",
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderXWidth: [
         [
-            'borderLeftWidth',
-            'borderRightWidth'
+            "borderLeftWidth",
+            "borderRightWidth"
         ],
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderYWidth: [
         [
-            'borderTopWidth',
-            'borderBottomWidth'
+            "borderTopWidth",
+            "borderBottomWidth"
         ],
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderColor: [
-        'borderColor',
+        "borderColor",
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderStartColor: [
-        $380ed8f3903c3931$var$rtl('borderLeftColor', 'borderRightColor'),
+        $380ed8f3903c3931$var$rtl("borderLeftColor", "borderRightColor"),
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderEndColor: [
-        $380ed8f3903c3931$var$rtl('borderRightColor', 'borderLeftColor'),
+        $380ed8f3903c3931$var$rtl("borderRightColor", "borderLeftColor"),
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderLeftColor: [
-        'borderLeftColor',
+        "borderLeftColor",
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderRightColor: [
-        'borderRightColor',
+        "borderRightColor",
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderTopColor: [
-        'borderTopColor',
+        "borderTopColor",
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderBottomColor: [
-        'borderBottomColor',
+        "borderBottomColor",
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderXColor: [
         [
-            'borderLeftColor',
-            'borderRightColor'
+            "borderLeftColor",
+            "borderRightColor"
         ],
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderYColor: [
         [
-            'borderTopColor',
-            'borderBottomColor'
+            "borderTopColor",
+            "borderBottomColor"
         ],
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderRadius: [
-        'borderRadius',
+        "borderRadius",
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderTopStartRadius: [
-        $380ed8f3903c3931$var$rtl('borderTopLeftRadius', 'borderTopRightRadius'),
+        $380ed8f3903c3931$var$rtl("borderTopLeftRadius", "borderTopRightRadius"),
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderTopEndRadius: [
-        $380ed8f3903c3931$var$rtl('borderTopRightRadius', 'borderTopLeftRadius'),
+        $380ed8f3903c3931$var$rtl("borderTopRightRadius", "borderTopLeftRadius"),
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderBottomStartRadius: [
-        $380ed8f3903c3931$var$rtl('borderBottomLeftRadius', 'borderBottomRightRadius'),
+        $380ed8f3903c3931$var$rtl("borderBottomLeftRadius", "borderBottomRightRadius"),
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderBottomEndRadius: [
-        $380ed8f3903c3931$var$rtl('borderBottomRightRadius', 'borderBottomLeftRadius'),
+        $380ed8f3903c3931$var$rtl("borderBottomRightRadius", "borderBottomLeftRadius"),
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderTopLeftRadius: [
-        'borderTopLeftRadius',
+        "borderTopLeftRadius",
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderTopRightRadius: [
-        'borderTopRightRadius',
+        "borderTopRightRadius",
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderBottomLeftRadius: [
-        'borderBottomLeftRadius',
+        "borderBottomLeftRadius",
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderBottomRightRadius: [
-        'borderBottomRightRadius',
+        "borderBottomRightRadius",
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     padding: [
-        'padding',
+        "padding",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingStart: [
-        $380ed8f3903c3931$var$rtl('paddingLeft', 'paddingRight'),
+        $380ed8f3903c3931$var$rtl("paddingLeft", "paddingRight"),
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingEnd: [
-        $380ed8f3903c3931$var$rtl('paddingRight', 'paddingLeft'),
+        $380ed8f3903c3931$var$rtl("paddingRight", "paddingLeft"),
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingLeft: [
-        'paddingLeft',
+        "paddingLeft",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingRight: [
-        'paddingRight',
+        "paddingRight",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingTop: [
-        'paddingTop',
+        "paddingTop",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingBottom: [
-        'paddingBottom',
+        "paddingBottom",
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingX: [
         [
-            'paddingLeft',
-            'paddingRight'
+            "paddingLeft",
+            "paddingRight"
         ],
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingY: [
         [
-            'paddingTop',
-            'paddingBottom'
+            "paddingTop",
+            "paddingBottom"
         ],
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     overflow: [
-        'overflow',
+        "overflow",
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ]
 };
 const $380ed8f3903c3931$var$borderStyleProps = {
-    borderWidth: 'borderStyle',
-    borderLeftWidth: 'borderLeftStyle',
-    borderRightWidth: 'borderRightStyle',
-    borderTopWidth: 'borderTopStyle',
-    borderBottomWidth: 'borderBottomStyle'
+    borderWidth: "borderStyle",
+    borderLeftWidth: "borderLeftStyle",
+    borderRightWidth: "borderRightStyle",
+    borderTopWidth: "borderTopStyle",
+    borderBottomWidth: "borderBottomStyle"
 };
 function $380ed8f3903c3931$var$rtl(ltr, rtl) {
-    return (direction)=>direction === 'rtl' ? rtl : ltr
-    ;
+    return (direction)=>direction === "rtl" ? rtl : ltr;
 }
 const $380ed8f3903c3931$var$UNIT_RE = /(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/;
 const $380ed8f3903c3931$var$FUNC_RE = /^\s*\w+\(/;
 const $380ed8f3903c3931$var$SPECTRUM_VARIABLE_RE = /(static-)?size-\d+|single-line-(height|width)/g;
 function $380ed8f3903c3931$export$abc24f5b99744ea6(value) {
-    if (typeof value === 'number') return value + 'px';
+    if (typeof value === "number") return value + "px";
     if ($380ed8f3903c3931$var$UNIT_RE.test(value)) return value;
-    if ($380ed8f3903c3931$var$FUNC_RE.test(value)) return value.replace($380ed8f3903c3931$var$SPECTRUM_VARIABLE_RE, 'var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))');
+    if ($380ed8f3903c3931$var$FUNC_RE.test(value)) return value.replace($380ed8f3903c3931$var$SPECTRUM_VARIABLE_RE, "var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))");
     return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;
 }
 function $380ed8f3903c3931$export$f348bec194f2e6b5(value, matchedBreakpoints) {
     value = $380ed8f3903c3931$export$52dbfdbe1b2c3541(value, matchedBreakpoints);
     return $380ed8f3903c3931$export$abc24f5b99744ea6(value);
 }
-function $380ed8f3903c3931$var$colorValue(value, type = 'default') {
-    return `var(--spectrum-global-color-${value}, var(--spectrum-semantic-${value}-color-${type}))`;
+function $380ed8f3903c3931$var$colorValue(value, type = "default", version = 5) {
+    if (version > 5) return `var(--spectrum-${value}, var(--spectrum-semantic-${value}-color-${type}))`;
+    return `var(--spectrum-legacy-color-${value}, var(--spectrum-global-color-${value}, var(--spectrum-semantic-${value}-color-${type})))`;
 }
-function $380ed8f3903c3931$var$backgroundColorValue(value) {
-    return `var(--spectrum-alias-background-color-${value}, ${$380ed8f3903c3931$var$colorValue(value, 'background')})`;
+function $380ed8f3903c3931$var$backgroundColorValue(value, version = 5) {
+    return `var(--spectrum-alias-background-color-${value}, ${$380ed8f3903c3931$var$colorValue(value, "background", version)})`;
 }
-function $380ed8f3903c3931$var$borderColorValue(value) {
-    if (value === 'default') return 'var(--spectrum-alias-border-color)';
-    return `var(--spectrum-alias-border-color-${value}, ${$380ed8f3903c3931$var$colorValue(value, 'border')})`;
+function $380ed8f3903c3931$var$borderColorValue(value, version = 5) {
+    if (value === "default") return "var(--spectrum-alias-border-color)";
+    return `var(--spectrum-alias-border-color-${value}, ${$380ed8f3903c3931$var$colorValue(value, "border", version)})`;
 }
 function $380ed8f3903c3931$var$borderSizeValue(value) {
     return `var(--spectrum-alias-border-size-${value})`;
@@ -540,41 +594,39 @@ function $380ed8f3903c3931$var$borderRadiusValue(value) {
     return `var(--spectrum-alias-border-radius-${value})`;
 }
 function $380ed8f3903c3931$var$hiddenValue(value) {
-    return value ? 'none' : undefined;
+    return value ? "none" : undefined;
 }
 function $380ed8f3903c3931$var$anyValue(value) {
     return value;
 }
 function $380ed8f3903c3931$var$flexValue(value) {
-    if (typeof value === 'boolean') return value ? '1' : undefined;
-    return '' + value;
+    if (typeof value === "boolean") return value ? "1" : undefined;
+    return "" + value;
 }
 function $380ed8f3903c3931$export$f3c39bb9534218d0(props, handlers, direction, matchedBreakpoints) {
-    let style = {
-    };
+    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);
+        if (typeof name === "function") name = name(direction);
         let prop = $380ed8f3903c3931$export$52dbfdbe1b2c3541(props[key], matchedBreakpoints);
-        let value = convert(prop);
+        let value = convert(prop, props.colorVersion);
         if (Array.isArray(name)) for (let k of name)style[k] = value;
         else style[name] = value;
     }
-    for(let prop in $380ed8f3903c3931$var$borderStyleProps)if (style[prop]) {
-        style[$380ed8f3903c3931$var$borderStyleProps[prop]] = 'solid';
-        style.boxSizing = 'border-box';
+    for(let prop1 in $380ed8f3903c3931$var$borderStyleProps)if (style[prop1]) {
+        style[$380ed8f3903c3931$var$borderStyleProps[prop1]] = "solid";
+        style.boxSizing = "border-box";
     }
     return style;
 }
-function $380ed8f3903c3931$export$b8e6fb9d2dff3f41(props, handlers = $380ed8f3903c3931$export$fe9c6e915565b4e8, options = {
-}) {
+function $380ed8f3903c3931$export$b8e6fb9d2dff3f41(props, handlers = $380ed8f3903c3931$export$fe9c6e915565b4e8, options = {}) {
     let { UNSAFE_className: UNSAFE_className , UNSAFE_style: UNSAFE_style , ...otherProps } = props;
-    let breakpointProvider = $1051245f87c5981d$export$199d6754bdf4e1e3();
-    let { direction: direction  } = $5lsDl$useLocale();
+    let breakpointProvider = (0, $1051245f87c5981d$export$199d6754bdf4e1e3)();
+    let { direction: direction  } = (0, $5lsDl$useLocale)();
     let { matchedBreakpoints: matchedBreakpoints = (breakpointProvider === null || breakpointProvider === void 0 ? void 0 : breakpointProvider.matchedBreakpoints) || [
-        'base'
+        "base"
     ]  } = options;
     let styles = $380ed8f3903c3931$export$f3c39bb9534218d0(props, handlers, direction, matchedBreakpoints);
     let style = {
@@ -598,7 +650,7 @@ function $380ed8f3903c3931$export$46b6c81d11d2c30a(value) {
     return value;
 }
 function $380ed8f3903c3931$export$52dbfdbe1b2c3541(prop, matchedBreakpoints) {
-    if (prop && typeof prop === 'object' && !Array.isArray(prop)) {
+    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];
@@ -609,15 +661,23 @@ function $380ed8f3903c3931$export$52dbfdbe1b2c3541(prop, matchedBreakpoints) {
 }
 
 
+/*
+ * 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.
+ */ 
 
-
-let $59d09bcc83651bf9$var$SlotContext = /*#__PURE__*/ $5lsDl$react.createContext(null);
+let $59d09bcc83651bf9$var$SlotContext = /*#__PURE__*/ (0, $5lsDl$react).createContext(null);
 function $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props, defaultSlot) {
     let slot = props.slot || defaultSlot;
-    let { [slot]: slotProps = {
-    }  } = $5lsDl$useContext($59d09bcc83651bf9$var$SlotContext) || {
-    };
-    return $5lsDl$mergeProps(props, $5lsDl$mergeProps(slotProps, {
+    let { [slot]: slotProps = {}  } = (0, $5lsDl$useContext)($59d09bcc83651bf9$var$SlotContext) || {};
+    return (0, $5lsDl$mergeProps)(props, (0, $5lsDl$mergeProps)(slotProps, {
         id: props.id
     }));
 }
@@ -627,49 +687,51 @@ function $59d09bcc83651bf9$export$365cf34cda9978e2(cssModule) {
             UNSAFE_className: cssModule[slot]
         };
         return acc;
-    }, {
-    });
+    }, {});
 }
 function $59d09bcc83651bf9$export$8107b24b91795686(props) {
-    let parentSlots = $5lsDl$useContext($59d09bcc83651bf9$var$SlotContext) || {
-    };
-    let { slots: slots = {
-    } , children: children  } = props;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    let parentSlots = (0, $5lsDl$useContext)($59d09bcc83651bf9$var$SlotContext) || {};
+    let { slots: slots = {} , children: children  } = props;
     // Merge props for each slot from parent context and props
-    let value = $5lsDl$useMemo(()=>Object.keys(parentSlots).concat(Object.keys(slots)).reduce((o, p)=>({
+    let value = (0, $5lsDl$useMemo)(()=>Object.keys(parentSlots).concat(Object.keys(slots)).reduce((o, p)=>({
                 ...o,
-                [p]: $5lsDl$mergeProps(parentSlots[p] || {
-                }, slots[p] || {
-                })
-            })
-        , {
-        })
-    , [
+                [p]: (0, $5lsDl$mergeProps)(parentSlots[p] || {}, slots[p] || {})
+            }), {}), [
         parentSlots,
         slots
     ]);
-    return(/*#__PURE__*/ $5lsDl$react.createElement($59d09bcc83651bf9$var$SlotContext.Provider, {
+    return /*#__PURE__*/ (0, $5lsDl$react).createElement($59d09bcc83651bf9$var$SlotContext.Provider, {
         value: value
-    }, children));
+    }, children);
 }
 function $59d09bcc83651bf9$export$ceb145244332b7a2(props) {
     let { children: children , ...otherProps } = props;
     let content = children;
-    if ($5lsDl$react.Children.toArray(children).length <= 1) {
-        if (typeof children === 'function') content = /*#__PURE__*/ $5lsDl$react.cloneElement($5lsDl$react.Children.only(children), otherProps);
+    if ((0, $5lsDl$react).Children.toArray(children).length <= 1) {
+        if (typeof children === "function") content = /*#__PURE__*/ (0, $5lsDl$react).cloneElement((0, $5lsDl$react).Children.only(children), otherProps);
     }
-    return(/*#__PURE__*/ $5lsDl$react.createElement($59d09bcc83651bf9$var$SlotContext.Provider, {
-        value: {
-        }
-    }, content));
+    return /*#__PURE__*/ (0, $5lsDl$react).createElement($59d09bcc83651bf9$var$SlotContext.Provider, {
+        value: {}
+    }, content);
 }
 
 
-
+/*
+ * 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] = $5lsDl$useState(true);
-    $5lsDl$useLayoutEffect(()=>{
+    let [hasChild, setHasChild] = (0, $5lsDl$useState)(true);
+    (0, $5lsDl$useLayoutEffect)(()=>{
         setHasChild(!!(ref.current && ref.current.querySelector(query)));
     }, [
         setHasChild,
@@ -680,11 +742,21 @@ function $54cda195bd4173fb$export$e52e2242b6d0f1d4(query, ref) {
 }
 
 
-
+/*
+ * 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 = $5lsDl$useIsSSR();
-    if (isSSR || typeof window === 'undefined') return false;
+    let isSSR = (0, $5lsDl$useIsSSR)();
+    if (isSSR || typeof window === "undefined") return false;
     return window.screen.width <= $fdbe26a36ce1c672$var$MOBILE_SCREEN_WIDTH;
 }