@startlibs/utils 1.1.2 → 1.2.0-rc.1

package/lib/index.cjs

@@ -12,16 +12,16 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _isPlainObject = require('lodash/fp/isPlainObject');
 var _fromPairs = require('lodash/fp/fromPairs');
 var _isFinite = require('lodash/fp/isFinite');
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _find = require('lodash/fp/find');
-var _reverse = require('lodash/fp/reverse');
 var _isEqual = require('lodash/fp/isEqual');
-var _isFunction = require('lodash/fp/isFunction');
 var _get = require('lodash/fp/get');
+var _isFunction = require('lodash/fp/isFunction');
+var styled = require('styled-components');
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _reverse = require('lodash/fp/reverse');
 var _unset = require('lodash/fp/unset');
 var polished = require('polished');
-var styled = require('styled-components');
 var createEmotion = require('create-emotion');
 var _flow = require('lodash/fp/flow');
 var _without = require('lodash/fp/without');
@@ -55,15 +55,15 @@ var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
 var _isPlainObject__default = /*#__PURE__*/_interopDefault(_isPlainObject);
 var _fromPairs__default = /*#__PURE__*/_interopDefault(_fromPairs);
 var _isFinite__default = /*#__PURE__*/_interopDefault(_isFinite);
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
 var _find__default = /*#__PURE__*/_interopDefault(_find);
-var _reverse__default = /*#__PURE__*/_interopDefault(_reverse);
 var _isEqual__default = /*#__PURE__*/_interopDefault(_isEqual);
-var _isFunction__default = /*#__PURE__*/_interopDefault(_isFunction);
 var _get__default = /*#__PURE__*/_interopDefault(_get);
-var _unset__default = /*#__PURE__*/_interopDefault(_unset);
+var _isFunction__default = /*#__PURE__*/_interopDefault(_isFunction);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var _reverse__default = /*#__PURE__*/_interopDefault(_reverse);
+var _unset__default = /*#__PURE__*/_interopDefault(_unset);
 var createEmotion__default = /*#__PURE__*/_interopDefault(createEmotion);
 var _flow__default = /*#__PURE__*/_interopDefault(_flow);
 var _without__default = /*#__PURE__*/_interopDefault(_without);
