@oliasoft-open-source/react-ui-library 3.9.10-beta-2 → 3.9.11-beta-1

package/dist/index.js

@@ -9273,20 +9273,6 @@ var lodash = { exports: {} };
   }).call(commonjsGlobal);
 })(lodash, lodash.exports);
 const _$1 = lodash.exports;
-function _extends$8() {
-  _extends$8 = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key2 in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key2)) {
-          target[key2] = source[key2];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$8.apply(this, arguments);
-}
 function _objectWithoutPropertiesLoose$6(source, excluded) {
   if (source == null)
     return {};
@@ -9301,6 +9287,20 @@ function _objectWithoutPropertiesLoose$6(source, excluded) {
   }
   return target;
 }
+function _extends$8() {
+  _extends$8 = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key2 in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key2)) {
+          target[key2] = source[key2];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$8.apply(this, arguments);
+}
 function _setPrototypeOf$5(o, p) {
   _setPrototypeOf$5 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
     o2.__proto__ = p2;
@@ -9313,71 +9313,7 @@ function _inheritsLoose$4(subClass, superClass) {
   subClass.prototype.constructor = subClass;
   _setPrototypeOf$5(subClass, superClass);
 }
-var extendStatics$1 = function(d2, b2) {
-  extendStatics$1 = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d3, b3) {
-    d3.__proto__ = b3;
-  } || function(d3, b3) {
-    for (var p in b3)
-      if (Object.prototype.hasOwnProperty.call(b3, p))
-        d3[p] = b3[p];
-  };
-  return extendStatics$1(d2, b2);
-};
-function __extends$1(d2, b2) {
-  if (typeof b2 !== "function" && b2 !== null)
-    throw new TypeError("Class extends value " + String(b2) + " is not a constructor or null");
-  extendStatics$1(d2, b2);
-  function __() {
-    this.constructor = d2;
-  }
-  d2.prototype = b2 === null ? Object.create(b2) : (__.prototype = b2.prototype, new __());
-}
-var __assign$2 = function() {
-  __assign$2 = Object.assign || function __assign2(t) {
-    for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
-      s = arguments[i];
-      for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p))
-          t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign$2.apply(this, arguments);
-};
-function __rest(s, e2) {
-  var t = {};
-  for (var p in s)
-    if (Object.prototype.hasOwnProperty.call(s, p) && e2.indexOf(p) < 0)
-      t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e2.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
-}
-function __read(o, n2) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m)
-    return o;
-  var i = m.call(o), r2, ar2 = [], e2;
-  try {
-    while ((n2 === void 0 || n2-- > 0) && !(r2 = i.next()).done)
-      ar2.push(r2.value);
-  } catch (error2) {
-    e2 = { error: error2 };
-  } finally {
-    try {
-      if (r2 && !r2.done && (m = i["return"]))
-        m.call(i);
-    } finally {
-      if (e2)
-        throw e2.error;
-    }
-  }
-  return ar2;
-}
-function __spreadArray$1(to2, from2, pack) {
+function __spreadArray$2(to2, from2, pack) {
   if (pack || arguments.length === 2)
     for (var i = 0, l = from2.length, ar2; i < l; i++) {
       if (ar2 || !(i in from2)) {
@@ -9388,6 +9324,10 @@ function __spreadArray$1(to2, from2, pack) {
     }
   return to2.concat(ar2 || Array.prototype.slice.call(from2));
 }
+typeof SuppressedError === "function" ? SuppressedError : function(error2, suppressed, message2) {
+  var e2 = new Error(message2);
+  return e2.name = "SuppressedError", e2.error = error2, e2.suppressed = suppressed, e2;
+};
 /*!
  * content-type
  * Copyright(c) 2015 Douglas Christopher Wilson
@@ -9406,7 +9346,7 @@ function parse$3(string) {
     throw new TypeError("argument string is required to be a string");
   }
   var index2 = header2.indexOf(";");
-  var type = index2 !== -1 ? header2.substr(0, index2).trim() : header2.trim();
+  var type = index2 !== -1 ? header2.slice(0, index2).trim() : header2.trim();
   if (!TYPE_REGEXP.test(type)) {
     throw new TypeError("invalid media type");
   }
@@ -9423,8 +9363,11 @@ function parse$3(string) {
       index2 += match2[0].length;
       key2 = match2[1].toLowerCase();
       value = match2[2];
-      if (value[0] === '"') {
-        value = value.substr(1, value.length - 2).replace(QESC_REGEXP, "$1");
+      if (value.charCodeAt(0) === 34) {
+        value = value.slice(1, -1);
+        if (value.indexOf("\\") !== -1) {
+          value = value.replace(QESC_REGEXP, "$1");
+        }
       }
       obj.parameters[key2] = value;
     }
@@ -9539,9 +9482,10 @@ var loadSvgCached = function loadSvgCached2(url, httpRequestWithCredentials, cal
   cache$1.set(url, void 0);
   queueRequest(url, callback);
   makeAjaxRequest(url, httpRequestWithCredentials, function(error2, httpRequest) {
+    var _a;
     if (error2) {
       cache$1.set(url, error2);
-    } else if (httpRequest.responseXML instanceof Document && httpRequest.responseXML.documentElement && httpRequest.responseXML.documentElement instanceof SVGSVGElement) {
+    } else if (((_a = httpRequest.responseXML) === null || _a === void 0 ? void 0 : _a.documentElement) instanceof SVGSVGElement) {
       cache$1.set(url, httpRequest.responseXML.documentElement);
     }
     processRequestQueue(url);
@@ -9549,9 +9493,10 @@ var loadSvgCached = function loadSvgCached2(url, httpRequestWithCredentials, cal
 };
 var loadSvgUncached = function loadSvgUncached2(url, httpRequestWithCredentials, callback) {
   makeAjaxRequest(url, httpRequestWithCredentials, function(error2, httpRequest) {
+    var _a;
     if (error2) {
       callback(error2);
-    } else if (httpRequest.responseXML instanceof Document && httpRequest.responseXML.documentElement && httpRequest.responseXML.documentElement instanceof SVGSVGElement) {
+    } else if (((_a = httpRequest.responseXML) === null || _a === void 0 ? void 0 : _a.documentElement) instanceof SVGSVGElement) {
       callback(null, httpRequest.responseXML.documentElement);
     }
   });
@@ -9601,7 +9546,7 @@ var injectElement = function injectElement2(el2, evalScripts, renumerateIRIEleme
     if (elHeight) {
       svg.setAttribute("height", elHeight);
     }
-    var mergedClasses = Array.from(new Set(__spreadArray$1(__spreadArray$1(__spreadArray$1([], (svg.getAttribute("class") || "").split(" "), true), ["injected-svg"], false), (el2.getAttribute("class") || "").split(" "), true))).join(" ").trim();
+    var mergedClasses = Array.from(new Set(__spreadArray$2(__spreadArray$2(__spreadArray$2([], (svg.getAttribute("class") || "").split(" "), true), ["injected-svg"], false), (el2.getAttribute("class") || "").split(" "), true))).join(" ").trim();
     svg.setAttribute("class", mergedClasses);
     var elStyle = el2.getAttribute("style");
     if (elStyle) {
@@ -9738,6 +9683,10 @@ var SVGInjector = function SVGInjector2(elements, _a) {
     afterAll(0);
   }
 };
+var ownerWindow = function ownerWindow2(node) {
+  var doc2 = (node == null ? void 0 : node.ownerDocument) || document;
+  return doc2.defaultView || window;
+};
 var shallowDiffers = function shallowDiffers2(a2, b2) {
   for (var i in a2) {
     if (!(i in b2)) {
@@ -9778,7 +9727,7 @@ var ReactSVG = /* @__PURE__ */ function(_React$Component) {
   var _proto = ReactSVG2.prototype;
   _proto.renderSVG = function renderSVG2() {
     var _this2 = this;
-    if (this.reactWrapper instanceof Node) {
+    if (this.reactWrapper instanceof ownerWindow(this.reactWrapper).Node) {
       var _this$props = this.props, beforeInjection2 = _this$props.beforeInjection, evalScripts = _this$props.evalScripts, httpRequestWithCredentials = _this$props.httpRequestWithCredentials, renumerateIRIElements = _this$props.renumerateIRIElements, src = _this$props.src, useRequestCache = _this$props.useRequestCache;
       var afterInjection2 = this.props.afterInjection;
       var wrapper2 = this.props.wrapper;
@@ -9838,7 +9787,7 @@ var ReactSVG = /* @__PURE__ */ function(_React$Component) {
   };
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
     var _this3 = this;
-    if (shallowDiffers(prevProps, this.props)) {
+    if (shallowDiffers(_extends$8({}, prevProps), this.props)) {
       this.setState(function() {
         return _this3.initialState;
       }, function() {
@@ -13722,19 +13671,19 @@ function getBoundPosition(draggable2, x2, y) {
   var node = findDOMNode(draggable2);
   if (typeof bounds === "string") {
     var ownerDocument = node.ownerDocument;
-    var ownerWindow = ownerDocument.defaultView;
+    var ownerWindow3 = ownerDocument.defaultView;
     var boundNode;
     if (bounds === "parent") {
       boundNode = node.parentNode;
     } else {
       boundNode = ownerDocument.querySelector(bounds);
     }
-    if (!(boundNode instanceof ownerWindow.HTMLElement)) {
+    if (!(boundNode instanceof ownerWindow3.HTMLElement)) {
       throw new Error('Bounds selector "' + bounds + '" could not find an element.');
     }
     var boundNodeEl = boundNode;
-    var nodeStyle = ownerWindow.getComputedStyle(node);
-    var boundNodeStyle = ownerWindow.getComputedStyle(boundNodeEl);
+    var nodeStyle = ownerWindow3.getComputedStyle(node);
+    var boundNodeStyle = ownerWindow3.getComputedStyle(boundNodeEl);
     bounds = {
       left: -node.offsetLeft + (0, _shims$1.int)(boundNodeStyle.paddingLeft) + (0, _shims$1.int)(nodeStyle.marginLeft),
       top: -node.offsetTop + (0, _shims$1.int)(boundNodeStyle.paddingTop) + (0, _shims$1.int)(nodeStyle.marginTop),
@@ -24899,25 +24848,25 @@ MERCHANTABLITY OR NON-INFRINGEMENT.
 See the Apache Version 2.0 License for specific language governing permissions
 and limitations under the License.
 ***************************************************************************** */
-var extendStatics = function(d2, b2) {
-  extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d3, b3) {
+var extendStatics$1 = function(d2, b2) {
+  extendStatics$1 = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d3, b3) {
     d3.__proto__ = b3;
   } || function(d3, b3) {
     for (var p in b3)
       if (b3.hasOwnProperty(p))
         d3[p] = b3[p];
   };
-  return extendStatics(d2, b2);
+  return extendStatics$1(d2, b2);
 };
-function __extends(d2, b2) {
-  extendStatics(d2, b2);
+function __extends$1(d2, b2) {
+  extendStatics$1(d2, b2);
   function __() {
     this.constructor = d2;
   }
   d2.prototype = b2 === null ? Object.create(b2) : (__.prototype = b2.prototype, new __());
 }
-var __assign$1 = function() {
-  __assign$1 = Object.assign || function __assign2(t) {
+var __assign$2 = function() {
+  __assign$2 = Object.assign || function __assign2(t) {
     for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
       s = arguments[i];
       for (var p in s)
@@ -24926,7 +24875,7 @@ var __assign$1 = function() {
     }
     return t;
   };
-  return __assign$1.apply(this, arguments);
+  return __assign$2.apply(this, arguments);
 };
 function throttle$1(delay, noTrailing, callback, debounceMode) {
   var timeoutID;
@@ -25008,7 +24957,7 @@ function parseThreshold(scrollThreshold) {
   return defaultThreshold;
 }
 var InfiniteScroll = function(_super) {
-  __extends(InfiniteScroll2, _super);
+  __extends$1(InfiniteScroll2, _super);
   function InfiniteScroll2(props) {
     var _this = _super.call(this, props) || this;
     _this.lastScrollTop = 0;
@@ -25163,7 +25112,7 @@ var InfiniteScroll = function(_super) {
   InfiniteScroll2.getDerivedStateFromProps = function(nextProps, prevState) {
     var dataLengthChanged = nextProps.dataLength !== prevState.prevDataLength;
     if (dataLengthChanged) {
-      return __assign$1(__assign$1({}, prevState), { prevDataLength: nextProps.dataLength });
+      return __assign$2(__assign$2({}, prevState), { prevDataLength: nextProps.dataLength });
     }
     return null;
   };
@@ -25191,7 +25140,7 @@ var InfiniteScroll = function(_super) {
   };
   InfiniteScroll2.prototype.render = function() {
     var _this = this;
-    var style2 = __assign$1({ height: this.props.height || "auto", overflow: "auto", WebkitOverflowScrolling: "touch" }, this.props.style);
+    var style2 = __assign$2({ height: this.props.height || "auto", overflow: "auto", WebkitOverflowScrolling: "touch" }, this.props.style);
     var hasChildren2 = this.props.hasChildren || !!(this.props.children && this.props.children instanceof Array && this.props.children.length);
     var outerDivStyle = this.props.pullDownToRefresh && this.props.height ? { overflow: "auto" } : {};
     return React__default.createElement(
@@ -30990,7 +30939,7 @@ class NodeRange {
   }
 }
 const emptyAttrs = /* @__PURE__ */ Object.create(null);
-class Node$3 {
+class Node$2 {
   constructor(type, attrs, content2, marks = Mark$1.none) {
     this.type = type;
     this.attrs = attrs;
@@ -31042,10 +30991,10 @@ class Node$3 {
   copy(content2 = null) {
     if (content2 == this.content)
       return this;
-    return new Node$3(this.type, this.attrs, content2, this.marks);
+    return new Node$2(this.type, this.attrs, content2, this.marks);
   }
   mark(marks) {
-    return marks == this.marks ? this : new Node$3(this.type, this.attrs, this.content, marks);
+    return marks == this.marks ? this : new Node$2(this.type, this.attrs, this.content, marks);
   }
   cut(from2, to2 = this.content.size) {
     if (from2 == 0 && to2 == this.content.size)
@@ -31201,8 +31150,8 @@ class Node$3 {
     return schema.nodeType(json.type).create(json.attrs, content2, marks);
   }
 }
-Node$3.prototype.text = void 0;
-class TextNode extends Node$3 {
+Node$2.prototype.text = void 0;
+class TextNode extends Node$2 {
   constructor(type, attrs, content2, marks) {
     super(type, attrs, null, marks);
     if (!content2)
@@ -31679,12 +31628,12 @@ class NodeType$1 {
   create(attrs = null, content2, marks) {
     if (this.isText)
       throw new Error("NodeType.create can't construct text nodes");
-    return new Node$3(this, this.computeAttrs(attrs), Fragment.from(content2), Mark$1.setFrom(marks));
+    return new Node$2(this, this.computeAttrs(attrs), Fragment.from(content2), Mark$1.setFrom(marks));
   }
   createChecked(attrs = null, content2, marks) {
     content2 = Fragment.from(content2);
     this.checkContent(content2);
-    return new Node$3(this, this.computeAttrs(attrs), content2, Mark$1.setFrom(marks));
+    return new Node$2(this, this.computeAttrs(attrs), content2, Mark$1.setFrom(marks));
   }
   createAndFill(attrs = null, content2, marks) {
     attrs = this.computeAttrs(attrs);
@@ -31699,7 +31648,7 @@ class NodeType$1 {
     let after = matched && matched.fillBefore(Fragment.empty, true);
     if (!after)
       return null;
-    return new Node$3(this, attrs, content2.append(after), Mark$1.setFrom(marks));
+    return new Node$2(this, attrs, content2.append(after), Mark$1.setFrom(marks));
   }
   validContent(content2) {
     let result = this.contentMatch.matchFragment(content2);
@@ -31844,7 +31793,7 @@ class Schema {
     return type.create(attrs);
   }
   nodeFromJSON(json) {
-    return Node$3.fromJSON(this, json);
+    return Node$2.fromJSON(this, json);
   }
   markFromJSON(json) {
     return Mark$1.fromJSON(this, json);
@@ -34589,7 +34538,7 @@ class EditorState {
     let instance = new EditorState($config);
     $config.fields.forEach((field2) => {
       if (field2.name == "doc") {
-        instance.doc = Node$3.fromJSON(config2.schema, json.doc);
+        instance.doc = Node$2.fromJSON(config2.schema, json.doc);
       } else if (field2.name == "selection") {
         instance.selection = Selection.fromJSON(instance.doc, json.selection);
       } else if (field2.name == "storedMarks") {
@@ -40458,7 +40407,7 @@ function getMarkType(type, schema) {
   return isString$2(type) ? assertGet(schema.marks, type) : type;
 }
 function isProsemirrorNode(value) {
-  return isObject$1(value) && value instanceof Node$3;
+  return isObject$1(value) && value instanceof Node$2;
 }
 function isProsemirrorFragment(value) {
   return isObject$1(value) && value instanceof Fragment;
@@ -49986,7 +49935,7 @@ function htmlParser() {
 function isPreOrCode(node) {
   return node.nodeName === "PRE" || node.nodeName === "CODE";
 }
-function Node$2(node, options) {
+function Node$1(node, options) {
   node.isBlock = isBlock(node);
   node.isCode = node.nodeName === "CODE" || node.parentNode.isCode;
   node.isBlank = isBlank(node);
@@ -50131,7 +50080,7 @@ TurndownService$1.prototype = {
 function process$2(parentNode2) {
   var self2 = this;
   return reduce$6.call(parentNode2.childNodes, function(output, node) {
-    node = new Node$2(node, self2.options);
+    node = new Node$1(node, self2.options);
     var replacement = "";
     if (node.nodeType === 3) {
       replacement = node.isCode ? node.nodeValue : self2.escape(node.nodeValue);
@@ -61350,16 +61299,38 @@ const toast = ({ id: id2, message: message2, autoClose = 6e3, onClose }) => {
       withDismiss: false
     }
   });
+  const toastType = (() => {
+    switch (message2 == null ? void 0 : message2.type) {
+      case "Success":
+        return toast$1.TYPE.SUCCESS;
+      case "Warning":
+        return toast$1.TYPE.WARNING;
+      case "Error":
+        return toast$1.TYPE.ERROR;
+      default:
+        return toast$1.TYPE.INFO;
+    }
+  })();
+  if (toast$1.isActive(id2)) {
+    return toast$1.update(id2, {
+      render: content2,
+      autoClose,
+      onClose,
+      type: toastType
+    });
+  }
   return toast$1(content2, {
     toastId: id2,
     autoClose,
     onClose,
-    hideProgressBar: true,
+    hideProgressBar: false,
+    icon: false,
     closeOnClick: false,
     pauseOnHover: true,
     draggable: false,
     closeButton: CloseButton2,
-    transition: Slide
+    transition: Slide,
+    type: toastType
   });
 };
 const toggle$1 = "_toggle_1s3iw_341";
@@ -65362,6 +65333,81 @@ var ResizeObserver = function() {
   };
   return ResizeObserver2;
 }();
+var extendStatics = function(d2, b2) {
+  extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d3, b3) {
+    d3.__proto__ = b3;
+  } || function(d3, b3) {
+    for (var p in b3)
+      if (Object.prototype.hasOwnProperty.call(b3, p))
+        d3[p] = b3[p];
+  };
+  return extendStatics(d2, b2);
+};
+function __extends(d2, b2) {
+  if (typeof b2 !== "function" && b2 !== null)
+    throw new TypeError("Class extends value " + String(b2) + " is not a constructor or null");
+  extendStatics(d2, b2);
+  function __() {
+    this.constructor = d2;
+  }
+  d2.prototype = b2 === null ? Object.create(b2) : (__.prototype = b2.prototype, new __());
+}
+var __assign$1 = function() {
+  __assign$1 = Object.assign || function __assign2(t) {
+    for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
+      s = arguments[i];
+      for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p))
+          t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign$1.apply(this, arguments);
+};
+function __rest(s, e2) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e2.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e2.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+}
+function __read(o, n2) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m)
+    return o;
+  var i = m.call(o), r2, ar2 = [], e2;
+  try {
+    while ((n2 === void 0 || n2-- > 0) && !(r2 = i.next()).done)
+      ar2.push(r2.value);
+  } catch (error2) {
+    e2 = { error: error2 };
+  } finally {
+    try {
+      if (r2 && !r2.done && (m = i["return"]))
+        m.call(i);
+    } finally {
+      if (e2)
+        throw e2.error;
+    }
+  }
+  return ar2;
+}
+function __spreadArray$1(to2, from2, pack) {
+  if (pack || arguments.length === 2)
+    for (var i = 0, l = from2.length, ar2; i < l; i++) {
+      if (ar2 || !(i in from2)) {
+        if (!ar2)
+          ar2 = Array.prototype.slice.call(from2, 0, i);
+        ar2[i] = from2[i];
+      }
+    }
+  return to2.concat(ar2 || Array.prototype.slice.call(from2));
+}
 var defaultEnvironment = "production";
 var env = typeof process === "undefined" || process.env === void 0 ? defaultEnvironment : process.env.NODE_ENV || defaultEnvironment;
 var createDefinition = function(propNames) {
@@ -65444,7 +65490,7 @@ function useFeatures(props, visualElement2, preloadedFeatures) {
     var name_1 = featureNames[i];
     var _a = featureDefinitions[name_1], isEnabled = _a.isEnabled, Component2 = _a.Component;
     if (isEnabled(props) && Component2) {
-      features.push(React$4.createElement(Component2, __assign$2({ key: name_1 }, props, { visualElement: visualElement2 })));
+      features.push(React$4.createElement(Component2, __assign$1({ key: name_1 }, props, { visualElement: visualElement2 })));
     }
   }
   return features;
@@ -65663,7 +65709,7 @@ function useProjection(projectionId, _a, visualElement2, ProjectionNodeConstruct
   });
 }
 var VisualElementHandler = function(_super) {
-  __extends$1(VisualElementHandler2, _super);
+  __extends(VisualElementHandler2, _super);
   function VisualElementHandler2() {
     return _super !== null && _super.apply(this, arguments) || this;
   }
@@ -65688,20 +65734,20 @@ function createMotionComponent(_a) {
   preloadedFeatures && loadFeatures(preloadedFeatures);
   function MotionComponent(props, externalRef) {
     var layoutId = useLayoutId(props);
-    props = __assign$2(__assign$2({}, props), { layoutId });
+    props = __assign$1(__assign$1({}, props), { layoutId });
     var config2 = useContext(MotionConfigContext);
     var features = null;
     var context2 = useCreateMotionContext(props);
     var projectionId = config2.isStatic ? void 0 : useProjectionId();
     var visualState = useVisualState(props, config2.isStatic);
     if (!config2.isStatic && isBrowser) {
-      context2.visualElement = useVisualElement(Component2, visualState, __assign$2(__assign$2({}, config2), props), createVisualElement);
+      context2.visualElement = useVisualElement(Component2, visualState, __assign$1(__assign$1({}, config2), props), createVisualElement);
       useProjection(projectionId, props, context2.visualElement, projectionNodeConstructor || featureDefinitions.projectionNodeConstructor);
       features = useFeatures(props, context2.visualElement, preloadedFeatures);
     }
     return React$4.createElement(
       VisualElementHandler,
-      { visualElement: context2.visualElement, props: __assign$2(__assign$2({}, config2), props) },
+      { visualElement: context2.visualElement, props: __assign$1(__assign$1({}, config2), props) },
       features,
       React$4.createElement(MotionContext.Provider, { value: context2 }, useRender(Component2, props, projectionId, useMotionRef(visualState, context2.visualElement, externalRef), visualState, config2.isStatic, context2.visualElement))
     );
@@ -66005,7 +66051,7 @@ const filter = Object.assign(Object.assign({}, complex), { getAnimatableNone: (v
   const functions = v2.match(functionRegex);
   return functions ? functions.map(applyDefaultFilter).join(" ") : v2;
 } });
-var int = __assign$2(__assign$2({}, number), { transform: Math.round });
+var int = __assign$1(__assign$1({}, number), { transform: Math.round });
 var numberValueTypes = {
   borderWidth: px,
   borderTopWidth: px,
@@ -66129,7 +66175,7 @@ function useInitialMotionValues(_a, visualState, isStatic) {
     var state = createHtmlRenderState();
     buildHTMLStyles(state, visualState, { enableHardwareAcceleration: !isStatic }, transformTemplate);
     var vars = state.vars, style2 = state.style;
-    return __assign$2(__assign$2({}, vars), style2);
+    return __assign$1(__assign$1({}, vars), style2);
   }, [visualState]);
 }
 function useStyle(props, visualState, isStatic) {
@@ -66293,18 +66339,18 @@ function buildSVGAttrs(state, _a, options, transformTemplate) {
   }
 }
 var createSvgRenderState = function() {
-  return __assign$2(__assign$2({}, createHtmlRenderState()), { attrs: {} });
+  return __assign$1(__assign$1({}, createHtmlRenderState()), { attrs: {} });
 };
 function useSVGProps(props, visualState) {
   var visualProps = useMemo$1(function() {
     var state = createSvgRenderState();
     buildSVGAttrs(state, visualState, { enableHardwareAcceleration: false }, props.transformTemplate);
-    return __assign$2(__assign$2({}, state.attrs), { style: __assign$2({}, state.style) });
+    return __assign$1(__assign$1({}, state.attrs), { style: __assign$1({}, state.style) });
   }, [visualState]);
   if (props.style) {
     var rawStyles = {};
     copyRawValuesOnly(rawStyles, props.style, props);
-    visualProps.style = __assign$2(__assign$2({}, rawStyles), visualProps.style);
+    visualProps.style = __assign$1(__assign$1({}, rawStyles), visualProps.style);
   }
   return visualProps;
 }
@@ -66317,7 +66363,7 @@ function createUseRender(forwardMotionProps) {
     var useVisualProps = isSVGComponent(Component2) ? useSVGProps : useHTMLProps;
     var visualProps = useVisualProps(props, latestValues, isStatic);
     var filteredProps = filterProps(props, typeof Component2 === "string", forwardMotionProps);
-    var elementProps = __assign$2(__assign$2(__assign$2({}, filteredProps), visualProps), { ref: ref2 });
+    var elementProps = __assign$1(__assign$1(__assign$1({}, filteredProps), visualProps), { ref: ref2 });
     if (projectionId) {
       elementProps["data-projection-id"] = projectionId;
     }
@@ -66494,7 +66540,7 @@ var htmlMotionConfig = {
 function createDomMotionConfig(Component2, _a, preloadedFeatures, createVisualElement, projectionNodeConstructor) {
   var _b = _a.forwardMotionProps, forwardMotionProps = _b === void 0 ? false : _b;
   var baseConfig = isSVGComponent(Component2) ? svgMotionConfig : htmlMotionConfig;
-  return __assign$2(__assign$2({}, baseConfig), { preloadedFeatures, useRender: createUseRender(forwardMotionProps), createVisualElement, projectionNodeConstructor, Component: Component2 });
+  return __assign$1(__assign$1({}, baseConfig), { preloadedFeatures, useRender: createUseRender(forwardMotionProps), createVisualElement, projectionNodeConstructor, Component: Component2 });
 }
 var AnimationType;
 (function(AnimationType2) {
@@ -67583,7 +67629,7 @@ function initIntersectionObserver(_a) {
   var rootObservers = observers.get(lookupRoot);
   var key2 = JSON.stringify(options);
   if (!rootObservers[key2]) {
-    rootObservers[key2] = new IntersectionObserver(fireAllObserverCallbacks, __assign$2({ root: root2 }, options));
+    rootObservers[key2] = new IntersectionObserver(fireAllObserverCallbacks, __assign$1({ root: root2 }, options));
   }
   return rootObservers[key2];
 }
@@ -67799,9 +67845,9 @@ var getDefaultTransition = function(valueKey, to2) {
   } else {
     transitionFactory = defaultTransitions[valueKey] || defaultTransitions.default;
   }
-  return __assign$2({ to: to2 }, transitionFactory(to2));
+  return __assign$1({ to: to2 }, transitionFactory(to2));
 };
-var defaultValueTypes = __assign$2(__assign$2({}, numberValueTypes), {
+var defaultValueTypes = __assign$1(__assign$1({}, numberValueTypes), {
   color,
   backgroundColor: color,
   outlineColor: color,
@@ -67844,7 +67890,7 @@ function isTransitionDefined(_a) {
 var legacyRepeatWarning = false;
 function convertTransitionToAnimationOptions(_a) {
   var ease2 = _a.ease, times = _a.times, yoyo = _a.yoyo, flip = _a.flip, loop = _a.loop, transition = __rest(_a, ["ease", "times", "yoyo", "flip", "loop"]);
-  var options = __assign$2({}, transition);
+  var options = __assign$1({}, transition);
   if (times)
     options["offset"] = times;
   if (transition.duration)
@@ -67891,9 +67937,9 @@ function getPopmotionAnimationOptions(transition, options, key2) {
   }
   hydrateKeyframes(options);
   if (!isTransitionDefined(transition)) {
-    transition = __assign$2(__assign$2({}, transition), getDefaultTransition(key2, options.to));
+    transition = __assign$1(__assign$1({}, transition), getDefaultTransition(key2, options.to));
   }
-  return __assign$2(__assign$2({}, options), convertTransitionToAnimationOptions(transition));
+  return __assign$1(__assign$1({}, options), convertTransitionToAnimationOptions(transition));
 }
 function getAnimation(key2, value, target, transition, onComplete) {
   var _a;
@@ -67919,7 +67965,7 @@ function getAnimation(key2, value, target, transition, onComplete) {
         return value.set(v2);
       }
     };
-    return valueTransition.type === "inertia" || valueTransition.type === "decay" ? inertia(__assign$2(__assign$2({}, options), valueTransition)) : animate$1(__assign$2(__assign$2({}, getPopmotionAnimationOptions(valueTransition, options, key2)), { onUpdate: function(v2) {
+    return valueTransition.type === "inertia" || valueTransition.type === "decay" ? inertia(__assign$1(__assign$1({}, options), valueTransition)) : animate$1(__assign$1(__assign$1({}, getPopmotionAnimationOptions(valueTransition, options, key2)), { onUpdate: function(v2) {
       var _a2;
       options.onUpdate(v2);
       (_a2 = valueTransition.onUpdate) === null || _a2 === void 0 ? void 0 : _a2.call(valueTransition, v2);
@@ -68166,7 +68212,7 @@ function setTarget(visualElement2, definition) {
   var _a = resolved ? visualElement2.makeTargetAnimatable(resolved, false) : {}, _b = _a.transitionEnd, transitionEnd = _b === void 0 ? {} : _b;
   _a.transition;
   var target = __rest(_a, ["transitionEnd", "transition"]);
-  target = __assign$2(__assign$2({}, target), transitionEnd);
+  target = __assign$1(__assign$1({}, target), transitionEnd);
   for (var key2 in target) {
     var value = resolveFinalValueInKeyframes(target[key2]);
     setMotionValue(visualElement2, key2, value);
@@ -68284,9 +68330,9 @@ function animateTarget(visualElement2, definition, _a) {
     if (!value || valueTarget === void 0 || animationTypeState && shouldBlockAnimation(animationTypeState, key2)) {
       continue;
     }
-    var valueTransition = __assign$2({ delay }, transition);
+    var valueTransition = __assign$1({ delay }, transition);
     if (visualElement2.shouldReduceMotion && isTransformProp(key2)) {
-      valueTransition = __assign$2(__assign$2({}, valueTransition), { type: false, delay: 0 });
+      valueTransition = __assign$1(__assign$1({}, valueTransition), { type: false, delay: 0 });
     }
     var animation = startAnimation(key2, value, valueTarget, valueTransition);
     animations2.push(animation);
@@ -68319,7 +68365,7 @@ function animateChildren(visualElement2, variant, delayChildren, staggerChildren
     return maxStaggerDuration - i * staggerChildren;
   };
   Array.from(visualElement2.variantChildren).sort(sortByTreeOrder).forEach(function(child, i) {
-    animations2.push(animateVariant(child, variant, __assign$2(__assign$2({}, options), { delay: delayChildren + generateStaggerDuration(i) })).then(function() {
+    animations2.push(animateVariant(child, variant, __assign$1(__assign$1({}, options), { delay: delayChildren + generateStaggerDuration(i) })).then(function() {
       return child.notifyAnimationComplete(variant);
     }));
   });
@@ -68363,7 +68409,7 @@ function createAnimationState(visualElement2) {
     if (resolved) {
       resolved.transition;
       var transitionEnd = resolved.transitionEnd, target = __rest(resolved, ["transition", "transitionEnd"]);
-      acc = __assign$2(__assign$2(__assign$2({}, acc), target), transitionEnd);
+      acc = __assign$1(__assign$1(__assign$1({}, acc), target), transitionEnd);
     }
     return acc;
   };
@@ -68393,7 +68439,7 @@ function createAnimationState(visualElement2) {
       if (isInherited && isInitialRender && visualElement2.manuallyAnimateOnMount) {
         isInherited = false;
       }
-      typeState.protectedKeys = __assign$2({}, encounteredKeys);
+      typeState.protectedKeys = __assign$1({}, encounteredKeys);
       if (!typeState.isActive && activeDelta === null || !prop && !typeState.prevProp || isAnimationControls(prop) || typeof prop === "boolean") {
         return "continue";
       }
@@ -68404,7 +68450,7 @@ function createAnimationState(visualElement2) {
       if (activeDelta === false)
         resolvedValues = {};
       var _b = typeState.prevResolvedValues, prevResolvedValues = _b === void 0 ? {} : _b;
-      var allKeys = __assign$2(__assign$2({}, prevResolvedValues), resolvedValues);
+      var allKeys = __assign$1(__assign$1({}, prevResolvedValues), resolvedValues);
       var markToAnimate = function(key3) {
         shouldAnimateType = true;
         removedKeys.delete(key3);
@@ -68436,7 +68482,7 @@ function createAnimationState(visualElement2) {
       typeState.prevProp = prop;
       typeState.prevResolvedValues = resolvedValues;
       if (typeState.isActive) {
-        encounteredKeys = __assign$2(__assign$2({}, encounteredKeys), resolvedValues);
+        encounteredKeys = __assign$1(__assign$1({}, encounteredKeys), resolvedValues);
       }
       if (isInitialRender && visualElement2.blockInitialAnimation) {
         shouldAnimateType = false;
@@ -68445,7 +68491,7 @@ function createAnimationState(visualElement2) {
         animations2.push.apply(animations2, __spreadArray$1([], __read(definitionList.map(function(animation) {
           return {
             animation,
-            options: __assign$2({ type }, options)
+            options: __assign$1({ type }, options)
           };
         })), false));
       }
@@ -68453,7 +68499,7 @@ function createAnimationState(visualElement2) {
     for (var i = 0; i < numAnimationTypes; i++) {
       _loop_1(i);
     }
-    allAnimatedKeys = __assign$2({}, encounteredKeys);
+    allAnimatedKeys = __assign$1({}, encounteredKeys);
     if (removedKeys.size) {
       var fallbackAnimation_1 = {};
       removedKeys.forEach(function(key2) {
@@ -68559,7 +68605,7 @@ var PanSession = function() {
         return;
       var point2 = info3.point;
       var timestamp2 = getFrameData().timestamp;
-      _this.history.push(__assign$2(__assign$2({}, point2), { timestamp: timestamp2 }));
+      _this.history.push(__assign$1(__assign$1({}, point2), { timestamp: timestamp2 }));
       var _a2 = _this.handlers, onStart2 = _a2.onStart, onMove = _a2.onMove;
       if (!isPanStarted) {
         onStart2 && onStart2(_this.lastMoveEvent, info3);
@@ -68593,7 +68639,7 @@ var PanSession = function() {
     var initialInfo = transformPoint(info2, this.transformPagePoint);
     var point = initialInfo.point;
     var timestamp = getFrameData().timestamp;
-    this.history = [__assign$2(__assign$2({}, point), { timestamp })];
+    this.history = [__assign$1(__assign$1({}, point), { timestamp })];
     var onSessionStart = handlers2.onSessionStart;
     onSessionStart && onSessionStart(event, getPanInfo(initialInfo, this.history));
     this.removeListeners = pipe(addPointerEvent(window, "pointermove", this.handlePointerMove), addPointerEvent(window, "pointerup", this.handlePointerUp), addPointerEvent(window, "pointercancel", this.handlePointerUp));
@@ -69111,7 +69157,7 @@ var VisualElementDragControls = function() {
         transition = { min: 0, max: 0 };
       var bounceStiffness = dragElastic ? 200 : 1e6;
       var bounceDamping = dragElastic ? 40 : 1e7;
-      var inertia2 = __assign$2(__assign$2({ type: "inertia", velocity: dragMomentum ? velocity[axis] : 0, bounceStiffness, bounceDamping, timeConstant: 750, restDelta: 1, restSpeed: 10 }, dragTransition), transition);
+      var inertia2 = __assign$1(__assign$1({ type: "inertia", velocity: dragMomentum ? velocity[axis] : 0, bounceStiffness, bounceDamping, timeConstant: 750, restDelta: 1, restSpeed: 10 }, dragTransition), transition);
       return _this.startAxisValueAnimation(axis, inertia2);
     });
     return Promise.all(momentumAnimations).then(onDragTransitionEnd);
@@ -69222,7 +69268,7 @@ var VisualElementDragControls = function() {
   VisualElementDragControls2.prototype.getProps = function() {
     var props = this.visualElement.getProps();
     var _a = props.drag, drag2 = _a === void 0 ? false : _a, _b = props.dragDirectionLock, dragDirectionLock = _b === void 0 ? false : _b, _c = props.dragPropagation, dragPropagation = _c === void 0 ? false : _c, _d = props.dragConstraints, dragConstraints = _d === void 0 ? false : _d, _e2 = props.dragElastic, dragElastic = _e2 === void 0 ? defaultElastic : _e2, _f = props.dragMomentum, dragMomentum = _f === void 0 ? true : _f;
-    return __assign$2(__assign$2({}, props), { drag: drag2, dragDirectionLock, dragPropagation, dragConstraints, dragElastic, dragMomentum });
+    return __assign$1(__assign$1({}, props), { drag: drag2, dragDirectionLock, dragPropagation, dragConstraints, dragElastic, dragMomentum });
   };
   return VisualElementDragControls2;
 }();
@@ -69378,7 +69424,7 @@ var visualElement = function(_a) {
     var values2 = /* @__PURE__ */ new Map();
     var valueSubscriptions = /* @__PURE__ */ new Map();
     var prevMotionValues = {};
-    var baseTarget = __assign$2({}, latestValues);
+    var baseTarget = __assign$1({}, latestValues);
     var removeFromVariantTree;
     function render2() {
       if (!instance || !isMounted)
@@ -69412,7 +69458,7 @@ var visualElement = function(_a) {
     }
     var isControllingVariants = checkIfControllingVariants(props);
     var isVariantNode = checkIfVariantNode(props);
-    var element = __assign$2(__assign$2({
+    var element = __assign$1(__assign$1({
       treeType,
       current: null,
       depth: parent ? parent.depth + 1 : 0,
@@ -69643,7 +69689,7 @@ function resolveCSSVariables(visualElement2, _a, transitionEnd) {
   if (!(element instanceof Element))
     return { target, transitionEnd };
   if (transitionEnd) {
-    transitionEnd = __assign$2({}, transitionEnd);
+    transitionEnd = __assign$1({}, transitionEnd);
   }
   visualElement2.forEachValue(function(value) {
     var current2 = value.get();
@@ -69796,8 +69842,8 @@ var checkAndConvertChangedValueTypes = function(visualElement2, target, origin2,
   if (transitionEnd === void 0) {
     transitionEnd = {};
   }
-  target = __assign$2({}, target);
-  transitionEnd = __assign$2({}, transitionEnd);
+  target = __assign$1({}, target);
+  transitionEnd = __assign$1({}, transitionEnd);
   var targetPositionalKeys = Object.keys(target).filter(isPositionalKey);
   var removedTransformValues = [];
   var hasAttemptedToRemoveTransformValues = false;
@@ -69939,7 +69985,7 @@ var htmlConfig = {
       transitionEnd = parsed.transitionEnd;
       target = parsed.target;
     }
-    return __assign$2({ transition, transitionEnd }, target);
+    return __assign$1({ transition, transitionEnd }, target);
   },
   scrapeMotionValuesFromProps: scrapeMotionValuesFromProps$1,
   build: function(element, renderState, latestValues, options, props) {
@@ -69951,7 +69997,7 @@ var htmlConfig = {
   render: renderHTML
 };
 var htmlVisualElement = visualElement(htmlConfig);
-var svgVisualElement = visualElement(__assign$2(__assign$2({}, htmlConfig), { getBaseTarget: function(props, key2) {
+var svgVisualElement = visualElement(__assign$1(__assign$1({}, htmlConfig), { getBaseTarget: function(props, key2) {
   return props[key2];
 }, readValueFromInstance: function(domElement, key2) {
   var _a;
@@ -70027,7 +70073,7 @@ var correctBoxShadow = {
   }
 };
 var MeasureLayoutWithContext = function(_super) {
-  __extends$1(MeasureLayoutWithContext2, _super);
+  __extends(MeasureLayoutWithContext2, _super);
   function MeasureLayoutWithContext2() {
     return _super !== null && _super.apply(this, arguments) || this;
   }
@@ -70046,7 +70092,7 @@ var MeasureLayoutWithContext = function(_super) {
       projection.addEventListener("animationComplete", function() {
         _this.safeToRemove();
       });
-      projection.setOptions(__assign$2(__assign$2({}, projection.options), { onExitComplete: function() {
+      projection.setOptions(__assign$1(__assign$1({}, projection.options), { onExitComplete: function() {
         return _this.safeToRemove();
       } }));
     }
@@ -70110,10 +70156,10 @@ var MeasureLayoutWithContext = function(_super) {
 function MeasureLayout(props) {
   var _a = __read(usePresence(), 2), isPresent = _a[0], safeToRemove = _a[1];
   var layoutGroup = useContext(LayoutGroupContext);
-  return React__default.createElement(MeasureLayoutWithContext, __assign$2({}, props, { layoutGroup, switchLayoutGroup: useContext(SwitchLayoutGroupContext), isPresent, safeToRemove }));
+  return React__default.createElement(MeasureLayoutWithContext, __assign$1({}, props, { layoutGroup, switchLayoutGroup: useContext(SwitchLayoutGroupContext), isPresent, safeToRemove }));
 }
 var defaultScaleCorrectors = {
-  borderRadius: __assign$2(__assign$2({}, correctBorderRadius), { applyTo: [
+  borderRadius: __assign$1(__assign$1({}, correctBorderRadius), { applyTo: [
     "borderTopLeftRadius",
     "borderTopRightRadius",
     "borderBottomLeftRadius",
@@ -70526,7 +70572,7 @@ function createProjectionNode(_a) {
               _this.resumingFrom.resumingFrom = void 0;
             }
             _this.setAnimationOrigin(delta, hasOnlyRelativeTargetChanged);
-            var animationOptions = __assign$2(__assign$2({}, getValueTransition(layoutTransition, "layout")), { onPlay: onLayoutAnimationStart, onComplete: onLayoutAnimationComplete });
+            var animationOptions = __assign$1(__assign$1({}, getValueTransition(layoutTransition, "layout")), { onPlay: onLayoutAnimationStart, onComplete: onLayoutAnimationComplete });
             if (visualElement2.shouldReduceMotion) {
               animationOptions.delay = 0;
               animationOptions.type = false;
@@ -70780,7 +70826,7 @@ function createProjectionNode(_a) {
     };
     ProjectionNode.prototype.setOptions = function(options) {
       var _a2;
-      this.options = __assign$2(__assign$2(__assign$2({}, this.options), options), { crossfade: (_a2 = options.crossfade) !== null && _a2 !== void 0 ? _a2 : true });
+      this.options = __assign$1(__assign$1(__assign$1({}, this.options), options), { crossfade: (_a2 = options.crossfade) !== null && _a2 !== void 0 ? _a2 : true });
     };
     ProjectionNode.prototype.clearMeasurements = function() {
       this.scroll = void 0;
@@ -70898,7 +70944,7 @@ function createProjectionNode(_a) {
       }
       var snapshot = this.snapshot;
       var snapshotLatestValues = (snapshot === null || snapshot === void 0 ? void 0 : snapshot.latestValues) || {};
-      var mixedValues = __assign$2({}, this.latestValues);
+      var mixedValues = __assign$1({}, this.latestValues);
       var targetDelta = createDelta();
       this.relativeTarget = this.relativeTargetOrigin = void 0;
       this.attemptToResolveRelativeTarget = !hasOnlyRelativeTargetChanged;
@@ -70941,7 +70987,7 @@ function createProjectionNode(_a) {
       }
       this.pendingAnimation = sync.update(function() {
         globalProjectionState.hasAnimatedSinceResize = true;
-        _this.currentAnimation = animate(0, animationTarget, __assign$2(__assign$2({}, options), { onUpdate: function(latest) {
+        _this.currentAnimation = animate(0, animationTarget, __assign$1(__assign$1({}, options), { onUpdate: function(latest) {
           var _a3;
           _this.mixTargetDelta(latest);
           (_a3 = options.onUpdate) === null || _a3 === void 0 ? void 0 : _a3.call(options, latest);
@@ -71308,7 +71354,7 @@ var HTMLProjectionNode = createProjectionNode({
     return Boolean(window.getComputedStyle(instance).position === "fixed");
   }
 });
-var featureBundle = __assign$2(__assign$2(__assign$2(__assign$2({}, animations), gestureAnimations), drag), layoutFeatures);
+var featureBundle = __assign$1(__assign$1(__assign$1(__assign$1({}, animations), gestureAnimations), drag), layoutFeatures);
 var motion = /* @__PURE__ */ createMotionProxy(function(Component2, config2) {
   return createDomMotionConfig(Component2, config2, featureBundle, createDomVisualElement, HTMLProjectionNode);
 });
@@ -73148,7 +73194,7 @@ var useDragHandle = function(containerRef, handleRef, drag2) {
     }
   }, [handleRef.current]);
 };
-var Node$1 = function(props) {
+var Node = function(props) {
   var treeContext = useTreeContext();
   var placeholderContext = useContext(PlaceholderContext);
   var containerRef = useRef(null);
@@ -73265,7 +73311,7 @@ var Container = function(props) {
         React__default.Fragment,
         { key: node.id },
         React__default.createElement(Placeholder, { depth: props.depth, listCount: view.length, dropTargetId: props.parentId, index: index2 }),
-        React__default.createElement(Node$1, { id: node.id, depth: props.depth })
+        React__default.createElement(Node, { id: node.id, depth: props.depth })
       );
     }),
     React__default.createElement(Placeholder, { depth: props.depth, listCount: view.length, dropTargetId: props.parentId })