@codecademy/gamut-styles 16.3.1-alpha.8ea574.0 → 16.3.1-alpha.d1fa10.0

package/dist/AssetProvider.js

@@ -1,19 +1,22 @@
 import { webFonts } from './remoteAssets/fonts';
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-export const createFontLinks = () => webFonts.flatMap(_ref => {
-  let {
-    filePath,
-    extensions
-  } = _ref;
-  return extensions.map(ext => /*#__PURE__*/_jsx("link", {
-    rel: "preload",
-    href: `${filePath}.${ext}`,
-    crossOrigin: "anonymous",
-    as: "font",
-    type: `font/${ext}`
-  }, `${filePath}-${ext}`));
-});
-export const AssetProvider = () => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export var createFontLinks = function createFontLinks() {
+  return webFonts.flatMap(function (_ref) {
+    var filePath = _ref.filePath,
+      extensions = _ref.extensions;
+    return extensions.map(function (ext) {
+      return /*#__PURE__*/_jsx("link", {
+        rel: "preload",
+        href: "".concat(filePath, ".").concat(ext),
+        crossOrigin: "anonymous",
+        as: "font",
+        type: "font/".concat(ext)
+      }, "".concat(filePath, "-").concat(ext));
+    });
+  });
+};
+export var AssetProvider = function AssetProvider() {
   return /*#__PURE__*/_jsx(_Fragment, {
     children: createFontLinks()
   });

package/dist/Background.js

@@ -1,25 +1,41 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { getContrast } from 'polished';
 import { forwardRef, useCallback, useMemo } from 'react';
 import { ColorMode, useColorModes } from './ColorMode';
 import { jsx as _jsx } from "react/jsx-runtime";
-const isColorAlias = (mode, color) => {
+var isColorAlias = function isColorAlias(mode, color) {
   return Object.keys(mode).includes(color);
 };
-export const Background = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    bg,
-    ...rest
-  } = _ref;
-  const [active, activeColors, modes, getColorValue] = useColorModes();
-
+export var Background = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var bg = _ref.bg,
+    rest = _objectWithoutProperties(_ref, ["bg"]);
+  var _useColorModes = useColorModes(),
+    _useColorModes2 = _slicedToArray(_useColorModes, 4),
+    active = _useColorModes2[0],
+    activeColors = _useColorModes2[1],
+    modes = _useColorModes2[2],
+    getColorValue = _useColorModes2[3];
   /** If a color alias was used then look up the true color key from the active mode */
-  const trueColor = useMemo(() => {
+  var trueColor = useMemo(function () {
     if (isColorAlias(activeColors, bg)) {
       return activeColors[bg];
     }
     return bg;
   }, [bg, activeColors]);
-  const getTextContrast = useCallback(foreground => {
+  var getTextContrast = useCallback(function (foreground) {
     return getContrast(getColorValue(foreground), getColorValue(trueColor));
   }, [trueColor, getColorValue]);
 
@@ -33,12 +49,10 @@ export const Background = /*#__PURE__*/forwardRef((_ref, ref) => {
    * This does not guarantee a level of A/AA/AA compliance.
    */
 
-  const accessibleMode = useMemo(() => {
-    const {
-      [active]: activeMode,
-      ...otherModes
-    } = modes;
-    const possibleModes = Object.entries(otherModes);
+  var accessibleMode = useMemo(function () {
+    var activeMode = modes[active],
+      otherModes = _objectWithoutProperties(modes, [active].map(_toPropertyKey));
+    var possibleModes = Object.entries(otherModes);
 
     /**
      * Reduce all remaining modes to the mode key with the highest contrast
@@ -48,22 +62,25 @@ export const Background = /*#__PURE__*/forwardRef((_ref, ref) => {
      * it will likely fail to return a mode outside of the lightest and
      * darkest versions.
      */
-    const [highestContrastMode] = possibleModes.reduce((_ref2, _ref3) => {
-      let [prevMode, prevContrast] = _ref2;
-      let [mode, {
-        text
-      }] = _ref3;
-      const contrast = getTextContrast(text);
+    var _possibleModes$reduce = possibleModes.reduce(function (_ref2, _ref3) {
+        var _ref4 = _slicedToArray(_ref2, 2),
+          prevMode = _ref4[0],
+          prevContrast = _ref4[1];
+        var _ref5 = _slicedToArray(_ref3, 2),
+          mode = _ref5[0],
+          text = _ref5[1].text;
+        var contrast = getTextContrast(text);
 
-      // Keep the higher contrast mode.
-      return contrast > prevContrast ? [mode, contrast] : [prevMode, prevContrast];
-    }, [active, getTextContrast(activeMode.text)]);
+        // Keep the higher contrast mode.
+        return contrast > prevContrast ? [mode, contrast] : [prevMode, prevContrast];
+      }, [active, getTextContrast(activeMode.text)]),
+      _possibleModes$reduce2 = _slicedToArray(_possibleModes$reduce, 1),
+      highestContrastMode = _possibleModes$reduce2[0];
     return highestContrastMode;
   }, [modes, active, getTextContrast]);
-  return /*#__PURE__*/_jsx(ColorMode, {
-    ...rest,
+  return /*#__PURE__*/_jsx(ColorMode, _objectSpread(_objectSpread({}, rest), {}, {
     mode: accessibleMode,
     bg: bg,
     ref: ref
-  });
+  }));
 });

package/dist/ColorMode.d.ts

@@ -398,34 +398,43 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
     };
     readonly borderRadius: {
         readonly property: "borderRadius";
+        readonly scale: "borderRadii";
     };
     readonly borderRadiusLeft: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
+        readonly scale: "borderRadii";
     };
     readonly borderRadiusTop: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
+        readonly scale: "borderRadii";
     };
     readonly borderRadiusBottom: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
+        readonly scale: "borderRadii";
     };
     readonly borderRadiusRight: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
+        readonly scale: "borderRadii";
     };
     readonly borderRadiusTopLeft: {
         readonly property: "borderTopLeftRadius";
+        readonly scale: "borderRadii";
     };
     readonly borderRadiusTopRight: {
         readonly property: "borderTopRightRadius";
+        readonly scale: "borderRadii";
     };
     readonly borderRadiusBottomRight: {
         readonly property: "borderBottomRightRadius";
+        readonly scale: "borderRadii";
     };
     readonly borderRadiusBottomLeft: {
         readonly property: "borderBottomLeftRadius";
+        readonly scale: "borderRadii";
     };
     readonly borderStyle: {
         readonly property: "borderStyle";
@@ -663,6 +672,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
     }>;
     borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
+        readonly scale: "borderRadii";
     }>;
     borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRight";
@@ -825,30 +835,38 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
     borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
+        readonly scale: "borderRadii";
     }>;
     borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
+        readonly scale: "borderRadii";
     }>;
     borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
         readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
+        readonly scale: "borderRadii";
     }>;
     borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
