@react-spectrum/provider 3.9.5 → 3.9.6

package/dist/Provider.main.js

@@ -0,0 +1,181 @@
+var $a5b4f4e252b5a021$exports = require("./context.main.js");
+require("./vars.3c44f451.css");
+var $22365f0f5f2dcdd5$exports = require("./page_vars_css.main.js");
+require("./typography.eea3ebfe.css");
+var $19fbfce217006b12$exports = require("./typography_index_css.main.js");
+var $a6e2b5f4621e4690$exports = require("./mediaQueries.main.js");
+var $4db360e38265184f$exports = require("./package.main.js");
+var $dbjUM$reactspectrumutils = require("@react-spectrum/utils");
+var $dbjUM$clsx = require("clsx");
+var $dbjUM$reactariautils = require("@react-aria/utils");
+var $dbjUM$reactariai18n = require("@react-aria/i18n");
+var $dbjUM$reactariaoverlays = require("@react-aria/overlays");
+var $dbjUM$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useProvider", () => $96cabdf5b0aed55b$export$693cdb10cec23617);
+$parcel$export(module.exports, "Provider", () => $96cabdf5b0aed55b$export$2881499e37b75b9a);
+$parcel$export(module.exports, "useProviderProps", () => $96cabdf5b0aed55b$export$521c373ccc32c300);
+/*
+ * 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 $96cabdf5b0aed55b$var$DEFAULT_BREAKPOINTS = {
+    S: 640,
+    M: 768,
+    L: 1024,
+    XL: 1280,
+    XXL: 1536
+};
+function $96cabdf5b0aed55b$var$Provider(props, ref) {
+    let prevContext = $96cabdf5b0aed55b$export$693cdb10cec23617();
+    let prevColorScheme = prevContext && prevContext.colorScheme;
+    let prevBreakpoints = prevContext && prevContext.breakpoints;
+    let { theme: theme = prevContext && prevContext.theme, defaultColorScheme: defaultColorScheme } = props;
+    if (!theme) throw new Error("theme not found, the parent provider must have a theme provided");
+    // Hooks must always be called.
+    let autoColorScheme = (0, $a6e2b5f4621e4690$exports.useColorScheme)(theme, defaultColorScheme);
+    let autoScale = (0, $a6e2b5f4621e4690$exports.useScale)(theme);
+    let { locale: prevLocale } = (0, $dbjUM$reactariai18n.useLocale)();
+    // if the new theme doesn't support the prevColorScheme, we must resort to the auto
+    let usePrevColorScheme = !!theme[prevColorScheme];
+    // importance of color scheme props > parent > auto:(OS > default > omitted)
+    let { colorScheme: colorScheme = usePrevColorScheme ? prevColorScheme : autoColorScheme, scale: scale = prevContext ? prevContext.scale : autoScale, locale: locale = prevContext ? prevLocale : null, breakpoints: breakpoints = prevContext ? prevBreakpoints : $96cabdf5b0aed55b$var$DEFAULT_BREAKPOINTS, children: children, isQuiet: isQuiet, isEmphasized: isEmphasized, isDisabled: isDisabled, isRequired: isRequired, isReadOnly: isReadOnly, validationState: validationState, router: router, ...otherProps } = props;
+    // select only the props with values so undefined props don't overwrite prevContext values
+    let currentProps = {
+        version: $4db360e38265184f$exports.version,
+        theme: theme,
+        breakpoints: breakpoints,
+        colorScheme: colorScheme,
+        scale: scale,
+        isQuiet: isQuiet,
+        isEmphasized: isEmphasized,
+        isDisabled: isDisabled,
+        isRequired: isRequired,
+        isReadOnly: isReadOnly,
+        validationState: validationState
+    };
+    let matchedBreakpoints = (0, $dbjUM$reactspectrumutils.useMatchedBreakpoints)(breakpoints);
+    let filteredProps = {};
+    Object.entries(currentProps).forEach(([key, value])=>value !== undefined && (filteredProps[key] = value));
+    // Merge options with parent provider
+    let context = Object.assign({}, prevContext, filteredProps);
+    // Only wrap in a DOM node if the theme, colorScheme, or scale changed
+    let contents = children;
+    let domProps = (0, $dbjUM$reactariautils.filterDOMProps)(otherProps);
+    let { styleProps: styleProps } = (0, $dbjUM$reactspectrumutils.useStyleProps)(otherProps, undefined, {
+        matchedBreakpoints: matchedBreakpoints
+    });
+    if (!prevContext || props.locale || theme !== prevContext.theme || colorScheme !== prevContext.colorScheme || scale !== prevContext.scale || Object.keys(domProps).length > 0 || otherProps.UNSAFE_className || Object.keys(styleProps.style).length > 0) contents = /*#__PURE__*/ (0, ($parcel$interopDefault($dbjUM$react))).createElement($96cabdf5b0aed55b$var$ProviderWrapper, {
+        ...props,
+        UNSAFE_style: {
+            isolation: !prevContext ? "isolate" : undefined,
+            ...styleProps.style
+        },
+        ref: ref
+    }, contents);
+    if (router) contents = /*#__PURE__*/ (0, ($parcel$interopDefault($dbjUM$react))).createElement((0, $dbjUM$reactariautils.RouterProvider), router, contents);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($dbjUM$react))).createElement((0, $a5b4f4e252b5a021$exports.Context).Provider, {
+        value: context
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($dbjUM$react))).createElement((0, $dbjUM$reactariai18n.I18nProvider), {
+        locale: locale
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($dbjUM$react))).createElement((0, $dbjUM$reactspectrumutils.BreakpointProvider), {
+        matchedBreakpoints: matchedBreakpoints
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($dbjUM$react))).createElement((0, $dbjUM$reactariaoverlays.ModalProvider), null, contents))));
+}
+/**
+ * Provider is the container for all React Spectrum applications.
+ * It defines the theme, locale, and other application level settings,
+ * and can also be used to provide common properties to a group of components.
+ */ let $96cabdf5b0aed55b$export$2881499e37b75b9a = /*#__PURE__*/ (0, ($parcel$interopDefault($dbjUM$react))).forwardRef($96cabdf5b0aed55b$var$Provider);
+const $96cabdf5b0aed55b$var$ProviderWrapper = /*#__PURE__*/ (0, ($parcel$interopDefault($dbjUM$react))).forwardRef(function ProviderWrapper(props, ref) {
+    let { children: children, ...otherProps } = props;
+    let { locale: locale, direction: direction } = (0, $dbjUM$reactariai18n.useLocale)();
+    let { theme: theme, colorScheme: colorScheme, scale: scale } = $96cabdf5b0aed55b$export$693cdb10cec23617();
+    let { modalProviderProps: modalProviderProps } = (0, $dbjUM$reactariaoverlays.useModalProvider)();
+    let { styleProps: styleProps } = (0, $dbjUM$reactspectrumutils.useStyleProps)(otherProps);
+    let domRef = (0, $dbjUM$reactspectrumutils.useDOMRef)(ref);
+    let themeKey = Object.keys(theme[colorScheme])[0];
+    let scaleKey = Object.keys(theme[scale])[0];
+    let className = (0, ($parcel$interopDefault($dbjUM$clsx)))(styleProps.className, (0, ($parcel$interopDefault($22365f0f5f2dcdd5$exports)))["spectrum"], (0, ($parcel$interopDefault($19fbfce217006b12$exports)))["spectrum"], Object.values(theme[colorScheme]), Object.values(theme[scale]), theme.global ? Object.values(theme.global) : null, {
+        "react-spectrum-provider": (0, $dbjUM$reactspectrumutils.shouldKeepSpectrumClassNames),
+        spectrum: (0, $dbjUM$reactspectrumutils.shouldKeepSpectrumClassNames),
+        [themeKey]: (0, $dbjUM$reactspectrumutils.shouldKeepSpectrumClassNames),
+        [scaleKey]: (0, $dbjUM$reactspectrumutils.shouldKeepSpectrumClassNames)
+    });
+    var _props_colorScheme, _ref;
+    let style = {
+        ...styleProps.style,
+        // This ensures that browser native UI like scrollbars are rendered in the right color scheme.
+        // See https://web.dev/color-scheme/.
+        colorScheme: (_ref = (_props_colorScheme = props.colorScheme) !== null && _props_colorScheme !== void 0 ? _props_colorScheme : colorScheme) !== null && _ref !== void 0 ? _ref : Object.keys(theme).filter((k)=>k === "light" || k === "dark").join(" ")
+    };
+    let hasWarned = (0, $dbjUM$react.useRef)(false);
+    (0, $dbjUM$react.useEffect)(()=>{
+        if (direction && domRef.current) {
+            let closestDir = domRef.current.parentElement.closest("[dir]");
+            let dir = closestDir && closestDir.getAttribute("dir");
+            if (dir && dir !== direction && !hasWarned.current) {
+                console.warn(`Language directions cannot be nested. ${direction} inside ${dir}.`);
+                hasWarned.current = true;
+            }
+        }
+    }, [
+        direction,
+        domRef,
+        hasWarned
+    ]);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($dbjUM$react))).createElement("div", {
+        ...(0, $dbjUM$reactariautils.filterDOMProps)(otherProps),
+        ...styleProps,
+        ...modalProviderProps,
+        className: className,
+        style: style,
+        lang: locale,
+        dir: direction,
+        ref: domRef
+    }, children);
+});
+function $96cabdf5b0aed55b$export$693cdb10cec23617() {
+    return (0, $dbjUM$react.useContext)((0, $a5b4f4e252b5a021$exports.Context));
+}
+function $96cabdf5b0aed55b$export$521c373ccc32c300(props) {
+    let context = $96cabdf5b0aed55b$export$693cdb10cec23617();
+    if (!context) return props;
+    return Object.assign({}, {
+        isQuiet: context.isQuiet,
+        isEmphasized: context.isEmphasized,
+        isDisabled: context.isDisabled,
+        isRequired: context.isRequired,
+        isReadOnly: context.isReadOnly,
+        validationState: context.validationState
+    }, props);
+}
+
+
+//# sourceMappingURL=Provider.main.js.map

