@telefonica/mistica 10.22.1 → 10.24.0

package/dist/icons/icon-success.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../skins/constants");
 var _animation = require("../utils/animation");
@@ -15,6 +16,27 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -30,8 +52,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {
-        };
+        var source = _arguments[i] != null ? _arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -61,15 +82,14 @@ var IconSuccessO2 = function IconSuccessO2(param) {
     var _size = param.size, size = _size === void 0 ? 64 : _size, color = param.color, _skipAnimation = param.skipAnimation, skipAnimation = _skipAnimation === void 0 ? false : _skipAnimation;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var classes = useStyles(isInverse);
-    var ref = (0, _hooks).useTheme(), platformOverrides = ref.platformOverrides;
+    var platformOverrides = (0, _hooks).useTheme().platformOverrides;
     return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         role: "presentation",
         width: size,
         height: size,
         viewBox: "0 0 64 64",
         children: /*#__PURE__*/ (0, _jsxRuntime).jsxs("g", {
-            className: (0, _classnames).default(_defineProperty({
-            }, classes.iconContainer, !color)),
+            className: (0, _classnames).default(_defineProperty({}, classes.iconContainer, !color)),
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
@@ -77,22 +97,20 @@ var IconSuccessO2 = function IconSuccessO2(param) {
                     fill: "none",
                     strokeWidth: "2",
                     stroke: color ? color : undefined,
-                    d: "M45.64 53.84A25.599 25.599 0 0 1 32 57.75C17.78 57.75 6.25 46.22 6.25 32S17.78 6.25 32 6.25 57.75 17.78 57.75 32c0 5.13-1.5 9.92-4.09 13.93"
+                    d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
                 }, !skipAnimation && (0, _animation).getAnimateDrawLineProps('202', '0.3s', platformOverrides))),
-                /*#__PURE__*/ (0, _jsxRuntime).jsx("path", _objectSpread({
+                /*#__PURE__*/ (0, _jsxRuntime).jsx("polyline", _objectSpread({
                     fill: "none",
                     strokeWidth: "2",
                     stroke: color ? color : undefined,
-                    d: "m19.33 30.39 9.88 10.95 18.13-19.23"
-                }, !skipAnimation && (0, _animation).mergeProperties((0, _animation).getAnimateDrawLineProps('44', '0.6s', platformOverrides), (0, _animation).getAnimateHopInProps('0.6', platformOverrides)))),
+                    points: "16.92,30.08 28.68,43.12 50.26,20.22"
+                }, !skipAnimation && (0, _animation).mergeProperties((0, _animation).getAnimateDrawLineProps('50', '0.6s', platformOverrides), (0, _animation).getAnimateHopInProps('0.6', platformOverrides)))),
                 /*#__PURE__*/ (0, _jsxRuntime).jsx("circle", _objectSpread({
-                    fill: "none",
-                    strokeWidth: "2",
                     stroke: color ? color : undefined,
-                    cx: "50.18",
-                    cy: "50.1",
-                    r: ".89"
-                }, !skipAnimation && (0, _animation).getAnimateDrawLineProps('180', '0.2s', platformOverrides)))
+                    cx: "53.64",
+                    cy: "53.54",
+                    r: "1.06"
+                }, !skipAnimation && (0, _animation).getAnimateFadeInProps('0.2s', platformOverrides)))
             ]
         })
     }));