+        readonly scale: "borderRadii";
     }>;
     borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderTopLeftRadius";
+        readonly scale: "borderRadii";
     }>;
     borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderTopRightRadius";
+        readonly scale: "borderRadii";
     }>;
     borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderBottomRightRadius";
+        readonly scale: "borderRadii";
     }>;
     borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderBottomLeftRadius";
+        readonly scale: "borderRadii";
     }>;
     borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderStyle";
@@ -1061,6 +1079,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Pick<O
     }>;
     borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
+        readonly scale: "borderRadii";
     }>;
     borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRight";
@@ -1223,30 +1242,38 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Pick<O
     borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
+        readonly scale: "borderRadii";
     }>;
     borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
+        readonly scale: "borderRadii";
     }>;
     borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
         readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
+        readonly scale: "borderRadii";
     }>;
     borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
+        readonly scale: "borderRadii";
     }>;
     borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderTopLeftRadius";
+        readonly scale: "borderRadii";
     }>;
     borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderTopRightRadius";
+        readonly scale: "borderRadii";
     }>;
     borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderBottomRightRadius";
+        readonly scale: "borderRadii";
     }>;
     borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderBottomLeftRadius";
+        readonly scale: "borderRadii";
     }>;
     borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderStyle";

package/dist/ColorMode.js

@@ -1,5 +1,19 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 import _styled from "@emotion/styled/base";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { serializeTokens, variance } from '@codecademy/variance';
 import { ThemeProvider, useTheme } from '@emotion/react';
 import mapValues from 'lodash/mapValues';
@@ -8,31 +22,26 @@ import { createContext, forwardRef, useContext, useEffect, useMemo, useState } f
 import { background, border, color, css, flex, grid, layout, positioning, space } from './variance/props';
 import { styledOptions } from './variance/utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const providerProps = variance.compose(layout, color, grid, flex, positioning, space, border, background);