package/dist/Provider.main.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-spectrum/provider/src/Provider.tsx"],"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 {\n  BreakpointProvider,\n  shouldKeepSpectrumClassNames,\n  useDOMRef,\n  useMatchedBreakpoints,\n  useStyleProps\n} from '@react-spectrum/utils';\nimport clsx from 'clsx';\nimport {Context} from './context';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps, RouterProvider} from '@react-aria/utils';\nimport {I18nProvider, useLocale} from '@react-aria/i18n';\nimport {ModalProvider, useModalProvider} from '@react-aria/overlays';\nimport {ProviderContext, ProviderProps} from '@react-types/provider';\nimport React, {useContext, useEffect, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/page/vars.css';\nimport typographyStyles from '@adobe/spectrum-css-temp/components/typography/index.css';\nimport {useColorScheme, useScale} from './mediaQueries';\n// @ts-ignore\nimport {version} from '../package.json';\n\nconst DEFAULT_BREAKPOINTS = {S: 640, M: 768, L: 1024, XL: 1280, XXL: 1536};\n\nfunction Provider(props: ProviderProps, ref: DOMRef<HTMLDivElement>) {\n  let prevContext = useProvider();\n  let prevColorScheme = prevContext && prevContext.colorScheme;\n  let prevBreakpoints = prevContext && prevContext.breakpoints;\n  let {\n    theme = prevContext && prevContext.theme,\n    defaultColorScheme\n  } = props;\n  if (!theme) {\n    throw new Error('theme not found, the parent provider must have a theme provided');\n  }\n  // Hooks must always be called.\n  let autoColorScheme = useColorScheme(theme, defaultColorScheme);\n  let autoScale = useScale(theme);\n  let {locale: prevLocale} = useLocale();\n  // if the new theme doesn't support the prevColorScheme, we must resort to the auto\n  let usePrevColorScheme = !!theme[prevColorScheme];\n\n  // importance of color scheme props > parent > auto:(OS > default > omitted)\n  let {\n    colorScheme = usePrevColorScheme ? prevColorScheme : autoColorScheme,\n    scale = prevContext ? prevContext.scale : autoScale,\n    locale = prevContext ? prevLocale : null,\n    breakpoints = prevContext ? prevBreakpoints : DEFAULT_BREAKPOINTS,\n    children,\n    isQuiet,\n    isEmphasized,\n    isDisabled,\n    isRequired,\n    isReadOnly,\n    validationState,\n    router,\n    ...otherProps\n  } = props;\n\n  // select only the props with values so undefined props don't overwrite prevContext values\n  let currentProps = {\n    version,\n    theme,\n    breakpoints,\n    colorScheme,\n    scale,\n    isQuiet,\n    isEmphasized,\n    isDisabled,\n    isRequired,\n    isReadOnly,\n    validationState\n  };\n\n  let matchedBreakpoints = useMatchedBreakpoints(breakpoints);\n  let filteredProps = {};\n  Object.entries(currentProps).forEach(([key, value]) => value !== undefined && (filteredProps[key] = value));\n\n  // Merge options with parent provider\n  let context = Object.assign({}, prevContext, filteredProps);\n\n  // Only wrap in a DOM node if the theme, colorScheme, or scale changed\n  let contents = children;\n  let domProps = filterDOMProps(otherProps);\n  let {styleProps} = useStyleProps(otherProps, undefined, {matchedBreakpoints});\n  if (!prevContext || props.locale || theme !== prevContext.theme || colorScheme !== prevContext.colorScheme || scale !== prevContext.scale || Object.keys(domProps).length > 0 || otherProps.UNSAFE_className || Object.keys(styleProps.style).length > 0) {\n    contents = (\n      <ProviderWrapper {...props} UNSAFE_style={{isolation: !prevContext ? 'isolate' : undefined, ...styleProps.style}} ref={ref}>\n        {contents}\n      </ProviderWrapper>\n    );\n  }\n\n  if (router) {\n    contents = <RouterProvider {...router}>{contents}</RouterProvider>;\n  }\n\n  return (\n    <Context.Provider value={context}>\n      <I18nProvider locale={locale}>\n        <BreakpointProvider matchedBreakpoints={matchedBreakpoints}>\n          <ModalProvider>\n            {contents}\n          </ModalProvider>\n        </BreakpointProvider>\n      </I18nProvider>\n    </Context.Provider>\n  );\n}\n\n/**\n * Provider is the container for all React Spectrum applications.\n * It defines the theme, locale, and other application level settings,\n * and can also be used to provide common properties to a group of components.\n */\nlet _Provider = React.forwardRef(Provider);\nexport {_Provider as Provider};\n\nconst ProviderWrapper = React.forwardRef(function ProviderWrapper(props: ProviderProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    children,\n    ...otherProps\n  } = props;\n  let {locale, direction} = useLocale();\n  let {theme, colorScheme, scale} = useProvider();\n  let {modalProviderProps} = useModalProvider();\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n\n  let themeKey = Object.keys(theme[colorScheme])[0];\n  let scaleKey = Object.keys(theme[scale])[0];\n\n  let className = clsx(\n    styleProps.className,\n    styles['spectrum'],\n    typographyStyles['spectrum'],\n    Object.values(theme[colorScheme]),\n    Object.values(theme[scale]),\n    theme.global ? Object.values(theme.global) : null,\n    {\n      'react-spectrum-provider': shouldKeepSpectrumClassNames,\n      spectrum: shouldKeepSpectrumClassNames,\n      [themeKey]: shouldKeepSpectrumClassNames,\n      [scaleKey]: shouldKeepSpectrumClassNames\n    }\n  );\n\n  let style = {\n    ...styleProps.style,\n    // This ensures that browser native UI like scrollbars are rendered in the right color scheme.\n    // See https://web.dev/color-scheme/.\n    colorScheme: props.colorScheme ?? colorScheme ?? Object.keys(theme).filter(k => k === 'light' || k === 'dark').join(' ')\n  };\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (direction && domRef.current) {\n      let closestDir = domRef.current.parentElement.closest('[dir]');\n      let dir = closestDir && closestDir.getAttribute('dir');\n      if (dir && dir !== direction && !hasWarned.current) {\n        console.warn(`Language directions cannot be nested. ${direction} inside ${dir}.`);\n        hasWarned.current = true;\n      }\n    }\n  }, [direction, domRef, hasWarned]);\n\n\n  return (\n    <div\n      {...filterDOMProps(otherProps)}\n      {...styleProps}\n      {...modalProviderProps}\n      className={className}\n      style={style}\n      lang={locale}\n      dir={direction}\n      ref={domRef}>\n      {children}\n    </div>\n  );\n});\n\n/**\n * Returns the various settings and styles applied by the nearest parent Provider.\n * Properties explicitly set by the nearest parent Provider override those provided by preceeding Providers.\n */\nexport function useProvider(): ProviderContext {\n  return useContext(Context);\n}\n\nexport function useProviderProps<T>(props: T) : T {\n  let context = useProvider();\n  if (!context) {\n    return props;\n  }\n  return Object.assign({}, {\n    isQuiet: context.isQuiet,\n    isEmphasized: context.isEmphasized,\n    isDisabled: context.isDisabled,\n    isRequired: context.isRequired,\n    isReadOnly: context.isReadOnly,\n    validationState: context.validationState\n  }, props);\n}\n"],"names":[],"version":3,"file":"Provider.main.js.map"}

package/dist/Provider.mjs

@@ -0,0 +1,174 @@
+import {Context as $a8430f637b4ccbce$export$841858b892ce1f4c} from "./context.mjs";
+import "./vars.3c44f451.css";
+import $dyW1v$page_vars_cssmodulejs from "./page_vars_css.mjs";
+import "./typography.eea3ebfe.css";
+import $dyW1v$typography_index_cssmodulejs from "./typography_index_css.mjs";
+import {useColorScheme as $d8453c5ae7fac713$export$6343629ee1b29116, useScale as $d8453c5ae7fac713$export$a8d2043b2d807f4d} from "./mediaQueries.mjs";
+import $dyW1v$packagemodulejs from "./package.mjs";
+import {useMatchedBreakpoints as $dyW1v$useMatchedBreakpoints, useStyleProps as $dyW1v$useStyleProps, BreakpointProvider as $dyW1v$BreakpointProvider, useDOMRef as $dyW1v$useDOMRef, shouldKeepSpectrumClassNames as $dyW1v$shouldKeepSpectrumClassNames} from "@react-spectrum/utils";
+import $dyW1v$clsx from "clsx";
+import {filterDOMProps as $dyW1v$filterDOMProps, RouterProvider as $dyW1v$RouterProvider} from "@react-aria/utils";
+import {useLocale as $dyW1v$useLocale, I18nProvider as $dyW1v$I18nProvider} from "@react-aria/i18n";
+import {ModalProvider as $dyW1v$ModalProvider, useModalProvider as $dyW1v$useModalProvider} from "@react-aria/overlays";
+import $dyW1v$react, {useRef as $dyW1v$useRef, useEffect as $dyW1v$useEffect, useContext as $dyW1v$useContext} from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * 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 $7167f8da3cce35e4$var$DEFAULT_BREAKPOINTS = {
+    S: 640,
+    M: 768,
+    L: 1024,
+    XL: 1280,
+    XXL: 1536
+};
+function $7167f8da3cce35e4$var$Provider(props, ref) {
+    let prevContext = $7167f8da3cce35e4$export$693cdb10cec23617();
+    let prevColorScheme = prevContext && prevContext.colorScheme;
+    let prevBreakpoints = prevContext && prevContext.breakpoints;
+    let { theme: theme = prevContext && prevContext.theme, defaultColorScheme: defaultColorScheme } = props;
+    if (!theme) throw new Error("theme not found, the parent provider must have a theme provided");
+    // Hooks must always be called.
+    let autoColorScheme = (0, $d8453c5ae7fac713$export$6343629ee1b29116)(theme, defaultColorScheme);
+    let autoScale = (0, $d8453c5ae7fac713$export$a8d2043b2d807f4d)(theme);
+    let { locale: prevLocale } = (0, $dyW1v$useLocale)();
+    // if the new theme doesn't support the prevColorScheme, we must resort to the auto
+    let usePrevColorScheme = !!theme[prevColorScheme];
+    // importance of color scheme props > parent > auto:(OS > default > omitted)
+    let { colorScheme: colorScheme = usePrevColorScheme ? prevColorScheme : autoColorScheme, scale: scale = prevContext ? prevContext.scale : autoScale, locale: locale = prevContext ? prevLocale : null, breakpoints: breakpoints = prevContext ? prevBreakpoints : $7167f8da3cce35e4$var$DEFAULT_BREAKPOINTS, children: children, isQuiet: isQuiet, isEmphasized: isEmphasized, isDisabled: isDisabled, isRequired: isRequired, isReadOnly: isReadOnly, validationState: validationState, router: router, ...otherProps } = props;
+    // select only the props with values so undefined props don't overwrite prevContext values
+    let currentProps = {
+        version: $dyW1v$packagemodulejs.version,
+        theme: theme,
+        breakpoints: breakpoints,
+        colorScheme: colorScheme,
+        scale: scale,
+        isQuiet: isQuiet,
+        isEmphasized: isEmphasized,
+        isDisabled: isDisabled,
+        isRequired: isRequired,
+        isReadOnly: isReadOnly,
+        validationState: validationState
+    };
+    let matchedBreakpoints = (0, $dyW1v$useMatchedBreakpoints)(breakpoints);
+    let filteredProps = {};
+    Object.entries(currentProps).forEach(([key, value])=>value !== undefined && (filteredProps[key] = value));
+    // Merge options with parent provider
+    let context = Object.assign({}, prevContext, filteredProps);
+    // Only wrap in a DOM node if the theme, colorScheme, or scale changed
+    let contents = children;
+    let domProps = (0, $dyW1v$filterDOMProps)(otherProps);
+    let { styleProps: styleProps } = (0, $dyW1v$useStyleProps)(otherProps, undefined, {
+        matchedBreakpoints: matchedBreakpoints
+    });
+    if (!prevContext || props.locale || theme !== prevContext.theme || colorScheme !== prevContext.colorScheme || scale !== prevContext.scale || Object.keys(domProps).length > 0 || otherProps.UNSAFE_className || Object.keys(styleProps.style).length > 0) contents = /*#__PURE__*/ (0, $dyW1v$react).createElement($7167f8da3cce35e4$var$ProviderWrapper, {
+        ...props,
+        UNSAFE_style: {
+            isolation: !prevContext ? "isolate" : undefined,
+            ...styleProps.style
+        },
+        ref: ref
+    }, contents);
+    if (router) contents = /*#__PURE__*/ (0, $dyW1v$react).createElement((0, $dyW1v$RouterProvider), router, contents);
+    return /*#__PURE__*/ (0, $dyW1v$react).createElement((0, $a8430f637b4ccbce$export$841858b892ce1f4c).Provider, {
+        value: context
+    }, /*#__PURE__*/ (0, $dyW1v$react).createElement((0, $dyW1v$I18nProvider), {
+        locale: locale
+    }, /*#__PURE__*/ (0, $dyW1v$react).createElement((0, $dyW1v$BreakpointProvider), {
+        matchedBreakpoints: matchedBreakpoints
+    }, /*#__PURE__*/ (0, $dyW1v$react).createElement((0, $dyW1v$ModalProvider), null, contents))));
+}
+/**
+ * Provider is the container for all React Spectrum applications.
+ * It defines the theme, locale, and other application level settings,
+ * and can also be used to provide common properties to a group of components.
+ */ let $7167f8da3cce35e4$export$2881499e37b75b9a = /*#__PURE__*/ (0, $dyW1v$react).forwardRef($7167f8da3cce35e4$var$Provider);
+const $7167f8da3cce35e4$var$ProviderWrapper = /*#__PURE__*/ (0, $dyW1v$react).forwardRef(function ProviderWrapper(props, ref) {
+    let { children: children, ...otherProps } = props;
+    let { locale: locale, direction: direction } = (0, $dyW1v$useLocale)();
+    let { theme: theme, colorScheme: colorScheme, scale: scale } = $7167f8da3cce35e4$export$693cdb10cec23617();
+    let { modalProviderProps: modalProviderProps } = (0, $dyW1v$useModalProvider)();
+    let { styleProps: styleProps } = (0, $dyW1v$useStyleProps)(otherProps);
+    let domRef = (0, $dyW1v$useDOMRef)(ref);
+    let themeKey = Object.keys(theme[colorScheme])[0];
+    let scaleKey = Object.keys(theme[scale])[0];
+    let className = (0, $dyW1v$clsx)(styleProps.className, (0, ($parcel$interopDefault($dyW1v$page_vars_cssmodulejs)))["spectrum"], (0, ($parcel$interopDefault($dyW1v$typography_index_cssmodulejs)))["spectrum"], Object.values(theme[colorScheme]), Object.values(theme[scale]), theme.global ? Object.values(theme.global) : null, {
+        "react-spectrum-provider": (0, $dyW1v$shouldKeepSpectrumClassNames),
+        spectrum: (0, $dyW1v$shouldKeepSpectrumClassNames),
+        [themeKey]: (0, $dyW1v$shouldKeepSpectrumClassNames),
+        [scaleKey]: (0, $dyW1v$shouldKeepSpectrumClassNames)
+    });
+    var _props_colorScheme, _ref;
+    let style = {
+        ...styleProps.style,
+        // This ensures that browser native UI like scrollbars are rendered in the right color scheme.
+        // See https://web.dev/color-scheme/.
+        colorScheme: (_ref = (_props_colorScheme = props.colorScheme) !== null && _props_colorScheme !== void 0 ? _props_colorScheme : colorScheme) !== null && _ref !== void 0 ? _ref : Object.keys(theme).filter((k)=>k === "light" || k === "dark").join(" ")
+    };
+    let hasWarned = (0, $dyW1v$useRef)(false);
+    (0, $dyW1v$useEffect)(()=>{
+        if (direction && domRef.current) {
+            let closestDir = domRef.current.parentElement.closest("[dir]");
+            let dir = closestDir && closestDir.getAttribute("dir");
+            if (dir && dir !== direction && !hasWarned.current) {
+                console.warn(`Language directions cannot be nested. ${direction} inside ${dir}.`);
+                hasWarned.current = true;
+            }
+        }
+    }, [
+        direction,
+        domRef,
+        hasWarned
+    ]);
+    return /*#__PURE__*/ (0, $dyW1v$react).createElement("div", {
+        ...(0, $dyW1v$filterDOMProps)(otherProps),
+        ...styleProps,
+        ...modalProviderProps,
+        className: className,
+        style: style,
+        lang: locale,
+        dir: direction,
+        ref: domRef
+    }, children);
+});
+function $7167f8da3cce35e4$export$693cdb10cec23617() {
+    return (0, $dyW1v$useContext)((0, $a8430f637b4ccbce$export$841858b892ce1f4c));
+}
+function $7167f8da3cce35e4$export$521c373ccc32c300(props) {
+    let context = $7167f8da3cce35e4$export$693cdb10cec23617();
+    if (!context) return props;
+    return Object.assign({}, {
+        isQuiet: context.isQuiet,
+        isEmphasized: context.isEmphasized,
+        isDisabled: context.isDisabled,
+        isRequired: context.isRequired,
+        isReadOnly: context.isReadOnly,
+        validationState: context.validationState
+    }, props);
+}
+
+
+export {$7167f8da3cce35e4$export$693cdb10cec23617 as useProvider, $7167f8da3cce35e4$export$2881499e37b75b9a as Provider, $7167f8da3cce35e4$export$521c373ccc32c300 as useProviderProps};
+//# sourceMappingURL=Provider.mjs.map

package/dist/Provider.module.js

@@ -0,0 +1,174 @@
+import {Context as $a8430f637b4ccbce$export$841858b892ce1f4c} from "./context.module.js";
+import "./vars.3c44f451.css";
+import $dyW1v$page_vars_cssmodulejs from "./page_vars_css.module.js";
+import "./typography.eea3ebfe.css";
+import $dyW1v$typography_index_cssmodulejs from "./typography_index_css.module.js";
+import {useColorScheme as $d8453c5ae7fac713$export$6343629ee1b29116, useScale as $d8453c5ae7fac713$export$a8d2043b2d807f4d} from "./mediaQueries.module.js";
+import $dyW1v$packagemodulejs from "./package.module.js";
+import {useMatchedBreakpoints as $dyW1v$useMatchedBreakpoints, useStyleProps as $dyW1v$useStyleProps, BreakpointProvider as $dyW1v$BreakpointProvider, useDOMRef as $dyW1v$useDOMRef, shouldKeepSpectrumClassNames as $dyW1v$shouldKeepSpectrumClassNames} from "@react-spectrum/utils";
+import $dyW1v$clsx from "clsx";
+import {filterDOMProps as $dyW1v$filterDOMProps, RouterProvider as $dyW1v$RouterProvider} from "@react-aria/utils";
+import {useLocale as $dyW1v$useLocale, I18nProvider as $dyW1v$I18nProvider} from "@react-aria/i18n";
+import {ModalProvider as $dyW1v$ModalProvider, useModalProvider as $dyW1v$useModalProvider} from "@react-aria/overlays";
+import $dyW1v$react, {useRef as $dyW1v$useRef, useEffect as $dyW1v$useEffect, useContext as $dyW1v$useContext} from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * 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 $7167f8da3cce35e4$var$DEFAULT_BREAKPOINTS = {
+    S: 640,
+    M: 768,
+    L: 1024,
+    XL: 1280,
+    XXL: 1536
+};
+function $7167f8da3cce35e4$var$Provider(props, ref) {
+    let prevContext = $7167f8da3cce35e4$export$693cdb10cec23617();
+    let prevColorScheme = prevContext && prevContext.colorScheme;
+    let prevBreakpoints = prevContext && prevContext.breakpoints;
+    let { theme: theme = prevContext && prevContext.theme, defaultColorScheme: defaultColorScheme } = props;
+    if (!theme) throw new Error("theme not found, the parent provider must have a theme provided");
+    // Hooks must always be called.
+    let autoColorScheme = (0, $d8453c5ae7fac713$export$6343629ee1b29116)(theme, defaultColorScheme);
+    let autoScale = (0, $d8453c5ae7fac713$export$a8d2043b2d807f4d)(theme);
+    let { locale: prevLocale } = (0, $dyW1v$useLocale)();
+    // if the new theme doesn't support the prevColorScheme, we must resort to the auto
+    let usePrevColorScheme = !!theme[prevColorScheme];
+    // importance of color scheme props > parent > auto:(OS > default > omitted)
+    let { colorScheme: colorScheme = usePrevColorScheme ? prevColorScheme : autoColorScheme, scale: scale = prevContext ? prevContext.scale : autoScale, locale: locale = prevContext ? prevLocale : null, breakpoints: breakpoints = prevContext ? prevBreakpoints : $7167f8da3cce35e4$var$DEFAULT_BREAKPOINTS, children: children, isQuiet: isQuiet, isEmphasized: isEmphasized, isDisabled: isDisabled, isRequired: isRequired, isReadOnly: isReadOnly, validationState: validationState, router: router, ...otherProps } = props;
+    // select only the props with values so undefined props don't overwrite prevContext values
+    let currentProps = {
+        version: $dyW1v$packagemodulejs.version,
+        theme: theme,
+        breakpoints: breakpoints,
+        colorScheme: colorScheme,
+        scale: scale,
+        isQuiet: isQuiet,
+        isEmphasized: isEmphasized,
+        isDisabled: isDisabled,
+        isRequired: isRequired,
+        isReadOnly: isReadOnly,
+        validationState: validationState
+    };
+    let matchedBreakpoints = (0, $dyW1v$useMatchedBreakpoints)(breakpoints);
+    let filteredProps = {};
+    Object.entries(currentProps).forEach(([key, value])=>value !== undefined && (filteredProps[key] = value));
+    // Merge options with parent provider
+    let context = Object.assign({}, prevContext, filteredProps);
+    // Only wrap in a DOM node if the theme, colorScheme, or scale changed
+    let contents = children;
+    let domProps = (0, $dyW1v$filterDOMProps)(otherProps);
+    let { styleProps: styleProps } = (0, $dyW1v$useStyleProps)(otherProps, undefined, {
+        matchedBreakpoints: matchedBreakpoints
+    });
+    if (!prevContext || props.locale || theme !== prevContext.theme || colorScheme !== prevContext.colorScheme || scale !== prevContext.scale || Object.keys(domProps).length > 0 || otherProps.UNSAFE_className || Object.keys(styleProps.style).length > 0) contents = /*#__PURE__*/ (0, $dyW1v$react).createElement($7167f8da3cce35e4$var$ProviderWrapper, {
+        ...props,
+        UNSAFE_style: {
+            isolation: !prevContext ? "isolate" : undefined,
+            ...styleProps.style
+        },
+        ref: ref
+    }, contents);
+    if (router) contents = /*#__PURE__*/ (0, $dyW1v$react).createElement((0, $dyW1v$RouterProvider), router, contents);
+    return /*#__PURE__*/ (0, $dyW1v$react).createElement((0, $a8430f637b4ccbce$export$841858b892ce1f4c).Provider, {
+        value: context
+    }, /*#__PURE__*/ (0, $dyW1v$react).createElement((0, $dyW1v$I18nProvider), {
+        locale: locale
+    }, /*#__PURE__*/ (0, $dyW1v$react).createElement((0, $dyW1v$BreakpointProvider), {
+        matchedBreakpoints: matchedBreakpoints
+    }, /*#__PURE__*/ (0, $dyW1v$react).createElement((0, $dyW1v$ModalProvider), null, contents))));
+}
+/**
+ * Provider is the container for all React Spectrum applications.
+ * It defines the theme, locale, and other application level settings,
+ * and can also be used to provide common properties to a group of components.
+ */ let $7167f8da3cce35e4$export$2881499e37b75b9a = /*#__PURE__*/ (0, $dyW1v$react).forwardRef($7167f8da3cce35e4$var$Provider);
+const $7167f8da3cce35e4$var$ProviderWrapper = /*#__PURE__*/ (0, $dyW1v$react).forwardRef(function ProviderWrapper(props, ref) {
+    let { children: children, ...otherProps } = props;
+    let { locale: locale, direction: direction } = (0, $dyW1v$useLocale)();
+    let { theme: theme, colorScheme: colorScheme, scale: scale } = $7167f8da3cce35e4$export$693cdb10cec23617();
+    let { modalProviderProps: modalProviderProps } = (0, $dyW1v$useModalProvider)();
+    let { styleProps: styleProps } = (0, $dyW1v$useStyleProps)(otherProps);
+    let domRef = (0, $dyW1v$useDOMRef)(ref);
+    let themeKey = Object.keys(theme[colorScheme])[0];
+    let scaleKey = Object.keys(theme[scale])[0];
+    let className = (0, $dyW1v$clsx)(styleProps.className, (0, ($parcel$interopDefault($dyW1v$page_vars_cssmodulejs)))["spectrum"], (0, ($parcel$interopDefault($dyW1v$typography_index_cssmodulejs)))["spectrum"], Object.values(theme[colorScheme]), Object.values(theme[scale]), theme.global ? Object.values(theme.global) : null, {
+        "react-spectrum-provider": (0, $dyW1v$shouldKeepSpectrumClassNames),
+        spectrum: (0, $dyW1v$shouldKeepSpectrumClassNames),
+        [themeKey]: (0, $dyW1v$shouldKeepSpectrumClassNames),
+        [scaleKey]: (0, $dyW1v$shouldKeepSpectrumClassNames)
+    });
+    var _props_colorScheme, _ref;
+    let style = {
+        ...styleProps.style,
+        // This ensures that browser native UI like scrollbars are rendered in the right color scheme.
+        // See https://web.dev/color-scheme/.
+        colorScheme: (_ref = (_props_colorScheme = props.colorScheme) !== null && _props_colorScheme !== void 0 ? _props_colorScheme : colorScheme) !== null && _ref !== void 0 ? _ref : Object.keys(theme).filter((k)=>k === "light" || k === "dark").join(" ")
+    };
+    let hasWarned = (0, $dyW1v$useRef)(false);
+    (0, $dyW1v$useEffect)(()=>{
+        if (direction && domRef.current) {
+            let closestDir = domRef.current.parentElement.closest("[dir]");
+            let dir = closestDir && closestDir.getAttribute("dir");
+            if (dir && dir !== direction && !hasWarned.current) {
+                console.warn(`Language directions cannot be nested. ${direction} inside ${dir}.`);
+                hasWarned.current = true;
+            }
+        }
+    }, [
+        direction,
+        domRef,
+        hasWarned
+    ]);
+    return /*#__PURE__*/ (0, $dyW1v$react).createElement("div", {
+        ...(0, $dyW1v$filterDOMProps)(otherProps),
+        ...styleProps,
+        ...modalProviderProps,
+        className: className,
+        style: style,
+        lang: locale,
+        dir: direction,
+        ref: domRef
+    }, children);
+});
+function $7167f8da3cce35e4$export$693cdb10cec23617() {
+    return (0, $dyW1v$useContext)((0, $a8430f637b4ccbce$export$841858b892ce1f4c));
+}
+function $7167f8da3cce35e4$export$521c373ccc32c300(props) {
+    let context = $7167f8da3cce35e4$export$693cdb10cec23617();
+    if (!context) return props;
+    return Object.assign({}, {
+        isQuiet: context.isQuiet,
+        isEmphasized: context.isEmphasized,
+        isDisabled: context.isDisabled,
+        isRequired: context.isRequired,
+        isReadOnly: context.isReadOnly,
+        validationState: context.validationState
+    }, props);
+}
+
+
+export {$7167f8da3cce35e4$export$693cdb10cec23617 as useProvider, $7167f8da3cce35e4$export$2881499e37b75b9a as Provider, $7167f8da3cce35e4$export$521c373ccc32c300 as useProviderProps};
+//# sourceMappingURL=Provider.module.js.map

package/dist/Provider.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-spectrum/provider/src/Provider.tsx"],"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 {\n  BreakpointProvider,\n  shouldKeepSpectrumClassNames,\n  useDOMRef,\n  useMatchedBreakpoints,\n  useStyleProps\n} from '@react-spectrum/utils';\nimport clsx from 'clsx';\nimport {Context} from './context';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps, RouterProvider} from '@react-aria/utils';\nimport {I18nProvider, useLocale} from '@react-aria/i18n';\nimport {ModalProvider, useModalProvider} from '@react-aria/overlays';\nimport {ProviderContext, ProviderProps} from '@react-types/provider';\nimport React, {useContext, useEffect, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/page/vars.css';\nimport typographyStyles from '@adobe/spectrum-css-temp/components/typography/index.css';\nimport {useColorScheme, useScale} from './mediaQueries';\n// @ts-ignore\nimport {version} from '../package.json';\n\nconst DEFAULT_BREAKPOINTS = {S: 640, M: 768, L: 1024, XL: 1280, XXL: 1536};\n\nfunction Provider(props: ProviderProps, ref: DOMRef<HTMLDivElement>) {\n  let prevContext = useProvider();\n  let prevColorScheme = prevContext && prevContext.colorScheme;\n  let prevBreakpoints = prevContext && prevContext.breakpoints;\n  let {\n    theme = prevContext && prevContext.theme,\n    defaultColorScheme\n  } = props;\n  if (!theme) {\n    throw new Error('theme not found, the parent provider must have a theme provided');\n  }\n  // Hooks must always be called.\n  let autoColorScheme = useColorScheme(theme, defaultColorScheme);\n  let autoScale = useScale(theme);\n  let {locale: prevLocale} = useLocale();\n  // if the new theme doesn't support the prevColorScheme, we must resort to the auto\n  let usePrevColorScheme = !!theme[prevColorScheme];\n\n  // importance of color scheme props > parent > auto:(OS > default > omitted)\n  let {\n    colorScheme = usePrevColorScheme ? prevColorScheme : autoColorScheme,\n    scale = prevContext ? prevContext.scale : autoScale,\n    locale = prevContext ? prevLocale : null,\n    breakpoints = prevContext ? prevBreakpoints : DEFAULT_BREAKPOINTS,\n    children,\n    isQuiet,\n    isEmphasized,\n    isDisabled,\n    isRequired,\n    isReadOnly,\n    validationState,\n    router,\n    ...otherProps\n  } = props;\n\n  // select only the props with values so undefined props don't overwrite prevContext values\n  let currentProps = {\n    version,\n    theme,\n    breakpoints,\n    colorScheme,\n    scale,\n    isQuiet,\n    isEmphasized,\n    isDisabled,\n    isRequired,\n    isReadOnly,\n    validationState\n  };\n\n  let matchedBreakpoints = useMatchedBreakpoints(breakpoints);\n  let filteredProps = {};\n  Object.entries(currentProps).forEach(([key, value]) => value !== undefined && (filteredProps[key] = value));\n\n  // Merge options with parent provider\n  let context = Object.assign({}, prevContext, filteredProps);\n\n  // Only wrap in a DOM node if the theme, colorScheme, or scale changed\n  let contents = children;\n  let domProps = filterDOMProps(otherProps);\n  let {styleProps} = useStyleProps(otherProps, undefined, {matchedBreakpoints});\n  if (!prevContext || props.locale || theme !== prevContext.theme || colorScheme !== prevContext.colorScheme || scale !== prevContext.scale || Object.keys(domProps).length > 0 || otherProps.UNSAFE_className || Object.keys(styleProps.style).length > 0) {\n    contents = (\n      <ProviderWrapper {...props} UNSAFE_style={{isolation: !prevContext ? 'isolate' : undefined, ...styleProps.style}} ref={ref}>\n        {contents}\n      </ProviderWrapper>\n    );\n  }\n\n  if (router) {\n    contents = <RouterProvider {...router}>{contents}</RouterProvider>;\n  }\n\n  return (\n    <Context.Provider value={context}>\n      <I18nProvider locale={locale}>\n        <BreakpointProvider matchedBreakpoints={matchedBreakpoints}>\n          <ModalProvider>\n            {contents}\n          </ModalProvider>\n        </BreakpointProvider>\n      </I18nProvider>\n    </Context.Provider>\n  );\n}\n\n/**\n * Provider is the container for all React Spectrum applications.\n * It defines the theme, locale, and other application level settings,\n * and can also be used to provide common properties to a group of components.\n */\nlet _Provider = React.forwardRef(Provider);\nexport {_Provider as Provider};\n\nconst ProviderWrapper = React.forwardRef(function ProviderWrapper(props: ProviderProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    children,\n    ...otherProps\n  } = props;\n  let {locale, direction} = useLocale();\n  let {theme, colorScheme, scale} = useProvider();\n  let {modalProviderProps} = useModalProvider();\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n\n  let themeKey = Object.keys(theme[colorScheme])[0];\n  let scaleKey = Object.keys(theme[scale])[0];\n\n  let className = clsx(\n    styleProps.className,\n    styles['spectrum'],\n    typographyStyles['spectrum'],\n    Object.values(theme[colorScheme]),\n    Object.values(theme[scale]),\n    theme.global ? Object.values(theme.global) : null,\n    {\n      'react-spectrum-provider': shouldKeepSpectrumClassNames,\n      spectrum: shouldKeepSpectrumClassNames,\n      [themeKey]: shouldKeepSpectrumClassNames,\n      [scaleKey]: shouldKeepSpectrumClassNames\n    }\n  );\n\n  let style = {\n    ...styleProps.style,\n    // This ensures that browser native UI like scrollbars are rendered in the right color scheme.\n    // See https://web.dev/color-scheme/.\n    colorScheme: props.colorScheme ?? colorScheme ?? Object.keys(theme).filter(k => k === 'light' || k === 'dark').join(' ')\n  };\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (direction && domRef.current) {\n      let closestDir = domRef.current.parentElement.closest('[dir]');\n      let dir = closestDir && closestDir.getAttribute('dir');\n      if (dir && dir !== direction && !hasWarned.current) {\n        console.warn(`Language directions cannot be nested. ${direction} inside ${dir}.`);\n        hasWarned.current = true;\n      }\n    }\n  }, [direction, domRef, hasWarned]);\n\n\n  return (\n    <div\n      {...filterDOMProps(otherProps)}\n      {...styleProps}\n      {...modalProviderProps}\n      className={className}\n      style={style}\n      lang={locale}\n      dir={direction}\n      ref={domRef}>\n      {children}\n    </div>\n  );\n});\n\n/**\n * Returns the various settings and styles applied by the nearest parent Provider.\n * Properties explicitly set by the nearest parent Provider override those provided by preceeding Providers.\n */\nexport function useProvider(): ProviderContext {\n  return useContext(Context);\n}\n\nexport function useProviderProps<T>(props: T) : T {\n  let context = useProvider();\n  if (!context) {\n    return props;\n  }\n  return Object.assign({}, {\n    isQuiet: context.isQuiet,\n    isEmphasized: context.isEmphasized,\n    isDisabled: context.isDisabled,\n    isRequired: context.isRequired,\n    isReadOnly: context.isReadOnly,\n    validationState: context.validationState\n  }, props);\n}\n"],"names":[],"version":3,"file":"Provider.module.js.map"}

package/dist/context.main.js

@@ -0,0 +1,28 @@
+var $3n4Xf$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "Context", () => $a5b4f4e252b5a021$export$841858b892ce1f4c);
+/*
+ * 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 $a5b4f4e252b5a021$export$841858b892ce1f4c = (0, ($parcel$interopDefault($3n4Xf$react))).createContext(null);
+$a5b4f4e252b5a021$export$841858b892ce1f4c.displayName = "ProviderContext";
+
+
+//# sourceMappingURL=context.main.js.map

package/dist/context.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAOM,MAAM,4CAAU,CAAA,GAAA,sCAAI,EAAE,aAAa,CAAyB;AACnE,0CAAQ,WAAW,GAAG","sources":["packages/@react-spectrum/provider/src/context.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 {ProviderContext} from '@react-types/provider';\nimport React from 'react';\n\n// Context is placed in a separate file to avoid fast refresh issue where the old provider context values\n// are immediately replaced with the null default. Stopgap solution until we fix this in parcel.\nexport const Context = React.createContext<ProviderContext | null>(null);\nContext.displayName = 'ProviderContext';\n"],"names":[],"version":3,"file":"context.main.js.map"}

package/dist/context.mjs

@@ -0,0 +1,19 @@
+import $hscZN$react 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.
+ */ 
+const $a8430f637b4ccbce$export$841858b892ce1f4c = (0, $hscZN$react).createContext(null);
+$a8430f637b4ccbce$export$841858b892ce1f4c.displayName = "ProviderContext";
+
+
+export {$a8430f637b4ccbce$export$841858b892ce1f4c as Context};
+//# sourceMappingURL=context.mjs.map