@@ -96,7 +96,7 @@ const createPromiseResolverPair = () => {
 const createSimplePromiseLock = () => {
   let promiseQueue = Promise.resolve();
   return () => {
-    let resolve = _identity__default['default'];
+    let resolve = _identity__default["default"];
     const nextPromise = new Promise(res => {
       resolve = res;
     });
@@ -109,12 +109,12 @@ function createSinglePromiseQueue() {
   return _createSinglePromiseQueue.apply(this, arguments);
 }
 function _createSinglePromiseQueue() {
-  _createSinglePromiseQueue = _wrapAsyncGenerator__default['default'](function* () {
+  _createSinglePromiseQueue = _wrapAsyncGenerator__default["default"](function* () {
     let lastPromise = Promise.resolve();
     /* eslint-disable no-await-in-loop */
     while (true) {
-      yield _awaitAsyncGenerator__default['default'](lastPromise);
-      let resolve = _identity__default['default'];
+      yield _awaitAsyncGenerator__default["default"](lastPromise);
+      let resolve = _identity__default["default"];
       lastPromise = new Promise(res => {
         resolve = res;
       });
@@ -127,12 +127,12 @@ function createPromiseQueue() {
   return _createPromiseQueue.apply(this, arguments);
 }
 function _createPromiseQueue() {
-  _createPromiseQueue = _wrapAsyncGenerator__default['default'](function () {
+  _createPromiseQueue = _wrapAsyncGenerator__default["default"](function () {
     let parallel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
     return function* () {
-      const queues = _times__default['default'](createSinglePromiseQueue, parallel);
+      const queues = _times__default["default"](createSinglePromiseQueue, parallel);
       const promises = queues.map(q => q.next());
-      const locks = yield _awaitAsyncGenerator__default['default'](Promise.all(promises));
+      const locks = yield _awaitAsyncGenerator__default["default"](Promise.all(promises));
       const getNextAvailableLock = async () => {
         const index = locks.findIndex(Boolean);
         if (index >= 0) {
@@ -147,7 +147,7 @@ function _createPromiseQueue() {
         return getNextAvailableLock();
       };
       while (true) {
-        const lock = yield _awaitAsyncGenerator__default['default'](getNextAvailableLock());
+        const lock = yield _awaitAsyncGenerator__default["default"](getNextAvailableLock());
         yield lock;
       }
     }();
@@ -239,7 +239,23 @@ const smoothScroll = function (el) {
   step();
 };
 
+// Soma a largura da scrollbar aos limites de largura de um mediaText.
+// Reconhece a forma antiga (`max-width: 600px`, `min-width: 37.5em`, que o sc emite) e a
+// sintaxe de intervalo (`width <= 600px`, `width < 600px`, `600px <= width`,
+// `400px < width < 600px`), que o Chromium devolve para o CSS estático do yak.
+// Sem lookbehind de propósito: é erro de sintaxe no Safari < 16.4, e o browserslist do pacote
+// ainda promete Safari 11. O caractere antes de `width` é capturado e devolvido igual, só pra
+// não casar o `width` de `device-width`.
+const LEGACY_OR_WIDTH_FIRST = /(m(?:in|ax)-width\s*:\s*|(?:^|[^-\w])width\s*[<>]=?\s*)([\d.]+)(px|em)/gi;
+const VALUE_FIRST = /([\d.]+)(px|em)(\s*[<>]=?\s*width)(?![-\w])/gi;
+function fixMediaText(mediaText, scrollWidth, fontSize) {
+  const grow = (value, unit) => unit.toLowerCase() === 'px' ? parseFloat(value) + scrollWidth + unit : (parseFloat(value) * fontSize + scrollWidth) / fontSize + unit;
+  return mediaText.replace(LEGACY_OR_WIDTH_FIRST, (match, prefix, value, unit) => prefix + grow(value, unit)).replace(VALUE_FIRST, (match, value, unit, suffix) => grow(value, unit) + suffix);
+}
+
 let fixed = false;
+// Each rule may only get the scrollbar width added once, even if its sheet is seen again.
+const patched = new WeakSet();
 const scrollWidth = function () {
   if (!window.document) return 0;
   const html = document.documentElement;
@@ -252,25 +268,47 @@ const scrollWidth = function () {
 const fixMediaQueryFn = function () {
   const fontSize = parseFloat(window.getComputedStyle(document.body).getPropertyValue('font-size'));
   if (scrollWidth > 0) {
-    [].slice.call(document.styleSheets).filter(styleSheet => isValidExternal(styleSheet) || isInline(styleSheet)).forEach(stylesheet => {
-      try {
-        [].slice.call(stylesheet.cssRules || stylesheet.media).filter(rule => rule.constructor === window.CSSMediaRule).forEach(rule => {
-          rule.media.mediaText = rule.media.mediaText.replace(/m(in|ax)-width:\s*(\d|\.)+(px|em)/gi, function (strA) {
-            if (strA.match('px')) {
-              return strA.replace(/\d+px/gi, function (strB) {
-                return parseInt(strB, 10) + scrollWidth + 'px';
-              });
-            } else {
-              return strA.replace(/\d.+?em/gi, function (strB) {
-                return (parseFloat(strB) * fontSize + scrollWidth) / fontSize + 'em';
-              });
-            }
-          });
-        });
-      } catch (e) {}
-    });
+    [].slice.call(document.styleSheets).forEach(fixStylesheet);
+    watchLateStylesheets();
   }
   fixed = true;
+  function fixStylesheet(stylesheet) {
+    if (!stylesheet || patched.has(stylesheet) || !(isValidExternal(stylesheet) || isInline(stylesheet))) {
+      return;
+    }
+    try {
+      [].slice.call(stylesheet.cssRules).filter(rule => rule.constructor === window.CSSMediaRule).forEach(rule => {
+        rule.media.mediaText = fixMediaText(rule.media.mediaText, scrollWidth, fontSize);
+      });
+      patched.add(stylesheet);
+    } catch (e) {}
+  }
+
+  // Lazy routes add <link>s, and Vite dev and HMR add or rewrite <style>s, after the first pass.
+  function watchLateStylesheets() {
+    new MutationObserver(mutations => mutations.forEach(_ref => {
+      let target = _ref.target,
+        addedNodes = _ref.addedNodes;
+      const owner = target.nodeType === Node.TEXT_NODE ? target.parentNode : target;
+      if (owner && owner.nodeName === 'STYLE') {
+        fixStylesheet(owner.sheet);
+      }
+      [].slice.call(addedNodes).forEach(node => {
+        if (node.nodeName === 'STYLE') {
+          fixStylesheet(node.sheet);
+        }
+        if (node.nodeName === 'LINK' && node.rel === 'stylesheet') {
+          // Not parsed yet when added; `load` also fires again if its href changes.
+          node.addEventListener('load', () => fixStylesheet(node.sheet));
+          fixStylesheet(node.sheet);
+        }
+      });
+    })).observe(document.head, {
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+  }
   function sameOrigin(url) {
     const loc = window.location,
       a = document.createElement('a');
@@ -401,7 +439,7 @@ const formatHour = function () {
   }
   const h = hour.toString().replace(":", "").slice(-4, -2);
   const m = hour.toString().replace(":", "").slice(-2);
-  if (!h && parseInt(m) < 24 && !_isFinite__default['default'](hour)) {
+  if (!h && parseInt(m) < 24 && !_isFinite__default["default"](hour)) {
     return m + ":00";
   } else if (h) {
     return (parseInt(h, 10) > 23 ? h.slice(1) : h) + ':' + m;
@@ -513,7 +551,7 @@ function safeNewLineToBr(str, keepMany) {
 }
 function padGroups(pattern, value) {
   return pattern.split('').reduce((_ref2, char, i) => {
-    let _ref3 = _slicedToArray__default['default'](_ref2, 2),
+    let _ref3 = _slicedToArray__default["default"](_ref2, 2),
       acc = _ref3[0],
       value = _ref3[1];
     if (char === '0') {
@@ -645,7 +683,7 @@ const isElementInView = async element => {
   if (IntersectionObserver) {
     return new Promise(resolve => {
       const o = new IntersectionObserver(_ref4 => {
-        let _ref5 = _slicedToArray__default['default'](_ref4, 1),
+        let _ref5 = _slicedToArray__default["default"](_ref4, 1),
           entry = _ref5[0];
         resolve(entry.intersectionRatio === 1);
         o.disconnect();
@@ -657,7 +695,7 @@ const isElementInView = async element => {
 };
 let i = 0;
 const getUID = () => Date.now().toString(36) + Math.random().toString(36).slice(2) + (i++).toString(36);
-const getUrlParams = () => _fromPairs__default['default'](Array.from(new URLSearchParams(location.search).entries()));
+const getUrlParams = () => _fromPairs__default["default"](Array.from(new URLSearchParams(location.search).entries()));
 const isShallowEqualSameKeys = (a, b) => {
   for (var key in a) {
     if (a[key] !== b[key]) {
@@ -680,11 +718,11 @@ const isShallowEqual = (a, b) => {
   return true;
 };
 
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const resolveFetch = async (url, fetchOptions) => {
   try {
-    const response = await fetch(url, _objectSpread({
+    const response = await fetch(url, _objectSpread$3({
       credentials: 'same-origin'
     }, fetchOptions));
     const text = await response.text();
@@ -700,7 +738,7 @@ const resolveFetch = async (url, fetchOptions) => {
 };
 const innerFetcher = async (url, fetchOptions) => {
   const _await$resolveFetch = await resolveFetch(url, fetchOptions),
-    _await$resolveFetch2 = _slicedToArray__default['default'](_await$resolveFetch, 2),
+    _await$resolveFetch2 = _slicedToArray__default["default"](_await$resolveFetch, 2),
     data = _await$resolveFetch2[0],
     response = _await$resolveFetch2[1];
   if (!response || response.status >= 400) {
@@ -717,7 +755,7 @@ const addQueryString = function () {
   let existingUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let obj = arguments.length > 1 ? arguments[1] : undefined;
   const _existingUrl$split = existingUrl.split('?'),
-    _existingUrl$split2 = _slicedToArray__default['default'](_existingUrl$split, 2),
+    _existingUrl$split2 = _slicedToArray__default["default"](_existingUrl$split, 2),
     onlyUrl = _existingUrl$split2[0],
     otherQueryString = _existingUrl$split2[1];
   const params = new URLSearchParams(otherQueryString);
@@ -742,112 +780,119 @@ const cleanNulls = str => str.replace(/\0/g, '');
 const isSameOrigin = url => new URL(url, window.location.href).origin === window.location.origin;
 let postFetcherWithResponse = async function (url, jsonOrForm) {
   let fetchOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return innerFetcher(url, _objectSpread(_objectSpread({
+  return innerFetcher(url, _objectSpread$3(_objectSpread$3({
     method: 'POST',
     body: typeof jsonOrForm === 'string' ? jsonOrForm : !jsonOrForm || jsonOrForm.constructor === window.FormData || jsonOrForm.constructor === window.File ? jsonOrForm : cleanNulls(JSON.stringify(jsonOrForm))
   }, fetchOptions), {}, {
-    headers: _isPlainObject__default['default'](fetchOptions.headers) || !fetchOptions.headers ? _objectSpread(_objectSpread(_objectSpread({}, jsonOrForm && (typeof jsonOrForm === 'string' || jsonOrForm.constructor === window.FormData) ? {} : {
+    headers: _isPlainObject__default["default"](fetchOptions.headers) || !fetchOptions.headers ? _objectSpread$3(_objectSpread$3(_objectSpread$3({}, jsonOrForm && (typeof jsonOrForm === 'string' || jsonOrForm.constructor === window.FormData) ? {} : {
       'Content-Type': 'application/json; charset=UTF-8'
     }), isSameOrigin(url) ? {
       'X-Requested-With': 'XMLHttpRequest'
     } : {}), fetchOptions.headers) : fetchOptions.headers
   }));
 };
-let getFetcherWithResponse = async (url, jsonParams, fetchOptions) => innerFetcher(addQueryString(url, jsonParams), _objectSpread(_objectSpread({
+let getFetcherWithResponse = async (url, jsonParams, fetchOptions) => innerFetcher(addQueryString(url, jsonParams), _objectSpread$3(_objectSpread$3({
   method: 'GET'
 }, fetchOptions), {}, {
-  headers: _objectSpread(_objectSpread({}, isSameOrigin(url) ? {
+  headers: _objectSpread$3(_objectSpread$3({}, isSameOrigin(url) ? {
     'X-Requested-With': 'XMLHttpRequest'
   } : {}), fetchOptions === null || fetchOptions === void 0 ? void 0 : fetchOptions.headers)
 }));
 let postFetcher = async (url, json, options) => postFetcherWithResponse(url, json, options).then(_ref => {
-  let _ref2 = _slicedToArray__default['default'](_ref, 1),
+  let _ref2 = _slicedToArray__default["default"](_ref, 1),
     json = _ref2[0];
   return json;
 });
 let getFetcher = async (url, json, options) => getFetcherWithResponse(url, json, options).then(_ref3 => {
-  let _ref4 = _slicedToArray__default['default'](_ref3, 1),
+  let _ref4 = _slicedToArray__default["default"](_ref3, 1),
     json = _ref4[0];
   return json;
 });
 const formFetchWithResponse = (url, options) => (values, meta) => postFetcherWithResponse(callIfFunction(url, meta, values), values, callIfFunction(options, meta, values));
 const formFetch = (url, options) => (values, meta) => postFetcher(callIfFunction(url, meta, values), values, callIfFunction(options, meta, values));
 
-const moveElement = _curry__default['default']((from, to, list) => {
+// Saída sc (lib/): o keyframes do emotion, como sempre foi. A saída yak (lib-yak/) usa
+// animationKeyframes.yak.js no lugar deste arquivo (ver tools/rollup.base.mjs).
+const emotion = createEmotion__default["default"]({
+  nonce: typeof document !== 'undefined' && (document.querySelector('meta[property="csp-nonce"]') || {}).content || 'animation_nonce'
+});
+const animationKeyframes = emotion.keyframes;
+
+const moveElement = _curry__default["default"]((from, to, list) => {
   const el = list[from];
-  const without = _pullAt__default['default'](from, list);
+  const without = _pullAt__default["default"](from, list);
   without.splice(to, 0, el);
   return without;
 });
-const unsetOrRemoveAt = _curry__default['default']((path, value) => {
+const unsetOrRemoveAt = _curry__default["default"]((path, value) => {
   const pathArr = toPath(path);
   const _pathArr$slice = pathArr.slice(-1),
-    _pathArr$slice2 = _slicedToArray__default['default'](_pathArr$slice, 1),
+    _pathArr$slice2 = _slicedToArray__default["default"](_pathArr$slice, 1),
     lastKey = _pathArr$slice2[0];
   return update(pathArr.slice(0, -1), v => Array.isArray(v) ? removeAt(lastKey, v) : unset(lastKey, v), value);
 });
 const pathToString = path => toPath(path).join(".");
 const sanitizePath = path => Array.isArray(path) ? path.map(sanitizePath) : typeof path === 'number' ? path.toString() : path === undefined ? [] : path;
-const toPath = path => _toPath__default['default'](sanitizePath(path));
+const toPath = path => _toPath__default["default"](sanitizePath(path));
 const isEmptyPath = path => path && !path.length;
-const update = _curry__default['default']((path, updater, state) => {
+const update = _curry__default["default"]((path, updater, state) => {
   const sanitizedPath = sanitizePath(path);
   if (isEmptyPath(sanitizedPath)) {
     return updater(state);
   } else {
-    return _update__default['default'](sanitizedPath, updater, state);
+    return _update__default["default"](sanitizedPath, updater, state);
   }
 });
-const get = _curry__default['default']((path, state) => {
+const get = _curry__default["default"]((path, state) => {
   const sanitizedPath = sanitizePath(path);
   if (isEmptyPath(sanitizedPath)) {
     return state;
   } else {
-    return _get__default['default'](sanitizedPath, state);
+    return _get__default["default"](sanitizedPath, state);
   }
 });
-const set = _curry__default['default']((path, value, state) => {
+const set = _curry__default["default"]((path, value, state) => {
   const sanitizedPath = sanitizePath(path);
   if (isEmptyPath(sanitizedPath)) {
     return value;
   } else {
-    return _set__default['default'](sanitizedPath, value, state);
+    return _set__default["default"](sanitizedPath, value, state);
   }
 });
-const unset = _curry__default['default']((path, state) => {
+const unset = _curry__default["default"]((path, state) => {
   const sanitizedPath = sanitizePath(path);
   if (isEmptyPath(sanitizedPath)) {
     return undefined;
   } else {
-    return _unset__default['default'](sanitizedPath, state);
+    return _unset__default["default"](sanitizedPath, state);
   }
 });
-const removeNAt = _curry__default['default']((pos, n, value) => [...value.slice(0, Number(pos)), ...value.slice(Number(pos) + n)]);
-const removeAt = removeNAt(_2__default['default'], 1);
-const when = _curry__default['default']((cond, fn, value) => callIfFunction(cond, value) ? fn(value) : value);
-const assign = _curry__default['default']((a, b) => _assign__default['default'](b, a));
-const concat = _curry__default['default']((a, b) => _concat__default['default'](b, a));
-const each = _each__default['default'].convert({
+const removeNAt = _curry__default["default"]((pos, n, value) => [...value.slice(0, Number(pos)), ...value.slice(Number(pos) + n)]);
+const removeAt = removeNAt(_2__default["default"], 1);
+const when = _curry__default["default"]((cond, fn, value) => callIfFunction(cond, value) ? fn(value) : value);
+const assign = _curry__default["default"]((a, b) => _assign__default["default"](b, a));
+const concat = _curry__default["default"]((a, b) => _concat__default["default"](b, a));
+const each = _each__default["default"].convert({
   cap: false
 });
-const find = _find__default['default'].convert({
+const find = _find__default["default"].convert({
   cap: false
 });
-const filter = _filter__default['default'].convert({
+const filter = _filter__default["default"].convert({
   cap: false
 });
-const map = _map__default['default'].convert({
+const map = _map__default["default"].convert({
   cap: false
 });
-const mapValues = _mapValues__default['default'].convert({
+const mapValues = _mapValues__default["default"].convert({
   cap: false
 });
-const flatMap = _flatMap__default['default'].convert({
+const flatMap = _flatMap__default["default"].convert({
   cap: false
 });
-const insertAt = _curry__default['default']((pos, newElements, value) => [...value.slice(0, pos).concat(newElements), ...value.slice(pos)]);
-const select = _curry__default['default']((selector, value) => (_isFunction__default['default'](selector) ? selector : selector ? _get__default['default'](selector) : _identity__default['default'])(value));
-const itemToggle = _curry__default['default']((item, list) => (list || []).indexOf(item) >= 0 ? _without__default['default']([item], list) : [...(list || []), item]);
+const insertAt = _curry__default["default"]((pos, newElements, value) => [...value.slice(0, pos).concat(newElements), ...value.slice(pos)]);
+const select = _curry__default["default"]((selector, value) => (_isFunction__default["default"](selector) ? selector : selector ? _get__default["default"](selector) : _identity__default["default"])(value));
+const itemToggle = _curry__default["default"]((item, list) => (list || []).indexOf(item) >= 0 ? _without__default["default"]([item], list) : [...(list || []), item]);
 const _s = {
   moveElement,
   unsetOrRemoveAt,
@@ -875,14 +920,14 @@ const _s = {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    return _flow__default['default'](...args.filter(Boolean));
+    return _flow__default["default"](...args.filter(Boolean));
   }
 };
 
 var _templateObject;
 const _excluded = ["theme"];
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const getColor = (propsOrColor, hover) => {
   if (propsOrColor === undefined) {
     return _ref => {
@@ -897,11 +942,11 @@ const getColor = (propsOrColor, hover) => {
     };
   }
   const theme = propsOrColor.theme,
-    props = _objectWithoutProperties__default['default'](propsOrColor, _excluded);
+    props = _objectWithoutProperties__default["default"](propsOrColor, _excluded);
   if (props.dark) {
-    return polished.darken(0.1, getColor(_objectSpread$1({
+    return polished.darken(0.1, getColor(_objectSpread$2({
       theme
-    }, _unset__default['default']('dark', props))));
+    }, _unset__default["default"]('dark', props))));
   } else if (hover && props.hover) {
     return getColor({
       theme,
@@ -930,11 +975,65 @@ const getMargin = enumeratedMargins => props => enumeratedMargins[props.margin]
  */
 const prop = (path, defaultValue) => function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _get__default['default'](path.trim(), props) || defaultValue;
+  return _get__default["default"](path.trim(), props) || defaultValue;
 };
 const customTheme = type => function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _get__default['default'](["theme", "startlibs", type], props) || '';
+  return _get__default["default"](["theme", "startlibs", type], props) || '';
+};
+const vheight = (strings, size) => {
+  const propType = strings[0];
+  const calc = (strings[1] || "").replace(";", "").trim();
+  return "\n  ".concat(propType, " ").concat(calc ? "calc(".concat(size, "vh ").concat(calc, ")") : "".concat(size, "vh"), ";\n  ").concat(propType, " ").concat(calc ? "calc(calc(var(--vh, 1vh) * ".concat(size, ") ").concat(calc, ")") : "calc(var(--vh, 1vh) * ".concat(size, ")"), ";\n  ");
+};
+const getFrameOffset = (i, total) => Math.round(i * 100 / (total - 1));
+const oneWayAnimation = function () {
+  for (var _len = arguments.length, frames = new Array(_len), _key = 0; _key < _len; _key++) {
+    frames[_key] = arguments[_key];
+  }
+  return animationKeyframes(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  ", ""])), frames.map((frame, i) => !frame ? '' : "".concat(getFrameOffset(i, frames.length), "% {\n      ").concat(frame, "\n    }")));
+};
+const twoWayAnimation = function () {
+  for (var _len2 = arguments.length, frames = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    frames[_key2] = arguments[_key2];
+  }
+  return [frames, _reverse__default["default"](frames)].map(frames => oneWayAnimation(...frames));
+};
+const animationTiming = props => function () {
+  for (var _len3 = arguments.length, animations = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+    animations[_key3] = arguments[_key3];
+  }
+  return animations.filter(_ => _).map(_ => _ + ' ' + props).join(',');
+};
+const identityTranslateFrames = oneWayAnimation('transform: translateY(0);', 'transform: translateY(0);');
+const identityOpacityFrames = oneWayAnimation('opacity: 1;', 'opacity:1;');
+function testSinglePath(props, path) {
+  if (typeof path === 'string') {
+    return !!_s.get(path, props);
+  } else if (typeof path === 'number') {
+    return !!props[path];
+  } else {
+    return false;
+  }
+}
+
+// ifProp na forma antiga (valor pronto, não template): devolve pass ou fail
+const ifPropValue = (path, pass, fail) => function () {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let result = false;
+  if (Array.isArray(path)) {
+    result = path.every(p => testSinglePath(props, p));
+  } else if (typeof path === 'object') {
+    result = !Object.entries(path).find(_ref3 => {
+      let _ref4 = _slicedToArray__default["default"](_ref3, 2),
+        k = _ref4[0],
+        v = _ref4[1];
+      return props[k] !== v;
+    });
+  } else {
+    result = testSinglePath(props, path);
+  }
+  return result ? pass : fail;
 };
 
 /**
@@ -952,50 +1051,34 @@ const customTheme = type => function () {
  *`
  */
 const ifProp = (path, pass, fail) => {
-  if (pass && !_isFunction__default['default'](pass)) {
+  if (pass && !_isFunction__default["default"](pass)) {
     // old version
-    return function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      let result = false;
-      if (Array.isArray(path)) {
-        result = path.every(p => testSinglePath(props, p));
-      } else if (typeof path === 'object') {
-        result = !Object.entries(path).find(_ref3 => {
-          let _ref4 = _slicedToArray__default['default'](_ref3, 2),
-            k = _ref4[0],
-            v = _ref4[1];
-          return props[k] !== v;
-        });
-      } else {
-        result = testSinglePath(props, path);
-      }
-      return result ? pass : fail;
-    };
+    return ifPropValue(path, pass, fail);
   } else {
     return function () {
       for (var _len = arguments.length, argsTrue = new Array(_len), _key = 0; _key < _len; _key++) {
         argsTrue[_key] = arguments[_key];
       }
-      const check = pass || _identity__default['default'];
-      const fn = props => check(_get__default['default'](path, props)) ? styled.css(...argsTrue) : '';
+      const check = pass || _identity__default["default"];
+      const fn = props => check(_get__default["default"](path, props)) ? styled.css(...argsTrue) : '';
       fn.orElse = function () {
         for (var _len2 = arguments.length, argsFalse = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
           argsFalse[_key2] = arguments[_key2];
         }
-        return props => check(_get__default['default'](path, props)) ? styled.css(...argsTrue) : styled.css(...argsFalse);
+        return props => check(_get__default["default"](path, props)) ? styled.css(...argsTrue) : styled.css(...argsFalse);
       };
       return fn;
     };
   }
 };
-const ifPropEquals = (path, str) => ifProp(path, _isEqual__default['default'](str));
+const ifPropEquals = (path, str) => ifProp(path, _isEqual__default["default"](str));
 const ifNotProp = path => ifProp(path, v => !v);
 const checkCustomScreenWidth = (sizeParis, customWidth) => {
   const currentWidth = callIfFunction(customWidth);
-  return !sizeParis.find(_ref5 => {
-    let _ref6 = _slicedToArray__default['default'](_ref5, 2),
-      size = _ref6[0],
-      type = _ref6[1];
+  return !sizeParis.find(_ref => {
+    let _ref2 = _slicedToArray__default["default"](_ref, 2),
+      size = _ref2[0],
+      type = _ref2[1];
     if (type === "min-width") {
       return currentWidth < size;
     }
@@ -1014,10 +1097,10 @@ const media = function () {
     }
     return styled.css(["", ""], props => {
       var _props$theme, _props$theme2;
-      return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.overrideMediaWidth ? checkCustomScreenWidth(sizePairs, (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.overrideMediaWidth) ? styled.css(...args) : "" : styled.css(["@media ", "{", "}"], sizePairs.map(_ref7 => {
-        let _ref8 = _slicedToArray__default['default'](_ref7, 2),
-          size = _ref8[0],
-          type = _ref8[1];
+      return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.overrideMediaWidth ? checkCustomScreenWidth(sizePairs, (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.overrideMediaWidth) ? styled.css(...args) : "" : styled.css(["@media ", "{", "}"], sizePairs.map(_ref3 => {
+        let _ref4 = _slicedToArray__default["default"](_ref3, 2),
+          size = _ref4[0],
+          type = _ref4[1];
         return "(".concat(type, ": ").concat(size + scrollWidth, "px)");
       }).join(' and '), styled.css(...args));
     });
@@ -1028,70 +1111,98 @@ media.between = (min, max) => media([min, 'min-width'], [max, 'max-width']);
 media.max = n => media([n, 'max-width']);
 media.min = n => media([n, 'min-width']);
 media.desktop = media([601, 'min-width']);
-const vheight = (strings, size) => {
-  const propType = strings[0];
-  const calc = (strings[1] || "").replace(";", "").trim();
-  return "\n  ".concat(propType, " ").concat(calc ? "calc(".concat(size, "vh ").concat(calc, ")") : "".concat(size, "vh"), ";\n  ").concat(propType, " ").concat(calc ? "calc(calc(var(--vh, 1vh) * ".concat(size, ") ").concat(calc, ")") : "calc(var(--vh, 1vh) * ".concat(size, ")"), ";\n  ");
-};
-function testSinglePath(props, path) {
-  if (typeof path === 'string') {
-    return !!_s.get(path, props);
-  } else if (typeof path === 'number') {
-    return !!props[path];
-  } else {
-    return false;
-  }
-}
-const getFrameOffset = (i, total) => Math.round(i * 100 / (total - 1));
-const emotion = createEmotion__default['default']({
-  nonce: typeof document !== 'undefined' && (document.querySelector('meta[property="csp-nonce"]') || {}).content || 'animation_nonce'
-});
-const oneWayAnimation = function () {
-  for (var _len5 = arguments.length, frames = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-    frames[_key5] = arguments[_key5];
-  }
-  return emotion.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral__default['default'](["\n  ", ""])), frames.map((frame, i) => !frame ? '' : "".concat(getFrameOffset(i, frames.length), "% {\n      ").concat(frame, "\n    }")));
-};
-const twoWayAnimation = function () {
-  for (var _len6 = arguments.length, frames = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
-    frames[_key6] = arguments[_key6];
-  }
-  return [frames, _reverse__default['default'](frames)].map(frames => oneWayAnimation(...frames));
-};
-const animationTiming = props => function () {
-  for (var _len7 = arguments.length, animations = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
-    animations[_key7] = arguments[_key7];
-  }
-  return animations.filter(_ => _).map(_ => _ + ' ' + props).join(',');
-};
-const identityTranslateFrames = oneWayAnimation('transform: translateY(0);', 'transform: translateY(0);');
-const identityOpacityFrames = oneWayAnimation('opacity: 1;', 'opacity:1;');
-const styledExtend = _ref9 => {
-  let target = _ref9.target,
-    componentStyle = _ref9.componentStyle;
+const styledExtend = _ref5 => {
+  let target = _ref5.target,
+    componentStyle = _ref5.componentStyle;
   return function () {
-    const wasStatic = !_find__default['default'](_isFunction__default['default'], componentStyle.rules);
-    for (var _len8 = arguments.length, template = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
-      template[_key8] = arguments[_key8];
+    const wasStatic = !_find__default["default"](_isFunction__default["default"], componentStyle.rules);
+    for (var _len5 = arguments.length, template = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+      template[_key5] = arguments[_key5];
     }
-    const v = /*#__PURE__*/styled__default['default'](target)(...template, ...(wasStatic ? [] : [() => ""]));
+    const v = /*#__PURE__*/styled__default["default"](target)(...template, ...(wasStatic ? [] : [() => ""]));
     v.componentStyle.rules = [...componentStyle.rules, ...v.componentStyle.rules];
     return v;
   };
 };
 const printerMedia = function () {
-  for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
-    args[_key9] = arguments[_key9];
+  for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+    args[_key6] = arguments[_key6];
   }
   return props => props.theme.printMode ? styled.css(...args) : styled.css(["@media print{", "}"], styled.css(...args));
 };
 const notPrinterMedia = function () {
-  for (var _len0 = arguments.length, args = new Array(_len0), _key0 = 0; _key0 < _len0; _key0++) {
-    args[_key0] = arguments[_key0];
+  for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+    args[_key7] = arguments[_key7];
   }
   return props => props.theme.printMode ? '' : styled.css(["@media screen{", "}"], styled.css(...args));
 };
 
+// Registra um @keyframes pelo CSSOM, sem criar <style> na página: funciona com CSP
+// `style-src 'self'` sem nonce. Ordem de tentativa:
+//   1. uma folha construída (new CSSStyleSheet) em document.adoptedStyleSheets;
+//   2. browser sem folha construída: insertRule numa folha do próprio site já carregada
+//      (de preferência um <link>, que nenhum runtime de CSS-in-JS gerencia);
+//   3. nenhuma das duas: <style> com o nonce do <meta property="csp-nonce">, se houver.
+// Cada nome entra uma vez só; quem chama garante que nome igual é conteúdo igual.
+const inserted = new Set();
+let adoptedSheet = null;
+let pageSheet = null;
+const canAdoptSheets = () => typeof CSSStyleSheet !== 'undefined' && 'replaceSync' in CSSStyleSheet.prototype && 'adoptedStyleSheets' in document;
+
+// Outro código pode reatribuir document.adoptedStyleSheets e tirar a folha da lista: recoloca.
+const getAdoptedSheet = () => {
+  if (!adoptedSheet) adoptedSheet = new CSSStyleSheet();
+  if (document.adoptedStyleSheets.indexOf(adoptedSheet) < 0) {
+    document.adoptedStyleSheets = document.adoptedStyleSheets.concat(adoptedSheet);
+  }
+  return adoptedSheet;
+};
+
+// Folha que vale pra tela inteira e cujas regras dá pra ler (folha de outra origem lança erro).
+const isWritable = sheet => {
+  if (sheet.disabled || !sheet.ownerNode || !sheet.ownerNode.isConnected) return false;
+  if (sheet.media && sheet.media.length && sheet.media.mediaText !== 'all') return false;
+  try {
+    return !!sheet.cssRules;
+  } catch (e) {
+    return false;
+  }
+};
+const getPageSheet = () => {
+  if (pageSheet && isWritable(pageSheet)) return pageSheet;
+  const sheets = Array.prototype.slice.call(document.styleSheets).filter(isWritable);
+  pageSheet = sheets.filter(sheet => sheet.ownerNode.tagName === 'LINK')[0] || sheets[0] || null;
+  return pageSheet;
+};
+const appendRule = (sheet, rule) => {
+  try {
+    sheet.insertRule(rule, sheet.cssRules.length);
+  } catch (e) {
+    // regra que o browser não entende: igual a um <style> com ela, só não faz nada
+  }
+};
+const appendStyleElement = (name, rule) => {
+  const style = document.createElement('style');
+  style.id = 'startlibs-keyframes-' + name;
+  const nonce = (document.querySelector('meta[property="csp-nonce"]') || {}).content;
+  if (nonce) style.nonce = nonce;
+  style.textContent = rule;
+  document.head.appendChild(style);
+};
+const insertKeyframes = (name, frames) => {
+  if (typeof document === 'undefined' || inserted.has(name)) return name;
+  inserted.add(name);
+  const rule = '@keyframes ' + name + ' {' + frames + '}';
+  if (canAdoptSheets()) {
+    appendRule(getAdoptedSheet(), rule);
+  } else if (getPageSheet()) {
+    appendRule(pageSheet, rule);
+  } else {
+    appendStyleElement(name, rule);
+  }
+  return name;
+};
+
 const escapedValidParts = /(^|[^\\])(dd?|DD?|mm?|LL?|hh?|MM?|ss|SSS|yy(?:yy)?)/g;
 const validParts = /(dd?|DD?|mm?|LL?|hh?|MM?|yy(?:yy)|yy|ss|SSS)$/;
 const addZero = v => (v < 10 ? '0' : '') + v;
@@ -1190,7 +1301,7 @@ function parseDate(str, possibleDate, format, messages, failOnFormat, noUTC) {
   }, str);
   const date = possibleDate && possibleDate.getTime() !== -1 ? new Date(possibleDate) : now();
   mutations.forEach(_ref => {
-    let _ref2 = _slicedToArray__default['default'](_ref, 2),
+    let _ref2 = _slicedToArray__default["default"](_ref, 2),
       setter = _ref2[0],
       text = _ref2[1];
     return setter(text, date, messages, failOnFormat, noUTC);
@@ -1198,8 +1309,8 @@ function parseDate(str, possibleDate, format, messages, failOnFormat, noUTC) {
   return date;
 }
 
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const isNotSelector = v => typeof v !== 'function' || v.length === 0;
 const toSelector = v => isNotSelector(v) ? s => _s.get(callIfFunction(v), s) : v;
 const mergeSelectors = (prev, next) => v => next(prev(v));
@@ -1208,7 +1319,7 @@ const concatSelectors = function () {
     paths[_key] = arguments[_key];
   }
   return paths.reduce((_ref, path) => {
-    let _ref2 = _slicedToArray__default['default'](_ref, 2),
+    let _ref2 = _slicedToArray__default["default"](_ref, 2),
       selector = _ref2[0],
       isSelector = _ref2[1];
     return isNotSelector(path) && !isSelector ? [selector.concat(path), false] : [mergeSelectors(toSelector(selector), path), true];
@@ -1225,10 +1336,10 @@ const selectPath = function (useState) {
     paths[_key2 - 1] = arguments[_key2];
   }
   const _useMemo = React.useMemo(() => concatSelectors(...paths), paths),
-    _useMemo2 = _slicedToArray__default['default'](_useMemo, 1),
+    _useMemo2 = _slicedToArray__default["default"](_useMemo, 1),
     selector = _useMemo2[0];
   const _useState = useState(selector),
-    _useState2 = _slicedToArray__default['default'](_useState, 1),
+    _useState2 = _slicedToArray__default["default"](_useState, 1),
     value = _useState2[0];
   return value;
 };
@@ -1237,8 +1348,8 @@ const Action = function (fnOrArray) {
   const isArray = Array.isArray(fnOrArray);
   if (isArray) {
     // excessive paramaeters called on the action, used for options.
-    const actionType = _last__default['default'](prevArgs);
-    const _fnOrArray = _slicedToArray__default['default'](fnOrArray, 3),
+    const actionType = _last__default["default"](prevArgs);
+    const _fnOrArray = _slicedToArray__default["default"](fnOrArray, 3),
       fetcher = _fnOrArray[0],
       reducer = _fnOrArray[1],
       rollbacker = _fnOrArray[2];
@@ -1247,7 +1358,7 @@ const Action = function (fnOrArray) {
     } else if (actionType === FETCH) {
       return fetcher();
     } else {
-      return _set__default['default']('extra', fnOrArray.extra, [actionType === SKIP_FETCH ? () => Promise.resolve() : fetcher, actionType === SKIP_DISPATCH ? undefined : reducer].concat(rollbacker || []));
+      return _set__default["default"]('extra', fnOrArray.extra, [actionType === SKIP_FETCH ? () => Promise.resolve() : fetcher, actionType === SKIP_DISPATCH ? undefined : reducer].concat(rollbacker || []));
     }
   } else {
     return prevArgs.length < fnOrArray.length ? function () {
@@ -1263,7 +1374,7 @@ const mapAction = (get, dispatcher, firstRun) => action => {
     if (firstRun) {
       return () => mapAction(get, dispatcher)(action);
     }
-    const _action = _slicedToArray__default['default'](action, 3),
+    const _action = _slicedToArray__default["default"](action, 3),
       fetcher = _action[0],
       reducer = _action[1],
       rollbacker = _action[2];
@@ -1299,7 +1410,7 @@ const activateActions = function (get, dispatcher) {
   return actions.map(mapAction(get, dispatcher, true));
 };
 const SkipAction = (skip, action) => {
-  action.extra = _objectSpread$2(_objectSpread$2({}, action.extra), {}, {
+  action.extra = _objectSpread$1(_objectSpread$1({}, action.extra), {}, {
     skip
   });
   return action;
@@ -1307,19 +1418,19 @@ const SkipAction = (skip, action) => {
 
 const compareBest = compare => (best, next) => best ? compare(best, next) ? next : best : next;
 const toLowest = function () {
-  let getValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _identity__default['default'];
+  let getValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _identity__default["default"];
   return compareBest((best, next) => getValue(next) < getValue(best));
 };
 const toHighest = function () {
-  let getValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _identity__default['default'];
+  let getValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _identity__default["default"];
   return compareBest((best, next) => getValue(next) > getValue(best));
 };
 
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const addExtraProp = function (element, extra) {
   let override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  return /*#__PURE__*/React__default['default'].cloneElement(element, override ? _objectSpread$3(_objectSpread$3({}, element.props), extra) : _objectSpread$3(_objectSpread$3({}, extra), element.props), element.props.children);
+  return /*#__PURE__*/React__default["default"].cloneElement(element, override ? _objectSpread(_objectSpread({}, element.props), extra) : _objectSpread(_objectSpread({}, extra), element.props), element.props.children);
 };
 
 const useEventListener = function (eventName, callback) {
@@ -1365,7 +1476,7 @@ const createPressEvent = onStart => normalizePress((startEvent, info) => {
 });
 const createPressAndHoldEvent = (onStart, interval) => createPressEvent((startEvent, info) => {
   const _concat = [].concat(onStart(startEvent, info)),
-    _concat2 = _slicedToArray__default['default'](_concat, 2),
+    _concat2 = _slicedToArray__default["default"](_concat, 2),
     onInterval = _concat2[0],
     onEnd = _concat2[1];
   let i = 0;
@@ -1394,7 +1505,7 @@ const createPressAndHoldEvent = (onStart, interval) => createPressEvent((startEv
 });
 const createPressAndMoveEvent = onStart => createPressEvent((startEvent, info) => {
   const _concat3 = [].concat(onStart(startEvent, info)),
-    _concat4 = _slicedToArray__default['default'](_concat3, 2),
+    _concat4 = _slicedToArray__default["default"](_concat3, 2),
     onMove = _concat4[0],
     onEnd = _concat4[1];
   const finish = normalizePress((e, info) => {
@@ -1425,13 +1536,13 @@ const innerWrapLazy = refreshCallback => function (maybePromise) {
   }
   let status;
   let awaitReadResolver;
-  let checker = _isEqual__default['default'];
+  let checker = _isEqual__default["default"];
   let lazyArgs = EMPTY_ARGS;
   let uid = Math.random().toString() + Date.now();
   let result;
   let currentValue = UNDEFINED_CURRENT_VALUE;
   const promisify = (maybePromise, resolveNow) => {
-    return (_isFunction__default['default'](maybePromise) && !resolveNow ? new Promise(res => awaitReadResolver = res) : Promise.resolve()).then(function () {
+    return (_isFunction__default["default"](maybePromise) && !resolveNow ? new Promise(res => awaitReadResolver = res) : Promise.resolve()).then(function () {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
       }
@@ -1457,7 +1568,7 @@ const innerWrapLazy = refreshCallback => function (maybePromise) {
   };
   const suspend = maybePromise => {
     status = "pending";
-    awaitReadResolver = _identity__default['default'];
+    awaitReadResolver = _identity__default["default"];
     const returnedPromise = promisify(maybePromise);
     returnedPromise.then(onPromiseSuccess(returnedPromise), onPromiseError(returnedPromise));
     return returnedPromise;
@@ -1559,19 +1670,19 @@ const isSameDay = function (a, b) {
   return getStartOfDay(a, utc).getTime() === getStartOfDay(b, utc).getTime();
 };
 const intervalsIntersect = (_ref, _ref2) => {
-  let _ref3 = _slicedToArray__default['default'](_ref, 2),
+  let _ref3 = _slicedToArray__default["default"](_ref, 2),
     a1 = _ref3[0],
     a2 = _ref3[1];
-  let _ref4 = _slicedToArray__default['default'](_ref2, 2),
+  let _ref4 = _slicedToArray__default["default"](_ref2, 2),
     b1 = _ref4[0],
     b2 = _ref4[1];
   return b2 >= a1 && b1 <= a2;
 };
 const intervalsIntersectExclusive = (_ref5, _ref6) => {
-  let _ref7 = _slicedToArray__default['default'](_ref5, 2),
+  let _ref7 = _slicedToArray__default["default"](_ref5, 2),
     a1 = _ref7[0],
     a2 = _ref7[1];
-  let _ref8 = _slicedToArray__default['default'](_ref6, 2),
+  let _ref8 = _slicedToArray__default["default"](_ref6, 2),
     b1 = _ref8[0],
     b2 = _ref8[1];
   return b2 > a1 && b1 < a2;
@@ -1583,10 +1694,10 @@ const intervalsIntersection = (a, b) => {
   return [[Math.max(a[0], b[0]), Math.min(a[1], b[1])]];
 };
 const diffIntervals = (_ref9, _ref0) => {
-  let _ref1 = _slicedToArray__default['default'](_ref9, 2),
+  let _ref1 = _slicedToArray__default["default"](_ref9, 2),
     a1 = _ref1[0],
     a2 = _ref1[1];
-  let _ref10 = _slicedToArray__default['default'](_ref0, 2),
+  let _ref10 = _slicedToArray__default["default"](_ref0, 2),
     b1 = _ref10[0],
     b2 = _ref10[1];
   if (a1 >= b2 ||
@@ -1639,17 +1750,17 @@ const willFormatDecimal = function () {
     clean = _ref.clean;
   const splitRegex = new RegExp("(\\d+)(\\d{".concat(digits, "})"));
   const singleRegex = new RegExp("/^([^,]*,\\d{0,".concat(digits, ").*/"));
-  const pad = str => padTo ? str.indexOf(",") >= 0 ? _padCharsEnd__default['default']("0", str.indexOf(",") + padTo + 1, str) : _padCharsEnd__default['default']("0", str.length + 1 + padTo, str + ",") : str;
+  const pad = str => padTo ? str.indexOf(",") >= 0 ? _padCharsEnd__default["default"]("0", str.indexOf(",") + padTo + 1, str) : _padCharsEnd__default["default"]("0", str.length + 1 + padTo, str + ",") : str;
   const constrain = val => {
-    if (_isNumber__default['default'](max) && parseFloat(val.replace(",", ".")) > max) return max.toString();
-    if (_isNumber__default['default'](min) && parseFloat(val.replace(",", ".")) < min) return min.toString();
+    if (_isNumber__default["default"](max) && parseFloat(val.replace(",", ".")) > max) return max.toString();
+    if (_isNumber__default["default"](min) && parseFloat(val.replace(",", ".")) < min) return min.toString();
     return val;
   };
   const cleaned = val => clean ? val.replace(/,$/, '').replace(/^0*,/, '0,') || "0" : val;
   return v => {
     const skipZero = finalV => v !== '0' && zeroless && finalV === '0' ? '' : finalV.replace(/^0+([^,])/, '$1');
-    const formatted = _flow__default['default'](constrain, pad, skipZero, cleaned);
-    if (_isNumber__default['default'](v)) {
+    const formatted = _flow__default["default"](constrain, pad, skipZero, cleaned);
+    if (_isNumber__default["default"](v)) {
       return formatted(v.toString().replace(".", ","));
     }
     const fixComma = v => v.replace(/,/g, '').replace(splitRegex, "$1,$2");
@@ -1658,13 +1769,13 @@ const willFormatDecimal = function () {
       const commaIndex = allowedChars.indexOf(',');
       if (commaIndex >= 0 && commaIndex < allowedChars.length - 1 - digits) {
         const alteredComma = fixComma(allowedChars);
-        if (_isNumber__default['default'](max) && parseFloat(alteredComma.replace(",", ".")) > max) {
+        if (_isNumber__default["default"](max) && parseFloat(alteredComma.replace(",", ".")) > max) {
           return fixComma(allowedChars.slice(0, commaIndex + 1 + digits));
         }
         return alteredComma;
       }
       const simpleNumber = allowedChars.replace(singleRegex, "$1");
-      if (_isNumber__default['default'](max) && parseInt(simpleNumber) > max) {
+      if (_isNumber__default["default"](max) && parseInt(simpleNumber) > max) {
         return simpleNumber.slice(0, -1);
       }
       return simpleNumber;
@@ -1673,7 +1784,7 @@ const willFormatDecimal = function () {
     return formatted(result);
   };
 };
-const parseDecimalToNumber = v => _isString__default['default'](v) ? Number(v.replace(/\./g, '').replace(',', ".")) : v || 0;
+const parseDecimalToNumber = v => _isString__default["default"](v) ? Number(v.replace(/\./g, '').replace(',', ".")) : v || 0;
 
 exports.Action = Action;
 exports.COMPLETE_ACTION = COMPLETE_ACTION;
@@ -1744,6 +1855,7 @@ exports.ifNotProp = ifNotProp;
 exports.ifProp = ifProp;
 exports.ifPropEquals = ifPropEquals;
 exports.ifUndefined = ifUndefined;
+exports.insertKeyframes = insertKeyframes;
 exports.intToHour = intToHour;
 exports.intervalsIntersect = intervalsIntersect;
 exports.intervalsIntersectExclusive = intervalsIntersectExclusive;