@tinacms/app 0.0.13 → 0.0.15

package/dist/assets/out.es.js

@@ -21732,15 +21732,15 @@ function baseKeys$4(object2) {
   return result;
 }
 var _baseKeys$2 = baseKeys$4;
-function isObject$k(value) {
+function isObject$l(value) {
   var type = typeof value;
   return value != null && (type == "object" || type == "function");
 }
-var isObject_1$4 = isObject$k;
-var baseGetTag$8 = _baseGetTag$4, isObject$j = isObject_1$4;
+var isObject_1$4 = isObject$l;
+var baseGetTag$8 = _baseGetTag$4, isObject$k = isObject_1$4;
 var asyncTag$5 = "[object AsyncFunction]", funcTag$8 = "[object Function]", genTag$7 = "[object GeneratorFunction]", proxyTag$5 = "[object Proxy]";
 function isFunction$b(value) {
-  if (!isObject$j(value)) {
+  if (!isObject$k(value)) {
     return false;
   }
   var tag = baseGetTag$8(value);
@@ -21929,7 +21929,7 @@ function toSource$8(func) {
   return "";
 }
 var _toSource$4 = toSource$8;
-var isFunction$9 = isFunction_1$4, isMasked$6 = _isMasked$4, isObject$i = isObject_1$4, toSource$7 = _toSource$4;
+var isFunction$9 = isFunction_1$4, isMasked$6 = _isMasked$4, isObject$j = isObject_1$4, toSource$7 = _toSource$4;
 var reRegExpChar$6 = /[\\^$.*+?()[\]{}|]/g;
 var reIsHostCtor$6 = /^\[object .+?Constructor\]$/;
 var funcProto$9 = Function.prototype, objectProto$F = Object.prototype;
@@ -21937,7 +21937,7 @@ var funcToString$9 = funcProto$9.toString;
 var hasOwnProperty$z = objectProto$F.hasOwnProperty;
 var reIsNative$6 = RegExp("^" + funcToString$9.call(hasOwnProperty$z).replace(reRegExpChar$6, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
 function baseIsNative$7(value) {
-  if (!isObject$i(value) || isMasked$6(value)) {
+  if (!isObject$j(value) || isMasked$6(value)) {
     return false;
   }
   var pattern = isFunction$9(value) ? reIsNative$6 : reIsHostCtor$6;
@@ -22474,9 +22474,9 @@ function baseIsMatch$3(object2, source, matchData, customizer) {
   return true;
 }
 var _baseIsMatch$1 = baseIsMatch$3;
-var isObject$h = isObject_1$4;
+var isObject$i = isObject_1$4;
 function isStrictComparable$4(value) {
-  return value === value && !isObject$h(value);
+  return value === value && !isObject$i(value);
 }
 var _isStrictComparable$1 = isStrictComparable$4;
 var isStrictComparable$3 = _isStrictComparable$1, keys$7 = keys_1$2;
@@ -22794,8 +22794,8 @@ var defineProperty$6 = function() {
   } catch (e2) {
   }
 }();
-var _defineProperty$b = defineProperty$6;
-var defineProperty$5 = _defineProperty$b;
+var _defineProperty$c = defineProperty$6;
+var defineProperty$5 = _defineProperty$c;
 function baseAssignValue$7(object2, key, value) {
   if (key == "__proto__" && defineProperty$5) {
     defineProperty$5(object2, key, {
@@ -22854,11 +22854,11 @@ function nativeKeysIn$4(object2) {
   return result;
 }
 var _nativeKeysIn$2 = nativeKeysIn$4;
-var isObject$g = isObject_1$4, isPrototype$4 = _isPrototype$2, nativeKeysIn$3 = _nativeKeysIn$2;
+var isObject$h = isObject_1$4, isPrototype$4 = _isPrototype$2, nativeKeysIn$3 = _nativeKeysIn$2;
 var objectProto$y = Object.prototype;
 var hasOwnProperty$t = objectProto$y.hasOwnProperty;
 function baseKeysIn$4(object2) {
-  if (!isObject$g(object2)) {
+  if (!isObject$h(object2)) {
     return nativeKeysIn$3(object2);
   }
   var isProto = isPrototype$4(object2), result = [];
@@ -23012,13 +23012,13 @@ function initCloneByTag$3(object2, tag, isDeep) {
   }
 }
 var _initCloneByTag$2 = initCloneByTag$3;
-var isObject$f = isObject_1$4;
+var isObject$g = isObject_1$4;
 var objectCreate$3 = Object.create;
 var baseCreate$5 = function() {
   function object2() {
   }
   return function(proto2) {
-    if (!isObject$f(proto2)) {
+    if (!isObject$g(proto2)) {
       return {};
     }
     if (objectCreate$3) {
@@ -23056,7 +23056,7 @@ var baseIsSet$2 = _baseIsSet$2, baseUnary$3 = _baseUnary$2, nodeUtil$2 = _nodeUt
 var nodeIsSet$2 = nodeUtil$2 && nodeUtil$2.isSet;
 var isSet$3 = nodeIsSet$2 ? baseUnary$3(nodeIsSet$2) : baseIsSet$2;
 var isSet_1$2 = isSet$3;
-var Stack$3 = _Stack$2, arrayEach$3 = _arrayEach$2, assignValue$4 = _assignValue$2, baseAssign$2 = _baseAssign$2, baseAssignIn$2 = _baseAssignIn$2, cloneBuffer$1 = _cloneBuffer$2.exports, copyArray$3 = _copyArray$2, copySymbols$2 = _copySymbols$2, copySymbolsIn$2 = _copySymbolsIn$2, getAllKeys$3 = _getAllKeys$2, getAllKeysIn$2 = _getAllKeysIn$2, getTag$6 = _getTag$2, initCloneArray$2 = _initCloneArray$2, initCloneByTag$2 = _initCloneByTag$2, initCloneObject$3 = _initCloneObject$2, isArray$b = isArray_1$5, isBuffer$3 = isBuffer$6.exports, isMap$2 = isMap_1$2, isObject$e = isObject_1$4, isSet$2 = isSet_1$2, keys$5 = keys_1$2, keysIn$3 = keysIn_1$2;
+var Stack$3 = _Stack$2, arrayEach$3 = _arrayEach$2, assignValue$4 = _assignValue$2, baseAssign$2 = _baseAssign$2, baseAssignIn$2 = _baseAssignIn$2, cloneBuffer$1 = _cloneBuffer$2.exports, copyArray$3 = _copyArray$2, copySymbols$2 = _copySymbols$2, copySymbolsIn$2 = _copySymbolsIn$2, getAllKeys$3 = _getAllKeys$2, getAllKeysIn$2 = _getAllKeysIn$2, getTag$6 = _getTag$2, initCloneArray$2 = _initCloneArray$2, initCloneByTag$2 = _initCloneByTag$2, initCloneObject$3 = _initCloneObject$2, isArray$b = isArray_1$5, isBuffer$3 = isBuffer$6.exports, isMap$2 = isMap_1$2, isObject$f = isObject_1$4, isSet$2 = isSet_1$2, keys$5 = keys_1$2, keysIn$3 = keysIn_1$2;
 var CLONE_DEEP_FLAG$5 = 1, CLONE_FLAT_FLAG$3 = 2, CLONE_SYMBOLS_FLAG$5 = 4;
 var argsTag$8 = "[object Arguments]", arrayTag$6 = "[object Array]", boolTag$7 = "[object Boolean]", dateTag$7 = "[object Date]", errorTag$6 = "[object Error]", funcTag$7 = "[object Function]", genTag$6 = "[object GeneratorFunction]", mapTag$b = "[object Map]", numberTag$7 = "[object Number]", objectTag$a = "[object Object]", regexpTag$7 = "[object RegExp]", setTag$b = "[object Set]", stringTag$7 = "[object String]", symbolTag$7 = "[object Symbol]", weakMapTag$7 = "[object WeakMap]";
 var arrayBufferTag$7 = "[object ArrayBuffer]", dataViewTag$a = "[object DataView]", float32Tag$5 = "[object Float32Array]", float64Tag$5 = "[object Float64Array]", int8Tag$5 = "[object Int8Array]", int16Tag$5 = "[object Int16Array]", int32Tag$5 = "[object Int32Array]", uint8Tag$5 = "[object Uint8Array]", uint8ClampedTag$5 = "[object Uint8ClampedArray]", uint16Tag$5 = "[object Uint16Array]", uint32Tag$5 = "[object Uint32Array]";
@@ -23071,7 +23071,7 @@ function baseClone$4(value, bitmask, customizer, key, object2, stack) {
   if (result !== void 0) {
     return result;
   }
-  if (!isObject$e(value)) {
+  if (!isObject$f(value)) {
     return value;
   }
   var isArr = isArray$b(value);
@@ -23471,7 +23471,7 @@ var ReactCSS = lib$f.ReactCSS = function ReactCSS2(classes) {
   var merged = (0, _mergeClasses2.default)(classes, activeNames);
   return (0, _autoprefix2.default)(merged);
 };
-var _default$3 = lib$f.default = ReactCSS;
+var _default$4 = lib$f.default = ReactCSS;
 var calculateChange$2 = function calculateChange(e2, hsl, direction2, initialA, container) {
   var containerWidth = container.clientWidth;
   var containerHeight = container.clientHeight;
@@ -23598,7 +23598,7 @@ var _extends$h = Object.assign || function(target) {
 };
 var Checkboard = function Checkboard2(_ref) {
   var white = _ref.white, grey = _ref.grey, size = _ref.size, renderers = _ref.renderers, borderRadius2 = _ref.borderRadius, boxShadow2 = _ref.boxShadow, children2 = _ref.children;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       grid: {
         borderRadius: borderRadius2,
@@ -23709,7 +23709,7 @@ var Alpha = function(_ref) {
     value: function render3() {
       var _this2 = this;
       var rgb = this.props.rgb;
-      var styles2 = _default$3({
+      var styles2 = _default$4({
         "default": {
           alpha: {
             absolute: "0px 0px 0px 0px",
@@ -23807,7 +23807,7 @@ var _createClass$b = function() {
     return Constructor;
   };
 }();
-function _defineProperty$a(obj, key, value) {
+function _defineProperty$b(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -23935,7 +23935,7 @@ var EditableInput = function(_ref) {
   }, {
     key: "getValueObjectWithLabel",
     value: function getValueObjectWithLabel(value) {
-      return _defineProperty$a({}, this.props.label, value);
+      return _defineProperty$b({}, this.props.label, value);
     }
   }, {
     key: "getArrowOffset",
@@ -23955,7 +23955,7 @@ var EditableInput = function(_ref) {
     key: "render",
     value: function render3() {
       var _this2 = this;
-      var styles2 = _default$3({
+      var styles2 = _default$4({
         "default": {
           wrap: {
             position: "relative"
@@ -24128,7 +24128,7 @@ var Hue = function(_ref) {
     value: function render3() {
       var _this2 = this;
       var _props$direction = this.props.direction, direction2 = _props$direction === void 0 ? "horizontal" : _props$direction;
-      var styles2 = _default$3({
+      var styles2 = _default$4({
         "default": {
           hue: {
             absolute: "0px 0px 0px 0px",
@@ -24359,13 +24359,13 @@ function baseGetTag$4(value) {
   }
   return symToStringTag$5 && symToStringTag$5 in Object(value) ? getRawTag$4(value) : objectToString$5(value);
 }
-function isObject$d(value) {
+function isObject$e(value) {
   var type = typeof value;
   return value != null && (type == "object" || type == "function");
 }
 var asyncTag$4 = "[object AsyncFunction]", funcTag$6 = "[object Function]", genTag$5 = "[object GeneratorFunction]", proxyTag$4 = "[object Proxy]";
 function isFunction$8(value) {
-  if (!isObject$d(value)) {
+  if (!isObject$e(value)) {
     return false;
   }
   var tag = baseGetTag$4(value);
@@ -24402,7 +24402,7 @@ var funcToString$7 = funcProto$7.toString;
 var hasOwnProperty$q = objectProto$u.hasOwnProperty;
 var reIsNative$5 = RegExp("^" + funcToString$7.call(hasOwnProperty$q).replace(reRegExpChar$5, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
 function baseIsNative$5(value) {
-  if (!isObject$d(value) || isMasked$5(value)) {
+  if (!isObject$e(value) || isMasked$5(value)) {
     return false;
   }
   var pattern = isFunction$8(value) ? reIsNative$5 : reIsHostCtor$5;
@@ -24612,7 +24612,7 @@ var baseCreate$2 = function() {
   function object2() {
   }
   return function(proto2) {
-    if (!isObject$d(proto2)) {
+    if (!isObject$e(proto2)) {
       return {};
     }
     if (objectCreate$2) {
@@ -24797,7 +24797,7 @@ function nativeKeysIn$2(object2) {
 var objectProto$m = Object.prototype;
 var hasOwnProperty$j = objectProto$m.hasOwnProperty;
 function baseKeysIn$2(object2) {
-  if (!isObject$d(object2)) {
+  if (!isObject$e(object2)) {
     return nativeKeysIn$2(object2);
   }
   var isProto = isPrototype$2(object2), result = [];
@@ -24843,7 +24843,7 @@ function baseMergeDeep$1(object2, source, key, srcIndex, mergeFunc, customizer,
       newValue = objValue;
       if (isArguments$3(objValue)) {
         newValue = toPlainObject$1(objValue);
-      } else if (!isObject$d(objValue) || isFunction$8(objValue)) {
+      } else if (!isObject$e(objValue) || isFunction$8(objValue)) {
         newValue = initCloneObject$2(srcValue);
       }
     } else {
@@ -24863,7 +24863,7 @@ function baseMerge$1(object2, source, srcIndex, customizer, stack) {
   }
   baseFor$2(source, function(srcValue, key) {
     stack || (stack = new Stack$2());
-    if (isObject$d(srcValue)) {
+    if (isObject$e(srcValue)) {
       baseMergeDeep$1(object2, source, key, srcIndex, baseMerge$1, customizer, stack);
     } else {
       var newValue = customizer ? customizer(safeGet$1(object2, key), srcValue, key + "", object2, source, stack) : void 0;
@@ -24944,7 +24944,7 @@ function baseRest$1(func, start2) {
   return setToString$2(overRest$1(func, start2, identity$2), func + "");
 }
 function isIterateeCall$1(value, index2, object2) {
-  if (!isObject$d(object2)) {
+  if (!isObject$e(object2)) {
     return false;
   }
   var type = typeof index2;
@@ -24977,7 +24977,7 @@ var merge$2 = createAssigner$1(function(object2, source, srcIndex) {
 var merge$3 = merge$2;
 var Raised = function Raised2(_ref) {
   var zDepth = _ref.zDepth, radius = _ref.radius, background = _ref.background, children2 = _ref.children, _ref$styles = _ref.styles, passedStyles = _ref$styles === void 0 ? {} : _ref$styles;
-  var styles2 = _default$3(merge$3({
+  var styles2 = _default$4(merge$3({
     "default": {
       wrap: {
         position: "relative",
@@ -25079,9 +25079,9 @@ function toNumber$2(value) {
   if (isSymbol$3(value)) {
     return NAN$1;
   }
-  if (isObject$d(value)) {
+  if (isObject$e(value)) {
     var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-    value = isObject$d(other) ? other + "" : other;
+    value = isObject$e(other) ? other + "" : other;
   }
   if (typeof value != "string") {
     return value === 0 ? value : +value;
@@ -25098,7 +25098,7 @@ function debounce$2(func, wait, options) {
     throw new TypeError(FUNC_ERROR_TEXT$7);
   }
   wait = toNumber$2(wait) || 0;
-  if (isObject$d(options)) {
+  if (isObject$e(options)) {
     leading = !!options.leading;
     maxing = "maxWait" in options;
     maxWait = maxing ? nativeMax$2(toNumber$2(options.maxWait) || 0, wait) : maxWait;
@@ -25179,7 +25179,7 @@ function throttle$1(func, wait, options) {
   if (typeof func != "function") {
     throw new TypeError(FUNC_ERROR_TEXT$6);
   }
-  if (isObject$d(options)) {
+  if (isObject$e(options)) {
     leading = "leading" in options ? !!options.leading : leading;
     trailing = "trailing" in options ? !!options.trailing : trailing;
   }
@@ -25310,7 +25310,7 @@ var Saturation = function(_ref) {
     value: function render3() {
       var _this2 = this;
       var _ref2 = this.props.style || {}, color = _ref2.color, white = _ref2.white, black = _ref2.black, pointer = _ref2.pointer, circle = _ref2.circle;
-      var styles2 = _default$3({
+      var styles2 = _default$4({
         "default": {
           color: {
             absolute: "0px 0px 0px 0px",
@@ -26619,7 +26619,7 @@ var Swatch$1 = function Swatch(_ref) {
   var color = _ref.color, style2 = _ref.style, _ref$onClick = _ref.onClick, onClick = _ref$onClick === void 0 ? function() {
   } : _ref$onClick, onHover = _ref.onHover, _ref$title = _ref.title, title = _ref$title === void 0 ? color : _ref$title, children2 = _ref.children, focus2 = _ref.focus, _ref$focusStyle = _ref.focusStyle, focusStyle = _ref$focusStyle === void 0 ? {} : _ref$focusStyle;
   var transparent = color === "transparent";
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     default: {
       swatch: _extends$d({
         background: color,
@@ -26658,7 +26658,7 @@ var Swatch$1 = function Swatch(_ref) {
 var Swatch$2 = handleFocus(Swatch$1);
 var AlphaPointer = function AlphaPointer2(_ref) {
   var direction2 = _ref.direction;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       picker: {
         width: "18px",
@@ -26690,7 +26690,7 @@ var _extends$c = Object.assign || function(target) {
 };
 var AlphaPicker = function AlphaPicker2(_ref) {
   var rgb = _ref.rgb, hsl = _ref.hsl, width = _ref.width, height = _ref.height, onChange = _ref.onChange, direction2 = _ref.direction, style2 = _ref.style, renderers = _ref.renderers, pointer = _ref.pointer, _ref$className = _ref.className, className = _ref$className === void 0 ? "" : _ref$className;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       picker: {
         position: "relative",
@@ -27058,7 +27058,7 @@ function baseIsMatch$1(object2, source, matchData, customizer) {
   return true;
 }
 function isStrictComparable$1(value) {
-  return value === value && !isObject$d(value);
+  return value === value && !isObject$e(value);
 }
 function getMatchData$1(object2) {
   var result = keys$4(object2), length = result.length;
@@ -27252,7 +27252,7 @@ function map$3(collection, iteratee) {
 }
 var BlockSwatches = function BlockSwatches2(_ref) {
   var colors = _ref.colors, onClick = _ref.onClick, onSwatchHover = _ref.onSwatchHover;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       swatches: {
         marginRight: "-10px"
@@ -27292,7 +27292,7 @@ var Block = function Block2(_ref) {
       source: "hex"
     }, e2);
   };
-  var styles2 = _default$3(merge$3({
+  var styles2 = _default$4(merge$3({
     "default": {
       card: {
         width,
@@ -27387,7 +27387,7 @@ var brown = { "50": "#efebe9", "100": "#d7ccc8", "200": "#bcaaa4", "300": "#a188
 var blueGrey = { "50": "#eceff1", "100": "#cfd8dc", "200": "#b0bec5", "300": "#90a4ae", "400": "#78909c", "500": "#607d8b", "600": "#546e7a", "700": "#455a64", "800": "#37474f", "900": "#263238" };
 var CircleSwatch = function CircleSwatch2(_ref) {
   var color = _ref.color, onClick = _ref.onClick, onSwatchHover = _ref.onSwatchHover, hover3 = _ref.hover, active3 = _ref.active, circleSize = _ref.circleSize, circleSpacing = _ref.circleSpacing;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       swatch: {
         width: circleSize,
@@ -27430,7 +27430,7 @@ CircleSwatch.defaultProps = {
 var CircleSwatch$1 = handleHover(CircleSwatch);
 var Circle$1 = function Circle(_ref) {
   var width = _ref.width, onChange = _ref.onChange, onSwatchHover = _ref.onSwatchHover, colors = _ref.colors, hex = _ref.hex, circleSize = _ref.circleSize, _ref$styles = _ref.styles, passedStyles = _ref$styles === void 0 ? {} : _ref$styles, circleSpacing = _ref.circleSpacing, _ref$className = _ref.className, className = _ref$className === void 0 ? "" : _ref$className;
-  var styles2 = _default$3(merge$3({
+  var styles2 = _default$4(merge$3({
     "default": {
       card: {
         width,
@@ -27505,7 +27505,7 @@ function _objectWithoutProperties$5(obj, keys2) {
   return target;
 }
 var DEFAULT_SIZE$3 = 24;
-var _default$2 = UnfoldMoreHorizontalIcon.default = function(_ref) {
+var _default$3 = UnfoldMoreHorizontalIcon.default = function(_ref) {
   var _ref$fill = _ref.fill, fill = _ref$fill === void 0 ? "currentColor" : _ref$fill, _ref$width = _ref.width, width = _ref$width === void 0 ? DEFAULT_SIZE$3 : _ref$width, _ref$height = _ref.height, height = _ref$height === void 0 ? DEFAULT_SIZE$3 : _ref$height, _ref$style = _ref.style, style2 = _ref$style === void 0 ? {} : _ref$style, props = _objectWithoutProperties$5(_ref, ["fill", "width", "height", "style"]);
   return _react2$1.default.createElement("svg", _extends$b({
     viewBox: "0 0 " + DEFAULT_SIZE$3 + " " + DEFAULT_SIZE$3,
@@ -27635,7 +27635,7 @@ var ChromeFields = function(_React$Component) {
     key: "render",
     value: function render3() {
       var _this2 = this;
-      var styles2 = _default$3({
+      var styles2 = _default$4({
         "default": {
           wrap: {
             paddingTop: "16px",
@@ -27765,7 +27765,7 @@ var ChromeFields = function(_React$Component) {
       }
       return React.createElement("div", { style: styles2.wrap, className: "flexbox-fix" }, fields7, React.createElement("div", { style: styles2.toggle }, React.createElement("div", { style: styles2.icon, onClick: this.toggleViews, ref: function ref(icon) {
         return _this2.icon = icon;
-      } }, React.createElement(_default$2, {
+      } }, React.createElement(_default$3, {
         style: styles2.svg,
         onMouseOver: this.showHighlight,
         onMouseEnter: this.showHighlight,
@@ -27787,7 +27787,7 @@ ChromeFields.defaultProps = {
   view: "hex"
 };
 var ChromePointer = function ChromePointer2() {
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       picker: {
         width: "12px",
@@ -27802,7 +27802,7 @@ var ChromePointer = function ChromePointer2() {
   return React.createElement("div", { style: styles2.picker });
 };
 var ChromePointerCircle = function ChromePointerCircle2() {
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       picker: {
         width: "12px",
@@ -27817,7 +27817,7 @@ var ChromePointerCircle = function ChromePointerCircle2() {
 };
 var Chrome = function Chrome2(_ref) {
   var width = _ref.width, onChange = _ref.onChange, disableAlpha = _ref.disableAlpha, rgb = _ref.rgb, hsl = _ref.hsl, hsv = _ref.hsv, hex = _ref.hex, renderers = _ref.renderers, _ref$styles = _ref.styles, passedStyles = _ref$styles === void 0 ? {} : _ref$styles, _ref$className = _ref.className, className = _ref$className === void 0 ? "" : _ref$className, defaultView = _ref.defaultView;
-  var styles2 = _default$3(merge$3({
+  var styles2 = _default$4(merge$3({
     "default": {
       picker: {
         width,
@@ -27939,7 +27939,7 @@ ColorWrap(Chrome);
 var CompactColor = function CompactColor2(_ref) {
   var color = _ref.color, _ref$onClick = _ref.onClick, onClick = _ref$onClick === void 0 ? function() {
   } : _ref$onClick, onSwatchHover = _ref.onSwatchHover, active3 = _ref.active;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       color: {
         background: color,
@@ -27987,7 +27987,7 @@ var CompactColor = function CompactColor2(_ref) {
 };
 var CompactFields = function CompactFields2(_ref) {
   var hex = _ref.hex, rgb = _ref.rgb, onChange = _ref.onChange;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       fields: {
         display: "flex",
@@ -28086,7 +28086,7 @@ var CompactFields = function CompactFields2(_ref) {
 };
 var Compact = function Compact2(_ref) {
   var onChange = _ref.onChange, onSwatchHover = _ref.onSwatchHover, colors = _ref.colors, hex = _ref.hex, rgb = _ref.rgb, _ref$styles = _ref.styles, passedStyles = _ref$styles === void 0 ? {} : _ref$styles, _ref$className = _ref.className, className = _ref$className === void 0 ? "" : _ref$className;
-  var styles2 = _default$3(merge$3({
+  var styles2 = _default$4(merge$3({
     "default": {
       Compact: {
         background: "#f6f6f6",
@@ -28140,7 +28140,7 @@ var GithubSwatch = function GithubSwatch2(_ref) {
     outline: "2px solid #fff",
     boxShadow: "0 0 5px 2px rgba(0,0,0,0.25)"
   };
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       swatch: {
         width: "25px",
@@ -28162,7 +28162,7 @@ var GithubSwatch = function GithubSwatch2(_ref) {
 var GithubSwatch$1 = handleHover(GithubSwatch);
 var Github = function Github2(_ref) {
   var width = _ref.width, colors = _ref.colors, onChange = _ref.onChange, onSwatchHover = _ref.onSwatchHover, triangle = _ref.triangle, _ref$styles = _ref.styles, passedStyles = _ref$styles === void 0 ? {} : _ref$styles, _ref$className = _ref.className, className = _ref$className === void 0 ? "" : _ref$className;
-  var styles2 = _default$3(merge$3({
+  var styles2 = _default$4(merge$3({
     "default": {
       card: {
         width,
@@ -28272,7 +28272,7 @@ Github.defaultProps = {
 ColorWrap(Github);
 var SliderPointer$1 = function SliderPointer(_ref) {
   var direction2 = _ref.direction;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       picker: {
         width: "18px",
@@ -28304,7 +28304,7 @@ var _extends$a = Object.assign || function(target) {
 };
 var HuePicker = function HuePicker2(_ref) {
   var width = _ref.width, height = _ref.height, onChange = _ref.onChange, hsl = _ref.hsl, direction2 = _ref.direction, pointer = _ref.pointer, _ref$styles = _ref.styles, passedStyles = _ref$styles === void 0 ? {} : _ref$styles, _ref$className = _ref.className, className = _ref$className === void 0 ? "" : _ref$className;
-  var styles2 = _default$3(merge$3({
+  var styles2 = _default$4(merge$3({
     "default": {
       picker: {
         position: "relative",
@@ -28339,7 +28339,7 @@ HuePicker.defaultProps = {
 ColorWrap(HuePicker);
 var Material = function Material2(_ref) {
   var onChange = _ref.onChange, hex = _ref.hex, rgb = _ref.rgb, _ref$styles = _ref.styles, passedStyles = _ref$styles === void 0 ? {} : _ref$styles, _ref$className = _ref.className, className = _ref$className === void 0 ? "" : _ref$className;
-  var styles2 = _default$3(merge$3({
+  var styles2 = _default$4(merge$3({
     "default": {
       material: {
         width: "98px",
@@ -28445,7 +28445,7 @@ var Material = function Material2(_ref) {
 ColorWrap(Material);
 var PhotoshopPicker = function PhotoshopPicker2(_ref) {
   var onChange = _ref.onChange, rgb = _ref.rgb, hsv = _ref.hsv, hex = _ref.hex;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       fields: {
         paddingTop: "5px",
@@ -28577,7 +28577,7 @@ var PhotoshopPicker = function PhotoshopPicker2(_ref) {
 };
 var PhotoshopPointerCircle$1 = function PhotoshopPointerCircle(_ref) {
   var hsl = _ref.hsl;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       picker: {
         width: "12px",
@@ -28596,7 +28596,7 @@ var PhotoshopPointerCircle$1 = function PhotoshopPointerCircle(_ref) {
   return React.createElement("div", { style: styles2.picker });
 };
 var PhotoshopPointerCircle2 = function PhotoshopPointerCircle3() {
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       triangle: {
         width: 0,
@@ -28637,7 +28637,7 @@ var PhotoshopPointerCircle2 = function PhotoshopPointerCircle3() {
 };
 var PhotoshopButton = function PhotoshopButton2(_ref) {
   var onClick = _ref.onClick, label = _ref.label, children2 = _ref.children, active3 = _ref.active;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       button: {
         backgroundImage: "linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",
@@ -28663,7 +28663,7 @@ var PhotoshopButton = function PhotoshopButton2(_ref) {
 };
 var PhotoshopPreviews = function PhotoshopPreviews2(_ref) {
   var rgb = _ref.rgb, currentColor = _ref.currentColor;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       swatches: {
         border: "1px solid #B3B3B3",
@@ -28742,7 +28742,7 @@ var Photoshop = function(_React$Component) {
     key: "render",
     value: function render3() {
       var _props = this.props, _props$styles = _props.styles, passedStyles = _props$styles === void 0 ? {} : _props$styles, _props$className = _props.className, className = _props$className === void 0 ? "" : _props$className;
-      var styles2 = _default$3(merge$3({
+      var styles2 = _default$4(merge$3({
         "default": {
           picker: {
             background: "#DCDCDC",
@@ -28832,7 +28832,7 @@ Photoshop.defaultProps = {
 ColorWrap(Photoshop);
 var SketchFields = function SketchFields2(_ref) {
   var onChange = _ref.onChange, rgb = _ref.rgb, hsl = _ref.hsl, hex = _ref.hex, disableAlpha = _ref.disableAlpha;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       fields: {
         display: "flex",
@@ -28951,7 +28951,7 @@ var _extends$9 = Object.assign || function(target) {
 var SketchPresetColors = function SketchPresetColors2(_ref) {
   var colors = _ref.colors, _ref$onClick = _ref.onClick, onClick = _ref$onClick === void 0 ? function() {
   } : _ref$onClick, onSwatchHover = _ref.onSwatchHover;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       colors: {
         margin: "0 -10px",
@@ -29017,7 +29017,7 @@ var _extends$8 = Object.assign || function(target) {
 };
 var Sketch = function Sketch2(_ref) {
   var width = _ref.width, rgb = _ref.rgb, hex = _ref.hex, hsv = _ref.hsv, hsl = _ref.hsl, onChange = _ref.onChange, onSwatchHover = _ref.onSwatchHover, disableAlpha = _ref.disableAlpha, presetColors2 = _ref.presetColors, renderers = _ref.renderers, _ref$styles = _ref.styles, passedStyles = _ref$styles === void 0 ? {} : _ref$styles, _ref$className = _ref.className, className = _ref$className === void 0 ? "" : _ref$className;
-  var styles2 = _default$3(merge$3({
+  var styles2 = _default$4(merge$3({
     "default": _extends$8({
       picker: {
         width,
@@ -29132,7 +29132,7 @@ var SketchPicker = ColorWrap(Sketch);
 var SliderSwatch = function SliderSwatch2(_ref) {
   var hsl = _ref.hsl, offset3 = _ref.offset, _ref$onClick = _ref.onClick, onClick = _ref$onClick === void 0 ? function() {
   } : _ref$onClick, active3 = _ref.active, first = _ref.first, last2 = _ref.last;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       swatch: {
         height: "12px",
@@ -29169,7 +29169,7 @@ var SliderSwatch = function SliderSwatch2(_ref) {
 };
 var SliderSwatches = function SliderSwatches2(_ref) {
   var onClick = _ref.onClick, hsl = _ref.hsl;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       swatches: {
         marginTop: "20px"
@@ -29216,7 +29216,7 @@ var SliderSwatches = function SliderSwatches2(_ref) {
   })), React.createElement("div", { style: styles2.clear }));
 };
 var SliderPointer2 = function SliderPointer3() {
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       picker: {
         width: "14px",
@@ -29232,7 +29232,7 @@ var SliderPointer2 = function SliderPointer3() {
 };
 var Slider = function Slider2(_ref) {
   var hsl = _ref.hsl, onChange = _ref.onChange, pointer = _ref.pointer, _ref$styles = _ref.styles, passedStyles = _ref$styles === void 0 ? {} : _ref$styles, _ref$className = _ref.className, className = _ref$className === void 0 ? "" : _ref$className;
-  var styles2 = _default$3(merge$3({
+  var styles2 = _default$4(merge$3({
     "default": {
       hue: {
         height: "12px",
@@ -29290,7 +29290,7 @@ function _objectWithoutProperties$4(obj, keys2) {
   return target;
 }
 var DEFAULT_SIZE$2 = 24;
-var _default$1 = CheckIcon.default = function(_ref) {
+var _default$2 = CheckIcon.default = function(_ref) {
   var _ref$fill = _ref.fill, fill = _ref$fill === void 0 ? "currentColor" : _ref$fill, _ref$width = _ref.width, width = _ref$width === void 0 ? DEFAULT_SIZE$2 : _ref$width, _ref$height = _ref.height, height = _ref$height === void 0 ? DEFAULT_SIZE$2 : _ref$height, _ref$style = _ref.style, style2 = _ref$style === void 0 ? {} : _ref$style, props = _objectWithoutProperties$4(_ref, ["fill", "width", "height", "style"]);
   return _react2.default.createElement("svg", _extends$7({
     viewBox: "0 0 " + DEFAULT_SIZE$2 + " " + DEFAULT_SIZE$2,
@@ -29300,7 +29300,7 @@ var _default$1 = CheckIcon.default = function(_ref) {
 var SwatchesColor = function SwatchesColor2(_ref) {
   var color = _ref.color, _ref$onClick = _ref.onClick, onClick = _ref$onClick === void 0 ? function() {
   } : _ref$onClick, onSwatchHover = _ref.onSwatchHover, first = _ref.first, last2 = _ref.last, active3 = _ref.active;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       color: {
         width: "40px",
@@ -29358,11 +29358,11 @@ var SwatchesColor = function SwatchesColor2(_ref) {
     onClick,
     onHover: onSwatchHover,
     focusStyle: { boxShadow: "0 0 4px " + color }
-  }, React.createElement("div", { style: styles2.check }, React.createElement(_default$1, null)));
+  }, React.createElement("div", { style: styles2.check }, React.createElement(_default$2, null)));
 };
 var SwatchesGroup = function SwatchesGroup2(_ref) {
   var onClick = _ref.onClick, onSwatchHover = _ref.onSwatchHover, group = _ref.group, active3 = _ref.active;
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       group: {
         paddingBottom: "10px",
@@ -29386,7 +29386,7 @@ var SwatchesGroup = function SwatchesGroup2(_ref) {
 };
 var Swatches = function Swatches2(_ref) {
   var width = _ref.width, height = _ref.height, onChange = _ref.onChange, onSwatchHover = _ref.onSwatchHover, colors = _ref.colors, hex = _ref.hex, _ref$styles = _ref.styles, passedStyles = _ref$styles === void 0 ? {} : _ref$styles, _ref$className = _ref.className, className = _ref$className === void 0 ? "" : _ref$className;
-  var styles2 = _default$3(merge$3({
+  var styles2 = _default$4(merge$3({
     "default": {
       picker: {
         width,
@@ -29432,7 +29432,7 @@ Swatches.defaultProps = {
 ColorWrap(Swatches);
 var Twitter = function Twitter2(_ref) {
   var onChange = _ref.onChange, onSwatchHover = _ref.onSwatchHover, hex = _ref.hex, colors = _ref.colors, width = _ref.width, triangle = _ref.triangle, _ref$styles = _ref.styles, passedStyles = _ref$styles === void 0 ? {} : _ref$styles, _ref$className = _ref.className, className = _ref$className === void 0 ? "" : _ref$className;
-  var styles2 = _default$3(merge$3({
+  var styles2 = _default$4(merge$3({
     "default": {
       card: {
         width,
@@ -29572,7 +29572,7 @@ Twitter.defaultProps = {
 };
 ColorWrap(Twitter);
 var GooglePointerCircle = function GooglePointerCircle2(props) {
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       picker: {
         width: "20px",
@@ -29598,7 +29598,7 @@ GooglePointerCircle.defaultProps = {
   hsl: { a: 1, h: 249.94, l: 0.2, s: 0.5 }
 };
 var GooglePointer = function GooglePointer2(props) {
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       picker: {
         width: "20px",
@@ -29678,7 +29678,7 @@ var GoogleFields = function GoogleFields2(_ref) {
       }
     }
   };
-  var styles2 = _default$3({
+  var styles2 = _default$4({
     "default": {
       wrap: {
         display: "flex",
@@ -29782,7 +29782,7 @@ var GoogleFields = function GoogleFields2(_ref) {
 };
 var Google = function Google2(_ref) {
   var width = _ref.width, onChange = _ref.onChange, rgb = _ref.rgb, hsl = _ref.hsl, hsv = _ref.hsv, hex = _ref.hex, header = _ref.header, _ref$styles = _ref.styles, passedStyles = _ref$styles === void 0 ? {} : _ref$styles, _ref$className = _ref.className, className = _ref$className === void 0 ? "" : _ref$className;
-  var styles2 = _default$3(merge$3({
+  var styles2 = _default$4(merge$3({
     "default": {
       picker: {
         width,
@@ -30622,9 +30622,9 @@ function useField(name2, config2) {
   };
   return renderProps;
 }
-var _excluded$9 = ["afterSubmit", "allowNull", "beforeSubmit", "children", "component", "data", "defaultValue", "format", "formatOnBlur", "initialValue", "isEqual", "multiple", "name", "parse", "subscription", "type", "validate", "validateFields", "value"];
+var _excluded$a = ["afterSubmit", "allowNull", "beforeSubmit", "children", "component", "data", "defaultValue", "format", "formatOnBlur", "initialValue", "isEqual", "multiple", "name", "parse", "subscription", "type", "validate", "validateFields", "value"];
 var Field = /* @__PURE__ */ react.exports.forwardRef(function Field2(_ref, ref) {
-  var afterSubmit = _ref.afterSubmit, allowNull = _ref.allowNull, beforeSubmit = _ref.beforeSubmit, children2 = _ref.children, component = _ref.component, data = _ref.data, defaultValue = _ref.defaultValue, format2 = _ref.format, formatOnBlur = _ref.formatOnBlur, initialValue = _ref.initialValue, isEqual4 = _ref.isEqual, multiple = _ref.multiple, name2 = _ref.name, parse3 = _ref.parse, subscription = _ref.subscription, type = _ref.type, validate = _ref.validate, validateFields = _ref.validateFields, value = _ref.value, rest = _objectWithoutPropertiesLoose$7(_ref, _excluded$9);
+  var afterSubmit = _ref.afterSubmit, allowNull = _ref.allowNull, beforeSubmit = _ref.beforeSubmit, children2 = _ref.children, component = _ref.component, data = _ref.data, defaultValue = _ref.defaultValue, format2 = _ref.format, formatOnBlur = _ref.formatOnBlur, initialValue = _ref.initialValue, isEqual4 = _ref.isEqual, multiple = _ref.multiple, name2 = _ref.name, parse3 = _ref.parse, subscription = _ref.subscription, type = _ref.type, validate = _ref.validate, validateFields = _ref.validateFields, value = _ref.value, rest = _objectWithoutPropertiesLoose$7(_ref, _excluded$a);
   var field = useField(name2, {
     afterSubmit,
     allowNull,
@@ -30726,7 +30726,7 @@ function _inheritsLoose$1(subClass, superClass) {
   subClass.prototype.constructor = subClass;
   _setPrototypeOf$2(subClass, superClass);
 }
-function _defineProperty$9(obj, key, value) {
+function _defineProperty$a(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -30739,7 +30739,7 @@ function _defineProperty$9(obj, key, value) {
   }
   return obj;
 }
-function ownKeys$b(object2, enumerableOnly) {
+function ownKeys$d(object2, enumerableOnly) {
   var keys2 = Object.keys(object2);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object2);
@@ -30752,9 +30752,9 @@ function ownKeys$b(object2, enumerableOnly) {
 function _objectSpread2$2(target) {
   for (var i2 = 1; i2 < arguments.length; i2++) {
     var source = arguments[i2] != null ? arguments[i2] : {};
-    i2 % 2 ? ownKeys$b(Object(source), true).forEach(function(key) {
-      _defineProperty$9(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function(key) {
+    i2 % 2 ? ownKeys$d(Object(source), true).forEach(function(key) {
+      _defineProperty$a(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -31124,7 +31124,7 @@ function Provider$1(_ref) {
     children: children2
   });
 }
-var _excluded$8 = ["getDisplayName", "methodName", "renderCountProp", "shouldHandleStateChanges", "storeKey", "withRef", "forwardRef", "context"], _excluded2$5 = ["reactReduxForwardedRef"];
+var _excluded$9 = ["getDisplayName", "methodName", "renderCountProp", "shouldHandleStateChanges", "storeKey", "withRef", "forwardRef", "context"], _excluded2$6 = ["reactReduxForwardedRef"];
 var EMPTY_ARRAY = [];
 var NO_SUBSCRIPTION_ARRAY = [null, null];
 function storeStateUpdatesReducer(state, action) {
@@ -31205,7 +31205,7 @@ function connectAdvanced(selectorFactory, _ref) {
     return "ConnectAdvanced(" + name2 + ")";
   } : _ref2$getDisplayName, _ref2$methodName = _ref2.methodName, methodName = _ref2$methodName === void 0 ? "connectAdvanced" : _ref2$methodName, _ref2$renderCountProp = _ref2.renderCountProp, renderCountProp = _ref2$renderCountProp === void 0 ? void 0 : _ref2$renderCountProp, _ref2$shouldHandleSta = _ref2.shouldHandleStateChanges, shouldHandleStateChanges = _ref2$shouldHandleSta === void 0 ? true : _ref2$shouldHandleSta, _ref2$storeKey = _ref2.storeKey, storeKey = _ref2$storeKey === void 0 ? "store" : _ref2$storeKey;
   _ref2.withRef;
-  var _ref2$forwardRef = _ref2.forwardRef, forwardRef = _ref2$forwardRef === void 0 ? false : _ref2$forwardRef, _ref2$context = _ref2.context, context = _ref2$context === void 0 ? ReactReduxContext : _ref2$context, connectOptions = _objectWithoutPropertiesLoose$7(_ref2, _excluded$8);
+  var _ref2$forwardRef = _ref2.forwardRef, forwardRef = _ref2$forwardRef === void 0 ? false : _ref2$forwardRef, _ref2$context = _ref2.context, context = _ref2$context === void 0 ? ReactReduxContext : _ref2$context, connectOptions = _objectWithoutPropertiesLoose$7(_ref2, _excluded$9);
   var Context = context;
   return function wrapWithConnect(WrappedComponent) {
     var wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || "Component";
@@ -31229,7 +31229,7 @@ function connectAdvanced(selectorFactory, _ref) {
     };
     function ConnectFunction(props) {
       var _useMemo = react.exports.useMemo(function() {
-        var reactReduxForwardedRef2 = props.reactReduxForwardedRef, wrapperProps2 = _objectWithoutPropertiesLoose$7(props, _excluded2$5);
+        var reactReduxForwardedRef2 = props.reactReduxForwardedRef, wrapperProps2 = _objectWithoutPropertiesLoose$7(props, _excluded2$6);
         return [props.context, reactReduxForwardedRef2, wrapperProps2];
       }, [props]), propsContext = _useMemo[0], reactReduxForwardedRef = _useMemo[1], wrapperProps = _useMemo[2];
       var ContextToUse = react.exports.useMemo(function() {
@@ -31436,7 +31436,7 @@ function whenMergePropsIsOmitted(mergeProps) {
   } : void 0;
 }
 var defaultMergePropsFactories = [whenMergePropsIsFunction, whenMergePropsIsOmitted];
-var _excluded$7 = ["initMapStateToProps", "initMapDispatchToProps", "initMergeProps"];
+var _excluded$8 = ["initMapStateToProps", "initMapDispatchToProps", "initMergeProps"];
 function impureFinalPropsSelectorFactory(mapStateToProps, mapDispatchToProps2, mergeProps, dispatch) {
   return function impureFinalPropsSelector(state, ownProps) {
     return mergeProps(mapStateToProps(state, ownProps), mapDispatchToProps2(dispatch, ownProps), ownProps);
@@ -31500,14 +31500,14 @@ function pureFinalPropsSelectorFactory(mapStateToProps, mapDispatchToProps2, mer
   };
 }
 function finalPropsSelectorFactory(dispatch, _ref2) {
-  var initMapStateToProps = _ref2.initMapStateToProps, initMapDispatchToProps = _ref2.initMapDispatchToProps, initMergeProps = _ref2.initMergeProps, options = _objectWithoutPropertiesLoose$7(_ref2, _excluded$7);
+  var initMapStateToProps = _ref2.initMapStateToProps, initMapDispatchToProps = _ref2.initMapDispatchToProps, initMergeProps = _ref2.initMergeProps, options = _objectWithoutPropertiesLoose$7(_ref2, _excluded$8);
   var mapStateToProps = initMapStateToProps(dispatch, options);
   var mapDispatchToProps2 = initMapDispatchToProps(dispatch, options);
   var mergeProps = initMergeProps(dispatch, options);
   var selectorFactory = options.pure ? pureFinalPropsSelectorFactory : impureFinalPropsSelectorFactory;
   return selectorFactory(mapStateToProps, mapDispatchToProps2, mergeProps, dispatch, options);
 }
-var _excluded$6 = ["pure", "areStatesEqual", "areOwnPropsEqual", "areStatePropsEqual", "areMergedPropsEqual"];
+var _excluded$7 = ["pure", "areStatesEqual", "areOwnPropsEqual", "areStatePropsEqual", "areMergedPropsEqual"];
 function match$1(arg, factories, name2) {
   for (var i2 = factories.length - 1; i2 >= 0; i2--) {
     var result = factories[i2](arg);
@@ -31527,7 +31527,7 @@ function createConnect(_temp) {
     if (_ref2 === void 0) {
       _ref2 = {};
     }
-    var _ref3 = _ref2, _ref3$pure = _ref3.pure, pure2 = _ref3$pure === void 0 ? true : _ref3$pure, _ref3$areStatesEqual = _ref3.areStatesEqual, areStatesEqual = _ref3$areStatesEqual === void 0 ? strictEqual : _ref3$areStatesEqual, _ref3$areOwnPropsEqua = _ref3.areOwnPropsEqual, areOwnPropsEqual = _ref3$areOwnPropsEqua === void 0 ? shallowEqual3 : _ref3$areOwnPropsEqua, _ref3$areStatePropsEq = _ref3.areStatePropsEqual, areStatePropsEqual = _ref3$areStatePropsEq === void 0 ? shallowEqual3 : _ref3$areStatePropsEq, _ref3$areMergedPropsE = _ref3.areMergedPropsEqual, areMergedPropsEqual = _ref3$areMergedPropsE === void 0 ? shallowEqual3 : _ref3$areMergedPropsE, extraOptions = _objectWithoutPropertiesLoose$7(_ref3, _excluded$6);
+    var _ref3 = _ref2, _ref3$pure = _ref3.pure, pure2 = _ref3$pure === void 0 ? true : _ref3$pure, _ref3$areStatesEqual = _ref3.areStatesEqual, areStatesEqual = _ref3$areStatesEqual === void 0 ? strictEqual : _ref3$areStatesEqual, _ref3$areOwnPropsEqua = _ref3.areOwnPropsEqual, areOwnPropsEqual = _ref3$areOwnPropsEqua === void 0 ? shallowEqual3 : _ref3$areOwnPropsEqua, _ref3$areStatePropsEq = _ref3.areStatePropsEqual, areStatePropsEqual = _ref3$areStatePropsEq === void 0 ? shallowEqual3 : _ref3$areStatePropsEq, _ref3$areMergedPropsE = _ref3.areMergedPropsEqual, areMergedPropsEqual = _ref3$areMergedPropsE === void 0 ? shallowEqual3 : _ref3$areMergedPropsE, extraOptions = _objectWithoutPropertiesLoose$7(_ref3, _excluded$7);
     var initMapStateToProps = match$1(mapStateToProps, mapStateToPropsFactories, "mapStateToProps");
     var initMapDispatchToProps = match$1(mapDispatchToProps2, mapDispatchToPropsFactories, "mapDispatchToProps");
     var initMergeProps = match$1(mergeProps, mergePropsFactories, "mergeProps");
@@ -31809,7 +31809,7 @@ function log$4(type, message2) {
 }
 log$4.bind(null, "warn");
 log$4.bind(null, "error");
-function noop$1() {
+function noop$2() {
 }
 function getOptions$1(shared, fromBinding) {
   return _extends$m({}, shared, {}, fromBinding);
@@ -31852,7 +31852,7 @@ var ErrorBoundary$1 = function(_React$Component) {
     }
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.callbacks = null;
-    _this.unbind = noop$1;
+    _this.unbind = noop$2;
     _this.onWindowError = function(event) {
       var callbacks = _this.getCallbacks();
       if (callbacks.isDragging()) {
@@ -34395,9 +34395,9 @@ function getScrollListener(_ref) {
   }
   var scheduled = rafSchd$1(updateScroll);
   var binding = getWindowScrollBinding(scheduled);
-  var unbind = noop$1;
+  var unbind = noop$2;
   function isActive() {
-    return unbind !== noop$1;
+    return unbind !== noop$2;
   }
   function start2() {
     !!isActive() ? invariant$2(false) : void 0;
@@ -34407,7 +34407,7 @@ function getScrollListener(_ref) {
     !isActive() ? invariant$2(false) : void 0;
     scheduled.cancel();
     unbind();
-    unbind = noop$1;
+    unbind = noop$2;
   }
   return {
     start: start2,
@@ -36286,7 +36286,7 @@ function getCaptureBindings(_ref) {
 }
 function useMouseSensor(api) {
   var phaseRef = react.exports.useRef(idle$1);
-  var unbindEventsRef = react.exports.useRef(noop$1);
+  var unbindEventsRef = react.exports.useRef(noop$2);
   var startCaptureBinding = useMemo(function() {
     return {
       eventName: "mousedown",
@@ -36655,7 +36655,7 @@ function getHandleBindings(_ref2) {
 }
 function useTouchSensor(api) {
   var phaseRef = react.exports.useRef(idle$2);
-  var unbindEventsRef = react.exports.useRef(noop$1);
+  var unbindEventsRef = react.exports.useRef(noop$2);
   var getPhase = useCallback(function getPhase2() {
     return phaseRef.current;
   }, []);
@@ -36938,7 +36938,7 @@ function tryStart(_ref3) {
   if (sourceEvent && !entry.options.canDragInteractiveElements && isEventInInteractiveElement(el2, sourceEvent)) {
     return null;
   }
-  var lock = lockAPI.claim(forceSensorStop || noop$1);
+  var lock = lockAPI.claim(forceSensorStop || noop$2);
   var phase = "PRE_DRAG";
   function getShouldRespectForcePress() {
     return entry.options.shouldRespectForcePress;
@@ -37056,7 +37056,7 @@ function tryStart(_ref3) {
         clientSelection: getBorderBoxCenterPosition(el2),
         movementMode: "SNAP"
       },
-      cleanup: noop$1,
+      cleanup: noop$2,
       actions: actions2
     });
   }
@@ -37637,7 +37637,7 @@ function useDroppablePublisher(args) {
     marshal.updateDroppableIsCombineEnabled(publishedDescriptorRef.current.id, args.isCombineEnabled);
   }, [args.isCombineEnabled, marshal]);
 }
-function noop$2() {
+function noop$2$1() {
 }
 var empty = {
   width: 0,
@@ -37693,15 +37693,15 @@ function Placeholder(props) {
   var _useState = react.exports.useState(props.animate === "open"), isAnimatingOpenOnMount = _useState[0], setIsAnimatingOpenOnMount = _useState[1];
   react.exports.useEffect(function() {
     if (!isAnimatingOpenOnMount) {
-      return noop$2;
+      return noop$2$1;
     }
     if (animate !== "open") {
       tryClearAnimateOpenTimer();
       setIsAnimatingOpenOnMount(false);
-      return noop$2;
+      return noop$2$1;
     }
     if (animateOpenTimerRef.current) {
-      return noop$2;
+      return noop$2$1;
     }
     animateOpenTimerRef.current = setTimeout(function() {
       animateOpenTimerRef.current = null;
@@ -38445,7 +38445,7 @@ function getBody() {
   !document.body ? invariant$2(false) : void 0;
   return document.body;
 }
-var defaultProps = {
+var defaultProps$1 = {
   mode: "standard",
   type: "DEFAULT",
   direction: "vertical",
@@ -38460,7 +38460,7 @@ var ConnectedDroppable = connect(makeMapStateToProps$1, mapDispatchToProps$1, nu
   pure: true,
   areStatePropsEqual: isStrictEqual
 })(Droppable);
-ConnectedDroppable.defaultProps = defaultProps;
+ConnectedDroppable.defaultProps = defaultProps$1;
 var __assign$7 = function() {
   __assign$7 = Object.assign || function __assign2(t2) {
     for (var s2, i2 = 1, n2 = arguments.length; i2 < n2; i2++) {
@@ -38603,19 +38603,86 @@ function __spread() {
   return ar;
 }
 var COMMON_MIME_TYPES = /* @__PURE__ */ new Map([
-  ["avi", "video/avi"],
+  ["aac", "audio/aac"],
+  ["abw", "application/x-abiword"],
+  ["arc", "application/x-freearc"],
+  ["avif", "image/avif"],
+  ["avi", "video/x-msvideo"],
+  ["azw", "application/vnd.amazon.ebook"],
+  ["bin", "application/octet-stream"],
+  ["bmp", "image/bmp"],
+  ["bz", "application/x-bzip"],
+  ["bz2", "application/x-bzip2"],
+  ["cda", "application/x-cdf"],
+  ["csh", "application/x-csh"],
+  ["css", "text/css"],
+  ["csv", "text/csv"],
+  ["doc", "application/msword"],
+  ["docx", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
+  ["eot", "application/vnd.ms-fontobject"],
+  ["epub", "application/epub+zip"],
+  ["gz", "application/gzip"],
   ["gif", "image/gif"],
-  ["ico", "image/x-icon"],
+  ["heic", "image/heic"],
+  ["heif", "image/heif"],
+  ["htm", "text/html"],
+  ["html", "text/html"],
+  ["ico", "image/vnd.microsoft.icon"],
+  ["ics", "text/calendar"],
+  ["jar", "application/java-archive"],
   ["jpeg", "image/jpeg"],
   ["jpg", "image/jpeg"],
-  ["mkv", "video/x-matroska"],
-  ["mov", "video/quicktime"],
+  ["js", "text/javascript"],
+  ["json", "application/json"],
+  ["jsonld", "application/ld+json"],
+  ["mid", "audio/midi"],
+  ["midi", "audio/midi"],
+  ["mjs", "text/javascript"],
+  ["mp3", "audio/mpeg"],
   ["mp4", "video/mp4"],
-  ["pdf", "application/pdf"],
+  ["mpeg", "video/mpeg"],
+  ["mpkg", "application/vnd.apple.installer+xml"],
+  ["odp", "application/vnd.oasis.opendocument.presentation"],
+  ["ods", "application/vnd.oasis.opendocument.spreadsheet"],
+  ["odt", "application/vnd.oasis.opendocument.text"],
+  ["oga", "audio/ogg"],
+  ["ogv", "video/ogg"],
+  ["ogx", "application/ogg"],
+  ["opus", "audio/opus"],
+  ["otf", "font/otf"],
   ["png", "image/png"],
+  ["pdf", "application/pdf"],
+  ["php", "application/x-httpd-php"],
+  ["ppt", "application/vnd.ms-powerpoint"],
+  ["pptx", "application/vnd.openxmlformats-officedocument.presentationml.presentation"],
+  ["rar", "application/vnd.rar"],
+  ["rtf", "application/rtf"],
+  ["sh", "application/x-sh"],
+  ["svg", "image/svg+xml"],
+  ["swf", "application/x-shockwave-flash"],
+  ["tar", "application/x-tar"],
+  ["tif", "image/tiff"],
+  ["tiff", "image/tiff"],
+  ["ts", "video/mp2t"],
+  ["ttf", "font/ttf"],
+  ["txt", "text/plain"],
+  ["vsd", "application/vnd.visio"],
+  ["wav", "audio/wav"],
+  ["weba", "audio/webm"],
+  ["webm", "video/webm"],
+  ["webp", "image/webp"],
+  ["woff", "font/woff"],
+  ["woff2", "font/woff2"],
+  ["xhtml", "application/xhtml+xml"],
+  ["xls", "application/vnd.ms-excel"],
+  ["xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
+  ["xml", "application/xml"],
+  ["xul", "application/vnd.mozilla.xul+xml"],
   ["zip", "application/zip"],
-  ["doc", "application/msword"],
-  ["docx", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"]
+  ["7z", "application/x-7z-compressed"],
+  ["mkv", "video/x-matroska"],
+  ["mov", "video/quicktime"],
+  ["msg", "application/vnd.ms-outlook"]
 ]);
 function toFileWithPath(file, path2) {
   var f = withMimeType(file);
@@ -38654,21 +38721,50 @@ var FILES_TO_IGNORE = [
 function fromEvent(evt) {
   return __awaiter(this, void 0, void 0, function() {
     return __generator(this, function(_a2) {
-      return [2, isDragEvt(evt) && evt.dataTransfer ? getDataTransferFiles(evt.dataTransfer, evt.type) : getInputFiles(evt)];
+      if (isObject$d(evt) && isDataTransfer(evt)) {
+        return [2, getDataTransferFiles(evt.dataTransfer, evt.type)];
+      } else if (isChangeEvt(evt)) {
+        return [2, getInputFiles(evt)];
+      } else if (Array.isArray(evt) && evt.every(function(item) {
+        return "getFile" in item && typeof item.getFile === "function";
+      })) {
+        return [2, getFsHandleFiles(evt)];
+      }
+      return [2, []];
     });
   });
 }
-function isDragEvt(value) {
-  return !!value.dataTransfer;
+function isDataTransfer(value) {
+  return isObject$d(value.dataTransfer);
+}
+function isChangeEvt(value) {
+  return isObject$d(value) && isObject$d(value.target);
+}
+function isObject$d(v2) {
+  return typeof v2 === "object" && v2 !== null;
 }
 function getInputFiles(evt) {
-  var files = isInput(evt.target) ? evt.target.files ? fromList(evt.target.files) : [] : [];
-  return files.map(function(file) {
+  return fromList(evt.target.files).map(function(file) {
     return toFileWithPath(file);
   });
 }
-function isInput(value) {
-  return value !== null;
+function getFsHandleFiles(handles) {
+  return __awaiter(this, void 0, void 0, function() {
+    var files;
+    return __generator(this, function(_a2) {
+      switch (_a2.label) {
+        case 0:
+          return [4, Promise.all(handles.map(function(h2) {
+            return h2.getFile();
+          }))];
+        case 1:
+          files = _a2.sent();
+          return [2, files.map(function(file) {
+            return toFileWithPath(file);
+          })];
+      }
+    });
+  });
 }
 function getDataTransferFiles(dt, type) {
   return __awaiter(this, void 0, void 0, function() {
@@ -38676,6 +38772,9 @@ function getDataTransferFiles(dt, type) {
     return __generator(this, function(_a2) {
       switch (_a2.label) {
         case 0:
+          if (dt === null) {
+            return [2, []];
+          }
           if (!dt.items)
             return [3, 2];
           items = fromList(dt.items).filter(function(item) {
@@ -38702,6 +38801,9 @@ function noIgnoredFiles(files) {
   });
 }
 function fromList(items) {
+  if (items === null) {
+    return [];
+  }
   var files = [];
   for (var i2 = 0; i2 < items.length; i2++) {
     var file = items[i2];
@@ -38798,316 +38900,170 @@ function fromFileEntry(entry) {
     });
   });
 }
-var dist = function(t2) {
-  function n2(e2) {
-    if (r2[e2])
-      return r2[e2].exports;
-    var o2 = r2[e2] = { i: e2, l: false, exports: {} };
-    return t2[e2].call(o2.exports, o2, o2.exports, n2), o2.l = true, o2.exports;
+var _default$1 = function(file, acceptedFiles) {
+  if (file && acceptedFiles) {
+    var acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(",");
+    var fileName = file.name || "";
+    var mimeType = (file.type || "").toLowerCase();
+    var baseMimeType = mimeType.replace(/\/.*$/, "");
+    return acceptedFilesArray.some(function(type) {
+      var validType = type.trim().toLowerCase();
+      if (validType.charAt(0) === ".") {
+        return fileName.toLowerCase().endsWith(validType);
+      } else if (validType.endsWith("/*")) {
+        return baseMimeType === validType.replace(/\/.*$/, "");
+      }
+      return mimeType === validType;
+    });
   }
-  var r2 = {};
-  return n2.m = t2, n2.c = r2, n2.d = function(t3, r3, e2) {
-    n2.o(t3, r3) || Object.defineProperty(t3, r3, { configurable: false, enumerable: true, get: e2 });
-  }, n2.n = function(t3) {
-    var r3 = t3 && t3.__esModule ? function() {
-      return t3.default;
-    } : function() {
-      return t3;
-    };
-    return n2.d(r3, "a", r3), r3;
-  }, n2.o = function(t3, n3) {
-    return Object.prototype.hasOwnProperty.call(t3, n3);
-  }, n2.p = "", n2(n2.s = 13);
-}([function(t2, n2) {
-  var r2 = t2.exports = typeof window != "undefined" && window.Math == Math ? window : typeof self != "undefined" && self.Math == Math ? self : Function("return this")();
-  typeof __g == "number" && (__g = r2);
-}, function(t2, n2) {
-  t2.exports = function(t3) {
-    return typeof t3 == "object" ? t3 !== null : typeof t3 == "function";
-  };
-}, function(t2, n2) {
-  var r2 = t2.exports = { version: "2.5.0" };
-  typeof __e == "number" && (__e = r2);
-}, function(t2, n2, r2) {
-  t2.exports = !r2(4)(function() {
-    return Object.defineProperty({}, "a", { get: function() {
-      return 7;
-    } }).a != 7;
-  });
-}, function(t2, n2) {
-  t2.exports = function(t3) {
-    try {
-      return !!t3();
-    } catch (t4) {
-      return true;
-    }
-  };
-}, function(t2, n2) {
-  var r2 = {}.toString;
-  t2.exports = function(t3) {
-    return r2.call(t3).slice(8, -1);
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(32)("wks"), o2 = r2(9), i2 = r2(0).Symbol, u2 = typeof i2 == "function";
-  (t2.exports = function(t3) {
-    return e2[t3] || (e2[t3] = u2 && i2[t3] || (u2 ? i2 : o2)("Symbol." + t3));
-  }).store = e2;
-}, function(t2, n2, r2) {
-  var e2 = r2(0), o2 = r2(2), i2 = r2(8), u2 = r2(22), c2 = r2(10), f = function(t3, n3, r3) {
-    var a2, s2, p2, l2, v2 = t3 & f.F, y2 = t3 & f.G, h2 = t3 & f.S, d2 = t3 & f.P, x2 = t3 & f.B, g2 = y2 ? e2 : h2 ? e2[n3] || (e2[n3] = {}) : (e2[n3] || {}).prototype, m2 = y2 ? o2 : o2[n3] || (o2[n3] = {}), b2 = m2.prototype || (m2.prototype = {});
-    y2 && (r3 = n3);
-    for (a2 in r3)
-      s2 = !v2 && g2 && g2[a2] !== void 0, p2 = (s2 ? g2 : r3)[a2], l2 = x2 && s2 ? c2(p2, e2) : d2 && typeof p2 == "function" ? c2(Function.call, p2) : p2, g2 && u2(g2, a2, p2, t3 & f.U), m2[a2] != p2 && i2(m2, a2, l2), d2 && b2[a2] != p2 && (b2[a2] = p2);
-  };
-  e2.core = o2, f.F = 1, f.G = 2, f.S = 4, f.P = 8, f.B = 16, f.W = 32, f.U = 64, f.R = 128, t2.exports = f;
-}, function(t2, n2, r2) {
-  var e2 = r2(16), o2 = r2(21);
-  t2.exports = r2(3) ? function(t3, n3, r3) {
-    return e2.f(t3, n3, o2(1, r3));
-  } : function(t3, n3, r3) {
-    return t3[n3] = r3, t3;
-  };
-}, function(t2, n2) {
-  var r2 = 0, e2 = Math.random();
-  t2.exports = function(t3) {
-    return "Symbol(".concat(t3 === void 0 ? "" : t3, ")_", (++r2 + e2).toString(36));
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(24);
-  t2.exports = function(t3, n3, r3) {
-    if (e2(t3), n3 === void 0)
-      return t3;
-    switch (r3) {
-      case 1:
-        return function(r4) {
-          return t3.call(n3, r4);
-        };
-      case 2:
-        return function(r4, e3) {
-          return t3.call(n3, r4, e3);
-        };
-      case 3:
-        return function(r4, e3, o2) {
-          return t3.call(n3, r4, e3, o2);
-        };
+  return true;
+};
+function ownKeys$c(object2, enumerableOnly) {
+  var keys2 = Object.keys(object2);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object2);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
+    })), keys2.push.apply(keys2, symbols);
+  }
+  return keys2;
+}
+function _objectSpread$c(target) {
+  for (var i2 = 1; i2 < arguments.length; i2++) {
+    var source = arguments[i2] != null ? arguments[i2] : {};
+    i2 % 2 ? ownKeys$c(Object(source), true).forEach(function(key) {
+      _defineProperty$9(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _defineProperty$9(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _slicedToArray$2(arr, i2) {
+  return _arrayWithHoles$2(arr) || _iterableToArrayLimit$2(arr, i2) || _unsupportedIterableToArray$2(arr, i2) || _nonIterableRest$2();
+}
+function _nonIterableRest$2() {
+  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$2(o2, minLen) {
+  if (!o2)
+    return;
+  if (typeof o2 === "string")
+    return _arrayLikeToArray$2(o2, minLen);
+  var n2 = Object.prototype.toString.call(o2).slice(8, -1);
+  if (n2 === "Object" && o2.constructor)
+    n2 = o2.constructor.name;
+  if (n2 === "Map" || n2 === "Set")
+    return Array.from(o2);
+  if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2))
+    return _arrayLikeToArray$2(o2, minLen);
+}
+function _arrayLikeToArray$2(arr, len) {
+  if (len == null || len > arr.length)
+    len = arr.length;
+  for (var i2 = 0, arr2 = new Array(len); i2 < len; i2++) {
+    arr2[i2] = arr[i2];
+  }
+  return arr2;
+}
+function _iterableToArrayLimit$2(arr, i2) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i == null)
+    return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _s, _e2;
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+      if (i2 && _arr.length === i2)
+        break;
     }
-    return function() {
-      return t3.apply(n3, arguments);
-    };
-  };
-}, function(t2, n2) {
-  t2.exports = function(t3) {
-    if (t3 == void 0)
-      throw TypeError("Can't call method on  " + t3);
-    return t3;
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(28), o2 = Math.min;
-  t2.exports = function(t3) {
-    return t3 > 0 ? o2(e2(t3), 9007199254740991) : 0;
-  };
-}, function(t2, n2, r2) {
-  n2.__esModule = true, n2.default = function(t3, n3) {
-    if (t3 && n3) {
-      var r3 = Array.isArray(n3) ? n3 : n3.split(","), e2 = t3.name || "", o2 = t3.type || "", i2 = o2.replace(/\/.*$/, "");
-      return r3.some(function(t4) {
-        var n4 = t4.trim();
-        return n4.charAt(0) === "." ? e2.toLowerCase().endsWith(n4.toLowerCase()) : n4.endsWith("/*") ? i2 === n4.replace(/\/.*$/, "") : o2 === n4;
-      });
+  } catch (err) {
+    _d = true;
+    _e2 = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null)
+        _i["return"]();
+    } finally {
+      if (_d)
+        throw _e2;
     }
-    return true;
-  }, r2(14), r2(34);
-}, function(t2, n2, r2) {
-  r2(15), t2.exports = r2(2).Array.some;
-}, function(t2, n2, r2) {
-  var e2 = r2(7), o2 = r2(25)(3);
-  e2(e2.P + e2.F * !r2(33)([].some, true), "Array", { some: function(t3) {
-    return o2(this, t3, arguments[1]);
-  } });
-}, function(t2, n2, r2) {
-  var e2 = r2(17), o2 = r2(18), i2 = r2(20), u2 = Object.defineProperty;
-  n2.f = r2(3) ? Object.defineProperty : function(t3, n3, r3) {
-    if (e2(t3), n3 = i2(n3, true), e2(r3), o2)
-      try {
-        return u2(t3, n3, r3);
-      } catch (t4) {
-      }
-    if ("get" in r3 || "set" in r3)
-      throw TypeError("Accessors not supported!");
-    return "value" in r3 && (t3[n3] = r3.value), t3;
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(1);
-  t2.exports = function(t3) {
-    if (!e2(t3))
-      throw TypeError(t3 + " is not an object!");
-    return t3;
+  }
+  return _arr;
+}
+function _arrayWithHoles$2(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+var FILE_INVALID_TYPE = "file-invalid-type";
+var FILE_TOO_LARGE = "file-too-large";
+var FILE_TOO_SMALL = "file-too-small";
+var TOO_MANY_FILES = "too-many-files";
+var getInvalidTypeRejectionErr = function getInvalidTypeRejectionErr2(accept) {
+  accept = Array.isArray(accept) && accept.length === 1 ? accept[0] : accept;
+  var messageSuffix = Array.isArray(accept) ? "one of ".concat(accept.join(", ")) : accept;
+  return {
+    code: FILE_INVALID_TYPE,
+    message: "File type must be ".concat(messageSuffix)
   };
-}, function(t2, n2, r2) {
-  t2.exports = !r2(3) && !r2(4)(function() {
-    return Object.defineProperty(r2(19)("div"), "a", { get: function() {
-      return 7;
-    } }).a != 7;
-  });
-}, function(t2, n2, r2) {
-  var e2 = r2(1), o2 = r2(0).document, i2 = e2(o2) && e2(o2.createElement);
-  t2.exports = function(t3) {
-    return i2 ? o2.createElement(t3) : {};
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(1);
-  t2.exports = function(t3, n3) {
-    if (!e2(t3))
-      return t3;
-    var r3, o2;
-    if (n3 && typeof (r3 = t3.toString) == "function" && !e2(o2 = r3.call(t3)))
-      return o2;
-    if (typeof (r3 = t3.valueOf) == "function" && !e2(o2 = r3.call(t3)))
-      return o2;
-    if (!n3 && typeof (r3 = t3.toString) == "function" && !e2(o2 = r3.call(t3)))
-      return o2;
-    throw TypeError("Can't convert object to primitive value");
-  };
-}, function(t2, n2) {
-  t2.exports = function(t3, n3) {
-    return { enumerable: !(1 & t3), configurable: !(2 & t3), writable: !(4 & t3), value: n3 };
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(0), o2 = r2(8), i2 = r2(23), u2 = r2(9)("src"), c2 = Function.toString, f = ("" + c2).split("toString");
-  r2(2).inspectSource = function(t3) {
-    return c2.call(t3);
-  }, (t2.exports = function(t3, n3, r3, c3) {
-    var a2 = typeof r3 == "function";
-    a2 && (i2(r3, "name") || o2(r3, "name", n3)), t3[n3] !== r3 && (a2 && (i2(r3, u2) || o2(r3, u2, t3[n3] ? "" + t3[n3] : f.join(String(n3)))), t3 === e2 ? t3[n3] = r3 : c3 ? t3[n3] ? t3[n3] = r3 : o2(t3, n3, r3) : (delete t3[n3], o2(t3, n3, r3)));
-  })(Function.prototype, "toString", function() {
-    return typeof this == "function" && this[u2] || c2.call(this);
-  });
-}, function(t2, n2) {
-  var r2 = {}.hasOwnProperty;
-  t2.exports = function(t3, n3) {
-    return r2.call(t3, n3);
-  };
-}, function(t2, n2) {
-  t2.exports = function(t3) {
-    if (typeof t3 != "function")
-      throw TypeError(t3 + " is not a function!");
-    return t3;
+};
+var getTooLargeRejectionErr = function getTooLargeRejectionErr2(maxSize) {
+  return {
+    code: FILE_TOO_LARGE,
+    message: "File is larger than ".concat(maxSize, " ").concat(maxSize === 1 ? "byte" : "bytes")
   };
-}, function(t2, n2, r2) {
-  var e2 = r2(10), o2 = r2(26), i2 = r2(27), u2 = r2(12), c2 = r2(29);
-  t2.exports = function(t3, n3) {
-    var r3 = t3 == 1, f = t3 == 2, a2 = t3 == 3, s2 = t3 == 4, p2 = t3 == 6, l2 = t3 == 5 || p2, v2 = n3 || c2;
-    return function(n4, c3, y2) {
-      for (var h2, d2, x2 = i2(n4), g2 = o2(x2), m2 = e2(c3, y2, 3), b2 = u2(g2.length), _2 = 0, w2 = r3 ? v2(n4, b2) : f ? v2(n4, 0) : void 0; b2 > _2; _2++)
-        if ((l2 || _2 in g2) && (h2 = g2[_2], d2 = m2(h2, _2, x2), t3)) {
-          if (r3)
-            w2[_2] = d2;
-          else if (d2)
-            switch (t3) {
-              case 3:
-                return true;
-              case 5:
-                return h2;
-              case 6:
-                return _2;
-              case 2:
-                w2.push(h2);
-            }
-          else if (s2)
-            return false;
-        }
-      return p2 ? -1 : a2 || s2 ? s2 : w2;
-    };
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(5);
-  t2.exports = Object("z").propertyIsEnumerable(0) ? Object : function(t3) {
-    return e2(t3) == "String" ? t3.split("") : Object(t3);
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(11);
-  t2.exports = function(t3) {
-    return Object(e2(t3));
-  };
-}, function(t2, n2) {
-  var r2 = Math.ceil, e2 = Math.floor;
-  t2.exports = function(t3) {
-    return isNaN(t3 = +t3) ? 0 : (t3 > 0 ? e2 : r2)(t3);
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(30);
-  t2.exports = function(t3, n3) {
-    return new (e2(t3))(n3);
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(1), o2 = r2(31), i2 = r2(6)("species");
-  t2.exports = function(t3) {
-    var n3;
-    return o2(t3) && (n3 = t3.constructor, typeof n3 != "function" || n3 !== Array && !o2(n3.prototype) || (n3 = void 0), e2(n3) && (n3 = n3[i2]) === null && (n3 = void 0)), n3 === void 0 ? Array : n3;
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(5);
-  t2.exports = Array.isArray || function(t3) {
-    return e2(t3) == "Array";
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(0), o2 = e2["__core-js_shared__"] || (e2["__core-js_shared__"] = {});
-  t2.exports = function(t3) {
-    return o2[t3] || (o2[t3] = {});
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(4);
-  t2.exports = function(t3, n3) {
-    return !!t3 && e2(function() {
-      n3 ? t3.call(null, function() {
-      }, 1) : t3.call(null);
-    });
-  };
-}, function(t2, n2, r2) {
-  r2(35), t2.exports = r2(2).String.endsWith;
-}, function(t2, n2, r2) {
-  var e2 = r2(7), o2 = r2(12), i2 = r2(36), u2 = "".endsWith;
-  e2(e2.P + e2.F * r2(38)("endsWith"), "String", { endsWith: function(t3) {
-    var n3 = i2(this, t3, "endsWith"), r3 = arguments.length > 1 ? arguments[1] : void 0, e3 = o2(n3.length), c2 = r3 === void 0 ? e3 : Math.min(o2(r3), e3), f = String(t3);
-    return u2 ? u2.call(n3, f, c2) : n3.slice(c2 - f.length, c2) === f;
-  } });
-}, function(t2, n2, r2) {
-  var e2 = r2(37), o2 = r2(11);
-  t2.exports = function(t3, n3, r3) {
-    if (e2(n3))
-      throw TypeError("String#" + r3 + " doesn't accept regex!");
-    return String(o2(t3));
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(1), o2 = r2(5), i2 = r2(6)("match");
-  t2.exports = function(t3) {
-    var n3;
-    return e2(t3) && ((n3 = t3[i2]) !== void 0 ? !!n3 : o2(t3) == "RegExp");
-  };
-}, function(t2, n2, r2) {
-  var e2 = r2(6)("match");
-  t2.exports = function(t3) {
-    var n3 = /./;
-    try {
-      "/./"[t3](n3);
-    } catch (r3) {
-      try {
-        return n3[e2] = false, !"/./"[t3](n3);
-      } catch (t4) {
-      }
-    }
-    return true;
+};
+var getTooSmallRejectionErr = function getTooSmallRejectionErr2(minSize) {
+  return {
+    code: FILE_TOO_SMALL,
+    message: "File is smaller than ".concat(minSize, " ").concat(minSize === 1 ? "byte" : "bytes")
   };
-}]);
+};
+var TOO_MANY_FILES_REJECTION = {
+  code: TOO_MANY_FILES,
+  message: "Too many files"
+};
 function fileAccepted(file, accept) {
-  return file.type === "application/x-moz-file" || dist(file, accept);
-}
-function fileMatchSize(file, maxSize, minSize) {
-  return file.size <= maxSize && file.size >= minSize;
-}
-function allFilesAccepted(files, accept) {
+  var isAcceptable = file.type === "application/x-moz-file" || _default$1(file, accept);
+  return [isAcceptable, isAcceptable ? null : getInvalidTypeRejectionErr(accept)];
+}
+function fileMatchSize(file, minSize, maxSize) {
+  if (isDefined$1(file.size)) {
+    if (isDefined$1(minSize) && isDefined$1(maxSize)) {
+      if (file.size > maxSize)
+        return [false, getTooLargeRejectionErr(maxSize)];
+      if (file.size < minSize)
+        return [false, getTooSmallRejectionErr(minSize)];
+    } else if (isDefined$1(minSize) && file.size < minSize)
+      return [false, getTooSmallRejectionErr(minSize)];
+    else if (isDefined$1(maxSize) && file.size > maxSize)
+      return [false, getTooLargeRejectionErr(maxSize)];
+  }
+  return [true, null];
+}
+function isDefined$1(value) {
+  return value !== void 0 && value !== null;
+}
+function allFilesAccepted(_ref) {
+  var files = _ref.files, accept = _ref.accept, minSize = _ref.minSize, maxSize = _ref.maxSize, multiple = _ref.multiple, maxFiles = _ref.maxFiles;
+  if (!multiple && files.length > 1 || multiple && maxFiles >= 1 && files.length > maxFiles) {
+    return false;
+  }
   return files.every(function(file) {
-    return fileAccepted(file, accept);
+    var _fileAccepted = fileAccepted(file, accept), _fileAccepted2 = _slicedToArray$2(_fileAccepted, 1), accepted = _fileAccepted2[0];
+    var _fileMatchSize = fileMatchSize(file, minSize, maxSize), _fileMatchSize2 = _slicedToArray$2(_fileMatchSize, 1), sizeMatch = _fileMatchSize2[0];
+    return accepted && sizeMatch;
   });
 }
 function isPropagationStopped(event) {
@@ -39155,37 +39111,78 @@ function composeEventHandlers() {
     });
   };
 }
+function canUseFileSystemAccessAPI() {
+  return "showOpenFilePicker" in window;
+}
+function filePickerOptionsTypes(accept) {
+  accept = typeof accept === "string" ? accept.split(",") : accept;
+  return [{
+    description: "everything",
+    accept: Array.isArray(accept) ? accept.filter(function(item) {
+      return item === "audio/*" || item === "video/*" || item === "image/*" || item === "text/*" || /\w+\/[-+.\w]+/g.test(item);
+    }).reduce(function(a2, b2) {
+      return _objectSpread$c(_objectSpread$c({}, a2), {}, _defineProperty$9({}, b2, []));
+    }, {}) : {}
+  }];
+}
+function isAbort(v2) {
+  return v2 instanceof DOMException && (v2.name === "AbortError" || v2.code === v2.ABORT_ERR);
+}
+function isSecurityError(v2) {
+  return v2 instanceof DOMException && (v2.name === "SecurityError" || v2.code === v2.SECURITY_ERR);
+}
+var _excluded$6 = ["children"], _excluded2$5 = ["open"], _excluded3 = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"], _excluded4 = ["refKey", "onChange", "onClick"];
 function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
 }
 function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance");
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _iterableToArray(iter) {
-  if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]")
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
 function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) {
-    for (var i2 = 0, arr2 = new Array(arr.length); i2 < arr.length; i2++) {
-      arr2[i2] = arr[i2];
-    }
-    return arr2;
-  }
+  if (Array.isArray(arr))
+    return _arrayLikeToArray$1(arr);
 }
 function _slicedToArray$1(arr, i2) {
-  return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i2) || _nonIterableRest$1();
+  return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i2) || _unsupportedIterableToArray$1(arr, i2) || _nonIterableRest$1();
 }
 function _nonIterableRest$1() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance");
+  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(o2, minLen) {
+  if (!o2)
+    return;
+  if (typeof o2 === "string")
+    return _arrayLikeToArray$1(o2, minLen);
+  var n2 = Object.prototype.toString.call(o2).slice(8, -1);
+  if (n2 === "Object" && o2.constructor)
+    n2 = o2.constructor.name;
+  if (n2 === "Map" || n2 === "Set")
+    return Array.from(o2);
+  if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2))
+    return _arrayLikeToArray$1(o2, minLen);
+}
+function _arrayLikeToArray$1(arr, len) {
+  if (len == null || len > arr.length)
+    len = arr.length;
+  for (var i2 = 0, arr2 = new Array(len); i2 < len; i2++) {
+    arr2[i2] = arr[i2];
+  }
+  return arr2;
 }
 function _iterableToArrayLimit$1(arr, i2) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i == null)
+    return;
   var _arr = [];
   var _n = true;
   var _d = false;
-  var _e2 = void 0;
+  var _s, _e2;
   try {
-    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
       _arr.push(_s.value);
       if (i2 && _arr.length === i2)
         break;
@@ -39208,17 +39205,23 @@ function _arrayWithHoles$1(arr) {
   if (Array.isArray(arr))
     return arr;
 }
+function ownKeys$b(object2, enumerableOnly) {
+  var keys2 = Object.keys(object2);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object2);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
+    })), keys2.push.apply(keys2, symbols);
+  }
+  return keys2;
+}
 function _objectSpread$b(target) {
   for (var i2 = 1; i2 < arguments.length; i2++) {
     var source = arguments[i2] != null ? arguments[i2] : {};
-    var ownKeys2 = Object.keys(source);
-    if (typeof Object.getOwnPropertySymbols === "function") {
-      ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
-    }
-    ownKeys2.forEach(function(key) {
+    i2 % 2 ? ownKeys$b(Object(source), true).forEach(function(key) {
       _defineProperty$8(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
@@ -39236,18 +39239,6 @@ function _defineProperty$8(obj, key, value) {
   }
   return obj;
 }
-function _typeof$4(obj) {
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof$4 = function _typeof2(obj2) {
-      return typeof obj2;
-    };
-  } else {
-    _typeof$4 = function _typeof2(obj2) {
-      return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-    };
-  }
-  return _typeof$4(obj);
-}
 function _objectWithoutProperties$3(source, excluded) {
   if (source == null)
     return {};
@@ -39280,34 +39271,37 @@ function _objectWithoutPropertiesLoose$6(source, excluded) {
   }
   return target;
 }
-var Dropzone = react.exports.forwardRef(function(_ref, ref) {
-  var children2 = _ref.children, params = _objectWithoutProperties$3(_ref, ["children"]);
-  var _useDropzone = useDropzone(params), open = _useDropzone.open, props = _objectWithoutProperties$3(_useDropzone, ["open"]);
-  react.exports.useEffect(function() {
-    if (typeof ref === "function") {
-      ref({
-        open
-      });
-    } else if (_typeof$4(ref) === "object" && ref !== null) {
-      ref.current = {
-        open
-      };
-    }
-    return function() {
-      if (typeof ref === "function") {
-        ref(null);
-      } else if (_typeof$4(ref) === "object" && ref !== null) {
-        ref.current = null;
-      }
+var Dropzone = /* @__PURE__ */ react.exports.forwardRef(function(_ref, ref) {
+  var children2 = _ref.children, params = _objectWithoutProperties$3(_ref, _excluded$6);
+  var _useDropzone = useDropzone(params), open = _useDropzone.open, props = _objectWithoutProperties$3(_useDropzone, _excluded2$5);
+  react.exports.useImperativeHandle(ref, function() {
+    return {
+      open
     };
-  }, [ref]);
+  }, [open]);
   return /* @__PURE__ */ jsx$1(Fragment, {
-    children: children2(_objectSpread$b({}, props, {
+    children: children2(_objectSpread$b(_objectSpread$b({}, props), {}, {
       open
     }))
   });
 });
 Dropzone.displayName = "Dropzone";
+var defaultProps = {
+  disabled: false,
+  getFilesFromEvent: fromEvent,
+  maxSize: Infinity,
+  minSize: 0,
+  multiple: true,
+  maxFiles: 0,
+  preventDropOnDocument: true,
+  noClick: false,
+  noKeyboard: false,
+  noDrag: false,
+  noDragEventsBubbling: false,
+  validator: null,
+  useFsAccessApi: true
+};
+Dropzone.defaultProps = defaultProps;
 Dropzone.propTypes = {
   children: PropTypes$1.func,
   accept: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.arrayOf(PropTypes$1.string)]),
@@ -39319,15 +39313,19 @@ Dropzone.propTypes = {
   noDragEventsBubbling: PropTypes$1.bool,
   minSize: PropTypes$1.number,
   maxSize: PropTypes$1.number,
+  maxFiles: PropTypes$1.number,
   disabled: PropTypes$1.bool,
   getFilesFromEvent: PropTypes$1.func,
   onFileDialogCancel: PropTypes$1.func,
+  onFileDialogOpen: PropTypes$1.func,
+  useFsAccessApi: PropTypes$1.bool,
   onDragEnter: PropTypes$1.func,
   onDragLeave: PropTypes$1.func,
   onDragOver: PropTypes$1.func,
   onDrop: PropTypes$1.func,
   onDropAccepted: PropTypes$1.func,
-  onDropRejected: PropTypes$1.func
+  onDropRejected: PropTypes$1.func,
+  validator: PropTypes$1.func
 };
 var initialState = {
   isFocused: false,
@@ -39337,25 +39335,24 @@ var initialState = {
   isDragReject: false,
   draggedFiles: [],
   acceptedFiles: [],
-  rejectedFiles: []
+  fileRejections: []
 };
 function useDropzone() {
-  var _ref2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, accept = _ref2.accept, _ref2$disabled = _ref2.disabled, disabled = _ref2$disabled === void 0 ? false : _ref2$disabled, _ref2$getFilesFromEve = _ref2.getFilesFromEvent, getFilesFromEvent = _ref2$getFilesFromEve === void 0 ? fromEvent : _ref2$getFilesFromEve, _ref2$maxSize = _ref2.maxSize, maxSize = _ref2$maxSize === void 0 ? Infinity : _ref2$maxSize, _ref2$minSize = _ref2.minSize, minSize = _ref2$minSize === void 0 ? 0 : _ref2$minSize, _ref2$multiple = _ref2.multiple, multiple = _ref2$multiple === void 0 ? true : _ref2$multiple, onDragEnter = _ref2.onDragEnter, onDragLeave = _ref2.onDragLeave, onDragOver = _ref2.onDragOver, onDrop = _ref2.onDrop, onDropAccepted = _ref2.onDropAccepted, onDropRejected = _ref2.onDropRejected, onFileDialogCancel = _ref2.onFileDialogCancel, _ref2$preventDropOnDo = _ref2.preventDropOnDocument, preventDropOnDocument = _ref2$preventDropOnDo === void 0 ? true : _ref2$preventDropOnDo, _ref2$noClick = _ref2.noClick, noClick = _ref2$noClick === void 0 ? false : _ref2$noClick, _ref2$noKeyboard = _ref2.noKeyboard, noKeyboard = _ref2$noKeyboard === void 0 ? false : _ref2$noKeyboard, _ref2$noDrag = _ref2.noDrag, noDrag = _ref2$noDrag === void 0 ? false : _ref2$noDrag, _ref2$noDragEventsBub = _ref2.noDragEventsBubbling, noDragEventsBubbling = _ref2$noDragEventsBub === void 0 ? false : _ref2$noDragEventsBub;
+  var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var _defaultProps$options = _objectSpread$b(_objectSpread$b({}, defaultProps), options), accept = _defaultProps$options.accept, disabled = _defaultProps$options.disabled, getFilesFromEvent = _defaultProps$options.getFilesFromEvent, maxSize = _defaultProps$options.maxSize, minSize = _defaultProps$options.minSize, multiple = _defaultProps$options.multiple, maxFiles = _defaultProps$options.maxFiles, onDragEnter = _defaultProps$options.onDragEnter, onDragLeave = _defaultProps$options.onDragLeave, onDragOver = _defaultProps$options.onDragOver, onDrop = _defaultProps$options.onDrop, onDropAccepted = _defaultProps$options.onDropAccepted, onDropRejected = _defaultProps$options.onDropRejected, onFileDialogCancel = _defaultProps$options.onFileDialogCancel, onFileDialogOpen = _defaultProps$options.onFileDialogOpen, useFsAccessApi = _defaultProps$options.useFsAccessApi, preventDropOnDocument = _defaultProps$options.preventDropOnDocument, noClick = _defaultProps$options.noClick, noKeyboard = _defaultProps$options.noKeyboard, noDrag = _defaultProps$options.noDrag, noDragEventsBubbling = _defaultProps$options.noDragEventsBubbling, validator = _defaultProps$options.validator;
+  var onFileDialogOpenCb = react.exports.useMemo(function() {
+    return typeof onFileDialogOpen === "function" ? onFileDialogOpen : noop$1;
+  }, [onFileDialogOpen]);
+  var onFileDialogCancelCb = react.exports.useMemo(function() {
+    return typeof onFileDialogCancel === "function" ? onFileDialogCancel : noop$1;
+  }, [onFileDialogCancel]);
   var rootRef = react.exports.useRef(null);
   var inputRef = react.exports.useRef(null);
   var _useReducer = react.exports.useReducer(reducer$2, initialState), _useReducer2 = _slicedToArray$1(_useReducer, 2), state = _useReducer2[0], dispatch = _useReducer2[1];
   var isFocused = state.isFocused, isFileDialogActive = state.isFileDialogActive, draggedFiles = state.draggedFiles;
-  var openFileDialog = function openFileDialog2() {
-    if (inputRef.current) {
-      dispatch({
-        type: "openDialog"
-      });
-      inputRef.current.value = null;
-      inputRef.current.click();
-    }
-  };
+  var fsAccessApiWorksRef = react.exports.useRef(typeof window !== "undefined" && window.isSecureContext && useFsAccessApi && canUseFileSystemAccessAPI());
   var onWindowFocus = function onWindowFocus2() {
-    if (isFileDialogActive) {
+    if (!fsAccessApiWorksRef.current && isFileDialogActive) {
       setTimeout(function() {
         if (inputRef.current) {
           var files = inputRef.current.files;
@@ -39363,9 +39360,7 @@ function useDropzone() {
             dispatch({
               type: "closeDialog"
             });
-            if (typeof onFileDialogCancel === "function") {
-              onFileDialogCancel();
-            }
+            onFileDialogCancelCb();
           }
         }
       }, 300);
@@ -39376,43 +39371,14 @@ function useDropzone() {
     return function() {
       window.removeEventListener("focus", onWindowFocus, false);
     };
-  }, [inputRef, isFileDialogActive, onFileDialogCancel]);
-  var onKeyDownCb = react.exports.useCallback(function(event) {
-    if (!rootRef.current || !rootRef.current.isEqualNode(event.target)) {
-      return;
-    }
-    if (event.keyCode === 32 || event.keyCode === 13) {
-      event.preventDefault();
-      openFileDialog();
-    }
-  }, [rootRef, inputRef]);
-  var onFocusCb = react.exports.useCallback(function() {
-    dispatch({
-      type: "focus"
-    });
-  }, []);
-  var onBlurCb = react.exports.useCallback(function() {
-    dispatch({
-      type: "blur"
-    });
-  }, []);
-  var onClickCb = react.exports.useCallback(function() {
-    if (noClick) {
-      return;
-    }
-    if (isIeOrEdge()) {
-      setTimeout(openFileDialog, 0);
-    } else {
-      openFileDialog();
-    }
-  }, [inputRef, noClick]);
-  var _useState = react.exports.useState([]), _useState2 = _slicedToArray$1(_useState, 2), dragTargets = _useState2[0], setDragTargets = _useState2[1];
+  }, [inputRef, isFileDialogActive, onFileDialogCancelCb, fsAccessApiWorksRef]);
+  var dragTargetsRef = react.exports.useRef([]);
   var onDocumentDrop = function onDocumentDrop2(event) {
     if (rootRef.current && rootRef.current.contains(event.target)) {
       return;
     }
     event.preventDefault();
-    setDragTargets([]);
+    dragTargetsRef.current = [];
   };
   react.exports.useEffect(function() {
     if (preventDropOnDocument) {
@@ -39430,9 +39396,7 @@ function useDropzone() {
     event.preventDefault();
     event.persist();
     stopPropagation(event);
-    if (dragTargets.indexOf(event.target) === -1) {
-      setDragTargets([].concat(_toConsumableArray(dragTargets), [event.target]));
-    }
+    dragTargetsRef.current = [].concat(_toConsumableArray(dragTargetsRef.current), [event.target]);
     if (isEvtWithFiles(event)) {
       Promise.resolve(getFilesFromEvent(event)).then(function(draggedFiles2) {
         if (isPropagationStopped(event) && !noDragEventsBubbling) {
@@ -39448,18 +39412,19 @@ function useDropzone() {
         }
       });
     }
-  }, [dragTargets, getFilesFromEvent, onDragEnter, noDragEventsBubbling]);
+  }, [getFilesFromEvent, onDragEnter, noDragEventsBubbling]);
   var onDragOverCb = react.exports.useCallback(function(event) {
     event.preventDefault();
     event.persist();
     stopPropagation(event);
-    if (event.dataTransfer) {
+    var hasFiles = isEvtWithFiles(event);
+    if (hasFiles && event.dataTransfer) {
       try {
         event.dataTransfer.dropEffect = "copy";
       } catch (_unused) {
       }
     }
-    if (isEvtWithFiles(event) && onDragOver) {
+    if (hasFiles && onDragOver) {
       onDragOver(event);
     }
     return false;
@@ -39468,10 +39433,14 @@ function useDropzone() {
     event.preventDefault();
     event.persist();
     stopPropagation(event);
-    var targets = _toConsumableArray(dragTargets.filter(function(target) {
-      return target !== event.target && rootRef.current && rootRef.current.contains(target);
-    }));
-    setDragTargets(targets);
+    var targets = dragTargetsRef.current.filter(function(target) {
+      return rootRef.current && rootRef.current.contains(target);
+    });
+    var targetIdx = targets.indexOf(event.target);
+    if (targetIdx !== -1) {
+      targets.splice(targetIdx, 1);
+    }
+    dragTargetsRef.current = targets;
     if (targets.length > 0) {
       return;
     }
@@ -39483,49 +39452,141 @@ function useDropzone() {
     if (isEvtWithFiles(event) && onDragLeave) {
       onDragLeave(event);
     }
-  }, [rootRef, dragTargets, onDragLeave, noDragEventsBubbling]);
+  }, [rootRef, onDragLeave, noDragEventsBubbling]);
+  var setFiles = react.exports.useCallback(function(files, event) {
+    var acceptedFiles = [];
+    var fileRejections = [];
+    files.forEach(function(file) {
+      var _fileAccepted = fileAccepted(file, accept), _fileAccepted2 = _slicedToArray$1(_fileAccepted, 2), accepted = _fileAccepted2[0], acceptError = _fileAccepted2[1];
+      var _fileMatchSize = fileMatchSize(file, minSize, maxSize), _fileMatchSize2 = _slicedToArray$1(_fileMatchSize, 2), sizeMatch = _fileMatchSize2[0], sizeError = _fileMatchSize2[1];
+      var customErrors = validator ? validator(file) : null;
+      if (accepted && sizeMatch && !customErrors) {
+        acceptedFiles.push(file);
+      } else {
+        var errors = [acceptError, sizeError];
+        if (customErrors) {
+          errors = errors.concat(customErrors);
+        }
+        fileRejections.push({
+          file,
+          errors: errors.filter(function(e2) {
+            return e2;
+          })
+        });
+      }
+    });
+    if (!multiple && acceptedFiles.length > 1 || multiple && maxFiles >= 1 && acceptedFiles.length > maxFiles) {
+      acceptedFiles.forEach(function(file) {
+        fileRejections.push({
+          file,
+          errors: [TOO_MANY_FILES_REJECTION]
+        });
+      });
+      acceptedFiles.splice(0);
+    }
+    dispatch({
+      acceptedFiles,
+      fileRejections,
+      type: "setFiles"
+    });
+    if (onDrop) {
+      onDrop(acceptedFiles, fileRejections, event);
+    }
+    if (fileRejections.length > 0 && onDropRejected) {
+      onDropRejected(fileRejections, event);
+    }
+    if (acceptedFiles.length > 0 && onDropAccepted) {
+      onDropAccepted(acceptedFiles, event);
+    }
+  }, [dispatch, multiple, accept, minSize, maxSize, maxFiles, onDrop, onDropAccepted, onDropRejected, validator]);
   var onDropCb = react.exports.useCallback(function(event) {
     event.preventDefault();
     event.persist();
     stopPropagation(event);
-    setDragTargets([]);
-    dispatch({
-      type: "reset"
-    });
+    dragTargetsRef.current = [];
     if (isEvtWithFiles(event)) {
       Promise.resolve(getFilesFromEvent(event)).then(function(files) {
         if (isPropagationStopped(event) && !noDragEventsBubbling) {
           return;
         }
-        var acceptedFiles = [];
-        var rejectedFiles = [];
-        files.forEach(function(file) {
-          if (fileAccepted(file, accept) && fileMatchSize(file, maxSize, minSize)) {
-            acceptedFiles.push(file);
-          } else {
-            rejectedFiles.push(file);
-          }
-        });
-        if (!multiple && acceptedFiles.length > 1) {
-          rejectedFiles.push.apply(rejectedFiles, _toConsumableArray(acceptedFiles.splice(0)));
-        }
+        setFiles(files, event);
+      });
+    }
+    dispatch({
+      type: "reset"
+    });
+  }, [getFilesFromEvent, setFiles, noDragEventsBubbling]);
+  var openFileDialog = react.exports.useCallback(function() {
+    if (fsAccessApiWorksRef.current) {
+      dispatch({
+        type: "openDialog"
+      });
+      onFileDialogOpenCb();
+      var opts = {
+        multiple,
+        types: filePickerOptionsTypes(accept)
+      };
+      window.showOpenFilePicker(opts).then(function(handles) {
+        return getFilesFromEvent(handles);
+      }).then(function(files) {
+        setFiles(files, null);
         dispatch({
-          acceptedFiles,
-          rejectedFiles,
-          type: "setFiles"
+          type: "closeDialog"
         });
-        if (onDrop) {
-          onDrop(acceptedFiles, rejectedFiles, event);
-        }
-        if (rejectedFiles.length > 0 && onDropRejected) {
-          onDropRejected(rejectedFiles, event);
-        }
-        if (acceptedFiles.length > 0 && onDropAccepted) {
-          onDropAccepted(acceptedFiles, event);
+      }).catch(function(e2) {
+        if (isAbort(e2)) {
+          onFileDialogCancelCb(e2);
+          dispatch({
+            type: "closeDialog"
+          });
+        } else if (isSecurityError(e2)) {
+          fsAccessApiWorksRef.current = false;
+          if (inputRef.current) {
+            inputRef.current.value = null;
+            inputRef.current.click();
+          }
         }
       });
+      return;
+    }
+    if (inputRef.current) {
+      dispatch({
+        type: "openDialog"
+      });
+      onFileDialogOpenCb();
+      inputRef.current.value = null;
+      inputRef.current.click();
+    }
+  }, [dispatch, onFileDialogOpenCb, onFileDialogCancelCb, useFsAccessApi, setFiles, accept, multiple]);
+  var onKeyDownCb = react.exports.useCallback(function(event) {
+    if (!rootRef.current || !rootRef.current.isEqualNode(event.target)) {
+      return;
     }
-  }, [multiple, accept, minSize, maxSize, getFilesFromEvent, onDrop, onDropAccepted, onDropRejected, noDragEventsBubbling]);
+    if (event.key === " " || event.key === "Enter" || event.keyCode === 32 || event.keyCode === 13) {
+      event.preventDefault();
+      openFileDialog();
+    }
+  }, [rootRef, openFileDialog]);
+  var onFocusCb = react.exports.useCallback(function() {
+    dispatch({
+      type: "focus"
+    });
+  }, []);
+  var onBlurCb = react.exports.useCallback(function() {
+    dispatch({
+      type: "blur"
+    });
+  }, []);
+  var onClickCb = react.exports.useCallback(function() {
+    if (noClick) {
+      return;
+    }
+    if (isIeOrEdge()) {
+      setTimeout(openFileDialog, 0);
+    } else {
+      openFileDialog();
+    }
+  }, [noClick, openFileDialog]);
   var composeHandler = function composeHandler2(fn2) {
     return disabled ? null : fn2;
   };
@@ -39542,8 +39603,8 @@ function useDropzone() {
   };
   var getRootProps = react.exports.useMemo(function() {
     return function() {
-      var _ref3 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref3$refKey = _ref3.refKey, refKey = _ref3$refKey === void 0 ? "ref" : _ref3$refKey, onKeyDown = _ref3.onKeyDown, onFocus = _ref3.onFocus, onBlur = _ref3.onBlur, onClick = _ref3.onClick, onDragEnter2 = _ref3.onDragEnter, onDragOver2 = _ref3.onDragOver, onDragLeave2 = _ref3.onDragLeave, onDrop2 = _ref3.onDrop, rest = _objectWithoutProperties$3(_ref3, ["refKey", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"]);
-      return _objectSpread$b(_defineProperty$8({
+      var _ref2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref2$refKey = _ref2.refKey, refKey = _ref2$refKey === void 0 ? "ref" : _ref2$refKey, role = _ref2.role, onKeyDown = _ref2.onKeyDown, onFocus = _ref2.onFocus, onBlur = _ref2.onBlur, onClick = _ref2.onClick, onDragEnter2 = _ref2.onDragEnter, onDragOver2 = _ref2.onDragOver, onDragLeave2 = _ref2.onDragLeave, onDrop2 = _ref2.onDrop, rest = _objectWithoutProperties$3(_ref2, _excluded3);
+      return _objectSpread$b(_objectSpread$b(_defineProperty$8({
         onKeyDown: composeKeyboardHandler(composeEventHandlers(onKeyDown, onKeyDownCb)),
         onFocus: composeKeyboardHandler(composeEventHandlers(onFocus, onFocusCb)),
         onBlur: composeKeyboardHandler(composeEventHandlers(onBlur, onBlurCb)),
@@ -39551,10 +39612,11 @@ function useDropzone() {
         onDragEnter: composeDragHandler(composeEventHandlers(onDragEnter2, onDragEnterCb)),
         onDragOver: composeDragHandler(composeEventHandlers(onDragOver2, onDragOverCb)),
         onDragLeave: composeDragHandler(composeEventHandlers(onDragLeave2, onDragLeaveCb)),
-        onDrop: composeDragHandler(composeEventHandlers(onDrop2, onDropCb))
+        onDrop: composeDragHandler(composeEventHandlers(onDrop2, onDropCb)),
+        role: typeof role === "string" && role !== "" ? role : "button"
       }, refKey, rootRef), !disabled && !noKeyboard ? {
         tabIndex: 0
-      } : {}, rest);
+      } : {}), rest);
     };
   }, [rootRef, onKeyDownCb, onFocusCb, onBlurCb, onClickCb, onDragEnterCb, onDragOverCb, onDragLeaveCb, onDropCb, noKeyboard, noDrag, disabled]);
   var onInputElementClick = react.exports.useCallback(function(event) {
@@ -39562,7 +39624,7 @@ function useDropzone() {
   }, []);
   var getInputProps = react.exports.useMemo(function() {
     return function() {
-      var _ref4 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref4$refKey = _ref4.refKey, refKey = _ref4$refKey === void 0 ? "ref" : _ref4$refKey, onChange = _ref4.onChange, onClick = _ref4.onClick, rest = _objectWithoutProperties$3(_ref4, ["refKey", "onChange", "onClick"]);
+      var _ref3 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref3$refKey = _ref3.refKey, refKey = _ref3$refKey === void 0 ? "ref" : _ref3$refKey, onChange = _ref3.onChange, onClick = _ref3.onClick, rest = _objectWithoutProperties$3(_ref3, _excluded4);
       var inputProps = _defineProperty$8({
         accept,
         multiple,
@@ -39572,17 +39634,22 @@ function useDropzone() {
         },
         onChange: composeHandler(composeEventHandlers(onChange, onDropCb)),
         onClick: composeHandler(composeEventHandlers(onClick, onInputElementClick)),
-        autoComplete: "off",
         tabIndex: -1
       }, refKey, inputRef);
-      return _objectSpread$b({}, inputProps, rest);
+      return _objectSpread$b(_objectSpread$b({}, inputProps), rest);
     };
   }, [inputRef, accept, multiple, onDropCb, disabled]);
   var fileCount = draggedFiles.length;
-  var isMultipleAllowed = multiple || fileCount <= 1;
-  var isDragAccept = fileCount > 0 && allFilesAccepted(draggedFiles, accept);
-  var isDragReject = fileCount > 0 && (!isDragAccept || !isMultipleAllowed);
-  return _objectSpread$b({}, state, {
+  var isDragAccept = fileCount > 0 && allFilesAccepted({
+    files: draggedFiles,
+    accept,
+    minSize,
+    maxSize,
+    multiple,
+    maxFiles
+  });
+  var isDragReject = fileCount > 0 && !isDragAccept;
+  return _objectSpread$b(_objectSpread$b({}, state), {}, {
     isDragAccept,
     isDragReject,
     isFocused: isFocused && !disabled,
@@ -39596,42 +39663,40 @@ function useDropzone() {
 function reducer$2(state, action) {
   switch (action.type) {
     case "focus":
-      return _objectSpread$b({}, state, {
+      return _objectSpread$b(_objectSpread$b({}, state), {}, {
         isFocused: true
       });
     case "blur":
-      return _objectSpread$b({}, state, {
+      return _objectSpread$b(_objectSpread$b({}, state), {}, {
         isFocused: false
       });
     case "openDialog":
-      return _objectSpread$b({}, state, {
+      return _objectSpread$b(_objectSpread$b({}, initialState), {}, {
         isFileDialogActive: true
       });
     case "closeDialog":
-      return _objectSpread$b({}, state, {
+      return _objectSpread$b(_objectSpread$b({}, state), {}, {
         isFileDialogActive: false
       });
     case "setDraggedFiles":
       var isDragActive = action.isDragActive, draggedFiles = action.draggedFiles;
-      return _objectSpread$b({}, state, {
+      return _objectSpread$b(_objectSpread$b({}, state), {}, {
         draggedFiles,
         isDragActive
       });
     case "setFiles":
-      return _objectSpread$b({}, state, {
+      return _objectSpread$b(_objectSpread$b({}, state), {}, {
         acceptedFiles: action.acceptedFiles,
-        rejectedFiles: action.rejectedFiles
+        fileRejections: action.fileRejections
       });
     case "reset":
-      return _objectSpread$b({}, state, {
-        isFileDialogActive: false,
-        isDragActive: false,
-        draggedFiles: []
-      });
+      return _objectSpread$b({}, initialState);
     default:
       return state;
   }
 }
+function noop$1() {
+}
 const SUSPENSE_PROMISE = Symbol();
 const isSuspensePromise = (promise) => !!promise[SUSPENSE_PROMISE];
 const isSuspensePromiseAlreadyCancelled = (suspensePromise) => !suspensePromise[SUSPENSE_PROMISE].c;
@@ -41297,29 +41362,29 @@ var PUNCTUATION = /[\u0021-\u0023\u0025-\u002A\u002C-\u002F\u003A\u003B\u003F\u0
 var CHAMELEON = /['\u2018\u2019]/;
 var getWordDistance = function getWordDistance2(text2) {
   var isRTL = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
-  var dist2 = 0;
+  var dist = 0;
   var started = false;
   while (text2.length > 0) {
     var charDist = getCharacterDistance(text2, isRTL);
     var [char, remaining] = splitByCharacterDistance(text2, charDist, isRTL);
     if (isWordCharacter(char, remaining, isRTL)) {
       started = true;
-      dist2 += charDist;
+      dist += charDist;
     } else if (!started) {
-      dist2 += charDist;
+      dist += charDist;
     } else {
       break;
     }
     text2 = remaining;
   }
-  return dist2;
+  return dist;
 };
-var splitByCharacterDistance = (str, dist2, isRTL) => {
+var splitByCharacterDistance = (str, dist, isRTL) => {
   if (isRTL) {
-    var at = str.length - dist2;
+    var at = str.length - dist;
     return [str.slice(at, str.length), str.slice(0, at)];
   }
-  return [str.slice(0, dist2), str.slice(dist2)];
+  return [str.slice(0, dist), str.slice(dist)];
 };
 var isWordCharacter = function isWordCharacter2(char, remaining) {
   var isRTL = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
@@ -81095,7 +81160,8 @@ class TinaMediaStore {
           id: file.name,
           filename: file.name,
           directory,
-          previewSrc: path2
+          previewSrc: path2,
+          src: path2
         };
         newFiles.push(parsedRes);
       } else {
@@ -92249,7 +92315,7 @@ function Breadcrumb({
   setDirectory
 }) {
   directory = directory.replace(/^\/|\/$/g, "");
-  let prevDir = dirname(directory);
+  let prevDir = dirname(directory) || "";
   if (prevDir === ".") {
     prevDir = "";
   }