@@ -101,15 +119,14 @@ var IconSuccessDefault = function IconSuccessDefault(param) {
     var _size = param.size, size = _size === void 0 ? 64 : _size, color = param.color, _skipAnimation = param.skipAnimation, skipAnimation = _skipAnimation === void 0 ? false : _skipAnimation;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var classes = useStyles(isInverse);
-    var ref = (0, _hooks).useTheme(), platformOverrides = ref.platformOverrides;
+    var platformOverrides = (0, _hooks).useTheme().platformOverrides;
     return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         role: "presentation",
         width: size,
         height: size,
         viewBox: "0 0 64 64",
         children: /*#__PURE__*/ (0, _jsxRuntime).jsxs("g", {
-            className: (0, _classnames).default(_defineProperty({
-            }, classes.iconContainer, !color)),
+            className: (0, _classnames).default(_defineProperty({}, classes.iconContainer, !color)),
             children: [
                 /*#__PURE__*/ (0, _jsxRuntime).jsx("path", _objectSpread({
                     vectorEffect: "non-scaling-stroke",
@@ -136,7 +153,7 @@ var IconSuccessDefault = function IconSuccessDefault(param) {
 };
 var IconSuccess = function IconSuccess(param) {
     var size = param.size, color = param.color, skipAnimation = param.skipAnimation;
-    var ref = (0, _hooks).useTheme(), skinName = ref.skinName;
+    var skinName = (0, _hooks).useTheme().skinName;
     switch(skinName){
         case _constants.O2_CLASSIC_SKIN:
         case _constants.O2_SKIN:

package/dist/icons/icon-visa.js

@@ -4,6 +4,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
 var IconVisa = function IconVisa(param) {
     var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 24 : _size;
     /*#__PURE__*/ return (0, _jsxRuntime).jsx("svg", {

package/dist/icons/icon-visibility-off.js

@@ -4,6 +4,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
 var IconVisibilityOff = function IconVisibilityOff(param) {
     var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 24 : _size;
     /*#__PURE__*/ return (0, _jsxRuntime).jsxs("svg", {

package/dist/icons/icon-visibility.js

@@ -4,6 +4,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
 var IconVisibility = function IconVisibility(param) {
     var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 24 : _size;
     /*#__PURE__*/ return (0, _jsxRuntime).jsxs("svg", {

package/dist/image.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
 export declare const useDisableBorderRadius: () => boolean;
 export declare const DisableBorderRadiusProvider: React.FC;
-export declare type AspectRatio = '1:1' | '16:9' | '7:10';
+export declare type AspectRatio = '1:1' | '16:9' | '7:10' | '4:3';
 export declare const RATIO: {
     '1:1': number;
     '16:9': number;
     '7:10': number;
+    '4:3': number;
 };
 export declare type ImageProps = {
     src: string;

package/dist/image.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.default = exports.useDisableBorderRadius = exports.RATIO = exports.DisableBorderRadiusProvider = void 0;
+exports.default = exports.RATIO = exports.DisableBorderRadiusProvider = exports.useDisableBorderRadius = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _jss = require("./jss");
@@ -10,13 +10,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -30,8 +28,7 @@ function _interopRequireWildcard(obj) {
     }
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -46,10 +43,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -96,7 +91,8 @@ var useStyles = (0, _jss).createUseStyles(function() {
 var RATIO = {
     '1:1': 1,
     '16:9': 16 / 9,
-    '7:10': 7 / 10
+    '7:10': 7 / 10,
+    '4:3': 4 / 3
 };
 exports.RATIO = RATIO;
 var Image = /*#__PURE__*/ React.forwardRef(function(_param, ref) {

package/dist/image.js.flow

@@ -3,11 +3,12 @@
 import * as React from "react";
 declare export var useDisableBorderRadius: () => boolean;
 declare export var DisableBorderRadiusProvider: React.ComponentType<{}>;
-export type AspectRatio = "1:1" | "16:9" | "7:10";
+export type AspectRatio = "1:1" | "16:9" | "7:10" | "4:3";
 declare export var RATIO: {
   "1:1": number,
   "16:9": number,
   "7:10": number,
+  "4:3": number,
 };
 export type ImageProps = {
  src: string,

package/dist/index.d.ts

@@ -58,6 +58,7 @@ export { NavigationBar, MainNavigationBar, FunnelNavigationBar, NavigationBarAct
 export { default as Image } from './image';
 export { default as Chip } from './chip';
 export { default as Video } from './video';
+export { Carousel, CenteredCarousel, Slideshow, PageBullets } from './carousel';
 export { default as Form } from './form';
 export { default as Select } from './select';
 export { default as TextField } from './text-field';

package/dist/index.js

@@ -578,6 +578,30 @@ Object.defineProperty(exports, "Video", {
         return _video.default;
     }
 });
+Object.defineProperty(exports, "Carousel", {
+    enumerable: true,
+    get: function() {
+        return _carousel.Carousel;
+    }
+});
+Object.defineProperty(exports, "CenteredCarousel", {
+    enumerable: true,
+    get: function() {
+        return _carousel.CenteredCarousel;
+    }
+});
+Object.defineProperty(exports, "Slideshow", {
+    enumerable: true,
+    get: function() {
+        return _carousel.Slideshow;
+    }
+});
+Object.defineProperty(exports, "PageBullets", {
+    enumerable: true,
+    get: function() {
+        return _carousel.PageBullets;
+    }
+});
 Object.defineProperty(exports, "Form", {
     enumerable: true,
     get: function() {
@@ -8312,6 +8336,7 @@ var _navigationBar = require("./navigation-bar");
 var _image = _interopRequireDefault(require("./image"));
 var _chip = _interopRequireDefault(require("./chip"));
 var _video = _interopRequireDefault(require("./video"));
+var _carousel = require("./carousel");
 var _form = _interopRequireDefault(require("./form"));
 var _select = _interopRequireDefault(require("./select"));
 var _textField = _interopRequireDefault(require("./text-field"));
@@ -9563,13 +9588,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {

package/dist/index.js.flow

@@ -101,6 +101,12 @@ declare export {
 declare export { default as Image } from "./image";
 declare export { default as Chip } from "./chip";
 declare export { default as Video } from "./video";
+declare export {
+  Carousel,
+  CenteredCarousel,
+  Slideshow,
+  PageBullets,
+} from "./carousel";
 declare export { default as Form } from "./form";
 declare export { default as Select } from "./select";
 declare export { default as TextField } from "./text-field";

package/dist/inline.js

@@ -17,13 +17,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -51,8 +49,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {
-        };
+        var source = _arguments[i] != null ? _arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {

package/dist/integer-field.js

@@ -4,9 +4,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.IntegerInput = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
 var _formContext = require("./form-context");
 var _hooks = require("./hooks");
 var _textFieldBase = require("./text-field-base");
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -22,8 +44,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {
-        };
+        var source = _arguments[i] != null ? _arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -38,8 +59,7 @@ function _objectSpread(target) {
     return target;
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -54,10 +74,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -80,8 +98,7 @@ var IntegerInput = function IntegerInput(_param) {
         // strip all non numeric characters
         e.currentTarget.value = format(e.currentTarget.value);
     };
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({
-    }, rest, {
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({}, rest, {
         inputMode: "numeric" // shows numeric keypad in Chrome for Android
         ,
         pattern: "[0-9]*" // shows numeric keypad in iOS
@@ -95,7 +112,7 @@ var IntegerInput = function IntegerInput(_param) {
 };
 exports.IntegerInput = IntegerInput;
 var IntegerField = function IntegerField(_param) {
-    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value = _param.value, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
+    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value1 = _param.value, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -108,7 +125,7 @@ var IntegerField = function IntegerField(_param) {
         "value",
         "defaultValue"
     ]);
-    var ref = (0, _hooks).useTheme(), texts = ref.texts;
+    var texts = (0, _hooks).useTheme().texts;
     var validate = function validate(value, rawValue) {
         if (!value) {
             return optional ? '' : texts.formFieldErrorIsMandatory;
@@ -120,7 +137,7 @@ var IntegerField = function IntegerField(_param) {
     };
     var fieldProps = (0, _formContext).useFieldProps({
         name: name,
-        value: value,
+        value: value1,
         defaultValue: defaultValue,
         processValue: processValue,
         helperText: helperText,
@@ -132,8 +149,7 @@ var IntegerField = function IntegerField(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({
-    }, rest, fieldProps, {
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         inputComponent: IntegerInput
     })));
 };

package/dist/jss.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.getJss = exports.createUseStyles = exports.ServerSideStyles = void 0;
+exports.ServerSideStyles = exports.createUseStyles = exports.getJss = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
 var _jss = require("jss");
 var _reactJss = require("react-jss");
 var _jssPluginCamelCase = _interopRequireDefault(require("jss-plugin-camel-case"));
@@ -17,14 +18,35 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
-function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) {
-        for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
-            arr2[i] = arr[i];
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
         }
-        return arr2;
+        newObj.default = obj;
+        return newObj;
     }
 }
+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 _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
 function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
@@ -45,13 +67,21 @@ function _createClass(Constructor, protoProps, staticProps) {
     return Constructor;
 }
 function _iterableToArray(iter) {
-    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance");
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+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(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var affectedBoxSizingProps = [
     'width',
@@ -79,9 +109,13 @@ var getJss = function getJss() {
 };
 exports.getJss = getJss;
 var createUseStyles = function createUseStyles(styles) {
+    // this checks the number of arguments
     if ((styles === null || styles === void 0 ? void 0 : styles.length) === 0) {
+        // evaluate styles so JSS does not complain about declaring styles as a function
+        // @ts-expect-error overwriting function as object
         styles = styles();
     }
+    // @ts-expect-error - jss styles could be better
     var useStyles = (0, _reactJss).createUseStyles(styles, {
         theming: {
             context: _themeContext.default
@@ -92,7 +126,7 @@ var createUseStyles = function createUseStyles(styles) {
             args[_key] = arguments[_key];
         }
         try {
-            return useStyles.apply(void 0, _toConsumableArray(args));
+            return useStyles.apply(void 0, _toConsumableArray(args)); // casted because useStyles returns Record<string, string>
         } catch (err) {
             err.message = "".concat(err.message, " (Did you forget to add <ThemeContextProvider>?)");
             throw err;
@@ -102,11 +136,11 @@ var createUseStyles = function createUseStyles(styles) {
 exports.createUseStyles = createUseStyles;
 var ServerSideStyles = /*#__PURE__*/ function() {
     "use strict";
-    function ServerSideStyles() {
-        _classCallCheck(this, ServerSideStyles);
+    function ServerSideStyles1() {
+        _classCallCheck(this, ServerSideStyles1);
         this.registry = new _jss.SheetsRegistry();
     }
-    _createClass(ServerSideStyles, [
+    _createClass(ServerSideStyles1, [
         {
             key: "render",
             value: function render(el) {
@@ -144,6 +178,6 @@ var ServerSideStyles = /*#__PURE__*/ function() {
             }
         }
     ]);
-    return ServerSideStyles;
+    return ServerSideStyles1;
 }();
 exports.ServerSideStyles = ServerSideStyles;