@makeswift/runtime 0.0.0-e0c0445 → 0.0.0-e76fc43

package/dist/components.es.js

@@ -35,9 +35,11 @@ import styled, { css, keyframes as keyframes$2, createGlobalStyle } from "styled
 import { E as Element$1, b as useElementId, u as useIsInBuilder } from "./react.es2.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { gql, useQuery } from "@apollo/client";
-import { p as parse$1, c as createBox$1 } from "./box-models.es.js";
+import { p as parse$1, c as createBox$1, g as getBox } from "./box-models.es.js";
 import NextImage from "next/image";
 import NextLink from "next/link";
+import { Block as Block$2, Text as Text$1, Value } from "slate";
+import { Editor } from "slate-react";
 import "./actions.es.js";
 import "./descriptors.es.js";
 function getDefaultExportFromCjs(x) {
@@ -170,14 +172,14 @@ var featureDefinitions = {
     "onViewportLeave"
   ])
 };
-function loadFeatures(features) {
-  for (var key in features) {
-    if (features[key] === null)
+function loadFeatures(features2) {
+  for (var key in features2) {
+    if (features2[key] === null)
       continue;
     if (key === "projectionNodeConstructor") {
-      featureDefinitions.projectionNodeConstructor = features[key];
+      featureDefinitions.projectionNodeConstructor = features2[key];
     } else {
-      featureDefinitions[key].Component = features[key];
+      featureDefinitions[key].Component = features2[key];
     }
   }
 }
@@ -189,7 +191,7 @@ var LazyContext = createContext({ strict: false });
 var featureNames = Object.keys(featureDefinitions);
 var numFeatures = featureNames.length;
 function useFeatures(props2, visualElement2, preloadedFeatures) {
-  var features = [];
+  var features2 = [];
   useContext(LazyContext);
   if (!visualElement2)
     return null;
@@ -197,10 +199,10 @@ function useFeatures(props2, visualElement2, preloadedFeatures) {
     var name_1 = featureNames[i];
     var _a = featureDefinitions[name_1], isEnabled = _a.isEnabled, Component = _a.Component;
     if (isEnabled(props2) && Component) {
-      features.push(React.createElement(Component, __assign$1({ key: name_1 }, props2, { visualElement: visualElement2 })));
+      features2.push(React.createElement(Component, __assign$1({ key: name_1 }, props2, { visualElement: visualElement2 })));
     }
   }
-  return features;
+  return features2;
 }
 var MotionConfigContext = createContext({
   transformPagePoint: function(p) {
@@ -214,8 +216,8 @@ function useVisualElementContext() {
   return useContext(MotionContext).visualElement;
 }
 var PresenceContext = createContext(null);
-var isBrowser$1 = typeof window !== "undefined";
-var useIsomorphicLayoutEffect = isBrowser$1 ? useLayoutEffect : useEffect;
+var isBrowser$2 = typeof window !== "undefined";
+var useIsomorphicLayoutEffect = isBrowser$2 ? useLayoutEffect : useEffect;
 var prefersReducedMotion = { current: null };
 var hasDetected = false;
 function initPrefersReducedMotion() {
@@ -386,7 +388,7 @@ function createRenderStep(runNextFrame2) {
   let numToRun = 0;
   let isProcessing2 = false;
   let flushNextFrame = false;
-  const toKeepAlive = new WeakSet();
+  const toKeepAlive = /* @__PURE__ */ new WeakSet();
   const step = {
     schedule: (callback, keepAlive = false, immediate = false) => {
       const addToCurrentFrame = immediate && isProcessing2;
@@ -401,9 +403,9 @@ function createRenderStep(runNextFrame2) {
       return callback;
     },
     cancel: (callback) => {
-      const index = toRunNextFrame.indexOf(callback);
-      if (index !== -1)
-        toRunNextFrame.splice(index, 1);
+      const index2 = toRunNextFrame.indexOf(callback);
+      if (index2 !== -1)
+        toRunNextFrame.splice(index2, 1);
       toKeepAlive.delete(callback);
     },
     process: (frameData) => {
@@ -565,8 +567,8 @@ function calcAngularFreq(undampedFreq, dampingRatio) {
 }
 const durationKeys = ["duration", "bounce"];
 const physicsKeys = ["stiffness", "damping", "mass"];
-function isSpringType(options, keys) {
-  return keys.some((key) => options[key] !== void 0);
+function isSpringType(options, keys2) {
+  return keys2.some((key) => options[key] !== void 0);
 }
 function getSpringOptions(options) {
   let springOptions = Object.assign({ velocity: 0, stiffness: 100, damping: 10, mass: 1, isResolvedFromDuration: false }, options);
@@ -744,7 +746,7 @@ const color$1 = {
 };
 const colorToken = "${c}";
 const numberToken = "${n}";
-function test(v) {
+function test$1(v) {
   var _a, _b, _c, _d;
   return isNaN(v) && isString(v) && ((_b = (_a = v.match(floatRegex)) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) + ((_d = (_c = v.match(colorRegex)) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0) > 0;
 }
@@ -786,8 +788,8 @@ function getAnimatableNone$1(v) {
   const transformer = createTransformer(v);
   return transformer(parsed.map(convertNumbersToZero));
 }
-const complex = { test, parse, createTransformer, getAnimatableNone: getAnimatableNone$1 };
-const maxDefaults = new Set(["brightness", "contrast", "saturate", "opacity"]);
+const complex = { test: test$1, parse, createTransformer, getAnimatableNone: getAnimatableNone$1 };
+const maxDefaults = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
 function applyDefaultFilter(v) {
   let [name, value] = v.slice(0, -1).split("(");
   if (name === "drop-shadow")
@@ -1104,10 +1106,10 @@ function detectAnimationFromOptions(config) {
   } else if (types[config.type]) {
     return types[config.type];
   }
-  const keys = new Set(Object.keys(config));
-  if (keys.has("ease") || keys.has("duration") && !keys.has("dampingRatio")) {
+  const keys2 = new Set(Object.keys(config));
+  if (keys2.has("ease") || keys2.has("duration") && !keys2.has("dampingRatio")) {
     return keyframes$1;
-  } else if (keys.has("dampingRatio") || keys.has("stiffness") || keys.has("mass") || keys.has("damping") || keys.has("restSpeed") || keys.has("restDelta")) {
+  } else if (keys2.has("dampingRatio") || keys2.has("stiffness") || keys2.has("mass") || keys2.has("damping") || keys2.has("restSpeed") || keys2.has("restDelta")) {
     return spring;
   }
   return keyframes$1;
@@ -1346,8 +1348,8 @@ function addUniqueItem(arr, item) {
   arr.indexOf(item) === -1 && arr.push(item);
 }
 function removeItem(arr, item) {
-  var index = arr.indexOf(item);
-  index > -1 && arr.splice(index, 1);
+  var index2 = arr.indexOf(item);
+  index2 > -1 && arr.splice(index2, 1);
 }
 var SubscriptionManager = function() {
   function SubscriptionManager2() {
@@ -2245,7 +2247,7 @@ var transformPropSet = new Set(transformProps);
 function isTransformProp(key) {
   return transformPropSet.has(key);
 }
-var transformOriginProps = new Set(["originX", "originY", "originZ"]);
+var transformOriginProps = /* @__PURE__ */ new Set(["originX", "originY", "originZ"]);
 function isTransformOriginProp(key) {
   return transformOriginProps.has(key);
 }
@@ -2292,7 +2294,7 @@ function createProjectionNode(_a) {
       if (parent === void 0) {
         parent = defaultParent === null || defaultParent === void 0 ? void 0 : defaultParent();
       }
-      this.children = new Set();
+      this.children = /* @__PURE__ */ new Set();
       this.options = {};
       this.isTreeAnimating = false;
       this.isAnimationBlocked = false;
@@ -2304,8 +2306,8 @@ function createProjectionNode(_a) {
       this.needsReset = false;
       this.shouldResetTransform = false;
       this.treeScale = { x: 1, y: 1 };
-      this.eventHandlers = new Map();
-      this.potentialNodes = new Map();
+      this.eventHandlers = /* @__PURE__ */ new Map();
+      this.potentialNodes = /* @__PURE__ */ new Map();
       this.checkUpdateFailed = function() {
         if (_this.isUpdating) {
           _this.isUpdating = false;
@@ -2319,7 +2321,7 @@ function createProjectionNode(_a) {
       this.hasProjected = false;
       this.isVisible = true;
       this.animationProgress = 0;
-      this.sharedNodes = new Map();
+      this.sharedNodes = /* @__PURE__ */ new Map();
       this.id = id2;
       this.latestValues = latestValues;
       this.root = parent ? parent.root || parent : this;
@@ -3201,16 +3203,16 @@ function createMotionComponent(_a) {
     var layoutId = useLayoutId(props2);
     props2 = __assign$1(__assign$1({}, props2), { layoutId });
     var config = useContext(MotionConfigContext);
-    var features = null;
+    var features2 = null;
     var context = useCreateMotionContext(props2);
     var projectionId = config.isStatic ? void 0 : useProjectionId();
     var visualState = useVisualState(props2, config.isStatic);
-    if (!config.isStatic && isBrowser$1) {
+    if (!config.isStatic && isBrowser$2) {
       context.visualElement = useVisualElement(Component, visualState, __assign$1(__assign$1({}, config), props2), createVisualElement);
       useProjection(projectionId, props2, context.visualElement, projectionNodeConstructor || featureDefinitions.projectionNodeConstructor);
-      features = useFeatures(props2, context.visualElement);
+      features2 = useFeatures(props2, context.visualElement);
     }
-    return React.createElement(VisualElementHandler, { visualElement: context.visualElement, props: __assign$1(__assign$1({}, config), props2) }, features, React.createElement(MotionContext.Provider, { value: context }, useRender(Component, props2, projectionId, useMotionRef(visualState, context.visualElement, externalRef), visualState, config.isStatic, context.visualElement)));
+    return React.createElement(VisualElementHandler, { visualElement: context.visualElement, props: __assign$1(__assign$1({}, config), props2) }, features2, React.createElement(MotionContext.Provider, { value: context }, useRender(Component, props2, projectionId, useMotionRef(visualState, context.visualElement, externalRef), visualState, config.isStatic, context.visualElement)));
   }
   return forwardRef(MotionComponent);
 }
@@ -3230,7 +3232,7 @@ function createMotionProxy(createConfig) {
   if (typeof Proxy === "undefined") {
     return custom;
   }
-  var componentCache = new Map();
+  var componentCache = /* @__PURE__ */ new Map();
   return new Proxy(custom, {
     get: function(_target, key) {
       if (!componentCache.has(key)) {
@@ -3407,7 +3409,7 @@ function useHTMLProps(props2, visualState, isStatic) {
   htmlProps.style = style;
   return htmlProps;
 }
-var validMotionProps = new Set([
+var validMotionProps = /* @__PURE__ */ new Set([
   "initial",
   "animate",
   "exit",
@@ -3517,11 +3519,11 @@ function buildSVGPath(attrs, length, spacing, offset, useDashCase) {
     useDashCase = true;
   }
   attrs.pathLength = 1;
-  var keys = useDashCase ? dashKeys : camelKeys;
-  attrs[keys.offset] = px.transform(-offset);
+  var keys2 = useDashCase ? dashKeys : camelKeys;
+  attrs[keys2.offset] = px.transform(-offset);
   var pathLength = px.transform(length);
   var pathSpacing = px.transform(spacing);
-  attrs[keys.array] = "".concat(pathLength, " ").concat(pathSpacing);
+  attrs[keys2.array] = "".concat(pathLength, " ").concat(pathSpacing);
 }
 function buildSVGAttrs(state, _a, options, transformTemplate) {
   var attrX = _a.attrX, attrY = _a.attrY, originX = _a.originX, originY = _a.originY, pathLength = _a.pathLength, _b = _a.pathSpacing, pathSpacing = _b === void 0 ? 1 : _b, _c = _a.pathOffset, pathOffset = _c === void 0 ? 0 : _c, latest = __rest(_a, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
@@ -3590,7 +3592,7 @@ function renderHTML(element, _a, styleProp, projection) {
     element.style.setProperty(key, vars[key]);
   }
 }
-var camelCaseAttributes = new Set([
+var camelCaseAttributes = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -3691,8 +3693,8 @@ function makeLatestValues(props2, context, presenceContext, scrapeMotionValues)
       for (var key2 in target) {
         var valueTarget = target[key2];
         if (Array.isArray(valueTarget)) {
-          var index = initialAnimationIsBlocked ? valueTarget.length - 1 : 0;
-          valueTarget = valueTarget[index];
+          var index2 = initialAnimationIsBlocked ? valueTarget.length - 1 : 0;
+          valueTarget = valueTarget[index2];
         }
         if (valueTarget !== null) {
           values[key2] = valueTarget;
@@ -3831,13 +3833,13 @@ var wrapHandler = function(handler, shouldFilterPrimaryPointer) {
   return shouldFilterPrimaryPointer ? filterPrimaryPointer(listener) : listener;
 };
 var supportsPointerEvents$1 = function() {
-  return isBrowser$1 && window.onpointerdown === null;
+  return isBrowser$2 && window.onpointerdown === null;
 };
 var supportsTouchEvents$1 = function() {
-  return isBrowser$1 && window.ontouchstart === null;
+  return isBrowser$2 && window.ontouchstart === null;
 };
 var supportsMouseEvents = function() {
-  return isBrowser$1 && window.onmousedown === null;
+  return isBrowser$2 && window.onmousedown === null;
 };
 var mouseEventNames = {
   pointerdown: "mousedown",
@@ -3986,8 +3988,8 @@ function useTapGesture(_a) {
   usePointerEvent(visualElement2, "pointerdown", hasPressListeners ? onPointerDown : void 0);
   useUnmountEffect(removePointerEndListener);
 }
-var observerCallbacks = new WeakMap();
-var observers = new WeakMap();
+var observerCallbacks = /* @__PURE__ */ new WeakMap();
+var observers = /* @__PURE__ */ new WeakMap();
 var fireObserverCallback = function(entry) {
   var _a;
   (_a = observerCallbacks.get(entry.target)) === null || _a === void 0 ? void 0 : _a(entry);
@@ -4397,7 +4399,7 @@ function createAnimationState(visualElement2) {
     var props2 = visualElement2.getProps();
     var context = visualElement2.getVariantContext(true) || {};
     var animations2 = [];
-    var removedKeys = new Set();
+    var removedKeys = /* @__PURE__ */ new Set();
     var encounteredKeys = {};
     var removedVariantIndex = Infinity;
     var _loop_1 = function(i2) {
@@ -4798,7 +4800,7 @@ function measurePageBox(element, rootProjectionNode2, transformPagePoint) {
   }
   return viewportBox;
 }
-var elementDragControls = new WeakMap();
+var elementDragControls = /* @__PURE__ */ new WeakMap();
 var VisualElementDragControls = function() {
   function VisualElementDragControls2(visualElement2) {
     this.openGlobalLock = null;
@@ -5234,8 +5236,8 @@ var visualElement = function(_a) {
     var latestValues = visualState.latestValues, renderState = visualState.renderState;
     var instance;
     var lifecycles = createLifecycles();
-    var values = new Map();
-    var valueSubscriptions = new Map();
+    var values = /* @__PURE__ */ new Map();
+    var valueSubscriptions = /* @__PURE__ */ new Map();
     var prevMotionValues = {};
     var baseTarget = __assign$1({}, latestValues);
     var removeFromVariantTree;
@@ -5276,10 +5278,10 @@ var visualElement = function(_a) {
       current: null,
       depth: parent ? parent.depth + 1 : 0,
       parent,
-      children: new Set(),
+      children: /* @__PURE__ */ new Set(),
       presenceId,
       shouldReduceMotion,
-      variantChildren: isVariantNode ? new Set() : void 0,
+      variantChildren: isVariantNode ? /* @__PURE__ */ new Set() : void 0,
       isVisible: void 0,
       manuallyAnimateOnMount: Boolean(parent === null || parent === void 0 ? void 0 : parent.isMounted()),
       blockInitialAnimation,
@@ -5520,7 +5522,7 @@ function resolveCSSVariables(visualElement2, _a, transitionEnd) {
   }
   return { target, transitionEnd };
 }
-var positionalKeys = new Set([
+var positionalKeys = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -5573,7 +5575,7 @@ var getTranslateFromMatrix = function(pos2, pos3) {
     }
   };
 };
-var transformKeys = new Set(["x", "y", "z"]);
+var transformKeys = /* @__PURE__ */ new Set(["x", "y", "z"]);
 var nonTranslationalTransformKeys = transformProps.filter(function(key) {
   return !transformKeys.has(key);
 });
@@ -6026,7 +6028,7 @@ var motion = /* @__PURE__ */ createMotionProxy(function(Component, config) {
 function animationControls() {
   var hasMounted = false;
   var pendingAnimations = [];
-  var subscribers = new Set();
+  var subscribers = /* @__PURE__ */ new Set();
   var controls = {
     subscribe: function(visualElement2) {
       subscribers.add(visualElement2);
@@ -6167,6 +6169,43 @@ const PAGE_PATHNAMES_BY_ID = gql`
     }
   }
 `;
+const TYPOGRAPHY_FRAGMENT = gql`
+  fragment Typography on Typography {
+    id
+    name
+    style {
+      deviceId
+      value {
+        fontFamily
+        fontSize {
+          value
+          unit
+        }
+        color {
+          swatchId
+          alpha
+        }
+        lineHeight
+        letterSpacing
+        fontWeight
+        textAlign
+        uppercase
+        underline
+        strikethrough
+        italic
+      }
+    }
+  }
+`;
+const TYPOGRAPHIES_BY_ID = gql`
+  query TypographiesById($ids: [ID!]!) {
+    typographies(ids: $ids) {
+      ...Typography
+    }
+  }
+
+  ${TYPOGRAPHY_FRAGMENT}
+`;
 function isNonNullable(value) {
   return value != null;
 }
@@ -6359,6 +6398,23 @@ function useFile(fileId) {
     return null;
   return data.file;
 }
+const keys = (o) => Object.keys(o);
+const coalesce = (...args) => {
+  let i;
+  for (i = 0; i < args.length - 1; i += 1) {
+    if (args[i] != null)
+      return args[i];
+  }
+  return args[i];
+};
+function shallowMerge(a2, b2) {
+  const bKeys = keys(b2);
+  const merged = __spreadValues({}, a2);
+  bKeys.forEach((key) => {
+    merged[key] = coalesce(merged[key], b2[key]);
+  });
+  return merged;
+}
 const DEVICES = [
   { id: "desktop", minWidth: 769 },
   { id: "tablet", minWidth: 476, maxWidth: 768 },
@@ -6373,6 +6429,12 @@ const getDevice = (deviceId) => {
 function defaultStrategy(value, fallbacks) {
   return value || fallbacks[0];
 }
+function shallowMergeFallbacks(value, fallbacks) {
+  return [value, ...fallbacks].filter((override) => Boolean(override)).reduce((a2, b2) => ({
+    deviceId: a2.deviceId || b2.deviceId,
+    value: shallowMerge(a2.value, b2.value)
+  }));
+}
 function findDeviceOverride(values = [], deviceId, strategy = defaultStrategy) {
   const value = values.find(({ deviceId: d }) => d === deviceId);
   const fallbacks = DEVICES.slice(0, DEVICES.findIndex((d) => d.id === deviceId) + 1).reverse().map((d) => values.find((v) => v.deviceId === d.id)).filter((override) => Boolean(override));
@@ -6669,11 +6731,11 @@ const useBoxAnimations = (_e) => {
     }
   };
 };
-const getIndexes = (spans, index) => {
+const getIndexes = (spans, index2) => {
   const flattened = spans.reduce((a2, s) => a2.concat(s), []);
-  if (index < 0 || index > flattened.length)
+  if (index2 < 0 || index2 > flattened.length)
     throw new RangeError();
-  let remainder = index;
+  let remainder = index2;
   let rowIndex = 0;
   while (rowIndex < spans.length - 1 && remainder >= spans[rowIndex].length) {
     remainder -= spans[rowIndex].length;
@@ -7409,20 +7471,20 @@ var _props = props;
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { "default": obj };
 }
-function _typeof(obj) {
+function _typeof$1(obj) {
   "@babel/helpers - typeof";
   if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof2(obj2) {
+    _typeof$1 = function _typeof2(obj2) {
       return typeof obj2;
     };
   } else {
-    _typeof = function _typeof2(obj2) {
+    _typeof$1 = function _typeof2(obj2) {
       return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
     };
   }
-  return _typeof(obj);
+  return _typeof$1(obj);
 }
-function _defineProperty(obj, key, value) {
+function _defineProperty$2(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
   } else {
@@ -7432,7 +7494,7 @@ function _defineProperty(obj, key, value) {
 }
 function _createForOfIteratorHelper(o) {
   if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (o = _unsupportedIterableToArray$1(o))) {
+    if (Array.isArray(o) || (o = _unsupportedIterableToArray$2(o))) {
       var i = 0;
       var F = function F2() {
       };
@@ -7466,26 +7528,26 @@ function _createForOfIteratorHelper(o) {
     }
   } };
 }
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
+function _slicedToArray$1(arr, i) {
+  return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest$1();
 }
-function _nonIterableRest() {
+function _nonIterableRest$1() {
   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$1(o, minLen) {
+function _unsupportedIterableToArray$2(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _arrayLikeToArray$1(o, minLen);
+    return _arrayLikeToArray$2(o, minLen);
   var n2 = Object.prototype.toString.call(o).slice(8, -1);
   if (n2 === "Object" && o.constructor)
     n2 = o.constructor.name;
   if (n2 === "Map" || n2 === "Set")
     return Array.from(n2);
   if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2))
-    return _arrayLikeToArray$1(o, minLen);
+    return _arrayLikeToArray$2(o, minLen);
 }
-function _arrayLikeToArray$1(arr, len) {
+function _arrayLikeToArray$2(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
@@ -7493,7 +7555,7 @@ function _arrayLikeToArray$1(arr, len) {
   }
   return arr2;
 }
-function _iterableToArrayLimit(arr, i) {
+function _iterableToArrayLimit$1(arr, i) {
   if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr)))
     return;
   var _arr = [];
@@ -7520,7 +7582,7 @@ function _iterableToArrayLimit(arr, i) {
   }
   return _arr;
 }
-function _arrayWithHoles(arr) {
+function _arrayWithHoles$1(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -7545,7 +7607,7 @@ function parseTimeString(stamp) {
   var seconds = 0;
   var array2 = MATCH_START_STAMP.exec(stamp);
   while (array2 !== null) {
-    var _array = array2, _array2 = _slicedToArray(_array, 3), count = _array2[1], period = _array2[2];
+    var _array = array2, _array2 = _slicedToArray$1(_array, 3), count = _array2[1], period = _array2[2];
     if (period === "h")
       seconds += parseInt(count, 10) * 60 * 60;
     if (period === "m")
@@ -7625,7 +7687,7 @@ function getConfig(props2, defaultProps2, showWarning) {
       var p = _step.value;
       if (props2[p]) {
         var key = p.replace(/Config$/, "");
-        config = (0, _deepmerge["default"])(config, _defineProperty({}, key, props2[p]));
+        config = (0, _deepmerge["default"])(config, _defineProperty$2({}, key, props2[p]));
         if (showWarning) {
           var link2 = "https://github.com/CookPete/react-player#config-prop";
           var message = "ReactPlayer: %c".concat(p, " %cis deprecated, please use the config prop instead \u2013 ").concat(link2);
@@ -7647,8 +7709,8 @@ function omit(object2) {
   }
   var omitKeys = (_ref = []).concat.apply(_ref, arrays);
   var output = {};
-  var keys = Object.keys(object2);
-  for (var _i2 = 0, _keys = keys; _i2 < _keys.length; _i2++) {
+  var keys2 = Object.keys(object2);
+  for (var _i2 = 0, _keys = keys2; _i2 < _keys.length; _i2++) {
     var key = _keys[_i2];
     if (omitKeys.indexOf(key) === -1) {
       output[key] = object2[key];
@@ -7674,7 +7736,7 @@ function callPlayer(method) {
   return (_this$player = this.player)[method].apply(_this$player, args);
 }
 function isObject(val) {
-  return val !== null && _typeof(val) === "object";
+  return val !== null && _typeof$1(val) === "object";
 }
 function isEqual(a2, b2) {
   if (typeof a2 === "function" && typeof b2 === "function") {
@@ -7726,7 +7788,7 @@ var Player = {};
   function _getRequireWildcardCache() {
     if (typeof WeakMap !== "function")
       return null;
-    var cache = new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
     _getRequireWildcardCache = function _getRequireWildcardCache2() {
       return cache;
     };
@@ -8158,7 +8220,7 @@ var Player = {};
   function _getRequireWildcardCache() {
     if (typeof WeakMap !== "function")
       return null;
-    var cache = new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
     _getRequireWildcardCache = function _getRequireWildcardCache2() {
       return cache;
     };
@@ -8220,29 +8282,29 @@ var Player = {};
     };
     return _extends2.apply(this, arguments);
   }
-  function ownKeys(object2, enumerableOnly) {
-    var keys = Object.keys(object2);
+  function ownKeys2(object2, enumerableOnly) {
+    var keys2 = Object.keys(object2);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object2);
       if (enumerableOnly)
         symbols = symbols.filter(function(sym) {
           return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
         });
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
-  function _objectSpread(target) {
+  function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys(Object(source), true).forEach(function(key) {
+        ownKeys2(Object(source), true).forEach(function(key) {
           _defineProperty2(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key) {
+        ownKeys2(Object(source)).forEach(function(key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -8405,7 +8467,7 @@ var Player = {};
           var _this$props = this.props, style = _this$props.style, width = _this$props.width, height = _this$props.height, Wrapper2 = _this$props.wrapper;
           var otherProps = (0, _utils.omit)(this.props, SUPPORTED_PROPS, _props2.DEPRECATED_CONFIG_PROPS);
           return /* @__PURE__ */ _react2["default"].createElement(Wrapper2, _extends2({
-            style: _objectSpread({}, style, {
+            style: _objectSpread2({}, style, {
               width,
               height
             })
@@ -8434,7 +8496,7 @@ var Player = {};
   function _getRequireWildcardCache() {
     if (typeof WeakMap !== "function")
       return null;
-    var cache = new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
     _getRequireWildcardCache = function _getRequireWildcardCache2() {
       return cache;
     };
@@ -8482,29 +8544,29 @@ var Player = {};
     }
     return _typeof2(obj);
   }
-  function ownKeys(object2, enumerableOnly) {
-    var keys = Object.keys(object2);
+  function ownKeys2(object2, enumerableOnly) {
+    var keys2 = Object.keys(object2);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object2);
       if (enumerableOnly)
         symbols = symbols.filter(function(sym) {
           return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
         });
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
-  function _objectSpread(target) {
+  function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys(Object(source), true).forEach(function(key) {
+        ownKeys2(Object(source), true).forEach(function(key) {
           _defineProperty2(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key) {
+        ownKeys2(Object(source)).forEach(function(key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -8742,11 +8804,11 @@ var Player = {};
         }).then(function(YT) {
           if (!_this2.container)
             return;
-          _this2.player = new YT.Player(_this2.container, _objectSpread({
+          _this2.player = new YT.Player(_this2.container, _objectSpread2({
             width: "100%",
             height: "100%",
             videoId: id2,
-            playerVars: _objectSpread({
+            playerVars: _objectSpread2({
               autoplay: playing ? 1 : 0,
               mute: muted ? 1 : 0,
               controls: controls ? 1 : 0,
@@ -8866,7 +8928,7 @@ var SoundCloud = {};
   function _getRequireWildcardCache() {
     if (typeof WeakMap !== "function")
       return null;
-    var cache = new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
     _getRequireWildcardCache = function _getRequireWildcardCache2() {
       return cache;
     };
@@ -8914,29 +8976,29 @@ var SoundCloud = {};
     }
     return _typeof2(obj);
   }
-  function ownKeys(object2, enumerableOnly) {
-    var keys = Object.keys(object2);
+  function ownKeys2(object2, enumerableOnly) {
+    var keys2 = Object.keys(object2);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object2);
       if (enumerableOnly)
         symbols = symbols.filter(function(sym) {
           return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
         });
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
-  function _objectSpread(target) {
+  function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys(Object(source), true).forEach(function(key) {
+        ownKeys2(Object(source), true).forEach(function(key) {
           _defineProperty2(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key) {
+        ownKeys2(Object(source)).forEach(function(key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -9086,7 +9148,7 @@ var SoundCloud = {};
               return _this2.props.onError(e2);
             });
           }
-          _this2.player.load(url, _objectSpread({}, _this2.props.config.soundcloud.options, {
+          _this2.player.load(url, _objectSpread2({}, _this2.props.config.soundcloud.options, {
             callback: function callback() {
               _this2.player.getDuration(function(duration) {
                 _this2.duration = duration / 1e3;
@@ -9179,7 +9241,7 @@ var Vimeo = {};
   function _getRequireWildcardCache() {
     if (typeof WeakMap !== "function")
       return null;
-    var cache = new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
     _getRequireWildcardCache = function _getRequireWildcardCache2() {
       return cache;
     };
@@ -9227,29 +9289,29 @@ var Vimeo = {};
     }
     return _typeof2(obj);
   }
-  function ownKeys(object2, enumerableOnly) {
-    var keys = Object.keys(object2);
+  function ownKeys2(object2, enumerableOnly) {
+    var keys2 = Object.keys(object2);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object2);
       if (enumerableOnly)
         symbols = symbols.filter(function(sym) {
           return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
         });
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
-  function _objectSpread(target) {
+  function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys(Object(source), true).forEach(function(key) {
+        ownKeys2(Object(source), true).forEach(function(key) {
           _defineProperty2(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key) {
+        ownKeys2(Object(source)).forEach(function(key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -9385,7 +9447,7 @@ var Vimeo = {};
         (0, _utils.getSDK)(SDK_URL, SDK_GLOBAL).then(function(Vimeo4) {
           if (!_this2.container)
             return;
-          _this2.player = new Vimeo4.Player(_this2.container, _objectSpread({
+          _this2.player = new Vimeo4.Player(_this2.container, _objectSpread2({
             url,
             autoplay: _this2.props.playing,
             muted: _this2.props.muted,
@@ -9529,7 +9591,7 @@ var Facebook = {};
   function _getRequireWildcardCache() {
     if (typeof WeakMap !== "function")
       return null;
-    var cache = new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
     _getRequireWildcardCache = function _getRequireWildcardCache2() {
       return cache;
     };
@@ -9812,7 +9874,7 @@ var Streamable = {};
   function _getRequireWildcardCache() {
     if (typeof WeakMap !== "function")
       return null;
-    var cache = new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
     _getRequireWildcardCache = function _getRequireWildcardCache2() {
       return cache;
     };
@@ -10096,7 +10158,7 @@ var Wistia = {};
   function _getRequireWildcardCache() {
     if (typeof WeakMap !== "function")
       return null;
-    var cache = new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
     _getRequireWildcardCache = function _getRequireWildcardCache2() {
       return cache;
     };
@@ -10144,29 +10206,29 @@ var Wistia = {};
     }
     return _typeof2(obj);
   }
-  function ownKeys(object2, enumerableOnly) {
-    var keys = Object.keys(object2);
+  function ownKeys2(object2, enumerableOnly) {
+    var keys2 = Object.keys(object2);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object2);
       if (enumerableOnly)
         symbols = symbols.filter(function(sym) {
           return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
         });
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
-  function _objectSpread(target) {
+  function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys(Object(source), true).forEach(function(key) {
+        ownKeys2(Object(source), true).forEach(function(key) {
           _defineProperty2(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key) {
+        ownKeys2(Object(source)).forEach(function(key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -10315,7 +10377,7 @@ var Wistia = {};
           window._wq = window._wq || [];
           window._wq.push({
             id: _this2.getID(url),
-            options: _objectSpread({
+            options: _objectSpread2({
               autoPlay: playing,
               silentAutoPlay: "allow",
               muted,
@@ -10429,7 +10491,7 @@ var Twitch = {};
   function _getRequireWildcardCache() {
     if (typeof WeakMap !== "function")
       return null;
-    var cache = new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
     _getRequireWildcardCache = function _getRequireWildcardCache2() {
       return cache;
     };
@@ -10477,29 +10539,29 @@ var Twitch = {};
     }
     return _typeof2(obj);
   }
-  function ownKeys(object2, enumerableOnly) {
-    var keys = Object.keys(object2);
+  function ownKeys2(object2, enumerableOnly) {
+    var keys2 = Object.keys(object2);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object2);
       if (enumerableOnly)
         symbols = symbols.filter(function(sym) {
           return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
         });
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
-  function _objectSpread(target) {
+  function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys(Object(source), true).forEach(function(key) {
+        ownKeys2(Object(source), true).forEach(function(key) {
           _defineProperty2(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key) {
+        ownKeys2(Object(source)).forEach(function(key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -10637,7 +10699,7 @@ var Twitch = {};
           return;
         }
         (0, _utils.getSDK)(SDK_URL, SDK_GLOBAL).then(function(Twitch4) {
-          _this2.player = new Twitch4.Player(_this2.playerID, _objectSpread({
+          _this2.player = new Twitch4.Player(_this2.playerID, _objectSpread2({
             video: isChannel ? "" : id2,
             channel: isChannel ? id2 : "",
             height: "100%",
@@ -10735,7 +10797,7 @@ var DailyMotion = {};
   function _getRequireWildcardCache() {
     if (typeof WeakMap !== "function")
       return null;
-    var cache = new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
     _getRequireWildcardCache = function _getRequireWildcardCache2() {
       return cache;
     };
@@ -10783,29 +10845,29 @@ var DailyMotion = {};
     }
     return _typeof2(obj);
   }
-  function ownKeys(object2, enumerableOnly) {
-    var keys = Object.keys(object2);
+  function ownKeys2(object2, enumerableOnly) {
+    var keys2 = Object.keys(object2);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object2);
       if (enumerableOnly)
         symbols = symbols.filter(function(sym) {
           return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
         });
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
-  function _objectSpread(target) {
+  function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys(Object(source), true).forEach(function(key) {
+        ownKeys2(Object(source), true).forEach(function(key) {
           _defineProperty2(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key) {
+        ownKeys2(Object(source)).forEach(function(key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -11013,7 +11075,7 @@ var DailyMotion = {};
             width: "100%",
             height: "100%",
             video: id2,
-            params: _objectSpread({
+            params: _objectSpread2({
               controls,
               autoplay: _this2.props.playing,
               mute: _this2.props.muted,
@@ -11118,7 +11180,7 @@ var Mixcloud = {};
   function _getRequireWildcardCache() {
     if (typeof WeakMap !== "function")
       return null;
-    var cache = new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
     _getRequireWildcardCache = function _getRequireWildcardCache2() {
       return cache;
     };
@@ -11166,29 +11228,29 @@ var Mixcloud = {};
     }
     return _typeof2(obj);
   }
-  function ownKeys(object2, enumerableOnly) {
-    var keys = Object.keys(object2);
+  function ownKeys2(object2, enumerableOnly) {
+    var keys2 = Object.keys(object2);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object2);
       if (enumerableOnly)
         symbols = symbols.filter(function(sym) {
           return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
         });
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
-  function _objectSpread(target) {
+  function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys(Object(source), true).forEach(function(key) {
+        ownKeys2(Object(source), true).forEach(function(key) {
           _defineProperty2(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key) {
+        ownKeys2(Object(source)).forEach(function(key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -11377,7 +11439,7 @@ var Mixcloud = {};
           width: "100%",
           height: "100%"
         };
-        var query = (0, _utils.queryString)(_objectSpread({}, config.mixcloud.options, {
+        var query = (0, _utils.queryString)(_objectSpread2({}, config.mixcloud.options, {
           feed: "/".concat(id2, "/")
         }));
         return /* @__PURE__ */ _react2["default"].createElement("iframe", {
@@ -11415,7 +11477,7 @@ var FilePlayer = {};
   function _getRequireWildcardCache() {
     if (typeof WeakMap !== "function")
       return null;
-    var cache = new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
     _getRequireWildcardCache = function _getRequireWildcardCache2() {
       return cache;
     };
@@ -11735,20 +11797,20 @@ var FilePlayer = {};
       _defineProperty2(_assertThisInitialized2(_this), "unmute", function() {
         _this.player.muted = false;
       });
-      _defineProperty2(_assertThisInitialized2(_this), "renderSourceElement", function(source, index) {
+      _defineProperty2(_assertThisInitialized2(_this), "renderSourceElement", function(source, index2) {
         if (typeof source === "string") {
           return /* @__PURE__ */ _react2["default"].createElement("source", {
-            key: index,
+            key: index2,
             src: source
           });
         }
         return /* @__PURE__ */ _react2["default"].createElement("source", _extends2({
-          key: index
+          key: index2
         }, source));
       });
-      _defineProperty2(_assertThisInitialized2(_this), "renderTrack", function(track, index) {
+      _defineProperty2(_assertThisInitialized2(_this), "renderTrack", function(track, index2) {
         return /* @__PURE__ */ _react2["default"].createElement("track", _extends2({
-          key: index
+          key: index2
         }, track));
       });
       _defineProperty2(_assertThisInitialized2(_this), "ref", function(player) {
@@ -12033,7 +12095,7 @@ var Preview = {};
   function _getRequireWildcardCache() {
     if (typeof WeakMap !== "function")
       return null;
-    var cache = new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
     _getRequireWildcardCache = function _getRequireWildcardCache2() {
       return cache;
     };
@@ -12081,29 +12143,29 @@ var Preview = {};
     }
     return _typeof2(obj);
   }
-  function ownKeys(object2, enumerableOnly) {
-    var keys = Object.keys(object2);
+  function ownKeys2(object2, enumerableOnly) {
+    var keys2 = Object.keys(object2);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object2);
       if (enumerableOnly)
         symbols = symbols.filter(function(sym) {
           return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
         });
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
-  function _objectSpread(target) {
+  function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys(Object(source), true).forEach(function(key) {
+        ownKeys2(Object(source), true).forEach(function(key) {
           _defineProperty2(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key) {
+        ownKeys2(Object(source)).forEach(function(key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -12272,7 +12334,7 @@ var Preview = {};
           justifyContent: "center"
         };
         var styles = {
-          preview: _objectSpread({
+          preview: _objectSpread2({
             width: "100%",
             height: "100%",
             backgroundImage: image ? "url(".concat(image, ")") : void 0,
@@ -12280,7 +12342,7 @@ var Preview = {};
             backgroundPosition: "center",
             cursor: "pointer"
           }, flexCenter),
-          shadow: _objectSpread({
+          shadow: _objectSpread2({
             background: "radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",
             borderRadius: ICON_SIZE,
             width: ICON_SIZE,
@@ -12514,7 +12576,7 @@ var preload = {};
   function _getRequireWildcardCache() {
     if (typeof WeakMap !== "function")
       return null;
-    var cache = new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
     _getRequireWildcardCache = function _getRequireWildcardCache2() {
       return cache;
     };
@@ -12562,29 +12624,29 @@ var preload = {};
     }
     return _typeof2(obj);
   }
-  function ownKeys(object2, enumerableOnly) {
-    var keys = Object.keys(object2);
+  function ownKeys2(object2, enumerableOnly) {
+    var keys2 = Object.keys(object2);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object2);
       if (enumerableOnly)
         symbols = symbols.filter(function(sym) {
           return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
         });
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
-  function _objectSpread(target) {
+  function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys(Object(source), true).forEach(function(key) {
+        ownKeys2(Object(source), true).forEach(function(key) {
           _defineProperty2(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key) {
+        ownKeys2(Object(source)).forEach(function(key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -12872,7 +12934,7 @@ var preload = {};
         });
         return /* @__PURE__ */ _react2["default"].createElement(Wrapper2, _extends2({
           ref: this.wrapperRef,
-          style: _objectSpread({}, style, {
+          style: _objectSpread2({}, style, {
             width,
             height
           })
@@ -13321,9 +13383,9 @@ var Box = forwardRef(function Box2({
       animate: animate2 == null ? void 0 : animate2.parent,
       initial: initial2 == null ? void 0 : initial2.parent,
       transition: transition == null ? void 0 : transition.parent,
-      children: children && children.elements.length > 0 ? children.elements.map((child, index) => /* @__PURE__ */ jsx(GridItem$1, {
+      children: children && children.elements.length > 0 ? children.elements.map((child, index2) => /* @__PURE__ */ jsx(GridItem$1, {
         grid: children.columns,
-        index,
+        index: index2,
         columnGap,
         rowGap,
         alignItems: verticalAlign,
@@ -13497,14 +13559,14 @@ var isArrayish$1 = function isArrayish(obj) {
   return obj instanceof Array || Array.isArray(obj) || obj.length >= 0 && (obj.splice instanceof Function || Object.getOwnPropertyDescriptor(obj, obj.length - 1) && obj.constructor.name !== "String");
 };
 var isArrayish2 = isArrayish$1;
-var concat = Array.prototype.concat;
+var concat$1 = Array.prototype.concat;
 var slice = Array.prototype.slice;
 var swizzle$1 = simpleSwizzle.exports = function swizzle(args) {
   var results = [];
   for (var i = 0, len = args.length; i < len; i++) {
     var arg = args[i];
     if (isArrayish2(arg)) {
-      results = concat.call(results, slice.call(arg));
+      results = concat$1.call(results, slice.call(arg));
     } else {
       results.push(arg);
     }
@@ -13520,9 +13582,9 @@ var colorNames = colorName$1;
 var swizzle2 = simpleSwizzle.exports;
 var hasOwnProperty = Object.hasOwnProperty;
 var reverseNames = {};
-for (var name in colorNames) {
-  if (hasOwnProperty.call(colorNames, name)) {
-    reverseNames[colorNames[name]] = name;
+for (var name$1 in colorNames) {
+  if (hasOwnProperty.call(colorNames, name$1)) {
+    reverseNames[colorNames[name$1]] = name$1;
   }
 }
 var cs = colorString$1.exports = {
@@ -14722,12 +14784,12 @@ function Color(obj, model) {
     this.valpha = 1;
   } else {
     this.valpha = 1;
-    var keys = Object.keys(obj);
+    var keys2 = Object.keys(obj);
     if ("alpha" in obj) {
-      keys.splice(keys.indexOf("alpha"), 1);
+      keys2.splice(keys2.indexOf("alpha"), 1);
       this.valpha = typeof obj.alpha === "number" ? obj.alpha : 0;
     }
-    var hashedKeys = keys.sort().join("");
+    var hashedKeys = keys2.sort().join("");
     if (!(hashedKeys in hashedModelKeys)) {
       throw new Error("Unable to parse color from object: " + JSON.stringify(obj));
     }
@@ -15582,20 +15644,20 @@ function _assertThisInitialized(self) {
   }
   return self;
 }
-function _unsupportedIterableToArray(o, minLen) {
+function _unsupportedIterableToArray$1(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _arrayLikeToArray(o, minLen);
+    return _arrayLikeToArray$1(o, minLen);
   var n2 = Object.prototype.toString.call(o).slice(8, -1);
   if (n2 === "Object" && o.constructor)
     n2 = o.constructor.name;
   if (n2 === "Map" || n2 === "Set")
     return Array.from(o);
   if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2))
-    return _arrayLikeToArray(o, minLen);
+    return _arrayLikeToArray$1(o, minLen);
 }
-function _arrayLikeToArray(arr, len) {
+function _arrayLikeToArray$1(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -15605,7 +15667,7 @@ function _arrayLikeToArray(arr, len) {
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   var it;
   if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") {
       if (it)
         o = it;
       var i = 0;
@@ -15853,7 +15915,7 @@ var InternalCoordinatesOptionsNormalizers = /* @__PURE__ */ _extends$s({}, Inter
     return [[left, right], [top, bottom]];
   }
 });
-var isBrowser = typeof window !== "undefined" && window.document && window.document.createElement;
+var isBrowser$1 = typeof window !== "undefined" && window.document && window.document.createElement;
 var InternalGenericOptionsNormalizers = {
   enabled: function enabled2(value) {
     if (value === void 0) {
@@ -15872,7 +15934,7 @@ var InternalGenericOptionsNormalizers = {
     return window2;
   }(function(value) {
     if (value === void 0) {
-      value = isBrowser ? window : void 0;
+      value = isBrowser$1 ? window : void 0;
     }
     return value;
   }),
@@ -15995,7 +16057,7 @@ function buildComplexConfig(config, actions) {
     config = {};
   }
   if (actions === void 0) {
-    actions = new Set();
+    actions = /* @__PURE__ */ new Set();
   }
   var _config = config, drag2 = _config.drag, wheel = _config.wheel, move = _config.move, scroll = _config.scroll, pinch = _config.pinch, hover = _config.hover, eventOptions2 = _config.eventOptions, window2 = _config.window, transform = _config.transform, domTarget = _config.domTarget, enabled3 = _config.enabled;
   var mergedConfig = getInternalGenericOptions({
@@ -16307,8 +16369,8 @@ function getStartGestureState(_ref4, values, event, initial2) {
 var Controller = function Controller2(classes) {
   var _this = this;
   this.classes = classes;
-  this.pointerIds = new Set();
-  this.touchIds = new Set();
+  this.pointerIds = /* @__PURE__ */ new Set();
+  this.touchIds = /* @__PURE__ */ new Set();
   this.supportsTouchEvents = supportsTouchEvents();
   this.supportsGestureEvents = supportsGestureEvents();
   this.bind = function() {
@@ -16489,7 +16551,7 @@ function useRecognizers(handlers, config, nativeHandlers) {
 function deprecationNoticeForDomTarget() {
 }
 function resolveClasses(internalHandlers) {
-  var classes = new Set();
+  var classes = /* @__PURE__ */ new Set();
   if (internalHandlers.drag)
     classes.add(RecognizersMap.get("drag"));
   if (internalHandlers.wheel)
@@ -17187,7 +17249,7 @@ var RE_NOT_NATIVE = /^on(Drag|Wheel|Scroll|Move|Pinch|Hover)/;
 function sortHandlers(handlers) {
   var _native = {};
   var handle = {};
-  var actions = new Set();
+  var actions = /* @__PURE__ */ new Set();
   for (var key in handlers) {
     if (RE_NOT_NATIVE.test(key)) {
       actions.add(RegExp.lastMatch);
@@ -17746,9 +17808,9 @@ var Carousel = forwardRef(function Carousel2({
   slideBorder,
   slideBorderRadius
 }, ref) {
-  const [index, setIndex] = useState(0);
+  const [index2, setIndex] = useState(0);
   const swipe = useRef(0);
-  const startIndex = wrap$1(0, images.length, index);
+  const startIndex = wrap$1(0, images.length, index2);
   const pageSize = useMediaQuery(responsivePageSize) || 1;
   const step = useMediaQuery(responsiveStep) || 1;
   const endIndex = startIndex + pageSize;
@@ -17762,8 +17824,8 @@ var Carousel = forwardRef(function Carousel2({
     const direction = pageDistance / Math.abs(pageDistance);
     const remaining = direction > 0 ? images.slice(endIndex) : images.slice(0, startIndex);
     const distance2 = direction * Math.min(remaining.length, step * Math.abs(pageDistance));
-    setIndex(index + distance2);
-  }, [images, index, startIndex, endIndex, step]);
+    setIndex(index2 + distance2);
+  }, [images, index2, startIndex, endIndex, step]);
   const animation = useAnimation();
   const bindPage = useGesture({
     onDrag: ({
@@ -17897,7 +17959,7 @@ var Carousel = forwardRef(function Carousel2({
     })]
   });
 });
-const Block = styled.div`
+const Block$1 = styled.div`
   display: block;
   padding: 0.5em;
   font-size: 1em;
@@ -17956,7 +18018,7 @@ const Container$5 = styled.div`
         `)}
   }
 
-  ${Block} {
+  ${Block$1} {
     ${(p) => cssMediaRules([p.shape], ([shape2 = "rounded"]) => {
   switch (shape2) {
     case "pill":
@@ -18164,7 +18226,7 @@ var Countdown = forwardRef(function Countdown2({
     blockColor: useColor(blockColor),
     gap,
     children: [/* @__PURE__ */ jsxs(Segment, {
-      children: [/* @__PURE__ */ jsx(Block, {
+      children: [/* @__PURE__ */ jsx(Block$1, {
         children: /* @__PURE__ */ jsx("span", {
           children: days
         })
@@ -18172,7 +18234,7 @@ var Countdown = forwardRef(function Countdown2({
         children: daysLabel == null ? "Days" : daysLabel
       })]
     }), /* @__PURE__ */ jsxs(Segment, {
-      children: [/* @__PURE__ */ jsx(Block, {
+      children: [/* @__PURE__ */ jsx(Block$1, {
         children: /* @__PURE__ */ jsx("span", {
           children: hours
         })
@@ -18180,7 +18242,7 @@ var Countdown = forwardRef(function Countdown2({
         children: hoursLabel == null ? "Hours" : hoursLabel
       })]
     }), /* @__PURE__ */ jsxs(Segment, {
-      children: [/* @__PURE__ */ jsx(Block, {
+      children: [/* @__PURE__ */ jsx(Block$1, {
         children: /* @__PURE__ */ jsx("span", {
           children: minutes
         })
@@ -18188,7 +18250,7 @@ var Countdown = forwardRef(function Countdown2({
         children: minutesLabel == null ? "Minutes" : minutesLabel
       })]
     }), /* @__PURE__ */ jsxs(Segment, {
-      children: [/* @__PURE__ */ jsx(Block, {
+      children: [/* @__PURE__ */ jsx(Block$1, {
         children: /* @__PURE__ */ jsx("span", {
           children: seconds
         })
@@ -18686,7 +18748,7 @@ const DropDownMenu = styled.div`
 const ButtonLink$1 = styled(Button)`
   margin: 8px 0;
 `;
-const StyledLink$1 = styled(Link)`
+const StyledLink$2 = styled(Link)`
   text-decoration: none;
   line-height: 1.4;
   padding: 8px 16px;
@@ -18702,7 +18764,7 @@ function DropDownItem(_s) {
   } = _t, restOfProps = __objRest(_t, [
     "color"
   ]);
-  return /* @__PURE__ */ jsx(StyledLink$1, __spreadProps(__spreadValues({}, restOfProps), {
+  return /* @__PURE__ */ jsx(StyledLink$2, __spreadProps(__spreadValues({}, restOfProps), {
     color: useColor(color2)
   }));
 }
@@ -19113,9 +19175,9 @@ var Root = forwardRef(function Page2({
       },
       backgrounds,
       children: /* @__PURE__ */ jsx(Grid, {
-        children: children && children.elements.length > 0 ? children.elements.map((child, index) => /* @__PURE__ */ jsx(GridItem, {
+        children: children && children.elements.length > 0 ? children.elements.map((child, index2) => /* @__PURE__ */ jsx(GridItem, {
           grid: children.columns,
-          index,
+          index: index2,
           columnGap,
           rowGap,
           children: /* @__PURE__ */ jsx(Element$1, {
@@ -19800,7 +19862,7 @@ const Container = styled.div`
         justify-content: ${alignment};
       `)}
 `;
-const StyledLink = styled(Link)`
+const StyledLink$1 = styled(Link)`
   display: block;
   color: ${(props2) => props2.brandColor};
   transition: transform, opacity 0.18s;
@@ -19888,7 +19950,7 @@ var SocialLinks = forwardRef(function SocialLinks2({
         gutter,
         first: i === 0,
         last: i === links2.length - 1,
-        children: /* @__PURE__ */ jsx(StyledLink, {
+        children: /* @__PURE__ */ jsx(StyledLink$1, {
           backgroundColor: backgroundColorData,
           brandColor: option.brandColor,
           fill: fillData,
@@ -19910,5 +19972,1612 @@ var SocialLinks = forwardRef(function SocialLinks2({
     })
   });
 });
-export { Box, Button, Carousel, Countdown, DEFAULT_BOX_ANIMATE_DELAY, DEFAULT_BOX_ANIMATE_DURATION, DEFAULT_BOX_ANIMATE_TYPE, DEFAULT_ITEM_ANIMATE_DELAY, DEFAULT_ITEM_ANIMATE_DURATION, DEFAULT_ITEM_ANIMATE_TYPE, DEFAULT_ITEM_STAGGER_DURATION, Divider, Embed, Image$1 as Image, Navigation, Root, SocialLinks };
+var lib$1 = {};
+Object.defineProperty(lib$1, "__esModule", {
+  value: true
+});
+var IS_MAC$1 = typeof window != "undefined" && /Mac|iPod|iPhone|iPad/.test(window.navigator.platform);
+var MODIFIERS = {
+  alt: "altKey",
+  control: "ctrlKey",
+  meta: "metaKey",
+  shift: "shiftKey"
+};
+var ALIASES = {
+  add: "+",
+  break: "pause",
+  cmd: "meta",
+  command: "meta",
+  ctl: "control",
+  ctrl: "control",
+  del: "delete",
+  down: "arrowdown",
+  esc: "escape",
+  ins: "insert",
+  left: "arrowleft",
+  mod: IS_MAC$1 ? "meta" : "control",
+  opt: "alt",
+  option: "alt",
+  return: "enter",
+  right: "arrowright",
+  space: " ",
+  spacebar: " ",
+  up: "arrowup",
+  win: "meta",
+  windows: "meta"
+};
+var CODES = {
+  backspace: 8,
+  tab: 9,
+  enter: 13,
+  shift: 16,
+  control: 17,
+  alt: 18,
+  pause: 19,
+  capslock: 20,
+  escape: 27,
+  " ": 32,
+  pageup: 33,
+  pagedown: 34,
+  end: 35,
+  home: 36,
+  arrowleft: 37,
+  arrowup: 38,
+  arrowright: 39,
+  arrowdown: 40,
+  insert: 45,
+  delete: 46,
+  meta: 91,
+  numlock: 144,
+  scrolllock: 145,
+  ";": 186,
+  "=": 187,
+  ",": 188,
+  "-": 189,
+  ".": 190,
+  "/": 191,
+  "`": 192,
+  "[": 219,
+  "\\": 220,
+  "]": 221,
+  "'": 222
+};
+for (var f = 1; f < 20; f++) {
+  CODES["f" + f] = 111 + f;
+}
+function isHotkey$1(hotkey, options, event) {
+  if (options && !("byKey" in options)) {
+    event = options;
+    options = null;
+  }
+  if (!Array.isArray(hotkey)) {
+    hotkey = [hotkey];
+  }
+  var array2 = hotkey.map(function(string2) {
+    return parseHotkey(string2, options);
+  });
+  var check = function check2(e2) {
+    return array2.some(function(object2) {
+      return compareHotkey(object2, e2);
+    });
+  };
+  var ret = event == null ? check : check(event);
+  return ret;
+}
+function isCodeHotkey(hotkey, event) {
+  return isHotkey$1(hotkey, event);
+}
+function isKeyHotkey(hotkey, event) {
+  return isHotkey$1(hotkey, { byKey: true }, event);
+}
+function parseHotkey(hotkey, options) {
+  var byKey = options && options.byKey;
+  var ret = {};
+  hotkey = hotkey.replace("++", "+add");
+  var values = hotkey.split("+");
+  var length = values.length;
+  for (var k in MODIFIERS) {
+    ret[MODIFIERS[k]] = false;
+  }
+  var _iteratorNormalCompletion = true;
+  var _didIteratorError = false;
+  var _iteratorError = void 0;
+  try {
+    for (var _iterator = values[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var value = _step.value;
+      var optional = value.endsWith("?");
+      if (optional) {
+        value = value.slice(0, -1);
+      }
+      var name = toKeyName(value);
+      var modifier = MODIFIERS[name];
+      if (length === 1 || !modifier) {
+        if (byKey) {
+          ret.key = name;
+        } else {
+          ret.which = toKeyCode(value);
+        }
+      }
+      if (modifier) {
+        ret[modifier] = optional ? null : true;
+      }
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return ret;
+}
+function compareHotkey(object2, event) {
+  for (var key in object2) {
+    var expected = object2[key];
+    var actual = void 0;
+    if (expected == null) {
+      continue;
+    }
+    if (key === "key") {
+      actual = event.key.toLowerCase();
+    } else if (key === "which") {
+      actual = expected === 91 && event.which === 93 ? 91 : event.which;
+    } else {
+      actual = event[key];
+    }
+    if (actual == null && expected === false) {
+      continue;
+    }
+    if (actual !== expected) {
+      return false;
+    }
+  }
+  return true;
+}
+function toKeyCode(name) {
+  name = toKeyName(name);
+  var code = CODES[name] || name.toUpperCase().charCodeAt(0);
+  return code;
+}
+function toKeyName(name) {
+  name = name.toLowerCase();
+  name = ALIASES[name] || name;
+  return name;
+}
+lib$1.default = isHotkey$1;
+lib$1.isHotkey = isHotkey$1;
+lib$1.isCodeHotkey = isCodeHotkey;
+var isKeyHotkey_1 = lib$1.isKeyHotkey = isKeyHotkey;
+lib$1.parseHotkey = parseHotkey;
+lib$1.compareHotkey = compareHotkey;
+lib$1.toKeyCode = toKeyCode;
+lib$1.toKeyName = toKeyName;
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
+  return typeof obj;
+} : function(obj) {
+  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+};
+var isBrowser = (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object" && (typeof document === "undefined" ? "undefined" : _typeof(document)) === "object" && document.nodeType === 9;
+var slicedToArray$1 = function() {
+  function sliceIterator(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = void 0;
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+        if (i && _arr.length === i)
+          break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"])
+          _i["return"]();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+  return function(arr, i) {
+    if (Array.isArray(arr)) {
+      return arr;
+    } else if (Symbol.iterator in Object(arr)) {
+      return sliceIterator(arr, i);
+    } else {
+      throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    }
+  };
+}();
+var BROWSER_RULES = [["edge", /Edge\/([0-9\._]+)/], ["chrome", /(?!Chrom.*OPR)Chrom(?:e|ium)\/([0-9\.]+)(:?\s|$)/], ["firefox", /Firefox\/([0-9\.]+)(?:\s|$)/], ["opera", /Opera\/([0-9\.]+)(?:\s|$)/], ["opera", /OPR\/([0-9\.]+)(:?\s|$)$/], ["ie", /Trident\/7\.0.*rv\:([0-9\.]+)\).*Gecko$/], ["ie", /MSIE\s([0-9\.]+);.*Trident\/[4-7].0/], ["ie", /MSIE\s(7\.0)/], ["android", /Android\s([0-9\.]+)/], ["safari", /Version\/([0-9\._]+).*Safari/]];
+var browser = void 0;
+if (isBrowser) {
+  var _iteratorNormalCompletion = true;
+  var _didIteratorError = false;
+  var _iteratorError = void 0;
+  try {
+    for (var _iterator = BROWSER_RULES[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var _ref = _step.value;
+      var _ref2 = slicedToArray$1(_ref, 2);
+      var name = _ref2[0];
+      var regexp = _ref2[1];
+      if (regexp.test(window.navigator.userAgent)) {
+        browser = name;
+        break;
+      }
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+}
+var OS_RULES = [
+  ["ios", /os ([\.\_\d]+) like mac os/i],
+  ["macos", /mac os x/i],
+  ["android", /android/i],
+  ["firefoxos", /mozilla\/[a-z\.\_\d]+ \((?:mobile)|(?:tablet)/i],
+  ["windows", /windows\s*(?:nt)?\s*([\.\_\d]+)/i]
+];
+var os = void 0;
+if (isBrowser) {
+  var _iteratorNormalCompletion2 = true;
+  var _didIteratorError2 = false;
+  var _iteratorError2 = void 0;
+  try {
+    for (var _iterator2 = OS_RULES[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+      var _ref3 = _step2.value;
+      var _ref4 = slicedToArray$1(_ref3, 2);
+      var _name = _ref4[0];
+      var _regexp = _ref4[1];
+      if (_regexp.test(window.navigator.userAgent)) {
+        os = _name;
+        break;
+      }
+    }
+  } catch (err) {
+    _didIteratorError2 = true;
+    _iteratorError2 = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion2 && _iterator2.return) {
+        _iterator2.return();
+      }
+    } finally {
+      if (_didIteratorError2) {
+        throw _iteratorError2;
+      }
+    }
+  }
+}
+var FEATURE_RULES = [["inputeventslevel1", function(window2) {
+  var event = window2.InputEvent ? new window2.InputEvent("input") : {};
+  var support = "inputType" in event;
+  return support;
+}], ["inputeventslevel2", function(window2) {
+  var element = window2.document.createElement("div");
+  element.contentEditable = true;
+  var support = "onbeforeinput" in element;
+  return support;
+}]];
+var features = [];
+if (isBrowser) {
+  var _iteratorNormalCompletion3 = true;
+  var _didIteratorError3 = false;
+  var _iteratorError3 = void 0;
+  try {
+    for (var _iterator3 = FEATURE_RULES[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+      var _ref5 = _step3.value;
+      var _ref6 = slicedToArray$1(_ref5, 2);
+      var _name2 = _ref6[0];
+      var test = _ref6[1];
+      if (test(window)) {
+        features.push(_name2);
+      }
+    }
+  } catch (err) {
+    _didIteratorError3 = true;
+    _iteratorError3 = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion3 && _iterator3.return) {
+        _iterator3.return();
+      }
+    } finally {
+      if (_didIteratorError3) {
+        throw _iteratorError3;
+      }
+    }
+  }
+}
+var ANDROID_API_VERSIONS = [[/^9([.]0|)/, 28], [/^8[.]1/, 27], [/^8([.]0|)/, 26], [/^7[.]1/, 25], [/^7([.]0|)/, 24], [/^6([.]0|)/, 23], [/^5[.]1/, 22], [/^5([.]0|)/, 21], [/^4[.]4/, 20]];
+function getAndroidApiVersion() {
+  if (os !== "android")
+    return null;
+  var userAgent = window.navigator.userAgent;
+  var matchData = userAgent.match(/Android\s([0-9\.]+)/);
+  if (matchData == null)
+    return null;
+  var versionString = matchData[1];
+  var _iteratorNormalCompletion4 = true;
+  var _didIteratorError4 = false;
+  var _iteratorError4 = void 0;
+  try {
+    for (var _iterator4 = ANDROID_API_VERSIONS[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
+      var _ref7 = _step4.value;
+      var _ref8 = slicedToArray$1(_ref7, 2);
+      var regex = _ref8[0];
+      var version = _ref8[1];
+      if (versionString.match(regex))
+        return version;
+    }
+  } catch (err) {
+    _didIteratorError4 = true;
+    _iteratorError4 = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion4 && _iterator4.return) {
+        _iterator4.return();
+      }
+    } finally {
+      if (_didIteratorError4) {
+        throw _iteratorError4;
+      }
+    }
+  }
+  return null;
+}
+var IS_IOS = os === "ios";
+var IS_MAC = os === "macos";
+getAndroidApiVersion();
+var HOTKEYS = {
+  bold: "mod+b",
+  compose: ["down", "left", "right", "up", "backspace", "enter"],
+  moveBackward: "left",
+  moveForward: "right",
+  moveWordBackward: "ctrl+left",
+  moveWordForward: "ctrl+right",
+  deleteBackward: "shift?+backspace",
+  deleteForward: "shift?+delete",
+  extendBackward: "shift+left",
+  extendForward: "shift+right",
+  italic: "mod+i",
+  splitBlock: "shift?+enter",
+  undo: "mod+z"
+};
+var APPLE_HOTKEYS = {
+  moveLineBackward: "opt+up",
+  moveLineForward: "opt+down",
+  moveWordBackward: "opt+left",
+  moveWordForward: "opt+right",
+  deleteBackward: ["ctrl+backspace", "ctrl+h"],
+  deleteForward: ["ctrl+delete", "ctrl+d"],
+  deleteLineBackward: "cmd+shift?+backspace",
+  deleteLineForward: ["cmd+shift?+delete", "ctrl+k"],
+  deleteWordBackward: "opt+shift?+backspace",
+  deleteWordForward: "opt+shift?+delete",
+  extendLineBackward: "opt+shift+up",
+  extendLineForward: "opt+shift+down",
+  redo: "cmd+shift+z",
+  transposeCharacter: "ctrl+t"
+};
+var WINDOWS_HOTKEYS = {
+  deleteWordBackward: "ctrl+shift?+backspace",
+  deleteWordForward: "ctrl+shift?+delete",
+  redo: "ctrl+y"
+};
+var Hotkeys = {};
+var IS_APPLE = IS_IOS || IS_MAC;
+var IS_WINDOWS = !IS_APPLE;
+var KEYS = [].concat(Object.keys(HOTKEYS)).concat(Object.keys(APPLE_HOTKEYS)).concat(Object.keys(WINDOWS_HOTKEYS));
+KEYS.forEach(function(key) {
+  var method = "is" + key[0].toUpperCase() + key.slice(1);
+  if (Hotkeys[method])
+    return;
+  var generic = HOTKEYS[key];
+  var apple = APPLE_HOTKEYS[key];
+  var windows = WINDOWS_HOTKEYS[key];
+  var isGeneric = generic && isKeyHotkey_1(generic);
+  var isApple = apple && isKeyHotkey_1(apple);
+  var isWindows = windows && isKeyHotkey_1(windows);
+  Hotkeys[method] = function(event) {
+    if (isGeneric && isGeneric(event))
+      return true;
+    if (IS_APPLE && isApple && isApple(event))
+      return true;
+    if (IS_WINDOWS && isWindows && isWindows(event))
+      return true;
+    return false;
+  };
+});
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var defineProperty = _defineProperty;
+function _defineProperty$1(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    var ownKeys2 = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys2.forEach(function(key) {
+      _defineProperty$1(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function unwrapExports(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x.default : x;
+}
+function createCommonjsModule(fn, module) {
+  return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
+var lib = createCommonjsModule(function(module, exports) {
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  var IS_MAC2 = typeof window != "undefined" && /Mac|iPod|iPhone|iPad/.test(window.navigator.platform);
+  var MODIFIERS2 = {
+    alt: "altKey",
+    control: "ctrlKey",
+    meta: "metaKey",
+    shift: "shiftKey"
+  };
+  var ALIASES2 = {
+    add: "+",
+    break: "pause",
+    cmd: "meta",
+    command: "meta",
+    ctl: "control",
+    ctrl: "control",
+    del: "delete",
+    down: "arrowdown",
+    esc: "escape",
+    ins: "insert",
+    left: "arrowleft",
+    mod: IS_MAC2 ? "meta" : "control",
+    opt: "alt",
+    option: "alt",
+    return: "enter",
+    right: "arrowright",
+    space: " ",
+    spacebar: " ",
+    up: "arrowup",
+    win: "meta",
+    windows: "meta"
+  };
+  var CODES2 = {
+    backspace: 8,
+    tab: 9,
+    enter: 13,
+    shift: 16,
+    control: 17,
+    alt: 18,
+    pause: 19,
+    capslock: 20,
+    escape: 27,
+    " ": 32,
+    pageup: 33,
+    pagedown: 34,
+    end: 35,
+    home: 36,
+    arrowleft: 37,
+    arrowup: 38,
+    arrowright: 39,
+    arrowdown: 40,
+    insert: 45,
+    delete: 46,
+    meta: 91,
+    numlock: 144,
+    scrolllock: 145,
+    ";": 186,
+    "=": 187,
+    ",": 188,
+    "-": 189,
+    ".": 190,
+    "/": 191,
+    "`": 192,
+    "[": 219,
+    "\\": 220,
+    "]": 221,
+    "'": 222
+  };
+  for (var f = 1; f < 20; f++) {
+    CODES2["f" + f] = 111 + f;
+  }
+  function isHotkey2(hotkey, options, event) {
+    if (options && !("byKey" in options)) {
+      event = options;
+      options = null;
+    }
+    if (!Array.isArray(hotkey)) {
+      hotkey = [hotkey];
+    }
+    var array2 = hotkey.map(function(string2) {
+      return parseHotkey2(string2, options);
+    });
+    var check = function check2(e2) {
+      return array2.some(function(object2) {
+        return compareHotkey2(object2, e2);
+      });
+    };
+    var ret = event == null ? check : check(event);
+    return ret;
+  }
+  function isCodeHotkey2(hotkey, event) {
+    return isHotkey2(hotkey, event);
+  }
+  function isKeyHotkey2(hotkey, event) {
+    return isHotkey2(hotkey, { byKey: true }, event);
+  }
+  function parseHotkey2(hotkey, options) {
+    var byKey = options && options.byKey;
+    var ret = {};
+    hotkey = hotkey.replace("++", "+add");
+    var values = hotkey.split("+");
+    var length = values.length;
+    for (var k in MODIFIERS2) {
+      ret[MODIFIERS2[k]] = false;
+    }
+    var _iteratorNormalCompletion = true;
+    var _didIteratorError = false;
+    var _iteratorError = void 0;
+    try {
+      for (var _iterator = values[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var value = _step.value;
+        var optional = value.endsWith("?");
+        if (optional) {
+          value = value.slice(0, -1);
+        }
+        var name = toKeyName2(value);
+        var modifier = MODIFIERS2[name];
+        if (length === 1 || !modifier) {
+          if (byKey) {
+            ret.key = name;
+          } else {
+            ret.which = toKeyCode2(value);
+          }
+        }
+        if (modifier) {
+          ret[modifier] = optional ? null : true;
+        }
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return ret;
+  }
+  function compareHotkey2(object2, event) {
+    for (var key in object2) {
+      var expected = object2[key];
+      var actual = void 0;
+      if (expected == null) {
+        continue;
+      }
+      if (key === "key") {
+        actual = event.key.toLowerCase();
+      } else if (key === "which") {
+        actual = expected === 91 && event.which === 93 ? 91 : event.which;
+      } else {
+        actual = event[key];
+      }
+      if (actual == null && expected === false) {
+        continue;
+      }
+      if (actual !== expected) {
+        return false;
+      }
+    }
+    return true;
+  }
+  function toKeyCode2(name) {
+    name = toKeyName2(name);
+    var code = CODES2[name] || name.toUpperCase().charCodeAt(0);
+    return code;
+  }
+  function toKeyName2(name) {
+    name = name.toLowerCase();
+    name = ALIASES2[name] || name;
+    return name;
+  }
+  exports.default = isHotkey2;
+  exports.isHotkey = isHotkey2;
+  exports.isCodeHotkey = isCodeHotkey2;
+  exports.isKeyHotkey = isKeyHotkey2;
+  exports.parseHotkey = parseHotkey2;
+  exports.compareHotkey = compareHotkey2;
+  exports.toKeyCode = toKeyCode2;
+  exports.toKeyName = toKeyName2;
+});
+var isHotkey = unwrapExports(lib);
+lib.isHotkey;
+lib.isCodeHotkey;
+lib.isKeyHotkey;
+lib.parseHotkey;
+lib.compareHotkey;
+lib.toKeyCode;
+lib.toKeyName;
+var Keymap = function Keymap2(shortcuts, options) {
+  var config = _objectSpread({
+    if: function _if() {
+      return true;
+    }
+  }, options);
+  var functions = Object.keys(shortcuts).map(function(key) {
+    var isKeyPressed = isHotkey(key);
+    var command = shortcuts[key];
+    var check = function check2(event, editor) {
+      return isKeyPressed(event) && config.if(editor);
+    };
+    var handler = typeof command == "string" ? function(event, editor) {
+      event.preventDefault();
+      editor.command(command);
+    } : command;
+    return {
+      check,
+      handler
+    };
+  });
+  return {
+    onKeyDown: function onKeyDown(event, editor, next) {
+      var shortcut = functions.find(function(shortcut2) {
+        return shortcut2.check(event, editor);
+      });
+      if (shortcut) {
+        return shortcut.handler(event, editor, next);
+      } else {
+        return next();
+      }
+    }
+  };
+};
+var isList = function isList2(blocks, block) {
+  return block.type == blocks.unordered_list || block.type == blocks.ordered_list;
+};
+var wrapList = function(_ref, editor) {
+  var blocks = _ref.blocks;
+  var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  var type = options.type || blocks.unordered_list;
+  var rootBlocks = editor.value.document.getRootBlocksAtRange(editor.value.selection);
+  editor.withoutNormalizing(function() {
+    rootBlocks.forEach(function(block) {
+      if (isList(blocks, block))
+        return;
+      editor.wrapBlockByKey(block.key, type);
+      editor.wrapBlockByKey(block.key, blocks.list_item);
+      editor.setNodeByKey(block.key, blocks.list_item_child);
+    });
+  });
+};
+var unwrapListByKey = function(_ref, editor, key) {
+  var blocks = _ref.blocks;
+  var listItem = editor.value.document.getNode(key);
+  editor.withoutNormalizing(function() {
+    editor.unwrapNodeByKey(listItem.key);
+    var parent = editor.value.document.getParent(listItem.key);
+    var itemIndex = parent.nodes.findIndex(function(node2) {
+      return node2.key === listItem.key;
+    });
+    listItem.nodes.forEach(function(itemChild, index2) {
+      editor.moveNodeByKey(itemChild.key, parent.key, index2 + itemIndex);
+      if (itemChild.type == blocks.list_item_child) {
+        editor.setNodeByKey(itemChild.key, {
+          type: blocks["default"]
+        });
+      }
+    });
+    editor.removeNodeByKey(listItem.key);
+  });
+};
+var unwrapList = function(_ref, editor) {
+  var blocks = _ref.blocks;
+  var listItemChildren = editor.value.document.getNodesAtRange(editor.value.selection).filter(function(node2) {
+    return node2.type == blocks.list_item_child;
+  });
+  var furthestListItems = listItemChildren.map(function(listItemChild) {
+    return editor.value.document.getFurthest(listItemChild.key, function(node2) {
+      return node2.type == blocks.list_item;
+    });
+  }).filter(function(listItemChild, index2, array2) {
+    return array2.indexOf(listItemChild) == index2;
+  });
+  furthestListItems.forEach(function(listItem) {
+    unwrapListByKey({
+      blocks
+    }, editor, listItem.key);
+  });
+};
+var toggleList = function(_ref, editor) {
+  var blocks = _ref.blocks;
+  var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  var _editor$value = editor.value, document2 = _editor$value.document, startBlock = _editor$value.startBlock;
+  var type = options.type || blocks.unordered_list;
+  var parent = document2.getParent(startBlock.key);
+  var isList3 = parent.type == blocks.list_item;
+  if (!isList3)
+    return editor.wrapList({
+      type
+    });
+  var list = document2.getParent(parent.key);
+  var sameType3 = list.type == type;
+  if (sameType3) {
+    editor.unwrapList();
+  } else {
+    editor.setNodeByKey(list.key, type);
+  }
+};
+var decreaseListItemDepth = function(_ref, editor) {
+  var blocks = _ref.blocks;
+  var _editor$value = editor.value, document2 = _editor$value.document, startBlock = _editor$value.startBlock;
+  var listItem = document2.getParent(startBlock.key);
+  if (listItem.type != blocks.list_item)
+    return;
+  var list = document2.getParent(listItem.key);
+  var parentListItem = document2.getParent(list.key);
+  if (parentListItem.type != blocks.list_item)
+    return;
+  var parentList = document2.getParent(parentListItem.key);
+  var index2 = parentList.nodes.indexOf(parentListItem);
+  var otherItems = list.nodes.skipUntil(function(item) {
+    return item === listItem;
+  }).rest();
+  if (!otherItems.isEmpty()) {
+    var newList = Block$2.create({
+      object: "block",
+      type: list.type
+    });
+    editor.withoutNormalizing(function() {
+      editor.insertNodeByKey(listItem.key, listItem.nodes.size, newList);
+      editor.moveNodeByKey(listItem.key, parentList.key, index2 + 1);
+      otherItems.forEach(function(item, index3) {
+        return editor.moveNodeByKey(item.key, newList.key, newList.nodes.size + index3);
+      });
+    });
+  } else {
+    editor.moveNodeByKey(listItem.key, parentList.key, index2 + 1);
+  }
+};
+var increaseListItemDepth = function(_ref, editor) {
+  _ref.blocks;
+  var _editor$value = editor.value, document2 = _editor$value.document, startBlock = _editor$value.startBlock;
+  var listItem = document2.getParent(startBlock.key);
+  var previousListItem = document2.getPreviousSibling(listItem.key);
+  var list = document2.getParent(listItem.key);
+  if (!listItem)
+    return;
+  if (!previousListItem)
+    return;
+  var existingList = previousListItem.nodes.get(1);
+  if (existingList) {
+    editor.withoutNormalizing(function() {
+      editor.moveNodeByKey(listItem.key, existingList.key, existingList.nodes.size);
+    });
+  } else {
+    var newList = Block$2.create({
+      object: "block",
+      type: list.type
+    });
+    editor.withoutNormalizing(function() {
+      editor.insertNodeByKey(previousListItem.key, previousListItem.nodes.size, newList);
+      editor.moveNodeByKey(listItem.key, newList.key, 0);
+    });
+  }
+};
+var wrapWithOptions = function wrapWithOptions2(fn, options) {
+  return function() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return fn.apply(void 0, [options].concat(args));
+  };
+};
+var createCommands = function(options) {
+  return {
+    wrapList: wrapWithOptions(wrapList, options),
+    unwrapList: wrapWithOptions(unwrapList, options),
+    toggleList: wrapWithOptions(toggleList, options),
+    unwrapListByKey: wrapWithOptions(unwrapListByKey, options),
+    decreaseListItemDepth: wrapWithOptions(decreaseListItemDepth, options),
+    increaseListItemDepth: wrapWithOptions(increaseListItemDepth, options)
+  };
+};
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+var arrayWithHoles = _arrayWithHoles;
+function _iterableToArrayLimit(arr, i) {
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr)))
+    return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = void 0;
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+      if (i && _arr.length === i)
+        break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null)
+        _i["return"]();
+    } finally {
+      if (_d)
+        throw _e;
+    }
+  }
+  return _arr;
+}
+var iterableToArrayLimit = _iterableToArrayLimit;
+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;
+}
+var arrayLikeToArray = _arrayLikeToArray;
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o)
+    return;
+  if (typeof o === "string")
+    return arrayLikeToArray(o, minLen);
+  var n2 = Object.prototype.toString.call(o).slice(8, -1);
+  if (n2 === "Object" && o.constructor)
+    n2 = o.constructor.name;
+  if (n2 === "Map" || n2 === "Set")
+    return Array.from(n2);
+  if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2))
+    return arrayLikeToArray(o, minLen);
+}
+var unsupportedIterableToArray = _unsupportedIterableToArray;
+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.");
+}
+var nonIterableRest = _nonIterableRest;
+function _slicedToArray(arr, i) {
+  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
+}
+var slicedToArray = _slicedToArray;
+var sameType = function sameType2(node2, other) {
+  return node2.type == other.type;
+};
+var createNormalizeNode = function(_ref) {
+  var blocks = _ref.blocks;
+  var isList3 = function isList4(block) {
+    return block && (block.type == blocks.unordered_list || block.type == blocks.ordered_list);
+  };
+  return function(node2, editor, next) {
+    if (node2.object !== "document" && node2.object !== "block")
+      return next();
+    var mergable = node2.nodes.map(function(child, index2) {
+      if (!isList3(child)) {
+        return null;
+      }
+      var adjacent = node2.nodes.get(index2 + 1);
+      if (!adjacent || !isList3(adjacent) || !sameType(child, adjacent)) {
+        return null;
+      }
+      return [child, adjacent];
+    }).filter(function(node3) {
+      return node3;
+    });
+    if (mergable.isEmpty())
+      return next();
+    return function(editor2) {
+      mergable.reverse().forEach(function(_ref2) {
+        var _ref3 = slicedToArray(_ref2, 2), list = _ref3[0], adjacent = _ref3[1];
+        var updatedAdjacent = editor2.value.document.getDescendant(adjacent.key);
+        updatedAdjacent.nodes.forEach(function(child, index2) {
+          editor2.withoutNormalizing(function() {
+            editor2.moveNodeByKey(child.key, list.key, list.nodes.size + index2);
+          });
+        });
+        editor2.withoutNormalizing(function() {
+          editor2.removeNodeByKey(adjacent.key);
+        });
+      });
+    };
+  };
+};
+function createCommonjsModule$1(fn, module) {
+  return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
+var _extends_1 = createCommonjsModule$1(function(module) {
+  function _extends2() {
+    module.exports = _extends2 = Object.assign || 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 _extends2.apply(this, arguments);
+  }
+  module.exports = _extends2;
+});
+var createRenderBlock = function(_ref) {
+  var blocks = _ref.blocks, classNames = _ref.classNames;
+  return function(props2, editor, next) {
+    var node2 = props2.node;
+    switch (node2.type) {
+      case blocks.unordered_list:
+        return /* @__PURE__ */ React__default.createElement("ul", _extends_1({
+          className: classNames.unordered_list
+        }, props2.attributes, {
+          style: {
+            listStylePosition: "inside"
+          }
+        }), props2.children);
+      case blocks.ordered_list: {
+        return /* @__PURE__ */ React__default.createElement("ol", _extends_1({
+          className: classNames.ordered_list
+        }, props2.attributes, {
+          style: {
+            listStylePosition: "inside"
+          }
+        }), props2.children);
+      }
+      case blocks.list_item: {
+        return /* @__PURE__ */ React__default.createElement("li", _extends_1({
+          className: classNames.list_item
+        }, props2.attributes), props2.children);
+      }
+      case blocks.list_item_child: {
+        return /* @__PURE__ */ React__default.createElement("span", _extends_1({
+          className: classNames.list_item_child
+        }, props2.attributes), props2.children);
+      }
+      default:
+        return next();
+    }
+  };
+};
+var createSchema = function(_ref) {
+  var _blocks;
+  var blocks = _ref.blocks;
+  return {
+    blocks: (_blocks = {}, defineProperty(_blocks, blocks.unordered_list, {
+      nodes: [{
+        match: {
+          type: blocks.list_item
+        }
+      }]
+    }), defineProperty(_blocks, blocks.ordered_list, {
+      nodes: [{
+        match: {
+          type: blocks.list_item
+        }
+      }]
+    }), defineProperty(_blocks, blocks.list_item, {
+      parent: [{
+        type: blocks.unordered_list
+      }, {
+        type: blocks.ordered_list
+      }],
+      nodes: [{
+        match: {
+          type: blocks.list_item_child
+        },
+        min: 1,
+        max: 1
+      }, {
+        match: [{
+          type: blocks.unordered_list
+        }, {
+          type: blocks.ordered_list
+        }],
+        min: 0,
+        max: 1
+      }],
+      normalize: function normalize2(editor, error) {
+        switch (error.code) {
+          case "child_min_invalid":
+            editor.insertNodeByKey(error.node.key, 0, Block$2.create({
+              type: blocks.list_item_child,
+              nodes: [Text$1.create()]
+            }));
+            return;
+          case "child_type_invalid":
+            editor.wrapBlockByKey(error.child.key, {
+              type: blocks.list_item_child
+            });
+            return;
+          case "parent_type_invalid":
+            editor.wrapBlockByKey(error.node.key, blocks.unordered_list);
+            return;
+          default:
+            return;
+        }
+      }
+    }), _blocks)
+  };
+};
+function ownKeys(object2, enumerableOnly) {
+  var keys2 = Object.keys(object2);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object2);
+    if (enumerableOnly)
+      symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
+      });
+    keys2.push.apply(keys2, symbols);
+  }
+  return keys2;
+}
+function _objectSpread$1(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function(key) {
+        defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+  return target;
+}
+var index = function() {
+  var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var config = _objectSpread$1({}, options);
+  var blocks = _objectSpread$1({
+    unordered_list: "unordered-list",
+    ordered_list: "ordered-list",
+    list_item: "list-item",
+    list_item_child: "list-item-child",
+    "default": "paragraph"
+  }, config.blocks);
+  var classNames = _objectSpread$1({
+    unordered_list: "unordered-list",
+    ordered_list: "ordered-list",
+    list_item: "list-item",
+    list_item_child: "list-item-child"
+  }, config.classNames);
+  var commands = createCommands({
+    blocks
+  });
+  var isListItem = function isListItem2(block) {
+    return block && block.type == blocks.list_item;
+  };
+  var getListItem = function getListItem2(editor, block) {
+    var possibleListItem = editor.value.document.getParent(block.key);
+    return isListItem(possibleListItem) ? possibleListItem : null;
+  };
+  var isList3 = function isList4(block) {
+    return block && (block.type == blocks.unordered_list || block.type == blocks.ordered_list);
+  };
+  var getList = function getList2(editor, block) {
+    var possibleList = editor.value.document.getParent(block.key);
+    return isList3(possibleList) ? possibleList : null;
+  };
+  var onBackspace = function onBackspace2(event, editor, next) {
+    var selection = editor.value.selection;
+    if (selection.isExpanded)
+      return next();
+    if (selection.start.offset !== 0)
+      return next();
+    var listItem = getListItem(editor, editor.value.startBlock);
+    var list = getList(editor, listItem);
+    var parentListItem = getListItem(editor, list);
+    if (parentListItem) {
+      editor.decreaseListItemDepth();
+      return;
+    }
+    editor.unwrapList();
+  };
+  var onEnter = function onEnter2(event, editor, next) {
+    var _editor$value = editor.value, selection = _editor$value.selection, startBlock = _editor$value.startBlock;
+    event.preventDefault();
+    if (selection.isExpanded)
+      editor["delete"]();
+    if (selection.start.offset === 0 && startBlock.getText() === "") {
+      var _listItem = getListItem(editor, editor.value.startBlock);
+      var list = getList(editor, _listItem);
+      var parentListItem = getListItem(editor, list);
+      if (parentListItem) {
+        editor.decreaseListItemDepth();
+        return;
+      }
+      editor.unwrapList();
+      return;
+    }
+    var listItem = getListItem(editor, editor.value.startBlock);
+    editor.splitDescendantsByKey(listItem.key, selection.start.key, selection.start.offset);
+  };
+  var onShiftEnter = function onShiftEnter2(event, editor, next) {
+    event.preventDefault();
+    editor.insertText("\n");
+  };
+  var schema = createSchema({
+    blocks
+  });
+  var normalizeNode = createNormalizeNode({
+    blocks
+  });
+  var renderBlock = createRenderBlock({
+    blocks,
+    classNames
+  });
+  return [{
+    commands: {
+      wrapList: commands.wrapList,
+      unwrapList: commands.unwrapList,
+      toggleList: commands.toggleList,
+      decreaseListItemDepth: commands.decreaseListItemDepth,
+      increaseListItemDepth: commands.increaseListItemDepth
+    },
+    normalizeNode,
+    renderBlock,
+    renderNode: renderBlock,
+    schema
+  }, Keymap({
+    backspace: onBackspace,
+    enter: onEnter,
+    "shift+enter": onShiftEnter,
+    tab: "increaseListItemDepth",
+    "shift+tab": "decreaseListItemDepth"
+  }, {
+    "if": function _if(editor) {
+      return !!getListItem(editor, editor.value.startBlock);
+    }
+  })];
+};
+function useTypography(typographyId) {
+  const { error, data } = useQuery(TYPOGRAPHIES_BY_ID, {
+    skip: typographyId == null,
+    variables: { ids: typographyId != null ? [typographyId] : [] }
+  });
+  if (typographyId == null || error != null)
+    return null;
+  return data == null ? void 0 : data.typographies[0];
+}
+const concat = (a2, b2) => a2.concat(b2);
+const getSwatchId = ({ value: { color: color2 } }) => color2 && color2.swatchId;
+const getDeviceId = ({ deviceId }) => deviceId;
+const withColor = (swatches) => (_a) => {
+  var _b = _a, { value: _c } = _b, _d = _c, { color: color2 } = _d, restOfValue = __objRest(_d, ["color"]), rest = __objRest(_b, ["value"]);
+  return __spreadProps(__spreadValues({}, rest), {
+    value: __spreadValues(__spreadValues({}, restOfValue), color2 ? {
+      color: {
+        swatch: swatches.find((s) => s && s.id === color2.swatchId),
+        alpha: color2.alpha
+      }
+    } : {})
+  });
+};
+const overrideTypographyStyle = (source, override) => {
+  const devices = [...new Set(source.map(getDeviceId).concat(override.map(getDeviceId)))];
+  return devices.map((deviceId) => ({
+    deviceId,
+    value: __spreadValues(__spreadValues({}, (findDeviceOverride(source, deviceId) || { value: {} }).value), (findDeviceOverride(override, deviceId, (v) => v) || { value: {} }).value)
+  }));
+};
+function useTypographyMark(value) {
+  const typography = useTypography(value && value.id);
+  const swatchIds = [
+    typography && typography.style.map(getSwatchId) || [],
+    value && value.style.map(getSwatchId) || []
+  ].reduce(concat).filter(Boolean);
+  const { error: colorError, data: colorData = {} } = useQuery(SWATCHES_BY_ID, {
+    skip: swatchIds == null || swatchIds.length === 0,
+    variables: { ids: swatchIds }
+  });
+  const { swatches = [] } = colorData;
+  if (colorError != null)
+    return null;
+  return overrideTypographyStyle(typography && typography.style.map(withColor(swatches)) || [], value && value.style.map(withColor(swatches)) || []);
+}
+const Span = styled.span`
+  ${(p) => cssMediaRules([p.typographyStyle], ([{
+  color: color2,
+  fontFamily,
+  fontSize,
+  fontWeight,
+  lineHeight,
+  letterSpacing,
+  uppercase,
+  underline,
+  strikethrough,
+  italic
+} = {}]) => css`
+        ${color2 == null ? "" : css`
+              color: ${colorToString(color2)};
+            `}
+
+        ${fontFamily == null ? "" : css`
+              font-family: '${fontFamily}';
+            `}
+
+        ${fontSize == null || fontSize.value == null || fontSize.unit == null ? "" : css`
+              font-size: ${`${fontSize.value}${fontSize.unit}`};
+            `}
+
+        ${fontWeight == null ? "" : css`
+              font-weight: ${fontWeight};
+            `}
+
+        ${lineHeight == null ? "" : css`
+              line-height: ${lineHeight};
+            `}
+
+        ${letterSpacing == null ? "" : css`
+              letter-spacing: ${letterSpacing / 10}em;
+            `}
+
+        ${underline == null && strikethrough == null ? "" : css`
+              text-decoration: ${[Boolean(underline) && "underline", Boolean(strikethrough) && "line-through"].filter(Boolean).join(" ")};
+            `}
+
+        ${uppercase == null ? "" : css`
+              text-transform: ${uppercase === true ? "uppercase" : "initial"};
+            `}
+
+        ${italic == null ? "" : css`
+              font-style: ${italic === true ? "italic" : "initial"};
+            `}
+      `, shallowMergeFallbacks)}
+`;
+function Mark(_w) {
+  var _x = _w, {
+    value
+  } = _x, restOfProps = __objRest(_x, [
+    "value"
+  ]);
+  const typographyStyle = useTypographyMark(value);
+  return /* @__PURE__ */ jsx(Span, __spreadProps(__spreadValues({}, restOfProps), {
+    typographyStyle
+  }));
+}
+const TYPOGRAPHY_TYPE = "typography";
+function DeviceOverridesMarksPlugin() {
+  return {
+    renderMark({
+      mark,
+      children
+    }, _editor, next) {
+      if (mark.type === TYPOGRAPHY_TYPE) {
+        return /* @__PURE__ */ jsx(Mark, {
+          value: mark.data.get("value"),
+          children
+        });
+      }
+      return next();
+    }
+  };
+}
+const StyledBlock = styled.div`
+  margin: 0;
+  ${(p) => cssMediaRules([p.textAlign], ([textAlign]) => textAlign == null ? css`` : css`
+            text-align: ${textAlign};
+          `)}
+
+  ${(p) => p.as === "blockquote" ? css`
+          padding: 0.5em 10px;
+          font-size: 1.25em;
+          font-weight: 300;
+          border-left: 5px solid rgba(0, 0, 0, 0.1);
+        ` : ""}
+`;
+var Block = forwardRef(function Block2(_y, ref) {
+  var _z = _y, {
+    textAlign
+  } = _z, restOfProps = __objRest(_z, [
+    "textAlign"
+  ]);
+  return /* @__PURE__ */ jsx(StyledBlock, __spreadProps(__spreadValues({}, restOfProps), {
+    ref,
+    textAlign
+  }));
+});
+function DeviceOverridesBlockPlugin() {
+  return {
+    renderBlock(props2, _editor, next) {
+      const {
+        node: node2,
+        attributes,
+        children
+      } = props2;
+      const blockProps = {
+        textAlign: node2.data.get("textAlign")
+      };
+      switch (node2.type) {
+        case "paragraph":
+          return /* @__PURE__ */ jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "p",
+            children
+          }));
+        case "heading-one":
+          return /* @__PURE__ */ jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "h1",
+            children
+          }));
+        case "heading-two":
+          return /* @__PURE__ */ jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "h2",
+            children
+          }));
+        case "heading-three":
+          return /* @__PURE__ */ jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "h3",
+            children
+          }));
+        case "heading-four":
+          return /* @__PURE__ */ jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "h4",
+            children
+          }));
+        case "heading-five":
+          return /* @__PURE__ */ jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "h5",
+            children
+          }));
+        case "heading-six":
+          return /* @__PURE__ */ jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "h6",
+            children
+          }));
+        case "blockquote":
+          return /* @__PURE__ */ jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "blockquote",
+            children
+          }));
+        default:
+          return next();
+      }
+    }
+  };
+}
+const StyledLink = styled(Link)`
+  text-decoration: none;
+`;
+function LinkPlugin() {
+  return {
+    renderInline(props2, _editor, next) {
+      const {
+        attributes,
+        children,
+        node: node2
+      } = props2;
+      switch (node2.type) {
+        case "link": {
+          const {
+            data
+          } = node2;
+          return /* @__PURE__ */ jsx(StyledLink, __spreadProps(__spreadValues({}, attributes), {
+            link: data.toJS(),
+            children
+          }));
+        }
+        default: {
+          return next();
+        }
+      }
+    }
+  };
+}
+function Inlines() {
+  return {
+    renderInline(props2, _editor, next) {
+      const {
+        attributes,
+        children,
+        node: node2
+      } = props2;
+      switch (node2.type) {
+        case "code": {
+          return /* @__PURE__ */ jsx("code", __spreadProps(__spreadValues({}, attributes), {
+            children
+          }));
+        }
+        case "superscript": {
+          return /* @__PURE__ */ jsx("sup", __spreadProps(__spreadValues({}, attributes), {
+            children
+          }));
+        }
+        case "subscript": {
+          return /* @__PURE__ */ jsx("sub", __spreadProps(__spreadValues({}, attributes), {
+            children
+          }));
+        }
+        default: {
+          return next();
+        }
+      }
+    }
+  };
+}
+const RichTextEditor = styled(forwardRef(function RichTextEditor2(_A, ref) {
+  var _B = _A, {
+    placeholder: placeholder2 = "Write some text..."
+  } = _B, restOfProps = __objRest(_B, [
+    "placeholder"
+  ]);
+  const plugins = useMemo(() => [index(), LinkPlugin(), Inlines(), DeviceOverridesBlockPlugin(), DeviceOverridesMarksPlugin()], []);
+  return /* @__PURE__ */ jsx(Editor, __spreadProps(__spreadValues({}, restOfProps), {
+    ref,
+    autoFocus: false,
+    plugins,
+    placeholder: placeholder2
+  }));
+}))`
+  ul,
+  ol {
+    margin: 0;
+  }
+`;
+const StyledRichTextEditor = styled(RichTextEditor)`
+  ${cssWidth()}
+  ${cssMargin()}
+`;
+const defaultText = {
+  document: {
+    nodes: [{
+      object: "block",
+      type: "paragraph",
+      nodes: []
+    }]
+  },
+  data: {}
+};
+const COMMIT_DEBOUNCE_DELAY = 500;
+var Text = forwardRef(function Text2({
+  id: id2,
+  text,
+  width,
+  margin
+}, ref) {
+  const [editor, setEditor] = useState(null);
+  const [propControllers, setPropControllers] = useState(null);
+  const controller = propControllers == null ? void 0 : propControllers.text;
+  useImperativeHandle(ref, () => ({
+    getBoxModel() {
+      const el = editor == null ? void 0 : editor.findDOMNode([]);
+      return el instanceof Element ? getBox(el) : null;
+    },
+    setPropControllers
+  }), [editor, setPropControllers]);
+  useEffect(() => {
+    if (editor)
+      controller == null ? void 0 : controller.setSlateEditor(editor);
+  }, [controller, editor]);
+  const [value, setValue] = useState(() => {
+    const _a = text != null ? text : defaultText, {
+      selection
+    } = _a, textWithoutSelection = __objRest(_a, [
+      "selection"
+    ]);
+    return Value.fromJSON(textWithoutSelection);
+  });
+  const [shouldCommit, setShouldCommit] = useState(true);
+  useEffect(() => {
+    if (shouldCommit) {
+      const nextValue = Value.fromJSON(text != null ? text : defaultText);
+      setValue((currentValue) => currentValue.selection.isBlurred ? Value.fromJSON(nextValue.toJSON({
+        preserveSelection: false
+      })) : nextValue);
+    }
+  }, [shouldCommit, text]);
+  useEffect(() => {
+    if (shouldCommit)
+      return;
+    const timeoutId = window.setTimeout(() => {
+      setShouldCommit(true);
+    }, COMMIT_DEBOUNCE_DELAY);
+    return () => {
+      window.clearTimeout(timeoutId);
+    };
+  }, [shouldCommit]);
+  function handleChange(change) {
+    setValue(change.value);
+    if (change.value.document !== value.document) {
+      setShouldCommit(false);
+      controller == null ? void 0 : controller.onChange(change);
+    }
+  }
+  const lastController = useRef(controller);
+  if (lastController.current !== controller)
+    lastController.current = controller;
+  const handleFocus = useCallback(() => {
+    var _a;
+    (_a = lastController.current) == null ? void 0 : _a.focus();
+  }, []);
+  const handleKeyDown = useCallback((event, _editor, next) => {
+    var _a, _b;
+    if (Hotkeys.isUndo(event)) {
+      (_a = lastController.current) == null ? void 0 : _a.undo();
+      return true;
+    }
+    if (Hotkeys.isRedo(event)) {
+      (_b = lastController.current) == null ? void 0 : _b.redo();
+      return true;
+    }
+    return next();
+  }, []);
+  const isInBuilder = useIsInBuilder();
+  return /* @__PURE__ */ jsx(StyledRichTextEditor, {
+    id: id2,
+    ref: setEditor,
+    readOnly: !isInBuilder,
+    width,
+    margin,
+    value,
+    onChange: handleChange,
+    onFocus: handleFocus,
+    onKeyDown: handleKeyDown
+  });
+});
+export { Box, Button, Carousel, Countdown, DEFAULT_BOX_ANIMATE_DELAY, DEFAULT_BOX_ANIMATE_DURATION, DEFAULT_BOX_ANIMATE_TYPE, DEFAULT_ITEM_ANIMATE_DELAY, DEFAULT_ITEM_ANIMATE_DURATION, DEFAULT_ITEM_ANIMATE_TYPE, DEFAULT_ITEM_STAGGER_DURATION, Divider, Embed, Image$1 as Image, Navigation, Root, SocialLinks, Text, cssBorder, cssBorderRadius, cssBoxShadow, cssGridItem, cssMargin, cssMediaRules, cssPadding, cssTextStyle, cssWidth };
 //# sourceMappingURL=components.es.js.map