@makeswift/runtime 0.0.0-e0c0445 → 0.0.0-e76fc43

package/dist/components.cjs.js

@@ -40,6 +40,8 @@ var client = require("@apollo/client");
 var boxModels = require("./box-models.cjs.js");
 var NextImage = require("next/image");
 var NextLink = require("next/link");
+var slate = require("slate");
+var slateReact = require("slate-react");
 require("./actions.cjs.js");
 require("./descriptors.cjs.js");
 function _interopDefaultLegacy(e2) {
@@ -200,14 +202,14 @@ var featureDefinitions = {
     "onViewportLeave"
   ])
 };
-function loadFeatures(features) {
-  for (var key2 in features) {
-    if (features[key2] === null)
+function loadFeatures(features2) {
+  for (var key2 in features2) {
+    if (features2[key2] === null)
       continue;
     if (key2 === "projectionNodeConstructor") {
-      featureDefinitions.projectionNodeConstructor = features[key2];
+      featureDefinitions.projectionNodeConstructor = features2[key2];
     } else {
-      featureDefinitions[key2].Component = features[key2];
+      featureDefinitions[key2].Component = features2[key2];
     }
   }
 }
@@ -219,7 +221,7 @@ var LazyContext = React.createContext({ strict: false });
 var featureNames = Object.keys(featureDefinitions);
 var numFeatures = featureNames.length;
 function useFeatures(props2, visualElement2, preloadedFeatures) {
-  var features = [];
+  var features2 = [];
   React.useContext(LazyContext);
   if (!visualElement2)
     return null;
@@ -227,10 +229,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__namespace.createElement(Component, __assign$1({ key: name_1 }, props2, { visualElement: visualElement2 })));
+      features2.push(React__namespace.createElement(Component, __assign$1({ key: name_1 }, props2, { visualElement: visualElement2 })));
     }
   }