-export const modeColorProps = _ref => {
-  let {
-    theme,
-    mode
-  } = _ref;
-  if (!theme || !mode || mode === theme?.mode) return {};
-  const {
-    colors
-  } = theme;
-  return serializeTokens(mapValues(theme?.modes[mode], color => colors[color]), 'color', theme).variables;
+export var providerProps = variance.compose(layout, color, grid, flex, positioning, space, border, background);
+export var modeColorProps = function modeColorProps(_ref) {
+  var theme = _ref.theme,
+    mode = _ref.mode;
+  if (!theme || !mode || mode === (theme === null || theme === void 0 ? void 0 : theme.mode)) return {};
+  var colors = theme.colors;
+  return serializeTokens(mapValues(theme === null || theme === void 0 ? void 0 : theme.modes[mode], function (color) {
+    return colors[color];
+  }), 'color', theme).variables;
 };
-const BackgroundCurrentContext = /*#__PURE__*/createContext({
+var BackgroundCurrentContext = /*#__PURE__*/createContext({
   'background-current': undefined
 });
 export function useColorModes() {
-  const bgCurrent = useContext(BackgroundCurrentContext);
-  const {
-    mode,
-    modes,
-    _getColorValue: getColorValue
-  } = useTheme() || {};
-  const modesCopy = {
-    ...modes
-  };
+  var bgCurrent = useContext(BackgroundCurrentContext);
+  var _ref2 = useTheme() || {},
+    mode = _ref2.mode,
+    modes = _ref2.modes,
+    getColorValue = _ref2._getColorValue;
+  var modesCopy = _objectSpread({}, modes);
   if (bgCurrent['background-current'] && modesCopy[mode]['background-current'] !== bgCurrent['background-current']) {
     /* sets the color to the copy of our modes object, and casts the type as the default color values for background-current.
     we could potentially alter the Merge type utility function from createTheme, but since 'background-current' is the only exception to the type-merging rule  and this is the only place we override, this seems to be a more straightforward + lower-risk solution.
@@ -40,100 +49,98 @@ export function useColorModes() {
 
     modesCopy[mode]['background-current'] = bgCurrent['background-current'];
   }
-  return [mode, modesCopy?.[mode], modes, getColorValue];
+  return [mode, modesCopy === null || modesCopy === void 0 ? void 0 : modesCopy[mode], modes, getColorValue];
 }
 export function useCurrentMode(mode) {
-  const [activeMode] = useColorModes();
-  return mode ?? activeMode;
+  var _useColorModes = useColorModes(),
+    _useColorModes2 = _slicedToArray(_useColorModes, 1),
+    activeMode = _useColorModes2[0];
+  return mode !== null && mode !== void 0 ? mode : activeMode;
 }
 export function usePrefersDarkMode() {
-  const [prefersDarkMode, setPrefersDarkMode] = useState(false);
-  useEffect(() => {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    prefersDarkMode = _useState2[0],
+    setPrefersDarkMode = _useState2[1];
+  useEffect(function () {
     function onChange(event) {
       setPrefersDarkMode(event.matches);
     }
     if (window && 'matchMedia' in window) {
-      const mq = window.matchMedia('(prefers-color-scheme: dark)');
+      var mq = window.matchMedia('(prefers-color-scheme: dark)');
       if (mq && 'addEventListener' in mq) {
         setPrefersDarkMode(mq.matches);
         mq.addEventListener('change', onChange);
-        return () => mq.removeEventListener('change', onChange);
+        return function () {
+          return mq.removeEventListener('change', onChange);
+        };
       }
     }
   }, []);
   return prefersDarkMode;
 }
-export const VariableProvider = /*#__PURE__*/_styled('div', _extends({}, {
+export var VariableProvider = /*#__PURE__*/_styled('div', _extends({}, {
   target: "e1skjn880",
   label: "VariableProvider"
-}, styledOptions(['variables', 'alwaysSetVariables'])))(_ref2 => {
-  let {
-    variables
-  } = _ref2;
+}, styledOptions(['variables', 'alwaysSetVariables'])))(function (_ref3) {
+  var variables = _ref3.variables;
   return variables;
 }, css({
   textColor: 'text'
 }), providerProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Db2xvck1vZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFJZ0MiLCJmaWxlIjoiLi4vc3JjL0NvbG9yTW9kZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBzZXJpYWxpemVUb2tlbnMsXG4gIFN0eWxlUHJvcHMsXG4gIFRoZW1lUHJvcHMsXG4gIHZhcmlhbmNlLFxufSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgeyBDU1NPYmplY3QsIFRoZW1lLCBUaGVtZVByb3ZpZGVyLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBtYXBWYWx1ZXMgZnJvbSAnbG9kYXNoL21hcFZhbHVlcyc7XG5pbXBvcnQgcGljayBmcm9tICdsb2Rhc2gvcGljayc7XG5pbXBvcnQge1xuICBDb21wb25lbnRQcm9wcyxcbiAgY3JlYXRlQ29udGV4dCxcbiAgZm9yd2FyZFJlZixcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB0aGVtZSBhcyBHYW11dFRoZW1lIH0gZnJvbSAnLic7XG5pbXBvcnQge1xuICBiYWNrZ3JvdW5kLFxuICBib3JkZXIsXG4gIGNvbG9yLFxuICBjc3MsXG4gIGZsZXgsXG4gIGdyaWQsXG4gIGxheW91dCxcbiAgcG9zaXRpb25pbmcsXG4gIHNwYWNlLFxufSBmcm9tICcuL3ZhcmlhbmNlL3Byb3BzJztcbmltcG9ydCB7IHN0eWxlZE9wdGlvbnMgfSBmcm9tICcuL3ZhcmlhbmNlL3V0aWxzJztcblxuZXhwb3J0IHR5cGUgQ29sb3JzID0ga2V5b2YgVGhlbWVbJ2NvbG9ycyddO1xuZXhwb3J0IHR5cGUgQ29sb3JNb2RlQ29uZmlnID0gVGhlbWVbJ21vZGVzJ107XG5leHBvcnQgdHlwZSBDb2xvck1vZGVzID0ga2V5b2YgQ29sb3JNb2RlQ29uZmlnO1xuZXhwb3J0IHR5cGUgQ29sb3JNb2RlU2hhcGUgPSBDb2xvck1vZGVDb25maWdbQ29sb3JNb2Rlc107XG5leHBvcnQgdHlwZSBDb2xvckFsaWFzID0ga2V5b2YgQ29sb3JNb2RlU2hhcGU7XG5cbmV4cG9ydCB0eXBlIENvbG9yTW9kZVByb3BzID0ge1xuICBtb2RlOiBDb2xvck1vZGVzIHwgJ3N5c3RlbSc7XG4gIGJnPzogQ29sb3JzO1xufTtcblxuZXhwb3J0IGNvbnN0IHByb3ZpZGVyUHJvcHMgPSB2YXJpYW5jZS5jb21wb3NlKFxuICBsYXlvdXQsXG4gIGNvbG9yLFxuICBncmlkLFxuICBmbGV4LFxuICBwb3NpdGlvbmluZyxcbiAgc3BhY2UsXG4gIGJvcmRlcixcbiAgYmFja2dyb3VuZFxuKTtcblxuZXhwb3J0IGNvbnN0IG1vZGVDb2xvclByb3BzID0gKHtcbiAgdGhlbWUsXG4gIG1vZGUsXG59OiBUaGVtZVByb3BzPHsgbW9kZT86IENvbG9yTW9kZXMgfT4pID0+IHtcbiAgaWYgKCF0aGVtZSB8fCAhbW9kZSB8fCBtb2RlID09PSB0aGVtZT8ubW9kZSkgcmV0dXJuIHt9O1xuICBjb25zdCB7IGNvbG9ycyB9ID0gdGhlbWU7XG4gIHJldHVybiBzZXJpYWxpemVUb2tlbnMoXG4gICAgbWFwVmFsdWVzKHRoZW1lPy5tb2Rlc1ttb2RlXSwgKGNvbG9yKSA9PiBjb2xvcnNbY29sb3JdKSxcbiAgICAnY29sb3InLFxuICAgIHRoZW1lXG4gICkudmFyaWFibGVzO1xufTtcblxuaW50ZXJmYWNlIEJhY2tncm91bmRDdXJyZW50Q29udGV4dEludGVyZmFjZSB7XG4gICdiYWNrZ3JvdW5kLWN1cnJlbnQnPzoga2V5b2YgdHlwZW9mIEdhbXV0VGhlbWUuY29sb3JzO1xufVxuXG5jb25zdCBCYWNrZ3JvdW5kQ3VycmVudENvbnRleHQgPSBjcmVhdGVDb250ZXh0PEJhY2tncm91bmRDdXJyZW50Q29udGV4dEludGVyZmFjZT4oXG4gIHtcbiAgICAnYmFja2dyb3VuZC1jdXJyZW50JzogdW5kZWZpbmVkLFxuICB9XG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gdXNlQ29sb3JNb2RlcygpOiBbXG4gIENvbG9yTW9kZXMsXG4gIENvbG9yTW9kZVNoYXBlLFxuICBDb2xvck1vZGVDb25maWcsXG4gIChjb2xvcjogQ29sb3JzKSA9PiBzdHJpbmdcbl0ge1xuICBjb25zdCBiZ0N1cnJlbnQgPSB1c2VDb250ZXh0KEJhY2tncm91bmRDdXJyZW50Q29udGV4dCk7XG4gIGNvbnN0IHsgbW9kZSwgbW9kZXMsIF9nZXRDb2xvclZhbHVlOiBnZXRDb2xvclZhbHVlIH0gPSB1c2VUaGVtZSgpIHx8IHt9O1xuICBjb25zdCBtb2Rlc0NvcHkgPSB7IC4uLm1vZGVzIH07XG5cbiAgaWYgKFxuICAgIGJnQ3VycmVudFsnYmFja2dyb3VuZC1jdXJyZW50J10gJiZcbiAgICBtb2Rlc0NvcHlbbW9kZV1bJ2JhY2tncm91bmQtY3VycmVudCddICE9PSBiZ0N1cnJlbnRbJ2JhY2tncm91bmQtY3VycmVudCddXG4gICkge1xuICAgIC8qIHNldHMgdGhlIGNvbG9yIHRvIHRoZSBjb3B5IG9mIG91ciBtb2RlcyBvYmplY3QsIGFuZCBjYXN0cyB0aGUgdHlwZSBhcyB0aGUgZGVmYXVsdCBjb2xvciB2YWx1ZXMgZm9yIGJhY2tncm91bmQtY3VycmVudC5cbiAgICB3ZSBjb3VsZCBwb3RlbnRpYWxseSBhbHRlciB0aGUgTWVyZ2UgdHlwZSB1dGlsaXR5IGZ1bmN0aW9uIGZyb20gY3JlYXRlVGhlbWUsIGJ1dCBzaW5jZSAnYmFja2dyb3VuZC1jdXJyZW50JyBpcyB0aGUgb25seSBleGNlcHRpb24gdG8gdGhlIHR5cGUtbWVyZ2luZyBydWxlICBhbmQgdGhpcyBpcyB0aGUgb25seSBwbGFjZSB3ZSBvdmVycmlkZSwgdGhpcyBzZWVtcyB0byBiZSBhIG1vcmUgc3RyYWlnaHRmb3J3YXJkICsgbG93ZXItcmlzayBzb2x1dGlvbi5cbiAgICAqL1xuXG4gICAgbW9kZXNDb3B5W21vZGVdWydiYWNrZ3JvdW5kLWN1cnJlbnQnXSA9IGJnQ3VycmVudFsnYmFja2dyb3VuZC1jdXJyZW50J10gYXNcbiAgICAgIHwgJ3doaXRlJ1xuICAgICAgfCAnbmF2eS04MDAnO1xuICB9XG5cbiAgcmV0dXJuIFttb2RlLCBtb2Rlc0NvcHk/Llttb2RlXSwgbW9kZXMsIGdldENvbG9yVmFsdWVdO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdXNlQ3VycmVudE1vZGUobW9kZT86IENvbG9yTW9kZXMpIHtcbiAgY29uc3QgW2FjdGl2ZU1vZGVdID0gdXNlQ29sb3JNb2RlcygpO1xuICByZXR1cm4gbW9kZSA/PyBhY3RpdmVNb2RlO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdXNlUHJlZmVyc0RhcmtNb2RlKCkge1xuICBjb25zdCBbcHJlZmVyc0RhcmtNb2RlLCBzZXRQcmVmZXJzRGFya01vZGVdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZnVuY3Rpb24gb25DaGFuZ2UoZXZlbnQ6IE1lZGlhUXVlcnlMaXN0RXZlbnQpIHtcbiAgICAgIHNldFByZWZlcnNEYXJrTW9kZShldmVudC5tYXRjaGVzKTtcbiAgICB9XG5cbiAgICBpZiAod2luZG93ICYmICdtYXRjaE1lZGlhJyBpbiB3aW5kb3cpIHtcbiAgICAgIGNvbnN0IG1xID0gd2luZG93Lm1hdGNoTWVkaWEoJyhwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyayknKTtcblxuICAgICAgaWYgKG1xICYmICdhZGRFdmVudExpc3RlbmVyJyBpbiBtcSkge1xuICAgICAgICBzZXRQcmVmZXJzRGFya01vZGUobXEubWF0Y2hlcyk7XG4gICAgICAgIG1xLmFkZEV2ZW50TGlzdGVuZXIoJ2NoYW5nZScsIG9uQ2hhbmdlKTtcblxuICAgICAgICByZXR1cm4gKCkgPT4gbXEucmVtb3ZlRXZlbnRMaXN0ZW5lcignY2hhbmdlJywgb25DaGFuZ2UpO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW10pO1xuXG4gIHJldHVybiBwcmVmZXJzRGFya01vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBWYXJpYWJsZVByb3ZpZGVyID0gc3R5bGVkKFxuICAnZGl2JyxcbiAgc3R5bGVkT3B0aW9ucyhbJ3ZhcmlhYmxlcycsICdhbHdheXNTZXRWYXJpYWJsZXMnXSlcbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIHByb3ZpZGVyUHJvcHM+ICYge1xuICAgIHZhcmlhYmxlcz86IENTU09iamVjdDtcbiAgICBhbHdheXNTZXRWYXJpYWJsZXM/OiBib29sZWFuO1xuICB9XG4+KCh7IHZhcmlhYmxlcyB9KSA9PiB2YXJpYWJsZXMsIGNzcyh7IHRleHRDb2xvcjogJ3RleHQnIH0pLCBwcm92aWRlclByb3BzKTtcblxuZXhwb3J0IGNvbnN0IENvbG9yTW9kZSA9IGZvcndhcmRSZWY8XG4gIEhUTUxEaXZFbGVtZW50LFxuICBPbWl0PENvbXBvbmVudFByb3BzPHR5cGVvZiBWYXJpYWJsZVByb3ZpZGVyPiwgJ2JnJz4gJiBDb2xvck1vZGVQcm9wc1xuPigoeyBtb2RlOiBwcmVmZXJlbmNlLCBhbHdheXNTZXRWYXJpYWJsZXMsIGJnLCAuLi5yZXN0IH0sIHJlZikgPT4ge1xuICAvLyBjaGVja3MgaWYgdGhlIHVzZXIgaGFzIHNldCAnc3lzdGVtJyBhcyB0aGVpciBjb2xvciBtb2RlIHByZWZlcmVuY2VcbiAgLy8gdGhlbiBzZXRzIHRoZSBjb2xvciBtb2RlXG4gIGNvbnN0IHByZWZlcnNEYXJrTW9kZSA9IHVzZVByZWZlcnNEYXJrTW9kZSgpO1xuICBjb25zdCBtb2RlID1cbiAgICBwcmVmZXJlbmNlID09PSAnc3lzdGVtJyA/IChwcmVmZXJzRGFya01vZGUgPyAnZGFyaycgOiAnbGlnaHQnKSA6IHByZWZlcmVuY2U7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCB7IG1vZGVzLCBtb2RlOiBhY3RpdmUsIGNvbG9ycyB9ID0gdGhlbWU7XG4gIGNvbnN0IGNvbnRleHRCZyA9IGJnID8gJ2JhY2tncm91bmQtY3VycmVudCcgOiB1bmRlZmluZWQ7XG4gIC8vIFRoaXMgbWFrZXMgc3VyZSB0aGUgYmFja2dyb3VuZC1jdXJyZW50IGNvbnRleHQgaXMgYWx3YXlzIHNldCB0byB0aGUgY29ycmVjdCBjb2xvciArIG5vdCB0aGUgc2VtYW50aWMgY29sb3IgbmFtZS5cbiAgY29uc3QgY3VycmVudFBhcmVudEJnID0gdXNlQ29udGV4dChCYWNrZ3JvdW5kQ3VycmVudENvbnRleHQpO1xuXG4gIGNvbnN0IGJnQ3VycmVudCA9XG4gICAgYmcgPT09ICdiYWNrZ3JvdW5kLWN1cnJlbnQnXG4gICAgICA/IGN1cnJlbnRQYXJlbnRCZ1snYmFja2dyb3VuZC1jdXJyZW50J11cbiAgICAgICAgPyBjdXJyZW50UGFyZW50QmdbJ2JhY2tncm91bmQtY3VycmVudCddXG4gICAgICAgIDogbW9kZXNbYWN0aXZlXVsnYmFja2dyb3VuZC1jdXJyZW50J11cbiAgICAgIDogYmc7XG5cbiAgLyoqIFNlcmlhbGl6ZSBjb2xvciB2YXJpYWJsZXMgZm9yIHRoZSBjdXJyZW50IG1vZGVcbiAgICogMS4gSWYgYWxsIHZhcmlhYmxlcyBhcmUgcmVxdWlyZWQgYWRkIGFsbCBtb2RlIHZhcmlhYmxlcyB0byB0aGUgY3VycmVudCBjb250ZXh0XG4gICAqIDIuIElmIHRoZSB1c2VyIGhhcyBzcGVjaWZpZWQgYSBiYWNrZ3JvdW5kIGNvbG9yIC0gc2V0IHRoYXQgY29sb3IgdG8gdGhlIGN1cnJlbnQtYmdcbiAgICogMy4gSWYgbm90XG4gICAqL1xuICBjb25zdCB7IHZhcmlhYmxlcyB9ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIHNlcmlhbGl6ZVRva2VucyhcbiAgICAgIG1hcFZhbHVlcyhtb2Rlc1ttb2RlXSwgKGNvbG9yLCBrZXkpID0+IHtcbiAgICAgICAgaWYgKGtleSA9PT0gJ2JhY2tncm91bmQtY3VycmVudCcgJiYgdHlwZW9mIGJnICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgICAgIHJldHVybiBjb2xvcnNbYmddO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBjb2xvcnNbY29sb3JdO1xuICAgICAgfSksXG4gICAgICAnY29sb3InLFxuICAgICAgdGhlbWVcbiAgICApO1xuICB9LCBbY29sb3JzLCBtb2RlLCBtb2RlcywgdGhlbWUsIGJnXSk7XG5cbiAgaWYgKGFjdGl2ZSA9PT0gbW9kZSkge1xuICAgIGNvbnN0IHZhcnMgPSBhbHdheXNTZXRWYXJpYWJsZXNcbiAgICAgID8gdmFyaWFibGVzXG4gICAgICA6IHBpY2sodmFyaWFibGVzLCBbJy0tY29sb3ItYmFja2dyb3VuZC1jdXJyZW50J10pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxCYWNrZ3JvdW5kQ3VycmVudENvbnRleHQuUHJvdmlkZXJcbiAgICAgICAgdmFsdWU9e3sgJ2JhY2tncm91bmQtY3VycmVudCc6IGJnQ3VycmVudCB9fVxuICAgICAgPlxuICAgICAgICA8VmFyaWFibGVQcm92aWRlciB7Li4ucmVzdH0gdmFyaWFibGVzPXt2YXJzfSBiZz17Y29udGV4dEJnfSByZWY9e3JlZn0gLz5cbiAgICAgIDwvQmFja2dyb3VuZEN1cnJlbnRDb250ZXh0LlByb3ZpZGVyPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt7IG1vZGUgfX0+XG4gICAgICA8VmFyaWFibGVQcm92aWRlclxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgdmFyaWFibGVzPXt2YXJpYWJsZXN9XG4gICAgICAgIGJnPXtjb250ZXh0Qmd9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgLz5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcbiJdfQ== */");
-export const ColorMode = /*#__PURE__*/forwardRef((_ref3, ref) => {
-  let {
-    mode: preference,
-    alwaysSetVariables,
-    bg,
-    ...rest
-  } = _ref3;
+export var ColorMode = /*#__PURE__*/forwardRef(function (_ref4, ref) {
+  var preference = _ref4.mode,
+    alwaysSetVariables = _ref4.alwaysSetVariables,
+    bg = _ref4.bg,
+    rest = _objectWithoutProperties(_ref4, ["mode", "alwaysSetVariables", "bg"]);
   // checks if the user has set 'system' as their color mode preference
   // then sets the color mode
-  const prefersDarkMode = usePrefersDarkMode();
-  const mode = preference === 'system' ? prefersDarkMode ? 'dark' : 'light' : preference;
-  const theme = useTheme();
-  const {
-    modes,
-    mode: active,
-    colors
-  } = theme;
-  const contextBg = bg ? 'background-current' : undefined;
+  var prefersDarkMode = usePrefersDarkMode();
+  var mode = preference === 'system' ? prefersDarkMode ? 'dark' : 'light' : preference;
+  var theme = useTheme();
+  var modes = theme.modes,
+    active = theme.mode,
+    colors = theme.colors;
+  var contextBg = bg ? 'background-current' : undefined;
   // This makes sure the background-current context is always set to the correct color + not the semantic color name.
-  const currentParentBg = useContext(BackgroundCurrentContext);
-  const bgCurrent = bg === 'background-current' ? currentParentBg['background-current'] ? currentParentBg['background-current'] : modes[active]['background-current'] : bg;
+  var currentParentBg = useContext(BackgroundCurrentContext);
+  var bgCurrent = bg === 'background-current' ? currentParentBg['background-current'] ? currentParentBg['background-current'] : modes[active]['background-current'] : bg;
 
   /** Serialize color variables for the current mode
    * 1. If all variables are required add all mode variables to the current context
    * 2. If the user has specified a background color - set that color to the current-bg
    * 3. If not
    */
-  const {
-    variables
-  } = useMemo(() => {
-    return serializeTokens(mapValues(modes[mode], (color, key) => {
-      if (key === 'background-current' && typeof bg !== 'undefined') {
-        return colors[bg];
-      }
-      return colors[color];
-    }), 'color', theme);
-  }, [colors, mode, modes, theme, bg]);
+  var _useMemo = useMemo(function () {
+      return serializeTokens(mapValues(modes[mode], function (color, key) {
+        if (key === 'background-current' && typeof bg !== 'undefined') {
+          return colors[bg];
+        }
+        return colors[color];
+      }), 'color', theme);
+    }, [colors, mode, modes, theme, bg]),
+    variables = _useMemo.variables;
   if (active === mode) {
-    const vars = alwaysSetVariables ? variables : pick(variables, ['--color-background-current']);
+    var vars = alwaysSetVariables ? variables : pick(variables, ['--color-background-current']);
     return /*#__PURE__*/_jsx(BackgroundCurrentContext.Provider, {
       value: {
         'background-current': bgCurrent
       },
-      children: /*#__PURE__*/_jsx(VariableProvider, {
-        ...rest,
+      children: /*#__PURE__*/_jsx(VariableProvider, _objectSpread(_objectSpread({}, rest), {}, {
         variables: vars,
         bg: contextBg,
         ref: ref
-      })
+      }))
     });
   }
   return /*#__PURE__*/_jsx(ThemeProvider, {
     theme: {
-      mode
+      mode: mode
     },
-    children: /*#__PURE__*/_jsx(VariableProvider, {
-      ...rest,
+    children: /*#__PURE__*/_jsx(VariableProvider, _objectSpread(_objectSpread({}, rest), {}, {
       variables: variables,
       bg: contextBg,
       ref: ref
-    })
+    }))
   });
 });

package/dist/GamutProvider.js

@@ -5,35 +5,37 @@ import { createEmotionCache } from './cache';
 import { Reboot, Typography } from './globals';
 import { Variables } from './globals/Variables';
 import { coreTheme } from './themes/core';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export const GamutContext = /*#__PURE__*/React.createContext({
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var GamutContext = /*#__PURE__*/React.createContext({
   hasGlobals: false,
   hasCache: false
 });
 GamutContext.displayName = 'GamutContext';
-export const GamutProvider = _ref => {
-  let {
-    children,
-    cache,
-    theme = coreTheme,
-    variables,
-    useGlobals = true,
-    useCache = true
-  } = _ref;
-  const {
-    hasGlobals,
-    hasCache
-  } = useContext(GamutContext);
-  const shouldCreateCache = useCache && !hasCache;
-  const shouldInsertGlobals = useGlobals && !hasGlobals;
+export var GamutProvider = function GamutProvider(_ref) {
+  var children = _ref.children,
+    cache = _ref.cache,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? coreTheme : _ref$theme,
+    variables = _ref.variables,
+    _ref$useGlobals = _ref.useGlobals,
+    useGlobals = _ref$useGlobals === void 0 ? true : _ref$useGlobals,
+    _ref$useCache = _ref.useCache,
+    useCache = _ref$useCache === void 0 ? true : _ref$useCache;
+  var _useContext = useContext(GamutContext),
+    hasGlobals = _useContext.hasGlobals,
+    hasCache = _useContext.hasCache;
+  var shouldCreateCache = useCache && !hasCache;
+  var shouldInsertGlobals = useGlobals && !hasGlobals;
 
   // Do not initialize a new cache if one has been provided as props
-  const activeCache = useRef(shouldCreateCache && (cache ?? createEmotionCache()));
-  const contextValue = {
+  var activeCache = useRef(shouldCreateCache && (cache !== null && cache !== void 0 ? cache : createEmotionCache()));
+  var contextValue = {
     hasGlobals: shouldInsertGlobals,
     hasCache: shouldCreateCache
   };
-  const globals = shouldInsertGlobals && /*#__PURE__*/_jsxs(_Fragment, {
+  var globals = shouldInsertGlobals && /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Typography, {}), /*#__PURE__*/_jsx(Reboot, {}), /*#__PURE__*/_jsx(Variables, {
       variables: theme._variables
     }), variables && /*#__PURE__*/_jsx(Variables, {

package/dist/cache/createEmotionCache.d.ts

@@ -1,4 +1,4 @@
 import { Options } from '@emotion/cache';
 export declare const EMOTION_KEY = "gamut";
 export declare const EMOTION_CONTAINER = "emotion-styles";
-export declare const createEmotionCache: (overrides?: Partial<Options>) => import("@emotion/utils").EmotionCache;
+export declare const createEmotionCache: (overrides?: Partial<Options>) => import("@emotion/cache").EmotionCache;