-  return features;
+  return features2;
 }
 var MotionConfigContext = React.createContext({
   transformPagePoint: function(p) {
@@ -244,8 +246,8 @@ function useVisualElementContext() {
   return React.useContext(MotionContext).visualElement;
 }
 var PresenceContext = React.createContext(null);
-var isBrowser$1 = typeof window !== "undefined";
-var useIsomorphicLayoutEffect = isBrowser$1 ? React.useLayoutEffect : React.useEffect;
+var isBrowser$2 = typeof window !== "undefined";
+var useIsomorphicLayoutEffect = isBrowser$2 ? React.useLayoutEffect : React.useEffect;
 var prefersReducedMotion = { current: null };
 var hasDetected = false;
 function initPrefersReducedMotion() {
@@ -416,7 +418,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;
@@ -431,9 +433,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) => {
@@ -547,10 +549,10 @@ function findSpring({ duration = 800, bounce = 0.25, velocity = 0, mass = 1 }) {
       const delta = exponentialDecay * duration;
       const d = delta * velocity + velocity;
       const e2 = Math.pow(dampingRatio, 2) * Math.pow(undampedFreq2, 2) * duration;
-      const f = Math.exp(-delta);
+      const f2 = Math.exp(-delta);
       const g = calcAngularFreq(Math.pow(undampedFreq2, 2), dampingRatio);
       const factor = -envelope(undampedFreq2) + safeMin > 0 ? -1 : 1;
-      return factor * ((d - e2) * f) / g;
+      return factor * ((d - e2) * f2) / g;
     };
   } else {
     envelope = (undampedFreq2) => {
@@ -595,8 +597,8 @@ function calcAngularFreq(undampedFreq, dampingRatio) {
 }
 const durationKeys = ["duration", "bounce"];
 const physicsKeys = ["stiffness", "damping", "mass"];
-function isSpringType(options, keys) {
-  return keys.some((key2) => options[key2] !== void 0);
+function isSpringType(options, keys2) {
+  return keys2.some((key2) => options[key2] !== void 0);
 }
 function getSpringOptions(options) {
   let springOptions = Object.assign({ velocity: 0, stiffness: 100, damping: 10, mass: 1, isResolvedFromDuration: false }, options);
@@ -774,7 +776,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;
 }
@@ -816,8 +818,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 [name2, value] = v.slice(0, -1).split("(");
   if (name2 === "drop-shadow")
@@ -1134,10 +1136,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;
@@ -1376,8 +1378,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() {
@@ -2275,7 +2277,7 @@ var transformPropSet = new Set(transformProps);
 function isTransformProp(key2) {
   return transformPropSet.has(key2);
 }
-var transformOriginProps = new Set(["originX", "originY", "originZ"]);
+var transformOriginProps = /* @__PURE__ */ new Set(["originX", "originY", "originZ"]);
 function isTransformOriginProp(key2) {
   return transformOriginProps.has(key2);
 }
@@ -2322,7 +2324,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;
@@ -2334,8 +2336,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;
@@ -2349,7 +2351,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;
@@ -3231,16 +3233,16 @@ function createMotionComponent(_a) {
     var layoutId = useLayoutId(props2);
     props2 = __assign$1(__assign$1({}, props2), { layoutId });
     var config = React.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__namespace.createElement(VisualElementHandler, { visualElement: context.visualElement, props: __assign$1(__assign$1({}, config), props2) }, features, React__namespace.createElement(MotionContext.Provider, { value: context }, useRender(Component, props2, projectionId, useMotionRef(visualState, context.visualElement, externalRef), visualState, config.isStatic, context.visualElement)));
+    return React__namespace.createElement(VisualElementHandler, { visualElement: context.visualElement, props: __assign$1(__assign$1({}, config), props2) }, features2, React__namespace.createElement(MotionContext.Provider, { value: context }, useRender(Component, props2, projectionId, useMotionRef(visualState, context.visualElement, externalRef), visualState, config.isStatic, context.visualElement)));
   }
   return React.forwardRef(MotionComponent);
 }
@@ -3260,7 +3262,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, key2) {
       if (!componentCache.has(key2)) {
@@ -3437,7 +3439,7 @@ function useHTMLProps(props2, visualState, isStatic) {
   htmlProps.style = style;
   return htmlProps;
 }
-var validMotionProps = new Set([
+var validMotionProps = /* @__PURE__ */ new Set([
   "initial",
   "animate",
   "exit",
@@ -3547,11 +3549,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"]);
@@ -3620,7 +3622,7 @@ function renderHTML(element, _a, styleProp, projection) {
     element.style.setProperty(key2, vars[key2]);
   }
 }
-var camelCaseAttributes = new Set([
+var camelCaseAttributes = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -3721,8 +3723,8 @@ function makeLatestValues(props2, context, presenceContext, scrapeMotionValues)
       for (var key3 in target) {
         var valueTarget = target[key3];
         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[key3] = valueTarget;
@@ -3861,13 +3863,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",
@@ -4016,8 +4018,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);
@@ -4427,7 +4429,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) {
@@ -4828,7 +4830,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;
@@ -5264,8 +5266,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;
@@ -5306,10 +5308,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,
@@ -5550,7 +5552,7 @@ function resolveCSSVariables(visualElement2, _a, transitionEnd) {
   }
   return { target, transitionEnd };
 }
-var positionalKeys = new Set([
+var positionalKeys = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -5603,7 +5605,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(key2) {
   return !transformKeys.has(key2);
 });
@@ -6056,7 +6058,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);
@@ -6197,6 +6199,43 @@ const PAGE_PATHNAMES_BY_ID = client.gql`
     }
   }
 `;
+const TYPOGRAPHY_FRAGMENT = client.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 = client.gql`
+  query TypographiesById($ids: [ID!]!) {
+    typographies(ids: $ids) {
+      ...Typography
+    }
+  }
+
+  ${TYPOGRAPHY_FRAGMENT}
+`;
 function isNonNullable(value) {
   return value != null;
 }
@@ -6237,7 +6276,7 @@ function useBackgrounds(value) {
         value: backgrounds.map((bg) => {
           if (bg.type === "image" && bg.payload != null && bg.payload.imageId != null) {
             const _a2 = bg.payload, { imageId } = _a2, restOfPayload = __objRest(_a2, ["imageId"]);
-            const file = files.find((f) => f && f.id === imageId);
+            const file = files.find((f2) => f2 && f2.id === imageId);
             return file && {
               id: bg.id,
               type: "image",
@@ -6389,6 +6428,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((key2) => {
+    merged[key2] = coalesce(merged[key2], b2[key2]);
+  });
+  return merged;
+}
 const DEVICES = [
   { id: "desktop", minWidth: 769 },
   { id: "tablet", minWidth: 476, maxWidth: 768 },
@@ -6403,6 +6459,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));
@@ -6699,11 +6761,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;
@@ -7439,20 +7501,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, key2, value) {
+function _defineProperty$2(obj, key2, value) {
   if (key2 in obj) {
     Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true });
   } else {
@@ -7462,7 +7524,7 @@ function _defineProperty(obj, key2, 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() {
       };
@@ -7486,7 +7548,7 @@ function _createForOfIteratorHelper(o) {
   }, e: function e2(_e3) {
     didErr = true;
     err = _e3;
-  }, f: function f() {
+  }, f: function f2() {
     try {
       if (!normalCompletion && it["return"] != null)
         it["return"]();
@@ -7496,26 +7558,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++) {
@@ -7523,7 +7585,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 = [];
@@ -7550,7 +7612,7 @@ function _iterableToArrayLimit(arr, i) {
   }
   return _arr;
 }
-function _arrayWithHoles(arr) {
+function _arrayWithHoles$1(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -7575,7 +7637,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")
@@ -7649,13 +7711,13 @@ function getSDK(url, sdkGlobal) {
 }
 function getConfig(props2, defaultProps2, showWarning) {
   var config = (0, _deepmerge["default"])(defaultProps2.config, props2.config);
-  var _iterator = _createForOfIteratorHelper(_props.DEPRECATED_CONFIG_PROPS), _step;
+  var _iterator4 = _createForOfIteratorHelper(_props.DEPRECATED_CONFIG_PROPS), _step4;
   try {
-    for (_iterator.s(); !(_step = _iterator.n()).done; ) {
-      var p = _step.value;
+    for (_iterator4.s(); !(_step4 = _iterator4.n()).done; ) {
+      var p = _step4.value;
       if (props2[p]) {
         var key2 = p.replace(/Config$/, "");
-        config = (0, _deepmerge["default"])(config, _defineProperty({}, key2, props2[p]));
+        config = (0, _deepmerge["default"])(config, _defineProperty$2({}, key2, 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);
@@ -7664,21 +7726,21 @@ function getConfig(props2, defaultProps2, showWarning) {
       }
     }
   } catch (err) {
-    _iterator.e(err);
+    _iterator4.e(err);
   } finally {
-    _iterator.f();
+    _iterator4.f();
   }
   return config;
 }
 function omit(object2) {
-  var _ref;
+  var _ref7;
   for (var _len = arguments.length, arrays = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     arrays[_key - 1] = arguments[_key];
   }
-  var omitKeys = (_ref = []).concat.apply(_ref, arrays);
+  var omitKeys = (_ref7 = []).concat.apply(_ref7, 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 key2 = _keys[_i2];
     if (omitKeys.indexOf(key2) === -1) {
       output[key2] = object2[key2];
@@ -7704,7 +7766,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") {
@@ -7756,7 +7818,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;
     };
@@ -8188,7 +8250,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;
     };
@@ -8250,29 +8312,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(key2) {
+        ownKeys2(Object(source), true).forEach(function(key2) {
           _defineProperty2(target, key2, source[key2]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key2) {
+        ownKeys2(Object(source)).forEach(function(key2) {
           Object.defineProperty(target, key2, Object.getOwnPropertyDescriptor(source, key2));
         });
       }
@@ -8435,7 +8497,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
             })
@@ -8464,7 +8526,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;
     };
@@ -8512,29 +8574,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(key2) {
+        ownKeys2(Object(source), true).forEach(function(key2) {
           _defineProperty2(target, key2, source[key2]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key2) {
+        ownKeys2(Object(source)).forEach(function(key2) {
           Object.defineProperty(target, key2, Object.getOwnPropertyDescriptor(source, key2));
         });
       }
@@ -8715,8 +8777,8 @@ var Player = {};
       }
       _this = _super.call.apply(_super, [this].concat(args));
       _defineProperty2(_assertThisInitialized2(_this), "callPlayer", _utils.callPlayer);
-      _defineProperty2(_assertThisInitialized2(_this), "onStateChange", function(_ref) {
-        var data = _ref.data;
+      _defineProperty2(_assertThisInitialized2(_this), "onStateChange", function(_ref7) {
+        var data = _ref7.data;
         var _this$props = _this.props, onPlay2 = _this$props.onPlay, onPause2 = _this$props.onPause, onBuffer2 = _this$props.onBuffer, onBufferEnd2 = _this$props.onBufferEnd, onEnded2 = _this$props.onEnded, onReady2 = _this$props.onReady, loop = _this$props.loop;
         var _window$SDK_GLOBAL$Pl = window[SDK_GLOBAL].PlayerState, PLAYING = _window$SDK_GLOBAL$Pl.PLAYING, PAUSED = _window$SDK_GLOBAL$Pl.PAUSED, BUFFERING = _window$SDK_GLOBAL$Pl.BUFFERING, ENDED = _window$SDK_GLOBAL$Pl.ENDED, CUED = _window$SDK_GLOBAL$Pl.CUED;
         if (data === PLAYING) {
@@ -8772,11 +8834,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,
@@ -8896,7 +8958,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;
     };
@@ -8944,29 +9006,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(key2) {
+        ownKeys2(Object(source), true).forEach(function(key2) {
           _defineProperty2(target, key2, source[key2]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key2) {
+        ownKeys2(Object(source)).forEach(function(key2) {
           Object.defineProperty(target, key2, Object.getOwnPropertyDescriptor(source, key2));
         });
       }
@@ -9116,7 +9178,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;
@@ -9209,7 +9271,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;
     };
@@ -9257,29 +9319,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(key2) {
+        ownKeys2(Object(source), true).forEach(function(key2) {
           _defineProperty2(target, key2, source[key2]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key2) {
+        ownKeys2(Object(source)).forEach(function(key2) {
           Object.defineProperty(target, key2, Object.getOwnPropertyDescriptor(source, key2));
         });
       }
@@ -9415,7 +9477,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,
@@ -9442,12 +9504,12 @@ var Vimeo = {};
           });
           _this2.player.on("ended", _this2.props.onEnded);
           _this2.player.on("error", _this2.props.onError);
-          _this2.player.on("timeupdate", function(_ref) {
-            var seconds = _ref.seconds;
+          _this2.player.on("timeupdate", function(_ref7) {
+            var seconds = _ref7.seconds;
             _this2.currentTime = seconds;
           });
-          _this2.player.on("progress", function(_ref2) {
-            var seconds = _ref2.seconds;
+          _this2.player.on("progress", function(_ref22) {
+            var seconds = _ref22.seconds;
             _this2.secondsLoaded = seconds;
           });
         }, this.props.onError);
@@ -9559,7 +9621,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;
     };
@@ -9842,7 +9904,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;
     };
@@ -10023,13 +10085,13 @@ var Streamable = {};
           _this2.player.on("seeked", _this2.props.onSeek);
           _this2.player.on("ended", _this2.props.onEnded);
           _this2.player.on("error", _this2.props.onError);
-          _this2.player.on("timeupdate", function(_ref) {
-            var duration = _ref.duration, seconds = _ref.seconds;
+          _this2.player.on("timeupdate", function(_ref7) {
+            var duration = _ref7.duration, seconds = _ref7.seconds;
             _this2.duration = duration;
             _this2.currentTime = seconds;
           });
-          _this2.player.on("buffered", function(_ref2) {
-            var percent2 = _ref2.percent;
+          _this2.player.on("buffered", function(_ref22) {
+            var percent2 = _ref22.percent;
             if (_this2.duration) {
               _this2.secondsLoaded = _this2.duration * percent2;
             }
@@ -10126,7 +10188,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;
     };
@@ -10174,29 +10236,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(key2) {
+        ownKeys2(Object(source), true).forEach(function(key2) {
           _defineProperty2(target, key2, source[key2]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key2) {
+        ownKeys2(Object(source)).forEach(function(key2) {
           Object.defineProperty(target, key2, Object.getOwnPropertyDescriptor(source, key2));
         });
       }
@@ -10345,7 +10407,7 @@ var Wistia = {};
           window._wq = window._wq || [];
           window._wq.push({
             id: _this2.getID(url),
-            options: _objectSpread({
+            options: _objectSpread2({
               autoPlay: playing,
               silentAutoPlay: "allow",
               muted,
@@ -10459,7 +10521,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;
     };
@@ -10507,29 +10569,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(key2) {
+        ownKeys2(Object(source), true).forEach(function(key2) {
           _defineProperty2(target, key2, source[key2]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key2) {
+        ownKeys2(Object(source)).forEach(function(key2) {
           Object.defineProperty(target, key2, Object.getOwnPropertyDescriptor(source, key2));
         });
       }
@@ -10667,7 +10729,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%",
@@ -10765,7 +10827,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;
     };
@@ -10813,29 +10875,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(key2) {
+        ownKeys2(Object(source), true).forEach(function(key2) {
           _defineProperty2(target, key2, source[key2]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key2) {
+        ownKeys2(Object(source)).forEach(function(key2) {
           Object.defineProperty(target, key2, Object.getOwnPropertyDescriptor(source, key2));
         });
       }
@@ -11043,7 +11105,7 @@ var DailyMotion = {};
             width: "100%",
             height: "100%",
             video: id2,
-            params: _objectSpread({
+            params: _objectSpread2({
               controls,
               autoplay: _this2.props.playing,
               mute: _this2.props.muted,
@@ -11148,7 +11210,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;
     };
@@ -11196,29 +11258,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(key2) {
+        ownKeys2(Object(source), true).forEach(function(key2) {
           _defineProperty2(target, key2, source[key2]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key2) {
+        ownKeys2(Object(source)).forEach(function(key2) {
           Object.defineProperty(target, key2, Object.getOwnPropertyDescriptor(source, key2));
         });
       }
@@ -11407,7 +11469,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", {
@@ -11445,7 +11507,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;
     };
@@ -11623,7 +11685,7 @@ var FilePlayer = {};
     }, e: function e2(_e2) {
       didErr = true;
       err = _e2;
-    }, f: function f() {
+    }, f: function f2() {
       try {
         if (!normalCompletion && it["return"] != null)
           it["return"]();
@@ -11666,10 +11728,10 @@ var FilePlayer = {};
   var MATCH_DROPBOX_URL = /www\.dropbox\.com\/.+/;
   function canPlay(url) {
     if (url instanceof Array) {
-      var _iterator = _createForOfIteratorHelper2(url), _step;
+      var _iterator4 = _createForOfIteratorHelper2(url), _step4;
       try {
-        for (_iterator.s(); !(_step = _iterator.n()).done; ) {
-          var item = _step.value;
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done; ) {
+          var item = _step4.value;
           if (typeof item === "string" && canPlay(item)) {
             return true;
           }
@@ -11678,9 +11740,9 @@ var FilePlayer = {};
           }
         }
       } catch (err) {
-        _iterator.e(err);
+        _iterator4.e(err);
       } finally {
-        _iterator.f();
+        _iterator4.f();
       }
       return false;
     }
@@ -11765,20 +11827,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) {
@@ -12063,7 +12125,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;
     };
@@ -12111,29 +12173,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(key2) {
+        ownKeys2(Object(source), true).forEach(function(key2) {
           _defineProperty2(target, key2, source[key2]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key2) {
+        ownKeys2(Object(source)).forEach(function(key2) {
           Object.defineProperty(target, key2, Object.getOwnPropertyDescriptor(source, key2));
         });
       }
@@ -12268,9 +12330,9 @@ var Preview = {};
       }
     }, {
       key: "fetchImage",
-      value: function fetchImage(_ref) {
+      value: function fetchImage(_ref7) {
         var _this2 = this;
-        var url = _ref.url, light = _ref.light;
+        var url = _ref7.url, light = _ref7.light;
         if (typeof light === "string") {
           this.setState({
             image: light
@@ -12302,7 +12364,7 @@ var Preview = {};
           justifyContent: "center"
         };
         var styles = {
-          preview: _objectSpread({
+          preview: _objectSpread2({
             width: "100%",
             height: "100%",
             backgroundImage: image ? "url(".concat(image, ")") : void 0,
@@ -12310,7 +12372,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,
@@ -12382,7 +12444,7 @@ var preload = {};
     }, e: function e2(_e2) {
       didErr = true;
       err = _e2;
-    }, f: function f() {
+    }, f: function f2() {
       try {
         if (!normalCompletion && it["return"] != null)
           it["return"]();
@@ -12432,10 +12494,10 @@ var preload = {};
   }];
   function renderPreloadPlayers(url, controls, config) {
     var players2 = [];
-    var _iterator = _createForOfIteratorHelper2(PRELOAD_PLAYERS), _step;
+    var _iterator4 = _createForOfIteratorHelper2(PRELOAD_PLAYERS), _step4;
     try {
-      for (_iterator.s(); !(_step = _iterator.n()).done; ) {
-        var player = _step.value;
+      for (_iterator4.s(); !(_step4 = _iterator4.n()).done; ) {
+        var player = _step4.value;
         if (!player.Player.canPlay(url) && config[player.configKey].preload) {
           players2.push(/* @__PURE__ */ _react2["default"].createElement(_Player["default"], {
             key: player.Player.displayName,
@@ -12449,9 +12511,9 @@ var preload = {};
         }
       }
     } catch (err) {
-      _iterator.e(err);
+      _iterator4.e(err);
     } finally {
-      _iterator.f();
+      _iterator4.f();
     }
     return players2;
   }
@@ -12544,7 +12606,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;
     };
@@ -12592,29 +12654,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(key2) {
+        ownKeys2(Object(source), true).forEach(function(key2) {
           _defineProperty2(target, key2, source[key2]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function(key2) {
+        ownKeys2(Object(source)).forEach(function(key2) {
           Object.defineProperty(target, key2, Object.getOwnPropertyDescriptor(source, key2));
         });
       }
@@ -12902,7 +12964,7 @@ var preload = {};
         });
         return /* @__PURE__ */ _react2["default"].createElement(Wrapper2, _extends2({
           ref: this.wrapperRef,
-          style: _objectSpread({}, style, {
+          style: _objectSpread2({}, style, {
             width,
             height
           })
@@ -13351,9 +13413,9 @@ var Box = React.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__ */ jsxRuntime.jsx(GridItem$1, {
+      children: children && children.elements.length > 0 ? children.elements.map((child, index2) => /* @__PURE__ */ jsxRuntime.jsx(GridItem$1, {
         grid: children.columns,
-        index,
+        index: index2,
         columnGap,
         rowGap,
         alignItems: verticalAlign,
@@ -13527,14 +13589,14 @@ var isArrayish$1 = function isArrayish2(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 isArrayish = isArrayish$1;
-var concat = Array.prototype.concat;
+var concat$1 = Array.prototype.concat;
 var slice = Array.prototype.slice;
 var swizzle$1 = simpleSwizzle.exports = function swizzle2(args) {
   var results = [];
   for (var i = 0, len = args.length; i < len; i++) {
     var arg = args[i];
     if (isArrayish(arg)) {
-      results = concat.call(results, slice.call(arg));
+      results = concat$1.call(results, slice.call(arg));
     } else {
       results.push(arg);
     }
@@ -13550,9 +13612,9 @@ var colorNames = colorName$1;
 var swizzle = 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 = {
@@ -14131,10 +14193,10 @@ convert$2.hsv.rgb = function(hsv) {
   var s = hsv[1] / 100;
   var v = hsv[2] / 100;
   var hi = Math.floor(h) % 6;
-  var f = h - Math.floor(h);
+  var f2 = h - Math.floor(h);
   var p = 255 * v * (1 - s);
-  var q = 255 * v * (1 - s * f);
-  var t2 = 255 * v * (1 - s * (1 - f));
+  var q = 255 * v * (1 - s * f2);
+  var t2 = 255 * v * (1 - s * (1 - f2));
   v *= 255;
   switch (hi) {
     case 0:
@@ -14174,7 +14236,7 @@ convert$2.hwb.rgb = function(hwb) {
   var ratio = wh + bl;
   var i;
   var v;
-  var f;
+  var f2;
   var n2;
   if (ratio > 1) {
     wh /= ratio;
@@ -14182,11 +14244,11 @@ convert$2.hwb.rgb = function(hwb) {
   }
   i = Math.floor(6 * h);
   v = 1 - bl;
-  f = 6 * h - i;
+  f2 = 6 * h - i;
   if ((i & 1) !== 0) {
-    f = 1 - f;
+    f2 = 1 - f2;
   }
-  n2 = wh + f * (v - wh);
+  n2 = wh + f2 * (v - wh);
   var r2;
   var g;
   var b2;
@@ -14437,26 +14499,26 @@ convert$2.hsl.hcg = function(hsl) {
   var s = hsl[1] / 100;
   var l = hsl[2] / 100;
   var c2 = 1;
-  var f = 0;
+  var f2 = 0;
   if (l < 0.5) {
     c2 = 2 * s * l;
   } else {
     c2 = 2 * s * (1 - l);
   }
   if (c2 < 1) {
-    f = (l - 0.5 * c2) / (1 - c2);
+    f2 = (l - 0.5 * c2) / (1 - c2);
   }
-  return [hsl[0], c2 * 100, f * 100];
+  return [hsl[0], c2 * 100, f2 * 100];
 };
 convert$2.hsv.hcg = function(hsv) {
   var s = hsv[1] / 100;
   var v = hsv[2] / 100;
   var c2 = s * v;
-  var f = 0;
+  var f2 = 0;
   if (c2 < 1) {
-    f = (v - c2) / (1 - c2);
+    f2 = (v - c2) / (1 - c2);
   }
-  return [hsv[0], c2 * 100, f * 100];
+  return [hsv[0], c2 * 100, f2 * 100];
 };
 convert$2.hcg.rgb = function(hcg) {
   var h = hcg[0] / 360;
@@ -14512,11 +14574,11 @@ convert$2.hcg.hsv = function(hcg) {
   var c2 = hcg[1] / 100;
   var g = hcg[2] / 100;
   var v = c2 + g * (1 - c2);
-  var f = 0;
+  var f2 = 0;
   if (v > 0) {
-    f = c2 / v;
+    f2 = c2 / v;
   }
-  return [hcg[0], f * 100, v * 100];
+  return [hcg[0], f2 * 100, v * 100];
 };
 convert$2.hcg.hsl = function(hcg) {
   var c2 = hcg[1] / 100;
@@ -14752,12 +14814,12 @@ function Color(obj, model2) {
     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));
     }
@@ -15091,8 +15153,8 @@ function compute(e2, i) {
   };
   if (!t(e2))
     throw new TypeError("Invalid target");
-  for (var f = document.scrollingElement || document.documentElement, s = [], p = e2; t(p) && c2(p); ) {
-    if ((p = p.parentElement) === f) {
+  for (var f2 = document.scrollingElement || document.documentElement, s = [], p = e2; t(p) && c2(p); ) {
+    if ((p = p.parentElement) === f2) {
       s.push(p);
       break;
     }
@@ -15103,7 +15165,7 @@ function compute(e2, i) {
     if (l === "if-needed" && y >= 0 && V >= 0 && M <= g && E <= m && y >= R && M <= Y && V >= L && E <= X)
       return C;
     var S = getComputedStyle(k), j = parseInt(S.borderLeftWidth, 10), q = parseInt(S.borderTopWidth, 10), z = parseInt(S.borderRightWidth, 10), A = parseInt(S.borderBottomWidth, 10), F = 0, G = 0, J = "offsetWidth" in k ? k.offsetWidth - k.clientWidth - j - z : 0, K = "offsetHeight" in k ? k.offsetHeight - k.clientHeight - q - A : 0;
-    if (f === k)
+    if (f2 === k)
       F = d === "start" ? x : d === "end" ? x - g : d === "nearest" ? r(v, v + g, g, q, A, v + x, v + x + b2, b2) : x - g / 2, G = u === "start" ? I : u === "center" ? I - m / 2 : u === "end" ? I - m : r(w, w + m, m, j, z, w + I, w + I + H, H), F = Math.max(0, F + v), G = Math.max(0, G + w);
     else {
       F = d === "start" ? x - R - q : d === "end" ? x - Y + A + K : d === "nearest" ? r(R, Y, D, q, A + K, x, x + b2, b2) : x - (R + D / 2) + K / 2, G = u === "start" ? I - L - j : u === "center" ? I - (L + O / 2) + J / 2 : u === "end" ? I - X + z + J : r(L, X, O, j, z + J, I, I + H, H);
@@ -15122,8 +15184,8 @@ function defaultBehavior(actions, behavior) {
     behavior = "auto";
   }
   var canSmoothScroll = "scrollBehavior" in document.body.style;
-  actions.forEach(function(_ref) {
-    var el = _ref.el, top = _ref.top, left = _ref.left;
+  actions.forEach(function(_ref7) {
+    var el = _ref7.el, top = _ref7.top, left = _ref7.left;
     if (el.scroll && canSmoothScroll) {
       el.scroll({
         top,
@@ -15612,20 +15674,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++)
@@ -15635,7 +15697,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;
@@ -15667,8 +15729,8 @@ function chainFns() {
     return fns[0];
   return function() {
     var result;
-    for (var _iterator = _createForOfIteratorHelperLoose(fns), _step; !(_step = _iterator()).done; ) {
-      var fn = _step.value;
+    for (var _iterator4 = _createForOfIteratorHelperLoose(fns), _step4; !(_step4 = _iterator4()).done; ) {
+      var fn = _step4.value;
       result = fn.apply(this, arguments) || result;
     }
     return result;
@@ -15762,7 +15824,7 @@ function getPointerEventValues(event, transform) {
     transform = identity;
   }
   var touchEvents = getEventTouches(event);
-  var _ref = touchEvents ? touchEvents[0] : event, clientX = _ref.clientX, clientY = _ref.clientY;
+  var _ref7 = touchEvents ? touchEvents[0] : event, clientX = _ref7.clientX, clientY = _ref7.clientY;
   return transform([clientX, clientY]);
 }
 function getTwoTouchesEventValues(event, pointerIds, transform) {
@@ -15883,7 +15945,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) {
@@ -15902,12 +15964,12 @@ var InternalGenericOptionsNormalizers = {
     return window2;
   }(function(value) {
     if (value === void 0) {
-      value = isBrowser ? window : void 0;
+      value = isBrowser$1 ? window : void 0;
     }
     return value;
   }),
   eventOptions: function eventOptions(_temp) {
-    var _ref = _temp === void 0 ? {} : _temp, _ref$passive = _ref.passive, passive = _ref$passive === void 0 ? true : _ref$passive, _ref$capture = _ref.capture, capture = _ref$capture === void 0 ? false : _ref$capture;
+    var _ref7 = _temp === void 0 ? {} : _temp, _ref$passive = _ref7.passive, passive = _ref$passive === void 0 ? true : _ref$passive, _ref$capture = _ref7.capture, capture = _ref$capture === void 0 ? false : _ref$capture;
     return {
       passive,
       capture
@@ -15916,8 +15978,8 @@ var InternalGenericOptionsNormalizers = {
   transform: true
 };
 var InternalDistanceAngleOptionsNormalizers = /* @__PURE__ */ _extends$s({}, InternalGestureOptionsNormalizers, {
-  bounds: function bounds2(_value, _key, _ref2) {
-    var _ref2$distanceBounds = _ref2.distanceBounds, distanceBounds = _ref2$distanceBounds === void 0 ? {} : _ref2$distanceBounds, _ref2$angleBounds = _ref2.angleBounds, angleBounds = _ref2$angleBounds === void 0 ? {} : _ref2$angleBounds;
+  bounds: function bounds2(_value, _key, _ref22) {
+    var _ref2$distanceBounds = _ref22.distanceBounds, distanceBounds = _ref2$distanceBounds === void 0 ? {} : _ref2$distanceBounds, _ref2$angleBounds = _ref22.angleBounds, angleBounds = _ref2$angleBounds === void 0 ? {} : _ref2$angleBounds;
     var _distanceBounds = function _distanceBounds2(state) {
       var D = assignDefault(valueFn(distanceBounds, state), {
         min: -Infinity,
@@ -15958,8 +16020,8 @@ var InternalDragOptionsNormalizers = /* @__PURE__ */ _extends$s({}, InternalCoor
     }
     return value;
   },
-  threshold: function threshold2(v, _k, _ref3) {
-    var _ref3$filterTaps = _ref3.filterTaps, filterTaps = _ref3$filterTaps === void 0 ? false : _ref3$filterTaps, _ref3$lockDirection = _ref3.lockDirection, lockDirection2 = _ref3$lockDirection === void 0 ? false : _ref3$lockDirection, _ref3$axis = _ref3.axis, axis = _ref3$axis === void 0 ? void 0 : _ref3$axis;
+  threshold: function threshold2(v, _k, _ref32) {
+    var _ref3$filterTaps = _ref32.filterTaps, filterTaps = _ref3$filterTaps === void 0 ? false : _ref3$filterTaps, _ref3$lockDirection = _ref32.lockDirection, lockDirection2 = _ref3$lockDirection === void 0 ? false : _ref3$lockDirection, _ref3$axis = _ref32.axis, axis = _ref3$axis === void 0 ? void 0 : _ref3$axis;
     var A = ensureVector(v, filterTaps ? 3 : lockDirection2 ? 1 : axis ? 1 : 0);
     this.filterTaps = filterTaps;
     return A;
@@ -16025,7 +16087,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({
@@ -16294,14 +16356,14 @@ function getIntentionalDisplacement(movement, threshold3) {
     return false;
   }
 }
-function computeRubberband(bounds3, _ref, _ref2) {
-  var Vx = _ref[0], Vy = _ref[1];
-  var Rx = _ref2[0], Ry = _ref2[1];
+function computeRubberband(bounds3, _ref7, _ref22) {
+  var Vx = _ref7[0], Vy = _ref7[1];
+  var Rx = _ref22[0], Ry = _ref22[1];
   var _bounds$ = bounds3[0], X1 = _bounds$[0], X2 = _bounds$[1], _bounds$2 = bounds3[1], Y1 = _bounds$2[0], Y2 = _bounds$2[1];
   return [rubberbandIfOutOfBounds(Vx, X1, X2, Rx), rubberbandIfOutOfBounds(Vy, Y1, Y2, Ry)];
 }
-function getGenericPayload(_ref3, event, isStartEvent) {
-  var state = _ref3.state;
+function getGenericPayload(_ref32, event, isStartEvent) {
+  var state = _ref32.state;
   var timeStamp = event.timeStamp, _lastEventType = event.type;
   var previous = state.values;
   var elapsedTime = isStartEvent ? 0 : timeStamp - state.startTime;
@@ -16313,8 +16375,8 @@ function getGenericPayload(_ref3, event, isStartEvent) {
     previous
   };
 }
-function getStartGestureState(_ref4, values, event, initial2) {
-  var state = _ref4.state, config = _ref4.config, stateKey = _ref4.stateKey, args = _ref4.args, transform = _ref4.transform;
+function getStartGestureState(_ref42, values, event, initial2) {
+  var state = _ref42.state, config = _ref42.config, stateKey = _ref42.stateKey, args = _ref42.args, transform = _ref42.transform;
   var offset = state.offset;
   var startTime = event.timeStamp;
   var initialFn = config.initial, bounds3 = config.bounds, threshold3 = config.threshold;
@@ -16337,8 +16399,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() {
@@ -16346,8 +16408,8 @@ var Controller = function Controller2(classes) {
       args[_key] = arguments[_key];
     }
     var bindings = {};
-    for (var _iterator = _createForOfIteratorHelperLoose(_this.classes), _step; !(_step = _iterator()).done; ) {
-      var RecognizerClass = _step.value;
+    for (var _iterator4 = _createForOfIteratorHelperLoose(_this.classes), _step4; !(_step4 = _iterator4()).done; ) {
+      var RecognizerClass = _step4.value;
       new RecognizerClass(_this, args).addBindings(bindings);
     }
     var _loop = function _loop2(eventKey2) {
@@ -16412,8 +16474,8 @@ function clearAllWindowListeners(controller) {
   }
   controller.windowListeners = {};
 }
-function clearWindowListeners(_ref, stateKey, options) {
-  var config = _ref.config, windowListeners = _ref.windowListeners;
+function clearWindowListeners(_ref7, stateKey, options) {
+  var config = _ref7.config, windowListeners = _ref7.windowListeners;
   if (options === void 0) {
     options = config.eventOptions;
   }
@@ -16422,8 +16484,8 @@ function clearWindowListeners(_ref, stateKey, options) {
   removeListeners(config.window, windowListeners[stateKey], options);
   delete windowListeners[stateKey];
 }
-function updateWindowListeners(_ref2, stateKey, listeners, options) {
-  var config = _ref2.config, windowListeners = _ref2.windowListeners;
+function updateWindowListeners(_ref22, stateKey, listeners, options) {
+  var config = _ref22.config, windowListeners = _ref22.windowListeners;
   if (listeners === void 0) {
     listeners = [];
   }
@@ -16435,8 +16497,8 @@ function updateWindowListeners(_ref2, stateKey, listeners, options) {
   removeListeners(config.window, windowListeners[stateKey], options);
   addListeners(config.window, windowListeners[stateKey] = listeners, options);
 }
-function updateDomListeners(_ref3, bindings) {
-  var config = _ref3.config, domListeners = _ref3.domListeners;
+function updateDomListeners(_ref32, bindings) {
+  var config = _ref32.config, domListeners = _ref32.domListeners;
   var domTarget = getDomTargetFromConfig(config);
   if (!domTarget)
     throw new Error("domTarget must be defined");
@@ -16449,8 +16511,8 @@ function updateDomListeners(_ref3, bindings) {
   }
   addListeners(domTarget, domListeners, eventOptions2);
 }
-function getPropsListener(_ref4, bindings) {
-  var config = _ref4.config;
+function getPropsListener(_ref42, bindings) {
+  var config = _ref42.config;
   var props2 = {};
   var captureString = config.eventOptions.capture ? "Capture" : "";
   for (var _i2 = 0, _Object$entries2 = Object.entries(bindings); _i2 < _Object$entries2.length; _i2++) {
@@ -16467,8 +16529,8 @@ function takeAll(array2) {
   }
   return array2.splice(0, array2.length);
 }
-function getDomTargetFromConfig(_ref5) {
-  var domTarget = _ref5.domTarget;
+function getDomTargetFromConfig(_ref52) {
+  var domTarget = _ref52.domTarget;
   return domTarget && "current" in domTarget ? domTarget.current : domTarget;
 }
 function addBindings(bindings, name2, fn) {
@@ -16483,8 +16545,8 @@ function addListeners(el, listeners, options) {
   if (options === void 0) {
     options = {};
   }
-  for (var _iterator2 = _createForOfIteratorHelperLoose(listeners), _step2; !(_step2 = _iterator2()).done; ) {
-    var _step2$value = _step2.value, eventName = _step2$value[0], eventHandler = _step2$value[1];
+  for (var _iterator22 = _createForOfIteratorHelperLoose(listeners), _step22; !(_step22 = _iterator22()).done; ) {
+    var _step2$value = _step22.value, eventName = _step2$value[0], eventHandler = _step2$value[1];
     el.addEventListener(eventName, eventHandler, options);
   }
 }
@@ -16495,8 +16557,8 @@ function removeListeners(el, listeners, options) {
   if (options === void 0) {
     options = {};
   }
-  for (var _iterator3 = _createForOfIteratorHelperLoose(listeners), _step3; !(_step3 = _iterator3()).done; ) {
-    var _step3$value = _step3.value, eventName = _step3$value[0], eventHandler = _step3$value[1];
+  for (var _iterator32 = _createForOfIteratorHelperLoose(listeners), _step32; !(_step32 = _iterator32()).done; ) {
+    var _step3$value = _step32.value, eventName = _step3$value[0], eventHandler = _step3$value[1];
     el.removeEventListener(eventName, eventHandler, options);
   }
 }
@@ -16519,7 +16581,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)
@@ -17217,7 +17279,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 key2 in handlers) {
     if (RE_NOT_NATIVE.test(key2)) {
       actions.add(RegExp.lastMatch);
@@ -17776,9 +17838,9 @@ var Carousel = React.forwardRef(function Carousel2({
   slideBorder,
   slideBorderRadius
 }, ref) {
-  const [index, setIndex] = React.useState(0);
+  const [index2, setIndex] = React.useState(0);
   const swipe = React.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;
@@ -17792,8 +17854,8 @@ var Carousel = React.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: ({
@@ -17927,7 +17989,7 @@ var Carousel = React.forwardRef(function Carousel2({
     })]
   });
 });
-const Block = styled__default["default"].div`
+const Block$1 = styled__default["default"].div`
   display: block;
   padding: 0.5em;
   font-size: 1em;
@@ -17986,7 +18048,7 @@ const Container$5 = styled__default["default"].div`
         `)}
   }
 
-  ${Block} {
+  ${Block$1} {
     ${(p) => cssMediaRules([p.shape], ([shape2 = "rounded"]) => {
   switch (shape2) {
     case "pill":
@@ -18194,7 +18256,7 @@ var Countdown = React.forwardRef(function Countdown2({
     blockColor: useColor(blockColor),
     gap,
     children: [/* @__PURE__ */ jsxRuntime.jsxs(Segment, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Block, {
+      children: [/* @__PURE__ */ jsxRuntime.jsx(Block$1, {
         children: /* @__PURE__ */ jsxRuntime.jsx("span", {
           children: days
         })
@@ -18202,7 +18264,7 @@ var Countdown = React.forwardRef(function Countdown2({
         children: daysLabel == null ? "Days" : daysLabel
       })]
     }), /* @__PURE__ */ jsxRuntime.jsxs(Segment, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Block, {
+      children: [/* @__PURE__ */ jsxRuntime.jsx(Block$1, {
         children: /* @__PURE__ */ jsxRuntime.jsx("span", {
           children: hours
         })
@@ -18210,7 +18272,7 @@ var Countdown = React.forwardRef(function Countdown2({
         children: hoursLabel == null ? "Hours" : hoursLabel
       })]
     }), /* @__PURE__ */ jsxRuntime.jsxs(Segment, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Block, {
+      children: [/* @__PURE__ */ jsxRuntime.jsx(Block$1, {
         children: /* @__PURE__ */ jsxRuntime.jsx("span", {
           children: minutes
         })
@@ -18218,7 +18280,7 @@ var Countdown = React.forwardRef(function Countdown2({
         children: minutesLabel == null ? "Minutes" : minutesLabel
       })]
     }), /* @__PURE__ */ jsxRuntime.jsxs(Segment, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Block, {
+      children: [/* @__PURE__ */ jsxRuntime.jsx(Block$1, {
         children: /* @__PURE__ */ jsxRuntime.jsx("span", {
           children: seconds
         })
@@ -18716,7 +18778,7 @@ const DropDownMenu = styled__default["default"].div`
 const ButtonLink$1 = styled__default["default"](Button)`
   margin: 8px 0;
 `;
-const StyledLink$1 = styled__default["default"](Link)`
+const StyledLink$2 = styled__default["default"](Link)`
   text-decoration: none;
   line-height: 1.4;
   padding: 8px 16px;
@@ -18732,7 +18794,7 @@ function DropDownItem(_s) {
   } = _t, restOfProps = __objRest(_t, [
     "color"
   ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledLink$1, __spreadProps(__spreadValues({}, restOfProps), {
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledLink$2, __spreadProps(__spreadValues({}, restOfProps), {
     color: useColor(color2)
   }));
 }
@@ -18974,8 +19036,8 @@ var Navigation = React.forwardRef(function Navigation2({
   });
 });
 function normalize() {
-  var _ref;
-  return [(_ref = {
+  var _ref7;
+  return [(_ref7 = {
     html: {
       lineHeight: "1.15",
       textSizeAdjust: "100%"
@@ -19003,75 +19065,75 @@ function normalize() {
       borderBottom: "none",
       textDecoration: "underline"
     }
-  }, _ref["b,\n    strong"] = {
+  }, _ref7["b,\n    strong"] = {
     fontWeight: "bolder"
-  }, _ref["code,\n    kbd,\n    samp"] = {
+  }, _ref7["code,\n    kbd,\n    samp"] = {
     fontFamily: "monospace, monospace",
     fontSize: "1em"
-  }, _ref.small = {
+  }, _ref7.small = {
     fontSize: "80%"
-  }, _ref["sub,\n    sup"] = {
+  }, _ref7["sub,\n    sup"] = {
     fontSize: "75%",
     lineHeight: "0",
     position: "relative",
     verticalAlign: "baseline"
-  }, _ref.sub = {
+  }, _ref7.sub = {
     bottom: "-0.25em"
-  }, _ref.sup = {
+  }, _ref7.sup = {
     top: "-0.5em"
-  }, _ref.img = {
+  }, _ref7.img = {
     borderStyle: "none"
-  }, _ref["button,\n    input,\n    optgroup,\n    select,\n    textarea"] = {
+  }, _ref7["button,\n    input,\n    optgroup,\n    select,\n    textarea"] = {
     fontFamily: "inherit",
     fontSize: "100%",
     lineHeight: "1.15",
     margin: "0"
-  }, _ref["button,\n    input"] = {
+  }, _ref7["button,\n    input"] = {
     overflow: "visible"
-  }, _ref["button,\n    select"] = {
+  }, _ref7["button,\n    select"] = {
     textTransform: "none"
-  }, _ref['button,\n    html [type="button"],\n    [type="reset"],\n    [type="submit"]'] = {
+  }, _ref7['button,\n    html [type="button"],\n    [type="reset"],\n    [type="submit"]'] = {
     WebkitAppearance: "button"
-  }, _ref['button::-moz-focus-inner,\n    [type="button"]::-moz-focus-inner,\n    [type="reset"]::-moz-focus-inner,\n    [type="submit"]::-moz-focus-inner'] = {
+  }, _ref7['button::-moz-focus-inner,\n    [type="button"]::-moz-focus-inner,\n    [type="reset"]::-moz-focus-inner,\n    [type="submit"]::-moz-focus-inner'] = {
     borderStyle: "none",
     padding: "0"
-  }, _ref['button:-moz-focusring,\n    [type="button"]:-moz-focusring,\n    [type="reset"]:-moz-focusring,\n    [type="submit"]:-moz-focusring'] = {
+  }, _ref7['button:-moz-focusring,\n    [type="button"]:-moz-focusring,\n    [type="reset"]:-moz-focusring,\n    [type="submit"]:-moz-focusring'] = {
     outline: "1px dotted ButtonText"
-  }, _ref.fieldset = {
+  }, _ref7.fieldset = {
     padding: "0.35em 0.625em 0.75em"
-  }, _ref.legend = {
+  }, _ref7.legend = {
     boxSizing: "border-box",
     color: "inherit",
     display: "table",
     maxWidth: "100%",
     padding: "0",
     whiteSpace: "normal"
-  }, _ref.progress = {
+  }, _ref7.progress = {
     verticalAlign: "baseline"
-  }, _ref.textarea = {
+  }, _ref7.textarea = {
     overflow: "auto"
-  }, _ref['[type="checkbox"],\n    [type="radio"]'] = {
+  }, _ref7['[type="checkbox"],\n    [type="radio"]'] = {
     boxSizing: "border-box",
     padding: "0"
-  }, _ref['[type="number"]::-webkit-inner-spin-button,\n    [type="number"]::-webkit-outer-spin-button'] = {
+  }, _ref7['[type="number"]::-webkit-inner-spin-button,\n    [type="number"]::-webkit-outer-spin-button'] = {
     height: "auto"
-  }, _ref['[type="search"]'] = {
+  }, _ref7['[type="search"]'] = {
     WebkitAppearance: "textfield",
     outlineOffset: "-2px"
-  }, _ref['[type="search"]::-webkit-search-decoration'] = {
+  }, _ref7['[type="search"]::-webkit-search-decoration'] = {
     WebkitAppearance: "none"
-  }, _ref["::-webkit-file-upload-button"] = {
+  }, _ref7["::-webkit-file-upload-button"] = {
     WebkitAppearance: "button",
     font: "inherit"
-  }, _ref.details = {
+  }, _ref7.details = {
     display: "block"
-  }, _ref.summary = {
+  }, _ref7.summary = {
     display: "list-item"
-  }, _ref.template = {
+  }, _ref7.template = {
     display: "none"
-  }, _ref["[hidden]"] = {
+  }, _ref7["[hidden]"] = {
     display: "none"
-  }, _ref), {
+  }, _ref7), {
     "abbr[title]": {
       textDecoration: "underline dotted"
     }
@@ -19143,9 +19205,9 @@ var Root = React.forwardRef(function Page2({
       },
       backgrounds,
       children: /* @__PURE__ */ jsxRuntime.jsx(Grid, {
-        children: children && children.elements.length > 0 ? children.elements.map((child, index) => /* @__PURE__ */ jsxRuntime.jsx(GridItem, {
+        children: children && children.elements.length > 0 ? children.elements.map((child, index2) => /* @__PURE__ */ jsxRuntime.jsx(GridItem, {
           grid: children.columns,
-          index,
+          index: index2,
           columnGap,
           rowGap,
           children: /* @__PURE__ */ jsxRuntime.jsx(react.Element, {
@@ -19830,7 +19892,7 @@ const Container = styled__default["default"].div`
         justify-content: ${alignment};
       `)}
 `;
-const StyledLink = styled__default["default"](Link)`
+const StyledLink$1 = styled__default["default"](Link)`
   display: block;
   color: ${(props2) => props2.brandColor};
   transition: transform, opacity 0.18s;
@@ -19918,7 +19980,7 @@ var SocialLinks = React.forwardRef(function SocialLinks2({
         gutter,
         first: i === 0,
         last: i === links2.length - 1,
-        children: /* @__PURE__ */ jsxRuntime.jsx(StyledLink, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(StyledLink$1, {
           backgroundColor: backgroundColorData,
           brandColor: option.brandColor,
           fill: fillData,
@@ -19940,6 +20002,1613 @@ var SocialLinks = React.forwardRef(function SocialLinks2({
     })
   });
 });
+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 _iteratorNormalCompletion4 = true;
+  var _didIteratorError4 = false;
+  var _iteratorError4 = void 0;
+  try {
+    for (var _iterator4 = values[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
+      var value = _step4.value;
+      var optional = value.endsWith("?");
+      if (optional) {
+        value = value.slice(0, -1);
+      }
+      var name2 = toKeyName(value);
+      var modifier = MODIFIERS[name2];
+      if (length === 1 || !modifier) {
+        if (byKey) {
+          ret.key = name2;
+        } else {
+          ret.which = toKeyCode(value);
+        }
+      }
+      if (modifier) {
+        ret[modifier] = optional ? null : true;
+      }
+    }
+  } catch (err) {
+    _didIteratorError4 = true;
+    _iteratorError4 = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion4 && _iterator4.return) {
+        _iterator4.return();
+      }
+    } finally {
+      if (_didIteratorError4) {
+        throw _iteratorError4;
+      }
+    }
+  }
+  return ret;
+}
+function compareHotkey(object2, event) {
+  for (var key2 in object2) {
+    var expected = object2[key2];
+    var actual = void 0;
+    if (expected == null) {
+      continue;
+    }
+    if (key2 === "key") {
+      actual = event.key.toLowerCase();
+    } else if (key2 === "which") {
+      actual = expected === 91 && event.which === 93 ? 91 : event.which;
+    } else {
+      actual = event[key2];
+    }
+    if (actual == null && expected === false) {
+      continue;
+    }
+    if (actual !== expected) {
+      return false;
+    }
+  }
+  return true;
+}
+function toKeyCode(name2) {
+  name2 = toKeyName(name2);
+  var code = CODES[name2] || name2.toUpperCase().charCodeAt(0);
+  return code;
+}
+function toKeyName(name2) {
+  name2 = name2.toLowerCase();
+  name2 = ALIASES[name2] || name2;
+  return name2;
+}
+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(key2) {
+  var method = "is" + key2[0].toUpperCase() + key2.slice(1);
+  if (Hotkeys[method])
+    return;
+  var generic = HOTKEYS[key2];
+  var apple = APPLE_HOTKEYS[key2];
+  var windows = WINDOWS_HOTKEYS[key2];
+  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, key2, value) {
+  if (key2 in obj) {
+    Object.defineProperty(obj, key2, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key2] = value;
+  }
+  return obj;
+}
+var defineProperty = _defineProperty;
+function _defineProperty$1(obj, key2, value) {
+  if (key2 in obj) {
+    Object.defineProperty(obj, key2, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key2] = 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(key2) {
+      _defineProperty$1(target, key2, source[key2]);
+    });
+  }
+  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, exports2) {
+  Object.defineProperty(exports2, "__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 f2 = 1; f2 < 20; f2++) {
+    CODES2["f" + f2] = 111 + f2;
+  }
+  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 _iteratorNormalCompletion4 = true;
+    var _didIteratorError4 = false;
+    var _iteratorError4 = void 0;
+    try {
+      for (var _iterator4 = values[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
+        var value = _step4.value;
+        var optional = value.endsWith("?");
+        if (optional) {
+          value = value.slice(0, -1);
+        }
+        var name2 = toKeyName2(value);
+        var modifier = MODIFIERS2[name2];
+        if (length === 1 || !modifier) {
+          if (byKey) {
+            ret.key = name2;
+          } else {
+            ret.which = toKeyCode2(value);
+          }
+        }
+        if (modifier) {
+          ret[modifier] = optional ? null : true;
+        }
+      }
+    } catch (err) {
+      _didIteratorError4 = true;
+      _iteratorError4 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion4 && _iterator4.return) {
+          _iterator4.return();
+        }
+      } finally {
+        if (_didIteratorError4) {
+          throw _iteratorError4;
+        }
+      }
+    }
+    return ret;
+  }
+  function compareHotkey2(object2, event) {
+    for (var key2 in object2) {
+      var expected = object2[key2];
+      var actual = void 0;
+      if (expected == null) {
+        continue;
+      }
+      if (key2 === "key") {
+        actual = event.key.toLowerCase();
+      } else if (key2 === "which") {
+        actual = expected === 91 && event.which === 93 ? 91 : event.which;
+      } else {
+        actual = event[key2];
+      }
+      if (actual == null && expected === false) {
+        continue;
+      }
+      if (actual !== expected) {
+        return false;
+      }
+    }
+    return true;
+  }
+  function toKeyCode2(name2) {
+    name2 = toKeyName2(name2);
+    var code = CODES2[name2] || name2.toUpperCase().charCodeAt(0);
+    return code;
+  }
+  function toKeyName2(name2) {
+    name2 = name2.toLowerCase();
+    name2 = ALIASES2[name2] || name2;
+    return name2;
+  }
+  exports2.default = isHotkey2;
+  exports2.isHotkey = isHotkey2;
+  exports2.isCodeHotkey = isCodeHotkey2;
+  exports2.isKeyHotkey = isKeyHotkey2;
+  exports2.parseHotkey = parseHotkey2;
+  exports2.compareHotkey = compareHotkey2;
+  exports2.toKeyCode = toKeyCode2;
+  exports2.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(key2) {
+    var isKeyPressed = isHotkey(key2);
+    var command = shortcuts[key2];
+    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(_ref7, editor) {
+  var blocks = _ref7.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(_ref7, editor, key2) {
+  var blocks = _ref7.blocks;
+  var listItem = editor.value.document.getNode(key2);
+  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(_ref7, editor) {
+  var blocks = _ref7.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(_ref7, editor) {
+  var blocks = _ref7.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(_ref7, editor) {
+  var blocks = _ref7.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 = slate.Block.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(_ref7, editor) {
+  _ref7.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 = slate.Block.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(_ref7) {
+  var blocks = _ref7.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(_ref22) {
+        var _ref32 = slicedToArray(_ref22, 2), list = _ref32[0], adjacent = _ref32[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 key2 in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key2)) {
+            target[key2] = source[key2];
+          }
+        }
+      }
+      return target;
+    };
+    return _extends2.apply(this, arguments);
+  }
+  module.exports = _extends2;
+});
+var createRenderBlock = function(_ref7) {
+  var blocks = _ref7.blocks, classNames = _ref7.classNames;
+  return function(props2, editor, next) {
+    var node2 = props2.node;
+    switch (node2.type) {
+      case blocks.unordered_list:
+        return /* @__PURE__ */ React__default["default"].createElement("ul", _extends_1({
+          className: classNames.unordered_list
+        }, props2.attributes, {
+          style: {
+            listStylePosition: "inside"
+          }
+        }), props2.children);
+      case blocks.ordered_list: {
+        return /* @__PURE__ */ React__default["default"].createElement("ol", _extends_1({
+          className: classNames.ordered_list
+        }, props2.attributes, {
+          style: {
+            listStylePosition: "inside"
+          }
+        }), props2.children);
+      }
+      case blocks.list_item: {
+        return /* @__PURE__ */ React__default["default"].createElement("li", _extends_1({
+          className: classNames.list_item
+        }, props2.attributes), props2.children);
+      }
+      case blocks.list_item_child: {
+        return /* @__PURE__ */ React__default["default"].createElement("span", _extends_1({
+          className: classNames.list_item_child
+        }, props2.attributes), props2.children);
+      }
+      default:
+        return next();
+    }
+  };
+};
+var createSchema = function(_ref7) {
+  var _blocks;
+  var blocks = _ref7.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, slate.Block.create({
+              type: blocks.list_item_child,
+              nodes: [slate.Text.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(key2) {
+        defineProperty(target, key2, source[key2]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function(key2) {
+        Object.defineProperty(target, key2, Object.getOwnPropertyDescriptor(source, key2));
+      });
+    }
+  }
+  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 } = client.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 = {} } = client.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__default["default"].span`
+  ${(p) => cssMediaRules([p.typographyStyle], ([{
+  color: color2,
+  fontFamily,
+  fontSize,
+  fontWeight,
+  lineHeight,
+  letterSpacing,
+  uppercase,
+  underline,
+  strikethrough,
+  italic
+} = {}]) => styled.css`
+        ${color2 == null ? "" : styled.css`
+              color: ${colorToString(color2)};
+            `}
+
+        ${fontFamily == null ? "" : styled.css`
+              font-family: '${fontFamily}';
+            `}
+
+        ${fontSize == null || fontSize.value == null || fontSize.unit == null ? "" : styled.css`
+              font-size: ${`${fontSize.value}${fontSize.unit}`};
+            `}
+
+        ${fontWeight == null ? "" : styled.css`
+              font-weight: ${fontWeight};
+            `}
+
+        ${lineHeight == null ? "" : styled.css`
+              line-height: ${lineHeight};
+            `}
+
+        ${letterSpacing == null ? "" : styled.css`
+              letter-spacing: ${letterSpacing / 10}em;
+            `}
+
+        ${underline == null && strikethrough == null ? "" : styled.css`
+              text-decoration: ${[Boolean(underline) && "underline", Boolean(strikethrough) && "line-through"].filter(Boolean).join(" ")};
+            `}
+
+        ${uppercase == null ? "" : styled.css`
+              text-transform: ${uppercase === true ? "uppercase" : "initial"};
+            `}
+
+        ${italic == null ? "" : styled.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Mark, {
+          value: mark.data.get("value"),
+          children
+        });
+      }
+      return next();
+    }
+  };
+}
+const StyledBlock = styled__default["default"].div`
+  margin: 0;
+  ${(p) => cssMediaRules([p.textAlign], ([textAlign]) => textAlign == null ? styled.css`` : styled.css`
+            text-align: ${textAlign};
+          `)}
+
+  ${(p) => p.as === "blockquote" ? styled.css`
+          padding: 0.5em 10px;
+          font-size: 1.25em;
+          font-weight: 300;
+          border-left: 5px solid rgba(0, 0, 0, 0.1);
+        ` : ""}
+`;
+var Block = React.forwardRef(function Block2(_y, ref) {
+  var _z = _y, {
+    textAlign
+  } = _z, restOfProps = __objRest(_z, [
+    "textAlign"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "p",
+            children
+          }));
+        case "heading-one":
+          return /* @__PURE__ */ jsxRuntime.jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "h1",
+            children
+          }));
+        case "heading-two":
+          return /* @__PURE__ */ jsxRuntime.jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "h2",
+            children
+          }));
+        case "heading-three":
+          return /* @__PURE__ */ jsxRuntime.jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "h3",
+            children
+          }));
+        case "heading-four":
+          return /* @__PURE__ */ jsxRuntime.jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "h4",
+            children
+          }));
+        case "heading-five":
+          return /* @__PURE__ */ jsxRuntime.jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "h5",
+            children
+          }));
+        case "heading-six":
+          return /* @__PURE__ */ jsxRuntime.jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "h6",
+            children
+          }));
+        case "blockquote":
+          return /* @__PURE__ */ jsxRuntime.jsx(Block, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
+            as: "blockquote",
+            children
+          }));
+        default:
+          return next();
+      }
+    }
+  };
+}
+const StyledLink = styled__default["default"](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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("code", __spreadProps(__spreadValues({}, attributes), {
+            children
+          }));
+        }
+        case "superscript": {
+          return /* @__PURE__ */ jsxRuntime.jsx("sup", __spreadProps(__spreadValues({}, attributes), {
+            children
+          }));
+        }
+        case "subscript": {
+          return /* @__PURE__ */ jsxRuntime.jsx("sub", __spreadProps(__spreadValues({}, attributes), {
+            children
+          }));
+        }
+        default: {
+          return next();
+        }
+      }
+    }
+  };
+}
+const RichTextEditor = styled__default["default"](React.forwardRef(function RichTextEditor2(_A, ref) {
+  var _B = _A, {
+    placeholder: placeholder2 = "Write some text..."
+  } = _B, restOfProps = __objRest(_B, [
+    "placeholder"
+  ]);
+  const plugins = React.useMemo(() => [index(), LinkPlugin(), Inlines(), DeviceOverridesBlockPlugin(), DeviceOverridesMarksPlugin()], []);
+  return /* @__PURE__ */ jsxRuntime.jsx(slateReact.Editor, __spreadProps(__spreadValues({}, restOfProps), {
+    ref,
+    autoFocus: false,
+    plugins,
+    placeholder: placeholder2
+  }));
+}))`
+  ul,
+  ol {
+    margin: 0;
+  }
+`;
+const StyledRichTextEditor = styled__default["default"](RichTextEditor)`
+  ${cssWidth()}
+  ${cssMargin()}
+`;
+const defaultText = {
+  document: {
+    nodes: [{
+      object: "block",
+      type: "paragraph",
+      nodes: []
+    }]
+  },
+  data: {}
+};
+const COMMIT_DEBOUNCE_DELAY = 500;
+var Text = React.forwardRef(function Text2({
+  id: id2,
+  text,
+  width,
+  margin
+}, ref) {
+  const [editor, setEditor] = React.useState(null);
+  const [propControllers, setPropControllers] = React.useState(null);
+  const controller = propControllers == null ? void 0 : propControllers.text;
+  React.useImperativeHandle(ref, () => ({
+    getBoxModel() {
+      const el = editor == null ? void 0 : editor.findDOMNode([]);
+      return el instanceof Element ? boxModels.getBox(el) : null;
+    },
+    setPropControllers
+  }), [editor, setPropControllers]);
+  React.useEffect(() => {
+    if (editor)
+      controller == null ? void 0 : controller.setSlateEditor(editor);
+  }, [controller, editor]);
+  const [value, setValue] = React.useState(() => {
+    const _a = text != null ? text : defaultText, {
+      selection
+    } = _a, textWithoutSelection = __objRest(_a, [
+      "selection"
+    ]);
+    return slate.Value.fromJSON(textWithoutSelection);
+  });
+  const [shouldCommit, setShouldCommit] = React.useState(true);
+  React.useEffect(() => {
+    if (shouldCommit) {
+      const nextValue = slate.Value.fromJSON(text != null ? text : defaultText);
+      setValue((currentValue) => currentValue.selection.isBlurred ? slate.Value.fromJSON(nextValue.toJSON({
+        preserveSelection: false
+      })) : nextValue);
+    }
+  }, [shouldCommit, text]);
+  React.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 = React.useRef(controller);
+  if (lastController.current !== controller)
+    lastController.current = controller;
+  const handleFocus = React.useCallback(() => {
+    var _a;
+    (_a = lastController.current) == null ? void 0 : _a.focus();
+  }, []);
+  const handleKeyDown = React.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 = react.useIsInBuilder();
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledRichTextEditor, {
+    id: id2,
+    ref: setEditor,
+    readOnly: !isInBuilder,
+    width,
+    margin,
+    value,
+    onChange: handleChange,
+    onFocus: handleFocus,
+    onKeyDown: handleKeyDown
+  });
+});
 exports.Box = Box;
 exports.Button = Button;
 exports.Carousel = Carousel;
@@ -19957,4 +21626,14 @@ exports.Image = Image$1;
 exports.Navigation = Navigation;
 exports.Root = Root;
 exports.SocialLinks = SocialLinks;
+exports.Text = Text;
+exports.cssBorder = cssBorder;
+exports.cssBorderRadius = cssBorderRadius;
+exports.cssBoxShadow = cssBoxShadow;
+exports.cssGridItem = cssGridItem;
+exports.cssMargin = cssMargin;
+exports.cssMediaRules = cssMediaRules;
+exports.cssPadding = cssPadding;
+exports.cssTextStyle = cssTextStyle;
+exports.cssWidth = cssWidth;
 //# sourceMappingURL=components.cjs.js.map