@measured/puck 0.13.0-canary.10a6025 → 0.13.0-canary.1c4b97f

package/dist/index.js

@@ -143,962 +143,6 @@ var require_classnames = __commonJS({
   }
 });
 
-// ../../node_modules/react-is/cjs/react-is.production.min.js
-var require_react_is_production_min = __commonJS({
-  "../../node_modules/react-is/cjs/react-is.production.min.js"(exports) {
-    "use strict";
-    init_react_import();
-    var b = "function" === typeof Symbol && Symbol.for;
-    var c = b ? Symbol.for("react.element") : 60103;
-    var d = b ? Symbol.for("react.portal") : 60106;
-    var e = b ? Symbol.for("react.fragment") : 60107;
-    var f = b ? Symbol.for("react.strict_mode") : 60108;
-    var g = b ? Symbol.for("react.profiler") : 60114;
-    var h = b ? Symbol.for("react.provider") : 60109;
-    var k = b ? Symbol.for("react.context") : 60110;
-    var l = b ? Symbol.for("react.async_mode") : 60111;
-    var m = b ? Symbol.for("react.concurrent_mode") : 60111;
-    var n = b ? Symbol.for("react.forward_ref") : 60112;
-    var p = b ? Symbol.for("react.suspense") : 60113;
-    var q = b ? Symbol.for("react.suspense_list") : 60120;
-    var r = b ? Symbol.for("react.memo") : 60115;
-    var t = b ? Symbol.for("react.lazy") : 60116;
-    var v = b ? Symbol.for("react.block") : 60121;
-    var w = b ? Symbol.for("react.fundamental") : 60117;
-    var x = b ? Symbol.for("react.responder") : 60118;
-    var y = b ? Symbol.for("react.scope") : 60119;
-    function z(a) {
-      if ("object" === typeof a && null !== a) {
-        var u = a.$$typeof;
-        switch (u) {
-          case c:
-            switch (a = a.type, a) {
-              case l:
-              case m:
-              case e:
-              case g:
-              case f:
-              case p:
-                return a;
-              default:
-                switch (a = a && a.$$typeof, a) {
-                  case k:
-                  case n:
-                  case t:
-                  case r:
-                  case h:
-                    return a;
-                  default:
-                    return u;
-                }
-            }
-          case d:
-            return u;
-        }
-      }
-    }
-    function A(a) {
-      return z(a) === m;
-    }
-    exports.AsyncMode = l;
-    exports.ConcurrentMode = m;
-    exports.ContextConsumer = k;
-    exports.ContextProvider = h;
-    exports.Element = c;
-    exports.ForwardRef = n;
-    exports.Fragment = e;
-    exports.Lazy = t;
-    exports.Memo = r;
-    exports.Portal = d;
-    exports.Profiler = g;
-    exports.StrictMode = f;
-    exports.Suspense = p;
-    exports.isAsyncMode = function(a) {
-      return A(a) || z(a) === l;
-    };
-    exports.isConcurrentMode = A;
-    exports.isContextConsumer = function(a) {
-      return z(a) === k;
-    };
-    exports.isContextProvider = function(a) {
-      return z(a) === h;
-    };
-    exports.isElement = function(a) {
-      return "object" === typeof a && null !== a && a.$$typeof === c;
-    };
-    exports.isForwardRef = function(a) {
-      return z(a) === n;
-    };
-    exports.isFragment = function(a) {
-      return z(a) === e;
-    };
-    exports.isLazy = function(a) {
-      return z(a) === t;
-    };
-    exports.isMemo = function(a) {
-      return z(a) === r;
-    };
-    exports.isPortal = function(a) {
-      return z(a) === d;
-    };
-    exports.isProfiler = function(a) {
-      return z(a) === g;
-    };
-    exports.isStrictMode = function(a) {
-      return z(a) === f;
-    };
-    exports.isSuspense = function(a) {
-      return z(a) === p;
-    };
-    exports.isValidElementType = function(a) {
-      return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
-    };
-    exports.typeOf = z;
-  }
-});
-
-// ../../node_modules/react-is/cjs/react-is.development.js
-var require_react_is_development = __commonJS({
-  "../../node_modules/react-is/cjs/react-is.development.js"(exports) {
-    "use strict";
-    init_react_import();
-    if (process.env.NODE_ENV !== "production") {
-      (function() {
-        "use strict";
-        var hasSymbol = typeof Symbol === "function" && Symbol.for;
-        var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
-        var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
-        var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
-        var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
-        var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
-        var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
-        var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
-        var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
-        var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
-        var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
-        var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
-        var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
-        var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
-        var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
-        var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
-        var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
-        var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
-        var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
-        function isValidElementType(type) {
-          return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-          type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
-        }
-        function typeOf(object) {
-          if (typeof object === "object" && object !== null) {
-            var $$typeof = object.$$typeof;
-            switch ($$typeof) {
-              case REACT_ELEMENT_TYPE:
-                var type = object.type;
-                switch (type) {
-                  case REACT_ASYNC_MODE_TYPE:
-                  case REACT_CONCURRENT_MODE_TYPE:
-                  case REACT_FRAGMENT_TYPE:
-                  case REACT_PROFILER_TYPE:
-                  case REACT_STRICT_MODE_TYPE:
-                  case REACT_SUSPENSE_TYPE:
-                    return type;
-                  default:
-                    var $$typeofType = type && type.$$typeof;
-                    switch ($$typeofType) {
-                      case REACT_CONTEXT_TYPE:
-                      case REACT_FORWARD_REF_TYPE:
-                      case REACT_LAZY_TYPE:
-                      case REACT_MEMO_TYPE:
-                      case REACT_PROVIDER_TYPE:
-                        return $$typeofType;
-                      default:
-                        return $$typeof;
-                    }
-                }
-              case REACT_PORTAL_TYPE:
-                return $$typeof;
-            }
-          }
-          return void 0;
-        }
-        var AsyncMode = REACT_ASYNC_MODE_TYPE;
-        var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
-        var ContextConsumer = REACT_CONTEXT_TYPE;
-        var ContextProvider = REACT_PROVIDER_TYPE;
-        var Element = REACT_ELEMENT_TYPE;
-        var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment14 = REACT_FRAGMENT_TYPE;
-        var Lazy = REACT_LAZY_TYPE;
-        var Memo = REACT_MEMO_TYPE;
-        var Portal = REACT_PORTAL_TYPE;
-        var Profiler = REACT_PROFILER_TYPE;
-        var StrictMode = REACT_STRICT_MODE_TYPE;
-        var Suspense = REACT_SUSPENSE_TYPE;
-        var hasWarnedAboutDeprecatedIsAsyncMode = false;
-        function isAsyncMode(object) {
-          {
-            if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-              hasWarnedAboutDeprecatedIsAsyncMode = true;
-              console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
-            }
-          }
-          return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
-        }
-        function isConcurrentMode(object) {
-          return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
-        }
-        function isContextConsumer(object) {
-          return typeOf(object) === REACT_CONTEXT_TYPE;
-        }
-        function isContextProvider(object) {
-          return typeOf(object) === REACT_PROVIDER_TYPE;
-        }
-        function isElement(object) {
-          return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-        }
-        function isForwardRef(object) {
-          return typeOf(object) === REACT_FORWARD_REF_TYPE;
-        }
-        function isFragment(object) {
-          return typeOf(object) === REACT_FRAGMENT_TYPE;
-        }
-        function isLazy(object) {
-          return typeOf(object) === REACT_LAZY_TYPE;
-        }
-        function isMemo(object) {
-          return typeOf(object) === REACT_MEMO_TYPE;
-        }
-        function isPortal(object) {
-          return typeOf(object) === REACT_PORTAL_TYPE;
-        }
-        function isProfiler(object) {
-          return typeOf(object) === REACT_PROFILER_TYPE;
-        }
-        function isStrictMode(object) {
-          return typeOf(object) === REACT_STRICT_MODE_TYPE;
-        }
-        function isSuspense(object) {
-          return typeOf(object) === REACT_SUSPENSE_TYPE;
-        }
-        exports.AsyncMode = AsyncMode;
-        exports.ConcurrentMode = ConcurrentMode;
-        exports.ContextConsumer = ContextConsumer;
-        exports.ContextProvider = ContextProvider;
-        exports.Element = Element;
-        exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment14;
-        exports.Lazy = Lazy;
-        exports.Memo = Memo;
-        exports.Portal = Portal;
-        exports.Profiler = Profiler;
-        exports.StrictMode = StrictMode;
-        exports.Suspense = Suspense;
-        exports.isAsyncMode = isAsyncMode;
-        exports.isConcurrentMode = isConcurrentMode;
-        exports.isContextConsumer = isContextConsumer;
-        exports.isContextProvider = isContextProvider;
-        exports.isElement = isElement;
-        exports.isForwardRef = isForwardRef;
-        exports.isFragment = isFragment;
-        exports.isLazy = isLazy;
-        exports.isMemo = isMemo;
-        exports.isPortal = isPortal;
-        exports.isProfiler = isProfiler;
-        exports.isStrictMode = isStrictMode;
-        exports.isSuspense = isSuspense;
-        exports.isValidElementType = isValidElementType;
-        exports.typeOf = typeOf;
-      })();
-    }
-  }
-});
-
-// ../../node_modules/react-is/index.js
-var require_react_is = __commonJS({
-  "../../node_modules/react-is/index.js"(exports, module2) {
-    "use strict";
-    init_react_import();
-    if (process.env.NODE_ENV === "production") {
-      module2.exports = require_react_is_production_min();
-    } else {
-      module2.exports = require_react_is_development();
-    }
-  }
-});
-
-// ../../node_modules/object-assign/index.js
-var require_object_assign = __commonJS({
-  "../../node_modules/object-assign/index.js"(exports, module2) {
-    "use strict";
-    init_react_import();
-    var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-    var hasOwnProperty = Object.prototype.hasOwnProperty;
-    var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-    function toObject(val) {
-      if (val === null || val === void 0) {
-        throw new TypeError("Object.assign cannot be called with null or undefined");
-      }
-      return Object(val);
-    }
-    function shouldUseNative() {
-      try {
-        if (!Object.assign) {
-          return false;
-        }
-        var test1 = new String("abc");
-        test1[5] = "de";
-        if (Object.getOwnPropertyNames(test1)[0] === "5") {
-          return false;
-        }
-        var test2 = {};
-        for (var i = 0; i < 10; i++) {
-          test2["_" + String.fromCharCode(i)] = i;
-        }
-        var order2 = Object.getOwnPropertyNames(test2).map(function(n) {
-          return test2[n];
-        });
-        if (order2.join("") !== "0123456789") {
-          return false;
-        }
-        var test3 = {};
-        "abcdefghijklmnopqrst".split("").forEach(function(letter) {
-          test3[letter] = letter;
-        });
-        if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
-          return false;
-        }
-        return true;
-      } catch (err) {
-        return false;
-      }
-    }
-    module2.exports = shouldUseNative() ? Object.assign : function(target, source) {
-      var from;
-      var to = toObject(target);
-      var symbols;
-      for (var s = 1; s < arguments.length; s++) {
-        from = Object(arguments[s]);
-        for (var key in from) {
-          if (hasOwnProperty.call(from, key)) {
-            to[key] = from[key];
-          }
-        }
-        if (getOwnPropertySymbols) {
-          symbols = getOwnPropertySymbols(from);
-          for (var i = 0; i < symbols.length; i++) {
-            if (propIsEnumerable.call(from, symbols[i])) {
-              to[symbols[i]] = from[symbols[i]];
-            }
-          }
-        }
-      }
-      return to;
-    };
-  }
-});
-
-// ../../node_modules/prop-types/lib/ReactPropTypesSecret.js
-var require_ReactPropTypesSecret = __commonJS({
-  "../../node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports, module2) {
-    "use strict";
-    init_react_import();
-    var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-    module2.exports = ReactPropTypesSecret;
-  }
-});
-
-// ../../node_modules/prop-types/lib/has.js
-var require_has = __commonJS({
-  "../../node_modules/prop-types/lib/has.js"(exports, module2) {
-    init_react_import();
-    module2.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-  }
-});
-
-// ../../node_modules/prop-types/checkPropTypes.js
-var require_checkPropTypes = __commonJS({
-  "../../node_modules/prop-types/checkPropTypes.js"(exports, module2) {
-    "use strict";
-    init_react_import();
-    var printWarning = function() {
-    };
-    if (process.env.NODE_ENV !== "production") {
-      ReactPropTypesSecret = require_ReactPropTypesSecret();
-      loggedTypeFailures = {};
-      has = require_has();
-      printWarning = function(text) {
-        var message = "Warning: " + text;
-        if (typeof console !== "undefined") {
-          console.error(message);
-        }
-        try {
-          throw new Error(message);
-        } catch (x) {
-        }
-      };
-    }
-    var ReactPropTypesSecret;
-    var loggedTypeFailures;
-    var has;
-    function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
-      if (process.env.NODE_ENV !== "production") {
-        for (var typeSpecName in typeSpecs) {
-          if (has(typeSpecs, typeSpecName)) {
-            var error;
-            try {
-              if (typeof typeSpecs[typeSpecName] !== "function") {
-                var err = Error(
-                  (componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-                );
-                err.name = "Invariant Violation";
-                throw err;
-              }
-              error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
-            } catch (ex) {
-              error = ex;
-            }
-            if (error && !(error instanceof Error)) {
-              printWarning(
-                (componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof error + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-              );
-            }
-            if (error instanceof Error && !(error.message in loggedTypeFailures)) {
-              loggedTypeFailures[error.message] = true;
-              var stack = getStack ? getStack() : "";
-              printWarning(
-                "Failed " + location + " type: " + error.message + (stack != null ? stack : "")
-              );
-            }
-          }
-        }
-      }
-    }
-    checkPropTypes.resetWarningCache = function() {
-      if (process.env.NODE_ENV !== "production") {
-        loggedTypeFailures = {};
-      }
-    };
-    module2.exports = checkPropTypes;
-  }
-});
-
-// ../../node_modules/prop-types/factoryWithTypeCheckers.js
-var require_factoryWithTypeCheckers = __commonJS({
-  "../../node_modules/prop-types/factoryWithTypeCheckers.js"(exports, module2) {
-    "use strict";
-    init_react_import();
-    var ReactIs = require_react_is();
-    var assign = require_object_assign();
-    var ReactPropTypesSecret = require_ReactPropTypesSecret();
-    var has = require_has();
-    var checkPropTypes = require_checkPropTypes();
-    var printWarning = function() {
-    };
-    if (process.env.NODE_ENV !== "production") {
-      printWarning = function(text) {
-        var message = "Warning: " + text;
-        if (typeof console !== "undefined") {
-          console.error(message);
-        }
-        try {
-          throw new Error(message);
-        } catch (x) {
-        }
-      };
-    }
-    function emptyFunctionThatReturnsNull() {
-      return null;
-    }
-    module2.exports = function(isValidElement, throwOnDirectAccess) {
-      var ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
-      var FAUX_ITERATOR_SYMBOL = "@@iterator";
-      function getIteratorFn(maybeIterable) {
-        var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
-        if (typeof iteratorFn === "function") {
-          return iteratorFn;
-        }
-      }
-      var ANONYMOUS = "<<anonymous>>";
-      var ReactPropTypes = {
-        array: createPrimitiveTypeChecker("array"),
-        bigint: createPrimitiveTypeChecker("bigint"),
-        bool: createPrimitiveTypeChecker("boolean"),
-        func: createPrimitiveTypeChecker("function"),
-        number: createPrimitiveTypeChecker("number"),
-        object: createPrimitiveTypeChecker("object"),
-        string: createPrimitiveTypeChecker("string"),
-        symbol: createPrimitiveTypeChecker("symbol"),
-        any: createAnyTypeChecker(),
-        arrayOf: createArrayOfTypeChecker,
-        element: createElementTypeChecker(),
-        elementType: createElementTypeTypeChecker(),
-        instanceOf: createInstanceTypeChecker,
-        node: createNodeChecker(),
-        objectOf: createObjectOfTypeChecker,
-        oneOf: createEnumTypeChecker,
-        oneOfType: createUnionTypeChecker,
-        shape: createShapeTypeChecker,
-        exact: createStrictShapeTypeChecker
-      };
-      function is(x, y) {
-        if (x === y) {
-          return x !== 0 || 1 / x === 1 / y;
-        } else {
-          return x !== x && y !== y;
-        }
-      }
-      function PropTypeError(message, data) {
-        this.message = message;
-        this.data = data && typeof data === "object" ? data : {};
-        this.stack = "";
-      }
-      PropTypeError.prototype = Error.prototype;
-      function createChainableTypeChecker(validate) {
-        if (process.env.NODE_ENV !== "production") {
-          var manualPropTypeCallCache = {};
-          var manualPropTypeWarningCount = 0;
-        }
-        function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
-          componentName = componentName || ANONYMOUS;
-          propFullName = propFullName || propName;
-          if (secret !== ReactPropTypesSecret) {
-            if (throwOnDirectAccess) {
-              var err = new Error(
-                "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
-              );
-              err.name = "Invariant Violation";
-              throw err;
-            } else if (process.env.NODE_ENV !== "production" && typeof console !== "undefined") {
-              var cacheKey = componentName + ":" + propName;
-              if (!manualPropTypeCallCache[cacheKey] && // Avoid spamming the console because they are often not actionable except for lib authors
-              manualPropTypeWarningCount < 3) {
-                printWarning(
-                  "You are manually calling a React.PropTypes validation function for the `" + propFullName + "` prop on `" + componentName + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-                );
-                manualPropTypeCallCache[cacheKey] = true;
-                manualPropTypeWarningCount++;
-              }
-            }
-          }
-          if (props[propName] == null) {
-            if (isRequired) {
-              if (props[propName] === null) {
-                return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required " + ("in `" + componentName + "`, but its value is `null`."));
-              }
-              return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required in " + ("`" + componentName + "`, but its value is `undefined`."));
-            }
-            return null;
-          } else {
-            return validate(props, propName, componentName, location, propFullName);
-          }
-        }
-        var chainedCheckType = checkType.bind(null, false);
-        chainedCheckType.isRequired = checkType.bind(null, true);
-        return chainedCheckType;
-      }
-      function createPrimitiveTypeChecker(expectedType) {
-        function validate(props, propName, componentName, location, propFullName, secret) {
-          var propValue = props[propName];
-          var propType = getPropType(propValue);
-          if (propType !== expectedType) {
-            var preciseType = getPreciseType(propValue);
-            return new PropTypeError(
-              "Invalid " + location + " `" + propFullName + "` of type " + ("`" + preciseType + "` supplied to `" + componentName + "`, expected ") + ("`" + expectedType + "`."),
-              { expectedType }
-            );
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createAnyTypeChecker() {
-        return createChainableTypeChecker(emptyFunctionThatReturnsNull);
-      }
-      function createArrayOfTypeChecker(typeChecker) {
-        function validate(props, propName, componentName, location, propFullName) {
-          if (typeof typeChecker !== "function") {
-            return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside arrayOf.");
-          }
-          var propValue = props[propName];
-          if (!Array.isArray(propValue)) {
-            var propType = getPropType(propValue);
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an array."));
-          }
-          for (var i = 0; i < propValue.length; i++) {
-            var error = typeChecker(propValue, i, componentName, location, propFullName + "[" + i + "]", ReactPropTypesSecret);
-            if (error instanceof Error) {
-              return error;
-            }
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createElementTypeChecker() {
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          if (!isValidElement(propValue)) {
-            var propType = getPropType(propValue);
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement."));
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createElementTypeTypeChecker() {
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          if (!ReactIs.isValidElementType(propValue)) {
-            var propType = getPropType(propValue);
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement type."));
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createInstanceTypeChecker(expectedClass) {
-        function validate(props, propName, componentName, location, propFullName) {
-          if (!(props[propName] instanceof expectedClass)) {
-            var expectedClassName = expectedClass.name || ANONYMOUS;
-            var actualClassName = getClassName23(props[propName]);
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + actualClassName + "` supplied to `" + componentName + "`, expected ") + ("instance of `" + expectedClassName + "`."));
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createEnumTypeChecker(expectedValues) {
-        if (!Array.isArray(expectedValues)) {
-          if (process.env.NODE_ENV !== "production") {
-            if (arguments.length > 1) {
-              printWarning(
-                "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-              );
-            } else {
-              printWarning("Invalid argument supplied to oneOf, expected an array.");
-            }
-          }
-          return emptyFunctionThatReturnsNull;
-        }
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          for (var i = 0; i < expectedValues.length; i++) {
-            if (is(propValue, expectedValues[i])) {
-              return null;
-            }
-          }
-          var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
-            var type = getPreciseType(value);
-            if (type === "symbol") {
-              return String(value);
-            }
-            return value;
-          });
-          return new PropTypeError("Invalid " + location + " `" + propFullName + "` of value `" + String(propValue) + "` " + ("supplied to `" + componentName + "`, expected one of " + valuesString + "."));
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createObjectOfTypeChecker(typeChecker) {
-        function validate(props, propName, componentName, location, propFullName) {
-          if (typeof typeChecker !== "function") {
-            return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside objectOf.");
-          }
-          var propValue = props[propName];
-          var propType = getPropType(propValue);
-          if (propType !== "object") {
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an object."));
-          }
-          for (var key in propValue) {
-            if (has(propValue, key)) {
-              var error = typeChecker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
-              if (error instanceof Error) {
-                return error;
-              }
-            }
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createUnionTypeChecker(arrayOfTypeCheckers) {
-        if (!Array.isArray(arrayOfTypeCheckers)) {
-          process.env.NODE_ENV !== "production" ? printWarning("Invalid argument supplied to oneOfType, expected an instance of array.") : void 0;
-          return emptyFunctionThatReturnsNull;
-        }
-        for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-          var checker = arrayOfTypeCheckers[i];
-          if (typeof checker !== "function") {
-            printWarning(
-              "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i + "."
-            );
-            return emptyFunctionThatReturnsNull;
-          }
-        }
-        function validate(props, propName, componentName, location, propFullName) {
-          var expectedTypes = [];
-          for (var i2 = 0; i2 < arrayOfTypeCheckers.length; i2++) {
-            var checker2 = arrayOfTypeCheckers[i2];
-            var checkerResult = checker2(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
-            if (checkerResult == null) {
-              return null;
-            }
-            if (checkerResult.data && has(checkerResult.data, "expectedType")) {
-              expectedTypes.push(checkerResult.data.expectedType);
-            }
-          }
-          var expectedTypesMessage = expectedTypes.length > 0 ? ", expected one of type [" + expectedTypes.join(", ") + "]" : "";
-          return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`" + expectedTypesMessage + "."));
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createNodeChecker() {
-        function validate(props, propName, componentName, location, propFullName) {
-          if (!isNode(props[propName])) {
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`, expected a ReactNode."));
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function invalidValidatorError(componentName, location, propFullName, key, type) {
-        return new PropTypeError(
-          (componentName || "React class") + ": " + location + " type `" + propFullName + "." + key + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + type + "`."
-        );
-      }
-      function createShapeTypeChecker(shapeTypes) {
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          var propType = getPropType(propValue);
-          if (propType !== "object") {
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
-          }
-          for (var key in shapeTypes) {
-            var checker = shapeTypes[key];
-            if (typeof checker !== "function") {
-              return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-            }
-            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
-            if (error) {
-              return error;
-            }
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createStrictShapeTypeChecker(shapeTypes) {
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          var propType = getPropType(propValue);
-          if (propType !== "object") {
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
-          }
-          var allKeys = assign({}, props[propName], shapeTypes);
-          for (var key in allKeys) {
-            var checker = shapeTypes[key];
-            if (has(shapeTypes, key) && typeof checker !== "function") {
-              return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-            }
-            if (!checker) {
-              return new PropTypeError(
-                "Invalid " + location + " `" + propFullName + "` key `" + key + "` supplied to `" + componentName + "`.\nBad object: " + JSON.stringify(props[propName], null, "  ") + "\nValid keys: " + JSON.stringify(Object.keys(shapeTypes), null, "  ")
-              );
-            }
-            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
-            if (error) {
-              return error;
-            }
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function isNode(propValue) {
-        switch (typeof propValue) {
-          case "number":
-          case "string":
-          case "undefined":
-            return true;
-          case "boolean":
-            return !propValue;
-          case "object":
-            if (Array.isArray(propValue)) {
-              return propValue.every(isNode);
-            }
-            if (propValue === null || isValidElement(propValue)) {
-              return true;
-            }
-            var iteratorFn = getIteratorFn(propValue);
-            if (iteratorFn) {
-              var iterator = iteratorFn.call(propValue);
-              var step;
-              if (iteratorFn !== propValue.entries) {
-                while (!(step = iterator.next()).done) {
-                  if (!isNode(step.value)) {
-                    return false;
-                  }
-                }
-              } else {
-                while (!(step = iterator.next()).done) {
-                  var entry = step.value;
-                  if (entry) {
-                    if (!isNode(entry[1])) {
-                      return false;
-                    }
-                  }
-                }
-              }
-            } else {
-              return false;
-            }
-            return true;
-          default:
-            return false;
-        }
-      }
-      function isSymbol(propType, propValue) {
-        if (propType === "symbol") {
-          return true;
-        }
-        if (!propValue) {
-          return false;
-        }
-        if (propValue["@@toStringTag"] === "Symbol") {
-          return true;
-        }
-        if (typeof Symbol === "function" && propValue instanceof Symbol) {
-          return true;
-        }
-        return false;
-      }
-      function getPropType(propValue) {
-        var propType = typeof propValue;
-        if (Array.isArray(propValue)) {
-          return "array";
-        }
-        if (propValue instanceof RegExp) {
-          return "object";
-        }
-        if (isSymbol(propType, propValue)) {
-          return "symbol";
-        }
-        return propType;
-      }
-      function getPreciseType(propValue) {
-        if (typeof propValue === "undefined" || propValue === null) {
-          return "" + propValue;
-        }
-        var propType = getPropType(propValue);
-        if (propType === "object") {
-          if (propValue instanceof Date) {
-            return "date";
-          } else if (propValue instanceof RegExp) {
-            return "regexp";
-          }
-        }
-        return propType;
-      }
-      function getPostfixForTypeWarning(value) {
-        var type = getPreciseType(value);
-        switch (type) {
-          case "array":
-          case "object":
-            return "an " + type;
-          case "boolean":
-          case "date":
-          case "regexp":
-            return "a " + type;
-          default:
-            return type;
-        }
-      }
-      function getClassName23(propValue) {
-        if (!propValue.constructor || !propValue.constructor.name) {
-          return ANONYMOUS;
-        }
-        return propValue.constructor.name;
-      }
-      ReactPropTypes.checkPropTypes = checkPropTypes;
-      ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
-      ReactPropTypes.PropTypes = ReactPropTypes;
-      return ReactPropTypes;
-    };
-  }
-});
-
-// ../../node_modules/prop-types/factoryWithThrowingShims.js
-var require_factoryWithThrowingShims = __commonJS({
-  "../../node_modules/prop-types/factoryWithThrowingShims.js"(exports, module2) {
-    "use strict";
-    init_react_import();
-    var ReactPropTypesSecret = require_ReactPropTypesSecret();
-    function emptyFunction() {
-    }
-    function emptyFunctionWithReset() {
-    }
-    emptyFunctionWithReset.resetWarningCache = emptyFunction;
-    module2.exports = function() {
-      function shim(props, propName, componentName, location, propFullName, secret) {
-        if (secret === ReactPropTypesSecret) {
-          return;
-        }
-        var err = new Error(
-          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-        );
-        err.name = "Invariant Violation";
-        throw err;
-      }
-      ;
-      shim.isRequired = shim;
-      function getShim() {
-        return shim;
-      }
-      ;
-      var ReactPropTypes = {
-        array: shim,
-        bigint: shim,
-        bool: shim,
-        func: shim,
-        number: shim,
-        object: shim,
-        string: shim,
-        symbol: shim,
-        any: shim,
-        arrayOf: getShim,
-        element: shim,
-        elementType: shim,
-        instanceOf: getShim,
-        node: shim,
-        objectOf: getShim,
-        oneOf: getShim,
-        oneOfType: getShim,
-        shape: getShim,
-        exact: getShim,
-        checkPropTypes: emptyFunctionWithReset,
-        resetWarningCache: emptyFunction
-      };
-      ReactPropTypes.PropTypes = ReactPropTypes;
-      return ReactPropTypes;
-    };
-  }
-});
-
-// ../../node_modules/prop-types/index.js
-var require_prop_types = __commonJS({
-  "../../node_modules/prop-types/index.js"(exports, module2) {
-    init_react_import();
-    if (process.env.NODE_ENV !== "production") {
-      ReactIs = require_react_is();
-      throwOnDirectAccess = true;
-      module2.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
-    } else {
-      module2.exports = require_factoryWithThrowingShims()();
-    }
-    var ReactIs;
-    var throwOnDirectAccess;
-  }
-});
-
 // ../../node_modules/scheduler/cjs/scheduler.production.min.js
 var require_scheduler_production_min = __commonJS({
   "../../node_modules/scheduler/cjs/scheduler.production.min.js"(exports) {
@@ -8989,9 +8033,9 @@ var require_react_dom_development = __commonJS({
         if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
           __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
         }
-        var React22 = require("react");
+        var React2 = require("react");
         var Scheduler = require_scheduler();
-        var ReactSharedInternals = React22.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        var ReactSharedInternals = React2.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
         var suppressWarning = false;
         function setSuppressWarning(newSuppressWarning) {
           {
@@ -10596,7 +9640,7 @@ var require_react_dom_development = __commonJS({
           {
             if (props.value == null) {
               if (typeof props.children === "object" && props.children !== null) {
-                React22.Children.forEach(props.children, function(child) {
+                React2.Children.forEach(props.children, function(child) {
                   if (child == null) {
                     return;
                   }
@@ -15995,7 +15039,7 @@ var require_react_dom_development = __commonJS({
             }
           }
         }
-        function createElement(type, props, rootContainerElement, parentNamespace) {
+        function createElement2(type, props, rootContainerElement, parentNamespace) {
           var isCustomComponentTag;
           var ownerDocument = getOwnerDocumentFromRootContainer(rootContainerElement);
           var domElement;
@@ -16856,7 +15900,7 @@ var require_react_dom_development = __commonJS({
             }
             parentNamespace = hostContextDev.namespace;
           }
-          var domElement = createElement(type, props, rootContainerInstance, parentNamespace);
+          var domElement = createElement2(type, props, rootContainerInstance, parentNamespace);
           precacheFiberNode(internalInstanceHandle, domElement);
           updateFiberProps(domElement, props);
           return domElement;
@@ -19043,7 +18087,7 @@ var require_react_dom_development = __commonJS({
           }
         }
         var fakeInternalInstance = {};
-        var emptyRefsObject = new React22.Component().refs;
+        var emptyRefsObject = new React2.Component().refs;
         var didWarnAboutStateAssignmentForComponent;
         var didWarnAboutUninitializedState;
         var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
@@ -30373,1655 +29417,232 @@ Drawer.Item = DrawerItem;
 
 // components/DropZone/index.tsx
 init_react_import();
-var import_react28 = require("react");
+var import_react9 = require("react");
 
 // components/DraggableComponent/index.tsx
 init_react_import();
-var import_react25 = require("react");
+var import_react6 = require("react");
 var import_dnd3 = require("@hello-pangea/dnd");
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css#css-module
 init_react_import();
 var styles_module_default3 = { "DraggableComponent": "_DraggableComponent_foluk_1", "DraggableComponent--isDragging": "_DraggableComponent--isDragging_foluk_6", "DraggableComponent-contents": "_DraggableComponent-contents_foluk_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_foluk_25", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_foluk_39", "DraggableComponent--isLocked": "_DraggableComponent--isLocked_foluk_55", "DraggableComponent--forceHover": "_DraggableComponent--forceHover_foluk_61", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_foluk_66", "DraggableComponent--indicativeHover": "_DraggableComponent--indicativeHover_foluk_71", "DraggableComponent-actions": "_DraggableComponent-actions_foluk_97", "DraggableComponent-actionsLabel": "_DraggableComponent-actionsLabel_foluk_120", "DraggableComponent-action": "_DraggableComponent-action_foluk_97" };
 
-// ../../node_modules/react-feather/dist/index.js
+// ../../node_modules/lucide-react/dist/esm/lucide-react.js
 init_react_import();
 
-// ../../node_modules/react-feather/dist/icons/check-circle.js
+// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
 init_react_import();
-var import_react4 = __toESM(require("react"));
-var import_prop_types = __toESM(require_prop_types());
-function _extends() {
-  _extends = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _objectWithoutProperties(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var CheckCircle = (0, import_react4.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react4.default.createElement("svg", _extends({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react4.default.createElement("path", {
-    d: "M22 11.08V12a10 10 0 1 1-5.93-9.14"
-  }), /* @__PURE__ */ import_react4.default.createElement("polyline", {
-    points: "22 4 12 14.01 9 11.01"
-  }));
-});
-CheckCircle.propTypes = {
-  color: import_prop_types.default.string,
-  size: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number])
-};
-CheckCircle.displayName = "CheckCircle";
-var check_circle_default = CheckCircle;
+var import_react4 = require("react");
 
-// ../../node_modules/react-feather/dist/icons/chevron-down.js
+// ../../node_modules/lucide-react/dist/esm/defaultAttributes.js
 init_react_import();
-var import_react5 = __toESM(require("react"));
-var import_prop_types2 = __toESM(require_prop_types());
-function _extends2() {
-  _extends2 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends2.apply(this, arguments);
-}
-function _objectWithoutProperties2(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose2(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose2(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var ChevronDown = (0, import_react5.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties2(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react5.default.createElement("svg", _extends2({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react5.default.createElement("polyline", {
-    points: "6 9 12 15 18 9"
-  }));
-});
-ChevronDown.propTypes = {
-  color: import_prop_types2.default.string,
-  size: import_prop_types2.default.oneOfType([import_prop_types2.default.string, import_prop_types2.default.number])
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
 };
-ChevronDown.displayName = "ChevronDown";
-var chevron_down_default = ChevronDown;
 
-// ../../node_modules/react-feather/dist/icons/chevron-left.js
-init_react_import();
-var import_react6 = __toESM(require("react"));
-var import_prop_types3 = __toESM(require_prop_types());
-function _extends3() {
-  _extends3 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends3.apply(this, arguments);
-}
-function _objectWithoutProperties3(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose3(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
+// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim();
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = (0, import_react4.forwardRef)(
+    (_a, ref) => {
+      var _b = _a, { color = "currentColor", size = 24, strokeWidth = 2, absoluteStrokeWidth, className = "", children } = _b, rest = __objRest(_b, ["color", "size", "strokeWidth", "absoluteStrokeWidth", "className", "children"]);
+      return (0, import_react4.createElement)(
+        "svg",
+        __spreadValues(__spreadProps(__spreadValues({
+          ref
+        }, defaultAttributes), {
+          width: size,
+          height: size,
+          stroke: color,
+          strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+          className: ["lucide", `lucide-${toKebabCase(iconName)}`, className].join(" ")
+        }), rest),
+        [
+          ...iconNode.map(([tag, attrs]) => (0, import_react4.createElement)(tag, attrs)),
+          ...Array.isArray(children) ? children : [children]
+        ]
+      );
     }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose3(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var ChevronLeft = (0, import_react6.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties3(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react6.default.createElement("svg", _extends3({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react6.default.createElement("polyline", {
-    points: "15 18 9 12 15 6"
-  }));
-});
-ChevronLeft.propTypes = {
-  color: import_prop_types3.default.string,
-  size: import_prop_types3.default.oneOfType([import_prop_types3.default.string, import_prop_types3.default.number])
+  );
+  Component.displayName = `${iconName}`;
+  return Component;
 };
-ChevronLeft.displayName = "ChevronLeft";
-var chevron_left_default = ChevronLeft;
 
-// ../../node_modules/react-feather/dist/icons/chevron-right.js
+// ../../node_modules/lucide-react/dist/esm/icons/check-circle.js
 init_react_import();
-var import_react7 = __toESM(require("react"));
-var import_prop_types4 = __toESM(require_prop_types());
-function _extends4() {
-  _extends4 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends4.apply(this, arguments);
-}
-function _objectWithoutProperties4(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose4(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose4(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var ChevronRight = (0, import_react7.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties4(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react7.default.createElement("svg", _extends4({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react7.default.createElement("polyline", {
-    points: "9 18 15 12 9 6"
-  }));
-});
-ChevronRight.propTypes = {
-  color: import_prop_types4.default.string,
-  size: import_prop_types4.default.oneOfType([import_prop_types4.default.string, import_prop_types4.default.number])
-};
-ChevronRight.displayName = "ChevronRight";
-var chevron_right_default = ChevronRight;
+var CheckCircle = createLucideIcon("CheckCircle", [
+  ["path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14", key: "g774vq" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/chevron-up.js
+// ../../node_modules/lucide-react/dist/esm/icons/chevron-down.js
 init_react_import();
-var import_react8 = __toESM(require("react"));
-var import_prop_types5 = __toESM(require_prop_types());
-function _extends5() {
-  _extends5 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends5.apply(this, arguments);
-}
-function _objectWithoutProperties5(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose5(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose5(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var ChevronUp = (0, import_react8.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties5(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react8.default.createElement("svg", _extends5({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react8.default.createElement("polyline", {
-    points: "18 15 12 9 6 15"
-  }));
-});
-ChevronUp.propTypes = {
-  color: import_prop_types5.default.string,
-  size: import_prop_types5.default.oneOfType([import_prop_types5.default.string, import_prop_types5.default.number])
-};
-ChevronUp.displayName = "ChevronUp";
-var chevron_up_default = ChevronUp;
+var ChevronDown = createLucideIcon("ChevronDown", [
+  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/copy.js
+// ../../node_modules/lucide-react/dist/esm/icons/chevron-left.js
 init_react_import();
-var import_react9 = __toESM(require("react"));
-var import_prop_types6 = __toESM(require_prop_types());
-function _extends6() {
-  _extends6 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends6.apply(this, arguments);
-}
-function _objectWithoutProperties6(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose6(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose6(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var Copy = (0, import_react9.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties6(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react9.default.createElement("svg", _extends6({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react9.default.createElement("rect", {
-    x: "9",
-    y: "9",
-    width: "13",
-    height: "13",
-    rx: "2",
-    ry: "2"
-  }), /* @__PURE__ */ import_react9.default.createElement("path", {
-    d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
-  }));
-});
-Copy.propTypes = {
-  color: import_prop_types6.default.string,
-  size: import_prop_types6.default.oneOfType([import_prop_types6.default.string, import_prop_types6.default.number])
-};
-Copy.displayName = "Copy";
-var copy_default = Copy;
+var ChevronLeft = createLucideIcon("ChevronLeft", [
+  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/globe.js
+// ../../node_modules/lucide-react/dist/esm/icons/chevron-right.js
 init_react_import();
-var import_react10 = __toESM(require("react"));
-var import_prop_types7 = __toESM(require_prop_types());
-function _extends7() {
-  _extends7 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends7.apply(this, arguments);
-}
-function _objectWithoutProperties7(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose7(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose7(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var Globe = (0, import_react10.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties7(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react10.default.createElement("svg", _extends7({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react10.default.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "10"
-  }), /* @__PURE__ */ import_react10.default.createElement("line", {
-    x1: "2",
-    y1: "12",
-    x2: "22",
-    y2: "12"
-  }), /* @__PURE__ */ import_react10.default.createElement("path", {
-    d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"
-  }));
-});
-Globe.propTypes = {
-  color: import_prop_types7.default.string,
-  size: import_prop_types7.default.oneOfType([import_prop_types7.default.string, import_prop_types7.default.number])
-};
-Globe.displayName = "Globe";
-var globe_default = Globe;
+var ChevronRight = createLucideIcon("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/grid.js
+// ../../node_modules/lucide-react/dist/esm/icons/chevron-up.js
 init_react_import();
-var import_react11 = __toESM(require("react"));
-var import_prop_types8 = __toESM(require_prop_types());
-function _extends8() {
-  _extends8 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends8.apply(this, arguments);
-}
-function _objectWithoutProperties8(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose8(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose8(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var Grid = (0, import_react11.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties8(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react11.default.createElement("svg", _extends8({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react11.default.createElement("rect", {
-    x: "3",
-    y: "3",
-    width: "7",
-    height: "7"
-  }), /* @__PURE__ */ import_react11.default.createElement("rect", {
-    x: "14",
-    y: "3",
-    width: "7",
-    height: "7"
-  }), /* @__PURE__ */ import_react11.default.createElement("rect", {
-    x: "14",
-    y: "14",
-    width: "7",
-    height: "7"
-  }), /* @__PURE__ */ import_react11.default.createElement("rect", {
-    x: "3",
-    y: "14",
-    width: "7",
-    height: "7"
-  }));
-});
-Grid.propTypes = {
-  color: import_prop_types8.default.string,
-  size: import_prop_types8.default.oneOfType([import_prop_types8.default.string, import_prop_types8.default.number])
-};
-Grid.displayName = "Grid";
-var grid_default = Grid;
+var ChevronUp = createLucideIcon("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
 
-// ../../node_modules/react-feather/dist/icons/hash.js
+// ../../node_modules/lucide-react/dist/esm/icons/copy.js
 init_react_import();
-var import_react12 = __toESM(require("react"));
-var import_prop_types9 = __toESM(require_prop_types());
-function _extends9() {
-  _extends9 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends9.apply(this, arguments);
-}
-function _objectWithoutProperties9(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose9(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose9(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var Hash = (0, import_react12.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties9(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react12.default.createElement("svg", _extends9({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react12.default.createElement("line", {
-    x1: "4",
-    y1: "9",
-    x2: "20",
-    y2: "9"
-  }), /* @__PURE__ */ import_react12.default.createElement("line", {
-    x1: "4",
-    y1: "15",
-    x2: "20",
-    y2: "15"
-  }), /* @__PURE__ */ import_react12.default.createElement("line", {
-    x1: "10",
-    y1: "3",
-    x2: "8",
-    y2: "21"
-  }), /* @__PURE__ */ import_react12.default.createElement("line", {
-    x1: "16",
-    y1: "3",
-    x2: "14",
-    y2: "21"
-  }));
-});
-Hash.propTypes = {
-  color: import_prop_types9.default.string,
-  size: import_prop_types9.default.oneOfType([import_prop_types9.default.string, import_prop_types9.default.number])
-};
-Hash.displayName = "Hash";
-var hash_default = Hash;
+var Copy = createLucideIcon("Copy", [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/layers.js
+// ../../node_modules/lucide-react/dist/esm/icons/globe.js
 init_react_import();
-var import_react13 = __toESM(require("react"));
-var import_prop_types10 = __toESM(require_prop_types());
-function _extends10() {
-  _extends10 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends10.apply(this, arguments);
-}
-function _objectWithoutProperties10(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose10(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose10(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var Layers = (0, import_react13.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties10(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react13.default.createElement("svg", _extends10({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react13.default.createElement("polygon", {
-    points: "12 2 2 7 12 12 22 7 12 2"
-  }), /* @__PURE__ */ import_react13.default.createElement("polyline", {
-    points: "2 17 12 22 22 17"
-  }), /* @__PURE__ */ import_react13.default.createElement("polyline", {
-    points: "2 12 12 17 22 12"
-  }));
-});
-Layers.propTypes = {
-  color: import_prop_types10.default.string,
-  size: import_prop_types10.default.oneOfType([import_prop_types10.default.string, import_prop_types10.default.number])
-};
-Layers.displayName = "Layers";
-var layers_default = Layers;
+var Globe = createLucideIcon("Globe", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
+  ["path", { d: "M2 12h20", key: "9i4pu4" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/link.js
+// ../../node_modules/lucide-react/dist/esm/icons/hash.js
 init_react_import();
-var import_react14 = __toESM(require("react"));
-var import_prop_types11 = __toESM(require_prop_types());
-function _extends11() {
-  _extends11 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends11.apply(this, arguments);
-}
-function _objectWithoutProperties11(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose11(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose11(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var Link = (0, import_react14.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties11(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react14.default.createElement("svg", _extends11({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react14.default.createElement("path", {
-    d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"
-  }), /* @__PURE__ */ import_react14.default.createElement("path", {
-    d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
-  }));
-});
-Link.propTypes = {
-  color: import_prop_types11.default.string,
-  size: import_prop_types11.default.oneOfType([import_prop_types11.default.string, import_prop_types11.default.number])
-};
-Link.displayName = "Link";
-var link_default = Link;
+var Hash = createLucideIcon("Hash", [
+  ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
+  ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
+  ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
+  ["line", { x1: "16", x2: "14", y1: "3", y2: "21", key: "weycgp" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/list.js
+// ../../node_modules/lucide-react/dist/esm/icons/layers.js
 init_react_import();
-var import_react15 = __toESM(require("react"));
-var import_prop_types12 = __toESM(require_prop_types());
-function _extends12() {
-  _extends12 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends12.apply(this, arguments);
-}
-function _objectWithoutProperties12(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose12(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
+var Layers = createLucideIcon("Layers", [
+  [
+    "path",
+    {
+      d: "m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z",
+      key: "8b97xw"
     }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose12(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var List = (0, import_react15.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties12(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react15.default.createElement("svg", _extends12({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react15.default.createElement("line", {
-    x1: "8",
-    y1: "6",
-    x2: "21",
-    y2: "6"
-  }), /* @__PURE__ */ import_react15.default.createElement("line", {
-    x1: "8",
-    y1: "12",
-    x2: "21",
-    y2: "12"
-  }), /* @__PURE__ */ import_react15.default.createElement("line", {
-    x1: "8",
-    y1: "18",
-    x2: "21",
-    y2: "18"
-  }), /* @__PURE__ */ import_react15.default.createElement("line", {
-    x1: "3",
-    y1: "6",
-    x2: "3.01",
-    y2: "6"
-  }), /* @__PURE__ */ import_react15.default.createElement("line", {
-    x1: "3",
-    y1: "12",
-    x2: "3.01",
-    y2: "12"
-  }), /* @__PURE__ */ import_react15.default.createElement("line", {
-    x1: "3",
-    y1: "18",
-    x2: "3.01",
-    y2: "18"
-  }));
-});
-List.propTypes = {
-  color: import_prop_types12.default.string,
-  size: import_prop_types12.default.oneOfType([import_prop_types12.default.string, import_prop_types12.default.number])
-};
-List.displayName = "List";
-var list_default = List;
+  ],
+  ["path", { d: "m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65", key: "dd6zsq" }],
+  ["path", { d: "m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65", key: "ep9fru" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/lock.js
+// ../../node_modules/lucide-react/dist/esm/icons/layout-grid.js
 init_react_import();
-var import_react16 = __toESM(require("react"));
-var import_prop_types13 = __toESM(require_prop_types());
-function _extends13() {
-  _extends13 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends13.apply(this, arguments);
-}
-function _objectWithoutProperties13(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose13(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose13(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var Lock = (0, import_react16.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties13(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react16.default.createElement("svg", _extends13({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react16.default.createElement("rect", {
-    x: "3",
-    y: "11",
-    width: "18",
-    height: "11",
-    rx: "2",
-    ry: "2"
-  }), /* @__PURE__ */ import_react16.default.createElement("path", {
-    d: "M7 11V7a5 5 0 0 1 10 0v4"
-  }));
-});
-Lock.propTypes = {
-  color: import_prop_types13.default.string,
-  size: import_prop_types13.default.oneOfType([import_prop_types13.default.string, import_prop_types13.default.number])
-};
-Lock.displayName = "Lock";
-var lock_default = Lock;
+var LayoutGrid = createLucideIcon("LayoutGrid", [
+  ["rect", { width: "7", height: "7", x: "3", y: "3", rx: "1", key: "1g98yp" }],
+  ["rect", { width: "7", height: "7", x: "14", y: "3", rx: "1", key: "6d4xhi" }],
+  ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }],
+  ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/more-vertical.js
+// ../../node_modules/lucide-react/dist/esm/icons/link.js
 init_react_import();
-var import_react17 = __toESM(require("react"));
-var import_prop_types14 = __toESM(require_prop_types());
-function _extends14() {
-  _extends14 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends14.apply(this, arguments);
-}
-function _objectWithoutProperties14(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose14(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose14(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var MoreVertical = (0, import_react17.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties14(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react17.default.createElement("svg", _extends14({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react17.default.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "1"
-  }), /* @__PURE__ */ import_react17.default.createElement("circle", {
-    cx: "12",
-    cy: "5",
-    r: "1"
-  }), /* @__PURE__ */ import_react17.default.createElement("circle", {
-    cx: "12",
-    cy: "19",
-    r: "1"
-  }));
-});
-MoreVertical.propTypes = {
-  color: import_prop_types14.default.string,
-  size: import_prop_types14.default.oneOfType([import_prop_types14.default.string, import_prop_types14.default.number])
-};
-MoreVertical.displayName = "MoreVertical";
-var more_vertical_default = MoreVertical;
+var Link = createLucideIcon("Link", [
+  ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
+  ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/plus.js
+// ../../node_modules/lucide-react/dist/esm/icons/list.js
 init_react_import();
-var import_react18 = __toESM(require("react"));
-var import_prop_types15 = __toESM(require_prop_types());
-function _extends15() {
-  _extends15 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends15.apply(this, arguments);
-}
-function _objectWithoutProperties15(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose15(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose15(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var Plus = (0, import_react18.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties15(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react18.default.createElement("svg", _extends15({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react18.default.createElement("line", {
-    x1: "12",
-    y1: "5",
-    x2: "12",
-    y2: "19"
-  }), /* @__PURE__ */ import_react18.default.createElement("line", {
-    x1: "5",
-    y1: "12",
-    x2: "19",
-    y2: "12"
-  }));
-});
-Plus.propTypes = {
-  color: import_prop_types15.default.string,
-  size: import_prop_types15.default.oneOfType([import_prop_types15.default.string, import_prop_types15.default.number])
-};
-Plus.displayName = "Plus";
-var plus_default = Plus;
+var List = createLucideIcon("List", [
+  ["line", { x1: "8", x2: "21", y1: "6", y2: "6", key: "7ey8pc" }],
+  ["line", { x1: "8", x2: "21", y1: "12", y2: "12", key: "rjfblc" }],
+  ["line", { x1: "8", x2: "21", y1: "18", y2: "18", key: "c3b1m8" }],
+  ["line", { x1: "3", x2: "3.01", y1: "6", y2: "6", key: "1g7gq3" }],
+  ["line", { x1: "3", x2: "3.01", y1: "12", y2: "12", key: "1pjlvk" }],
+  ["line", { x1: "3", x2: "3.01", y1: "18", y2: "18", key: "28t2mc" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/search.js
+// ../../node_modules/lucide-react/dist/esm/icons/lock.js
 init_react_import();
-var import_react19 = __toESM(require("react"));
-var import_prop_types16 = __toESM(require_prop_types());
-function _extends16() {
-  _extends16 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends16.apply(this, arguments);
-}
-function _objectWithoutProperties16(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose16(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose16(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var Search = (0, import_react19.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties16(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react19.default.createElement("svg", _extends16({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react19.default.createElement("circle", {
-    cx: "11",
-    cy: "11",
-    r: "8"
-  }), /* @__PURE__ */ import_react19.default.createElement("line", {
-    x1: "21",
-    y1: "21",
-    x2: "16.65",
-    y2: "16.65"
-  }));
-});
-Search.propTypes = {
-  color: import_prop_types16.default.string,
-  size: import_prop_types16.default.oneOfType([import_prop_types16.default.string, import_prop_types16.default.number])
-};
-Search.displayName = "Search";
-var search_default = Search;
+var Lock = createLucideIcon("Lock", [
+  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
+  ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/sidebar.js
+// ../../node_modules/lucide-react/dist/esm/icons/more-vertical.js
 init_react_import();
-var import_react20 = __toESM(require("react"));
-var import_prop_types17 = __toESM(require_prop_types());
-function _extends17() {
-  _extends17 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends17.apply(this, arguments);
-}
-function _objectWithoutProperties17(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose17(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose17(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var Sidebar = (0, import_react20.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties17(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react20.default.createElement("svg", _extends17({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react20.default.createElement("rect", {
-    x: "3",
-    y: "3",
-    width: "18",
-    height: "18",
-    rx: "2",
-    ry: "2"
-  }), /* @__PURE__ */ import_react20.default.createElement("line", {
-    x1: "9",
-    y1: "3",
-    x2: "9",
-    y2: "21"
-  }));
-});
-Sidebar.propTypes = {
-  color: import_prop_types17.default.string,
-  size: import_prop_types17.default.oneOfType([import_prop_types17.default.string, import_prop_types17.default.number])
-};
-Sidebar.displayName = "Sidebar";
-var sidebar_default = Sidebar;
+var MoreVertical = createLucideIcon("MoreVertical", [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
+  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/trash.js
+// ../../node_modules/lucide-react/dist/esm/icons/panel-left.js
 init_react_import();
-var import_react21 = __toESM(require("react"));
-var import_prop_types18 = __toESM(require_prop_types());
-function _extends18() {
-  _extends18 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends18.apply(this, arguments);
-}
-function _objectWithoutProperties18(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose18(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose18(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var Trash = (0, import_react21.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties18(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react21.default.createElement("svg", _extends18({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react21.default.createElement("polyline", {
-    points: "3 6 5 6 21 6"
-  }), /* @__PURE__ */ import_react21.default.createElement("path", {
-    d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
-  }));
-});
-Trash.propTypes = {
-  color: import_prop_types18.default.string,
-  size: import_prop_types18.default.oneOfType([import_prop_types18.default.string, import_prop_types18.default.number])
-};
-Trash.displayName = "Trash";
-var trash_default = Trash;
+var PanelLeft = createLucideIcon("PanelLeft", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["line", { x1: "9", x2: "9", y1: "3", y2: "21", key: "13tij5" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/type.js
+// ../../node_modules/lucide-react/dist/esm/icons/panel-right.js
 init_react_import();
-var import_react22 = __toESM(require("react"));
-var import_prop_types19 = __toESM(require_prop_types());
-function _extends19() {
-  _extends19 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends19.apply(this, arguments);
-}
-function _objectWithoutProperties19(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose19(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose19(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var Type = (0, import_react22.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties19(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react22.default.createElement("svg", _extends19({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react22.default.createElement("polyline", {
-    points: "4 7 4 4 20 4 20 7"
-  }), /* @__PURE__ */ import_react22.default.createElement("line", {
-    x1: "9",
-    y1: "20",
-    x2: "15",
-    y2: "20"
-  }), /* @__PURE__ */ import_react22.default.createElement("line", {
-    x1: "12",
-    y1: "4",
-    x2: "12",
-    y2: "20"
-  }));
-});
-Type.propTypes = {
-  color: import_prop_types19.default.string,
-  size: import_prop_types19.default.oneOfType([import_prop_types19.default.string, import_prop_types19.default.number])
-};
-Type.displayName = "Type";
-var type_default = Type;
+var PanelRight = createLucideIcon("PanelRight", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["line", { x1: "15", x2: "15", y1: "3", y2: "21", key: "1hpv9i" }]
+]);
 
-// ../../node_modules/react-feather/dist/icons/unlock.js
+// ../../node_modules/lucide-react/dist/esm/icons/plus.js
 init_react_import();
-var import_react23 = __toESM(require("react"));
-var import_prop_types20 = __toESM(require_prop_types());
-function _extends20() {
-  _extends20 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends20.apply(this, arguments);
-}
-function _objectWithoutProperties20(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose20(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose20(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var Unlock = (0, import_react23.forwardRef)(function(_ref, ref) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties20(_ref, ["color", "size"]);
-  return /* @__PURE__ */ import_react23.default.createElement("svg", _extends20({
-    ref,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, rest), /* @__PURE__ */ import_react23.default.createElement("rect", {
-    x: "3",
-    y: "11",
-    width: "18",
-    height: "11",
-    rx: "2",
-    ry: "2"
-  }), /* @__PURE__ */ import_react23.default.createElement("path", {
-    d: "M7 11V7a5 5 0 0 1 9.9-1"
-  }));
-});
-Unlock.propTypes = {
-  color: import_prop_types20.default.string,
-  size: import_prop_types20.default.oneOfType([import_prop_types20.default.string, import_prop_types20.default.number])
-};
-Unlock.displayName = "Unlock";
-var unlock_default = Unlock;
+var Plus = createLucideIcon("Plus", [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+]);
+
+// ../../node_modules/lucide-react/dist/esm/icons/search.js
+init_react_import();
+var Search = createLucideIcon("Search", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+]);
+
+// ../../node_modules/lucide-react/dist/esm/icons/trash.js
+init_react_import();
+var Trash = createLucideIcon("Trash", [
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
+  ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }]
+]);
+
+// ../../node_modules/lucide-react/dist/esm/icons/type.js
+init_react_import();
+var Type = createLucideIcon("Type", [
+  ["polyline", { points: "4 7 4 4 20 4 20 7", key: "1nosan" }],
+  ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
+  ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
+]);
+
+// ../../node_modules/lucide-react/dist/esm/icons/unlock.js
+init_react_import();
+var Unlock = createLucideIcon("Unlock", [
+  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
+  ["path", { d: "M7 11V7a5 5 0 0 1 9.9-1", key: "1mm8w8" }]
+]);
 
 // lib/use-modifier-held.ts
 init_react_import();
-var import_react24 = require("react");
+var import_react5 = require("react");
 var useModifierHeld = (modifier) => {
-  const [modifierHeld, setModifierHeld] = (0, import_react24.useState)(false);
-  (0, import_react24.useEffect)(() => {
+  const [modifierHeld, setModifierHeld] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
     function downHandler({ key }) {
       if (key === modifier) {
         setModifierHeld(true);
@@ -32069,7 +29690,7 @@ var DraggableComponent = ({
   style
 }) => {
   const isModifierHeld = useModifierHeld("Alt");
-  (0, import_react25.useEffect)(onMount, []);
+  (0, import_react6.useEffect)(onMount, []);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_dnd3.Draggable,
     {
@@ -32102,8 +29723,8 @@ var DraggableComponent = ({
             isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: getClassName4("loadingOverlay"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_spinners2.ClipLoader, { "aria-label": "loading", size: 16, color: "inherit" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: getClassName4("overlay"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: getClassName4("actions"), children: [
               label && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: getClassName4("actionsLabel"), children: label }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: getClassName4("action"), onClick: onDuplicate, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(copy_default, { size: 16 }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: getClassName4("action"), onClick: onDelete, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(trash_default, { size: 16 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: getClassName4("action"), onClick: onDuplicate, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Copy, { size: 16 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: getClassName4("action"), onClick: onDelete, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Trash, { size: 16 }) })
             ] }) }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: getClassName4("contents"), children })
           ]
@@ -32152,7 +29773,7 @@ var styles_module_default4 = { "DropZone": "_DropZone_i675d_1", "DropZone--zoomE
 
 // components/DropZone/context.tsx
 init_react_import();
-var import_react26 = require("react");
+var import_react7 = require("react");
 var import_use_debounce = require("use-debounce");
 
 // lib/get-zone-id.ts
@@ -32169,29 +29790,29 @@ var getZoneId = (zoneCompound) => {
 
 // components/DropZone/context.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var dropZoneContext = (0, import_react26.createContext)(null);
+var dropZoneContext = (0, import_react7.createContext)(null);
 var DropZoneProvider = ({
   children,
   value
 }) => {
-  const [hoveringArea, setHoveringArea] = (0, import_react26.useState)(null);
-  const [hoveringZone, setHoveringZone] = (0, import_react26.useState)(
+  const [hoveringArea, setHoveringArea] = (0, import_react7.useState)(null);
+  const [hoveringZone, setHoveringZone] = (0, import_react7.useState)(
     rootDroppableId
   );
-  const [hoveringComponent, setHoveringComponent] = (0, import_react26.useState)();
+  const [hoveringComponent, setHoveringComponent] = (0, import_react7.useState)();
   const [hoveringAreaDb] = (0, import_use_debounce.useDebounce)(hoveringArea, 75, { leading: false });
-  const [areasWithZones, setAreasWithZones] = (0, import_react26.useState)(
+  const [areasWithZones, setAreasWithZones] = (0, import_react7.useState)(
     {}
   );
-  const [activeZones, setActiveZones] = (0, import_react26.useState)({});
+  const [activeZones, setActiveZones] = (0, import_react7.useState)({});
   const { dispatch = null } = value ? value : {};
-  const registerZoneArea = (0, import_react26.useCallback)(
+  const registerZoneArea = (0, import_react7.useCallback)(
     (area) => {
       setAreasWithZones((latest) => __spreadProps(__spreadValues({}, latest), { [area]: true }));
     },
     [setAreasWithZones]
   );
-  const registerZone = (0, import_react26.useCallback)(
+  const registerZone = (0, import_react7.useCallback)(
     (zoneCompound) => {
       if (!dispatch) {
         return;
@@ -32204,7 +29825,7 @@ var DropZoneProvider = ({
     },
     [setActiveZones, dispatch]
   );
-  const unregisterZone = (0, import_react26.useCallback)(
+  const unregisterZone = (0, import_react7.useCallback)(
     (zoneCompound) => {
       if (!dispatch) {
         return;
@@ -32219,8 +29840,8 @@ var DropZoneProvider = ({
     },
     [setActiveZones, dispatch]
   );
-  const [pathData, setPathData] = (0, import_react26.useState)();
-  const registerPath = (0, import_react26.useCallback)(
+  const [pathData, setPathData] = (0, import_react7.useState)();
+  const registerPath = (0, import_react7.useCallback)(
     (selector) => {
       if (!(value == null ? void 0 : value.data)) {
         return;
@@ -32270,7 +29891,7 @@ var DropZoneProvider = ({
 
 // components/Puck/context.tsx
 init_react_import();
-var import_react27 = require("react");
+var import_react8 = require("react");
 var defaultAppState = {
   data: { content: [], root: { props: { title: "" } } },
   ui: {
@@ -32282,7 +29903,7 @@ var defaultAppState = {
     isDragging: false
   }
 };
-var appContext = (0, import_react27.createContext)({
+var appContext = (0, import_react8.createContext)({
   state: defaultAppState,
   dispatch: () => null,
   config: { components: {} },
@@ -32290,11 +29911,12 @@ var appContext = (0, import_react27.createContext)({
   resolveData: () => {
   },
   plugins: [],
-  overrides: {}
+  overrides: {},
+  history: {}
 });
 var AppProvider = appContext.Provider;
-var useAppContext = () => {
-  const mainContext = (0, import_react27.useContext)(appContext);
+function useAppContext() {
+  const mainContext = (0, import_react8.useContext)(appContext);
   const selectedItem = mainContext.state.ui.itemSelector ? getItem(mainContext.state.ui.itemSelector, mainContext.state.data) : void 0;
   return __spreadProps(__spreadValues({}, mainContext), {
     // Helpers
@@ -32307,7 +29929,7 @@ var useAppContext = () => {
       });
     }
   });
-};
+}
 
 // components/DropZone/index.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -32315,7 +29937,7 @@ var getClassName5 = get_class_name_factory_default("DropZone", styles_module_def
 function DropZoneEdit({ zone, allow, disallow, style }) {
   var _a;
   const appContext2 = useAppContext();
-  const ctx = (0, import_react28.useContext)(dropZoneContext);
+  const ctx = (0, import_react9.useContext)(dropZoneContext);
   const {
     // These all need setting via context
     data,
@@ -32333,12 +29955,12 @@ function DropZoneEdit({ zone, allow, disallow, style }) {
   } = ctx || {};
   let content = data.content || [];
   let zoneCompound = rootDroppableId;
-  (0, import_react28.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (areaId && registerZoneArea) {
       registerZoneArea(areaId);
     }
   }, [areaId]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (ctx == null ? void 0 : ctx.registerZone) {
       ctx == null ? void 0 : ctx.registerZone(zoneCompound);
     }
@@ -32359,7 +29981,7 @@ function DropZoneEdit({ zone, allow, disallow, style }) {
   const draggedDestinationId = draggedItem && ((_a = draggedItem.destination) == null ? void 0 : _a.droppableId);
   const [zoneArea] = getZoneId(zoneCompound);
   const [draggedSourceArea] = getZoneId(draggedSourceId);
-  const [userWillDrag, setUserWillDrag] = (0, import_react28.useState)(false);
+  const [userWillDrag, setUserWillDrag] = (0, import_react9.useState)(false);
   const userIsDragging = !!draggedItem;
   const draggingOverArea = userIsDragging && zoneArea === draggedSourceArea;
   const draggingNewComponent = draggedSourceId == null ? void 0 : draggedSourceId.startsWith("component-list");
@@ -32578,7 +30200,7 @@ function DropZoneEdit({ zone, allow, disallow, style }) {
   );
 }
 function DropZoneRender({ zone }) {
-  const ctx = (0, import_react28.useContext)(dropZoneContext);
+  const ctx = (0, import_react9.useContext)(dropZoneContext);
   const { data, areaId = "root", config } = ctx || {};
   let zoneCompound = rootDroppableId;
   let content = (data == null ? void 0 : data.content) || [];
@@ -32610,7 +30232,7 @@ function DropZoneRender({ zone }) {
   }) });
 }
 function DropZone(props) {
-  const ctx = (0, import_react28.useContext)(dropZoneContext);
+  const ctx = (0, import_react9.useContext)(dropZoneContext);
   if ((ctx == null ? void 0 : ctx.mode) === "edit") {
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropZoneEdit, __spreadValues({}, props));
   }
@@ -32622,7 +30244,7 @@ init_react_import();
 
 // components/IconButton/IconButton.tsx
 init_react_import();
-var import_react29 = require("react");
+var import_react10 = require("react");
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css#css-module
 init_react_import();
@@ -32644,7 +30266,7 @@ var IconButton = ({
   fullWidth,
   title
 }) => {
-  const [loading, setLoading] = (0, import_react29.useState)(false);
+  const [loading, setLoading] = (0, import_react10.useState)(false);
   const ElementType = href ? "a" : "button";
   const el = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     ElementType,
@@ -32685,15 +30307,15 @@ var IconButton = ({
 
 // components/Puck/index.tsx
 init_react_import();
-var import_react46 = require("react");
+var import_react26 = require("react");
 var import_dnd7 = require("@hello-pangea/dnd");
 
 // lib/use-placeholder-style.ts
 init_react_import();
-var import_react30 = require("react");
+var import_react11 = require("react");
 var usePlaceholderStyle = () => {
   const queryAttr = "data-rfd-drag-handle-draggable-id";
-  const [placeholderStyle, setPlaceholderStyle] = (0, import_react30.useState)();
+  const [placeholderStyle, setPlaceholderStyle] = (0, import_react11.useState)();
   const onDragStartOrUpdate = (draggedItem) => {
     var _a;
     const draggableId = draggedItem.draggableId;
@@ -32768,7 +30390,7 @@ var Heading = ({ children, rank, size = "m" }) => {
 
 // lib/use-breadcrumbs.ts
 init_react_import();
-var import_react31 = require("react");
+var import_react12 = require("react");
 var convertPathDataToBreadcrumbs = (selectedItem, pathData, data) => {
   const id = selectedItem ? selectedItem == null ? void 0 : selectedItem.props.id : "";
   const currentPathData = pathData && id && pathData[id] ? __spreadValues({}, pathData[id]) : { label: "Page", path: [] };
@@ -32818,8 +30440,8 @@ var useBreadcrumbs = (renderCount) => {
     state: { data },
     selectedItem
   } = useAppContext();
-  const dzContext = (0, import_react31.useContext)(dropZoneContext);
-  return (0, import_react31.useMemo)(() => {
+  const dzContext = (0, import_react12.useContext)(dropZoneContext);
+  return (0, import_react12.useMemo)(() => {
     const breadcrumbs = convertPathDataToBreadcrumbs(
       selectedItem,
       dzContext == null ? void 0 : dzContext.pathData,
@@ -32863,7 +30485,7 @@ var SidebarSection = ({
                 children: breadcrumb.label
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(chevron_right_default, { size: 16 })
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ChevronRight, { size: 16 })
           ] }, i)) : null,
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: getClassName8("heading"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Heading, { rank: 2, size: "xs", children: title }) })
         ] }) }),
@@ -32877,116 +30499,6 @@ var SidebarSection = ({
 // reducer/index.ts
 init_react_import();
 
-// lib/use-puck-history.ts
-init_react_import();
-var import_react33 = require("react");
-
-// lib/use-action-history.ts
-init_react_import();
-var import_react32 = require("react");
-
-// lib/generate-id.ts
-init_react_import();
-var import_crypto = require("crypto");
-var generateId = (type) => `${type}-${(0, import_crypto.randomBytes)(20).toString("hex")}`;
-
-// lib/use-action-history.ts
-var EMPTY_HISTORY_INDEX = -1;
-function useActionHistory() {
-  const [histories, setHistories] = (0, import_react32.useState)([]);
-  const [currentHistoryIndex, setCurrentHistoryIndex] = (0, import_react32.useState)(EMPTY_HISTORY_INDEX);
-  const currentHistory = histories[currentHistoryIndex];
-  const canRewind = currentHistoryIndex > EMPTY_HISTORY_INDEX;
-  const canForward = currentHistoryIndex < histories.length - 1;
-  const record = (params) => {
-    const history = __spreadValues({
-      id: generateId("history")
-    }, params);
-    setHistories((prev) => [
-      ...prev.slice(0, currentHistoryIndex + 1),
-      history
-    ]);
-    setCurrentHistoryIndex((prev) => prev + 1);
-  };
-  const rewind = () => {
-    if (canRewind) {
-      currentHistory.rewind();
-      setCurrentHistoryIndex((prev) => prev - 1);
-    }
-  };
-  const forward = () => {
-    const forwardHistory = histories[currentHistoryIndex + 1];
-    if (canForward && forwardHistory) {
-      forwardHistory.forward();
-      setCurrentHistoryIndex((prev) => prev + 1);
-    }
-  };
-  return {
-    currentHistory,
-    canRewind,
-    canForward,
-    record,
-    rewind,
-    forward
-  };
-}
-
-// lib/use-puck-history.ts
-var import_react_hotkeys_hook = require("react-hotkeys-hook");
-var import_event_emitter = __toESM(require("event-emitter"));
-var import_use_debounce2 = require("use-debounce");
-var DEBOUNCE_TIME = 250;
-var RECORD_DIFF = "RECORD_DIFF";
-var historyEmitter = (0, import_event_emitter.default)();
-var recordDiff = (newAppState) => historyEmitter.emit(RECORD_DIFF, newAppState);
-var _recordHistory = ({
-  snapshot,
-  newSnapshot,
-  record,
-  dispatch
-}) => {
-  if (JSON.stringify(snapshot) === JSON.stringify(newSnapshot))
-    return;
-  record({
-    forward: () => {
-      dispatch({ type: "set", state: newSnapshot });
-    },
-    rewind: () => {
-      dispatch({ type: "set", state: snapshot });
-    }
-  });
-};
-function usePuckHistory({
-  appState,
-  dispatch
-}) {
-  const { canForward, canRewind, rewind, forward, record } = useActionHistory();
-  (0, import_react_hotkeys_hook.useHotkeys)("meta+z", rewind, { preventDefault: true });
-  (0, import_react_hotkeys_hook.useHotkeys)("meta+shift+z", forward, { preventDefault: true });
-  (0, import_react_hotkeys_hook.useHotkeys)("meta+y", forward, { preventDefault: true });
-  const [snapshot] = (0, import_use_debounce2.useDebounce)(appState, DEBOUNCE_TIME);
-  const handleRecordDiff = (0, import_use_debounce2.useDebouncedCallback)((newAppState) => {
-    return _recordHistory({
-      snapshot,
-      newSnapshot: newAppState,
-      record,
-      dispatch
-    });
-  }, DEBOUNCE_TIME);
-  (0, import_react33.useEffect)(() => {
-    historyEmitter.on(RECORD_DIFF, handleRecordDiff);
-    return () => {
-      historyEmitter.off(RECORD_DIFF, handleRecordDiff);
-    };
-  }, [handleRecordDiff]);
-  return {
-    canForward,
-    canRewind,
-    rewind,
-    forward
-  };
-}
-
 // reducer/data.ts
 init_react_import();
 
@@ -33008,6 +30520,13 @@ var remove = (list, index) => {
 
 // lib/reduce-related-zones.ts
 init_react_import();
+
+// lib/generate-id.ts
+init_react_import();
+var import_crypto = require("crypto");
+var generateId = (type) => `${type}-${(0, import_crypto.randomBytes)(20).toString("hex")}`;
+
+// lib/reduce-related-zones.ts
 var reduceRelatedZones = (item, data, fn) => {
   return __spreadProps(__spreadValues({}, data), {
     zones: Object.keys(data.zones || {}).reduce(
@@ -33283,7 +30802,7 @@ var reduceUi = (ui, action) => {
 init_react_import();
 
 // reducer/index.ts
-var storeInterceptor = (reducer) => {
+var storeInterceptor = (reducer, record) => {
   return (state, action) => {
     const newAppState = reducer(state, action);
     const isValidType = ![
@@ -33294,7 +30813,8 @@ var storeInterceptor = (reducer) => {
       "set"
     ].includes(action.type);
     if (typeof action.recordHistory !== "undefined" ? action.recordHistory : isValidType) {
-      recordDiff(newAppState);
+      if (record)
+        record(newAppState);
     }
     return newAppState;
   };
@@ -33305,16 +30825,19 @@ var setAction = (state, action) => {
   }
   return __spreadValues(__spreadValues({}, state), action.state(state));
 };
-var createReducer = ({
-  config
-}) => storeInterceptor((state, action) => {
-  const data = reduceData(state.data, action, config);
-  const ui = reduceUi(state.ui, action);
-  if (action.type === "set") {
-    return setAction(state, action);
-  }
-  return { data, ui };
-});
+function createReducer({
+  config,
+  record
+}) {
+  return storeInterceptor((state, action) => {
+    const data = reduceData(state.data, action, config);
+    const ui = reduceUi(state.ui, action);
+    if (action.type === "set") {
+      return setAction(state, action);
+    }
+    return { data, ui };
+  }, record);
+}
 
 // lib/flush-zones.ts
 init_react_import();
@@ -33335,7 +30858,7 @@ var flushZones = (appState) => {
 
 // lib/use-resolved-data.ts
 init_react_import();
-var import_react34 = require("react");
+var import_react13 = require("react");
 
 // lib/resolve-component-data.ts
 init_react_import();
@@ -33450,13 +30973,13 @@ var resolveRootData = (data, config) => __async(void 0, null, function* () {
 
 // lib/use-resolved-data.ts
 var useResolvedData = (appState, config, dispatch) => {
-  const [{ resolverKey, newAppState }, setResolverState] = (0, import_react34.useState)({
+  const [{ resolverKey, newAppState }, setResolverState] = (0, import_react13.useState)({
     resolverKey: 0,
     newAppState: appState
   });
-  const [componentState, setComponentState] = (0, import_react34.useState)({});
+  const [componentState, setComponentState] = (0, import_react13.useState)({});
   const deferredSetStates = {};
-  const setComponentLoading = (0, import_react34.useCallback)(
+  const setComponentLoading = (0, import_react13.useCallback)(
     (id, loading, defer = 0) => {
       if (deferredSetStates[id]) {
         clearTimeout(deferredSetStates[id]);
@@ -33523,10 +31046,10 @@ var useResolvedData = (appState, config, dispatch) => {
     });
     yield Promise.all(promises);
   });
-  (0, import_react34.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     runResolvers();
   }, [resolverKey]);
-  const resolveData = (0, import_react34.useCallback)((newAppState2 = appState) => {
+  const resolveData = (0, import_react13.useCallback)((newAppState2 = appState) => {
     setResolverState((curr) => ({
       resolverKey: curr.resolverKey + 1,
       newAppState: newAppState2
@@ -33557,10 +31080,10 @@ var MenuBar = ({
   renderHeaderActions,
   setMenuOpen
 }) => {
-  const { canForward, canRewind, rewind, forward } = usePuckHistory({
-    appState,
-    dispatch
-  });
+  const {
+    history: { back, forward, historyStore }
+  } = useAppContext();
+  const { hasFuture = false, hasPast = false } = historyStore || {};
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "div",
     {
@@ -33577,18 +31100,18 @@ var MenuBar = ({
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: getClassName9("inner"), children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: getClassName9("history"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconButton, { title: "undo", disabled: !canRewind, onClick: rewind, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-            chevron_left_default,
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconButton, { title: "undo", disabled: !hasPast, onClick: back, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            ChevronLeft,
             {
               size: 21,
-              stroke: canRewind ? "var(--puck-color-black)" : "var(--puck-color-grey-7)"
+              stroke: hasPast ? "var(--puck-color-black)" : "var(--puck-color-grey-7)"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconButton, { title: "redo", disabled: !canForward, onClick: forward, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-            chevron_right_default,
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconButton, { title: "redo", disabled: !hasFuture, onClick: forward, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            ChevronRight,
             {
               size: 21,
-              stroke: canForward ? "var(--puck-color-black)" : "var(--puck-color-grey-7)"
+              stroke: hasFuture ? "var(--puck-color-black)" : "var(--puck-color-grey-7)"
             }
           ) })
         ] }),
@@ -33602,7 +31125,7 @@ var MenuBar = ({
             onClick: () => {
               onPublish && onPublish(data);
             },
-            icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(globe_default, { size: "14px" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Globe, { size: "14px" }),
             children: "Publish"
           }
         ) })
@@ -33613,7 +31136,7 @@ var MenuBar = ({
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css#css-module
 init_react_import();
-var styles_module_default8 = { "Puck": "_Puck_pp63_19", "Puck--leftSideBarVisible": "_Puck--leftSideBarVisible_pp63_35", "Puck--rightSideBarVisible": "_Puck--rightSideBarVisible_pp63_41", "Puck-header": "_Puck-header_pp63_95", "Puck-headerInner": "_Puck-headerInner_pp63_104", "Puck-headerToggle": "_Puck-headerToggle_pp63_114", "Puck-rightSideBarToggle": "_Puck-rightSideBarToggle_pp63_121", "Puck-leftSideBarToggle": "_Puck-leftSideBarToggle_pp63_126", "Puck-headerTitle": "_Puck-headerTitle_pp63_130", "Puck-headerPath": "_Puck-headerPath_pp63_134", "Puck-headerTools": "_Puck-headerTools_pp63_141", "Puck-menuButton": "_Puck-menuButton_pp63_147", "Puck--menuOpen": "_Puck--menuOpen_pp63_152", "Puck-leftSideBar": "_Puck-leftSideBar_pp63_126", "Puck-frame": "_Puck-frame_pp63_171", "Puck-root": "_Puck-root_pp63_179", "Puck-rightSideBar": "_Puck-rightSideBar_pp63_121" };
+var styles_module_default8 = { "Puck": "_Puck_17hk3_19", "Puck--leftSideBarVisible": "_Puck--leftSideBarVisible_17hk3_35", "Puck--rightSideBarVisible": "_Puck--rightSideBarVisible_17hk3_41", "Puck-header": "_Puck-header_17hk3_95", "Puck-headerInner": "_Puck-headerInner_17hk3_104", "Puck-headerToggle": "_Puck-headerToggle_17hk3_114", "Puck-rightSideBarToggle": "_Puck-rightSideBarToggle_17hk3_121", "Puck-leftSideBarToggle": "_Puck-leftSideBarToggle_17hk3_122", "Puck-headerTitle": "_Puck-headerTitle_17hk3_126", "Puck-headerPath": "_Puck-headerPath_17hk3_130", "Puck-headerTools": "_Puck-headerTools_17hk3_137", "Puck-menuButton": "_Puck-menuButton_17hk3_143", "Puck--menuOpen": "_Puck--menuOpen_17hk3_148", "Puck-leftSideBar": "_Puck-leftSideBar_17hk3_122", "Puck-frame": "_Puck-frame_17hk3_167", "Puck-root": "_Puck-root_17hk3_175", "Puck-rightSideBar": "_Puck-rightSideBar_17hk3_121" };
 
 // components/Puck/components/Fields/index.tsx
 init_react_import();
@@ -33627,7 +31150,7 @@ init_react_import();
 var styles_module_default9 = { "Input": "_Input_1v7zr_1", "Input-label": "_Input-label_1v7zr_27", "Input-labelIcon": "_Input-labelIcon_1v7zr_35", "Input-disabledIcon": "_Input-disabledIcon_1v7zr_41", "Input-input": "_Input-input_1v7zr_46", "Input--readOnly": "_Input--readOnly_1v7zr_69", "Input-radioGroupItems": "_Input-radioGroupItems_1v7zr_87", "Input-radio": "_Input-radio_1v7zr_87", "Input-radioInner": "_Input-radioInner_1v7zr_104", "Input-radioInput": "_Input-radioInput_1v7zr_126" };
 
 // components/InputOrGroup/index.tsx
-var import_react39 = require("react");
+var import_react18 = require("react");
 
 // components/InputOrGroup/fields/index.tsx
 init_react_import();
@@ -33642,14 +31165,14 @@ var styles_module_default10 = { "ArrayField": "_ArrayField_1auyc_5", "ArrayField
 // components/InputOrGroup/fields/ArrayField/index.tsx
 var import_dnd5 = require("@hello-pangea/dnd");
 var import_dnd6 = require("@hello-pangea/dnd");
-var import_react35 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var getClassName10 = get_class_name_factory_default("ArrayField", styles_module_default10);
 var getClassNameItem2 = get_class_name_factory_default("ArrayFieldItem", styles_module_default10);
 var ArrayField = ({
   field,
   onChange,
-  value,
+  value: _value,
   name,
   label,
   readOnly,
@@ -33657,6 +31180,7 @@ var ArrayField = ({
   id
 }) => {
   const { state, setUi } = useAppContext();
+  const value = _value;
   const arrayState = state.ui.arrayState[id] || {
     items: Array.from(value || []).map((item, idx) => {
       return {
@@ -33666,11 +31190,11 @@ var ArrayField = ({
     }),
     openId: ""
   };
-  const [localState, setLocalState] = (0, import_react35.useState)({ arrayState, value });
-  (0, import_react35.useEffect)(() => {
+  const [localState, setLocalState] = (0, import_react14.useState)({ arrayState, value });
+  (0, import_react14.useEffect)(() => {
     setLocalState({ arrayState, value });
   }, [value, state.ui.arrayState[id]]);
-  const mapArrayStateToUi = (0, import_react35.useCallback)(
+  const mapArrayStateToUi = (0, import_react14.useCallback)(
     (partialArrayState) => {
       return {
         arrayState: __spreadProps(__spreadValues({}, state.ui.arrayState), {
@@ -33680,13 +31204,13 @@ var ArrayField = ({
     },
     [arrayState]
   );
-  const getHighestIndex = (0, import_react35.useCallback)(() => {
+  const getHighestIndex = (0, import_react14.useCallback)(() => {
     return arrayState.items.reduce(
       (acc, item) => item._originalIndex > acc ? item._originalIndex : acc,
       -1
     );
   }, [arrayState]);
-  const regenerateArrayState = (0, import_react35.useCallback)(
+  const regenerateArrayState = (0, import_react14.useCallback)(
     (value2) => {
       let highestIndex = getHighestIndex();
       const newItems = Array.from(value2 || []).map((item, idx) => {
@@ -33705,10 +31229,10 @@ var ArrayField = ({
     },
     [arrayState]
   );
-  (0, import_react35.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     setUi(mapArrayStateToUi(arrayState));
   }, []);
-  const [hovering, setHovering] = (0, import_react35.useState)(false);
+  const [hovering, setHovering] = (0, import_react14.useState)(false);
   if (field.type !== "array" || !field.arrayFields) {
     return null;
   }
@@ -33716,7 +31240,7 @@ var ArrayField = ({
     FieldLabelInternal,
     {
       label: label || name,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(list_default, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(List, { size: 16 }),
       el: "div",
       readOnly,
       children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
@@ -33766,7 +31290,7 @@ var ArrayField = ({
                 children: [
                   localState.arrayState.items.map((item, i) => {
                     const { _arrayId = `${id}-${i}`, _originalIndex = i } = item;
-                    const data = Array.from(localState.value || [])[i];
+                    const data = Array.from(localState.value || [])[i] || {};
                     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                       Draggable,
                       {
@@ -33822,7 +31346,7 @@ var ArrayField = ({
                                         );
                                       },
                                       title: "Delete",
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(trash_default, { size: 16 })
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Trash, { size: 16 })
                                     }
                                   ) }) }),
                                   /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DragIcon, {}) })
@@ -33877,7 +31401,7 @@ var ArrayField = ({
                         const newArrayState = regenerateArrayState(newValue);
                         onChange(newValue, mapArrayStateToUi(newArrayState));
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(plus_default, { size: "21" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Plus, { size: "21" })
                     }
                   )
                 ]
@@ -33908,8 +31432,8 @@ var DefaultField = ({
     {
       label: label || name,
       icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-        field.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(type_default, { size: 16 }),
-        field.type === "number" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(hash_default, { size: 16 })
+        field.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Type, { size: 16 }),
+        field.type === "number" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Hash, { size: 16 })
       ] }),
       readOnly,
       children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -33937,11 +31461,11 @@ var DefaultField = ({
 
 // components/InputOrGroup/fields/ExternalField/index.tsx
 init_react_import();
-var import_react38 = require("react");
+var import_react17 = require("react");
 
 // components/ExternalInput/index.tsx
 init_react_import();
-var import_react37 = require("react");
+var import_react16 = require("react");
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/ExternalInput/styles.module.css#css-module
 init_react_import();
@@ -33949,7 +31473,7 @@ var styles_module_default11 = { "ExternalInput": "_ExternalInput_s6fxy_1", "Exte
 
 // components/Modal/index.tsx
 init_react_import();
-var import_react36 = require("react");
+var import_react15 = require("react");
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/Modal/styles.module.css#css-module
 init_react_import();
@@ -33964,8 +31488,8 @@ var Modal = ({
   onClose,
   isOpen
 }) => {
-  const [rootEl, setRootEl] = (0, import_react36.useState)(null);
-  (0, import_react36.useEffect)(() => {
+  const [rootEl, setRootEl] = (0, import_react15.useState)(null);
+  (0, import_react15.useEffect)(() => {
     setRootEl(document.getElementById("puck-portal-root"));
   }, []);
   if (!rootEl) {
@@ -33998,10 +31522,10 @@ var ExternalInput = ({
   id
 }) => {
   const { mapProp = (val) => val } = field || {};
-  const [data, setData] = (0, import_react37.useState)([]);
-  const [isOpen, setOpen] = (0, import_react37.useState)(false);
-  const [isLoading, setIsLoading] = (0, import_react37.useState)(true);
-  const keys = (0, import_react37.useMemo)(() => {
+  const [data, setData] = (0, import_react16.useState)([]);
+  const [isOpen, setOpen] = (0, import_react16.useState)(false);
+  const [isLoading, setIsLoading] = (0, import_react16.useState)(true);
+  const keys = (0, import_react16.useMemo)(() => {
     const validKeys = /* @__PURE__ */ new Set();
     for (const item of data) {
       for (const key of Object.keys(item)) {
@@ -34012,8 +31536,8 @@ var ExternalInput = ({
     }
     return Array.from(validKeys);
   }, [data]);
-  const [searchQuery, setSearchQuery] = (0, import_react37.useState)(field.initialQuery || "");
-  const search = (0, import_react37.useCallback)(
+  const [searchQuery, setSearchQuery] = (0, import_react16.useState)(field.initialQuery || "");
+  const search = (0, import_react16.useCallback)(
     (query) => __async(void 0, null, function* () {
       setIsLoading(true);
       const cacheKey = `${id}-${name}-${query}`;
@@ -34026,7 +31550,7 @@ var ExternalInput = ({
     }),
     [name, field]
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     search(searchQuery);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
@@ -34045,7 +31569,7 @@ var ExternalInput = ({
               onClick: () => setOpen(true),
               className: getClassName13("button"),
               children: value ? field.getItemSummary ? field.getItemSummary(value) : "External item" : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(link_default, { size: "16" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Link, { size: "16" }),
                 /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: field.placeholder })
               ] })
             }
@@ -34057,7 +31581,7 @@ var ExternalInput = ({
               onClick: () => {
                 onChange(null);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(unlock_default, { size: 16 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Unlock, { size: 16 })
             }
           )
         ] }),
@@ -34083,7 +31607,7 @@ var ExternalInput = ({
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: getClassNameModal("search"), children: [
                         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: getClassNameModal("searchIconText"), children: "Search" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("searchIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(search_default, { size: "18" }) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("searchIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Search, { size: "18" }) }),
                         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                           "input",
                           {
@@ -34155,7 +31679,7 @@ var ExternalField = ({
   var _a, _b, _c;
   const validField = field;
   const deprecatedField = field;
-  (0, import_react38.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (deprecatedField.adaptor) {
       console.error(
         "Warning: The `adaptor` API is deprecated. Please use updated APIs on the `external` field instead. This will be a breaking change in a future release."
@@ -34169,7 +31693,7 @@ var ExternalField = ({
     FieldLabelInternal,
     {
       label: label || name,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(link_default, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Link, { size: 16 }),
       el: "div",
       children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         ExternalInput,
@@ -34213,7 +31737,7 @@ var RadioField = ({
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     FieldLabelInternal,
     {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(check_circle_default, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CheckCircle, { size: 16 }),
       label: label || name,
       readOnly,
       el: "div",
@@ -34269,7 +31793,7 @@ var SelectField = ({
     FieldLabelInternal,
     {
       label: label || name,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(chevron_down_default, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChevronDown, { size: 16 }),
       readOnly,
       children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "select",
@@ -34315,7 +31839,7 @@ var TextareaField = ({
     FieldLabelInternal,
     {
       label: label || name,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(type_default, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Type, { size: 16 }),
       readOnly,
       children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "textarea",
@@ -34335,7 +31859,7 @@ var TextareaField = ({
 };
 
 // components/InputOrGroup/index.tsx
-var import_use_debounce3 = require("use-debounce");
+var import_use_debounce2 = require("use-debounce");
 
 // components/InputOrGroup/fields/ObjectField/index.tsx
 init_react_import();
@@ -34366,7 +31890,7 @@ var ObjectField = ({
     FieldLabelInternal,
     {
       label: label || name,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(more_vertical_default, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MoreVertical, { size: 16 }),
       el: "div",
       readOnly,
       children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: getClassName17(), children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("fieldset", { className: getClassName17("fieldset"), children: Object.keys(field.objectFields).map((fieldName) => {
@@ -34415,7 +31939,7 @@ var FieldLabel = ({
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: getClassName18("label"), children: [
       icon ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: getClassName18("labelIcon"), children: icon }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, {}),
       label,
-      readOnly && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: getClassName18("disabledIcon"), title: "Read-only", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(lock_default, { size: "12" }) })
+      readOnly && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: getClassName18("disabledIcon"), title: "Read-only", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Lock, { size: "12" }) })
     ] }),
     children
   ] });
@@ -34428,7 +31952,7 @@ var FieldLabelInternal = ({
   readOnly
 }) => {
   const { overrides } = useAppContext();
-  const Wrapper = (0, import_react39.useMemo)(
+  const Wrapper = (0, import_react18.useMemo)(
     () => overrides.fieldLabel || FieldLabel,
     [overrides]
   );
@@ -34449,19 +31973,19 @@ var InputOrGroup = (_a) => {
   var _a2, _b2, _c, _d, _e, _f, _g, _h;
   const { overrides } = useAppContext();
   const { name, field, value, readOnly } = props;
-  const [localValue, setLocalValue] = (0, import_react39.useState)(value);
-  const onChangeDb = (0, import_use_debounce3.useDebouncedCallback)(
+  const [localValue, setLocalValue] = (0, import_react18.useState)(value);
+  const onChangeDb = (0, import_use_debounce2.useDebouncedCallback)(
     (val, ui) => {
       onChange(val, ui);
     },
     50,
     { leading: true }
   );
-  const onChangeLocal = (0, import_react39.useCallback)((val, ui) => {
+  const onChangeLocal = (0, import_react18.useCallback)((val, ui) => {
     setLocalValue(val);
     onChangeDb(val, ui);
   }, []);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     setLocalValue(value);
   }, [value]);
   const localProps = {
@@ -34509,7 +32033,7 @@ init_react_import();
 var styles_module_default14 = { "PuckFields": "_PuckFields_1276r_1", "PuckFields-loadingOverlay": "_PuckFields-loadingOverlay_1276r_5" };
 
 // components/Puck/components/Fields/index.tsx
-var import_react40 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var getClassName19 = get_class_name_factory_default("PuckFields", styles_module_default14);
 var defaultPageFields = {
@@ -34541,7 +32065,7 @@ var Fields = () => {
   const fields = selectedItem ? ((_b = config.components[selectedItem.type]) == null ? void 0 : _b.fields) || {} : rootFields;
   const isLoading = selectedItem ? (_c = componentState[selectedItem == null ? void 0 : selectedItem.props.id]) == null ? void 0 : _c.loading : (_d = componentState["puck-root"]) == null ? void 0 : _d.loading;
   const rootProps = data.root.props || data.root;
-  const Wrapper = (0, import_react40.useMemo)(() => overrides.fields || DefaultFields, [overrides]);
+  const Wrapper = (0, import_react19.useMemo)(() => overrides.fields || DefaultFields, [overrides]);
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "form",
     {
@@ -34656,7 +32180,7 @@ init_react_import();
 
 // lib/use-component-list.tsx
 init_react_import();
-var import_react41 = require("react");
+var import_react20 = require("react");
 
 // components/ComponentList/index.tsx
 init_react_import();
@@ -34697,7 +32221,7 @@ var ComponentList = ({
         title: expanded ? `Collapse${title ? ` ${title}` : ""}` : `Expand${title ? ` ${title}` : ""}`,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: getClassName20("titleIcon"), children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(chevron_up_default, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(chevron_down_default, { size: 12 }) })
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: getClassName20("titleIcon"), children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ChevronUp, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ChevronDown, { size: 12 }) })
         ]
       }
     ),
@@ -34718,8 +32242,8 @@ ComponentList.Item = ComponentListItem;
 // lib/use-component-list.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var useComponentList = (config, ui) => {
-  const [componentList, setComponentList] = (0, import_react41.useState)();
-  (0, import_react41.useEffect)(() => {
+  const [componentList, setComponentList] = (0, import_react20.useState)();
+  (0, import_react20.useEffect)(() => {
     var _a, _b, _c;
     if (Object.keys(ui.componentList).length > 0) {
       const matchedComponents = [];
@@ -34782,22 +32306,22 @@ var useComponentList = (config, ui) => {
 };
 
 // components/Puck/components/Components/index.tsx
-var import_react42 = require("react");
+var import_react21 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var Components = () => {
   const { config, state, overrides } = useAppContext();
   const componentList = useComponentList(config, state.ui);
-  const Wrapper = (0, import_react42.useMemo)(() => overrides.components || "div", [overrides]);
+  const Wrapper = (0, import_react21.useMemo)(() => overrides.components || "div", [overrides]);
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Wrapper, { children: componentList ? componentList : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ComponentList, { id: "all" }) });
 };
 
 // components/Puck/components/Preview/index.tsx
 init_react_import();
-var import_react43 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var Preview = ({ id = "puck-preview" }) => {
   const { config, dispatch, state } = useAppContext();
-  const Page = (0, import_react43.useCallback)(
+  const Page = (0, import_react22.useCallback)(
     (pageProps) => {
       var _a, _b;
       return ((_a = config.root) == null ? void 0 : _a.render) ? (_b = config.root) == null ? void 0 : _b.render(__spreadProps(__spreadValues({}, pageProps), { editMode: true })) : pageProps.children;
@@ -34805,7 +32329,7 @@ var Preview = ({ id = "puck-preview" }) => {
     [config.root]
   );
   const rootProps = state.data.root.props || state.data.root;
-  const { disableZoom = false } = (0, import_react43.useContext)(dropZoneContext) || {};
+  const { disableZoom = false } = (0, import_react22.useContext)(dropZoneContext) || {};
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
@@ -34862,7 +32386,7 @@ var scrollIntoView = (el) => {
 };
 
 // components/LayerTree/index.tsx
-var import_react44 = require("react");
+var import_react23 = require("react");
 
 // lib/is-child-of-zone.ts
 init_react_import();
@@ -34888,10 +32412,10 @@ var LayerTree = ({
   label
 }) => {
   const zones = data.zones || {};
-  const ctx = (0, import_react44.useContext)(dropZoneContext);
+  const ctx = (0, import_react23.useContext)(dropZoneContext);
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: getClassName21("zoneTitle"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassName21("zoneIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(layers_default, { size: "16" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassName21("zoneIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Layers, { size: "16" }) }),
       " ",
       label
     ] }),
@@ -34957,11 +32481,11 @@ var LayerTree = ({
                       {
                         className: getClassNameLayer("chevron"),
                         title: isSelected ? "Collapse" : "Expand",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(chevron_down_default, { size: "12" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronDown, { size: "12" })
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: getClassNameLayer("title"), children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassNameLayer("icon"), children: item.type === "Text" || item.type === "Heading" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(type_default, { size: "16" }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(grid_default, { size: "16" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassNameLayer("icon"), children: item.type === "Text" || item.type === "Heading" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Type, { size: "16" }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LayoutGrid, { size: "16" }) }),
                       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassNameLayer("name"), children: item.type })
                     ] })
                   ]
@@ -34988,13 +32512,13 @@ var LayerTree = ({
 };
 
 // components/Puck/components/Outline/index.tsx
-var import_react45 = require("react");
+var import_react24 = require("react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var Outline = () => {
   const { dispatch, state, overrides } = useAppContext();
   const { data, ui } = state;
   const { itemSelector } = ui;
-  const setItemSelector = (0, import_react45.useCallback)(
+  const setItemSelector = (0, import_react24.useCallback)(
     (newItemSelector) => {
       dispatch({
         type: "setUi",
@@ -35003,7 +32527,7 @@ var Outline = () => {
     },
     []
   );
-  const Wrapper = (0, import_react45.useMemo)(() => overrides.outline || "div", [overrides]);
+  const Wrapper = (0, import_react24.useMemo)(() => overrides.outline || "div", [overrides]);
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(dropZoneContext.Consumer, { children: (ctx) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
     (ctx == null ? void 0 : ctx.activeZones) && (ctx == null ? void 0 : ctx.activeZones[rootDroppableId]) && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       LayerTree,
@@ -35065,6 +32589,84 @@ var loadOverrides = ({
   return collected;
 };
 
+// lib/use-puck-history.ts
+init_react_import();
+var import_react_hotkeys_hook = require("react-hotkeys-hook");
+function usePuckHistory({
+  dispatch,
+  initialAppState,
+  historyStore
+}) {
+  const back = () => {
+    var _a;
+    if (historyStore.hasPast) {
+      dispatch({
+        type: "set",
+        state: ((_a = historyStore.prevHistory) == null ? void 0 : _a.data) || initialAppState
+      });
+      historyStore.back();
+    }
+  };
+  const forward = () => {
+    if (historyStore.nextHistory) {
+      dispatch({ type: "set", state: historyStore.nextHistory.data });
+      historyStore.forward();
+    }
+  };
+  (0, import_react_hotkeys_hook.useHotkeys)("meta+z", back, { preventDefault: true });
+  (0, import_react_hotkeys_hook.useHotkeys)("meta+shift+z", forward, { preventDefault: true });
+  (0, import_react_hotkeys_hook.useHotkeys)("meta+y", forward, { preventDefault: true });
+  return {
+    back,
+    forward,
+    historyStore
+  };
+}
+
+// lib/use-history-store.ts
+init_react_import();
+var import_react25 = require("react");
+var import_use_debounce3 = require("use-debounce");
+var EMPTY_HISTORY_INDEX = -1;
+function useHistoryStore() {
+  const [histories, setHistories] = (0, import_react25.useState)([]);
+  const [index, setIndex] = (0, import_react25.useState)(EMPTY_HISTORY_INDEX);
+  const hasPast = index > EMPTY_HISTORY_INDEX;
+  const hasFuture = index < histories.length - 1;
+  const currentHistory = histories[index];
+  const nextHistory = hasFuture ? histories[index + 1] : null;
+  const prevHistory = hasPast ? histories[index - 1] : null;
+  const record = (0, import_use_debounce3.useDebouncedCallback)((data) => {
+    const history = {
+      data,
+      id: generateId("history")
+    };
+    setHistories((prev) => {
+      const newVal = [...prev.slice(0, index + 1), history];
+      setIndex(newVal.length - 1);
+      return newVal;
+    });
+  }, 250);
+  const back = () => {
+    setIndex(index - 1);
+  };
+  const forward = () => {
+    setIndex(index + 1);
+  };
+  return {
+    index,
+    currentHistory,
+    hasPast,
+    hasFuture,
+    record,
+    back,
+    forward,
+    nextHistory,
+    prevHistory,
+    histories
+  };
+}
+
 // components/Puck/index.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var getClassName22 = get_class_name_factory_default("Puck", styles_module_default8);
@@ -35082,8 +32684,11 @@ function Puck({
   headerTitle,
   headerPath
 }) {
-  const [reducer] = (0, import_react46.useState)(() => createReducer({ config }));
-  const [initialAppState] = (0, import_react46.useState)(() => __spreadProps(__spreadValues({}, defaultAppState), {
+  const historyStore = useHistoryStore();
+  const [reducer] = (0, import_react26.useState)(
+    () => createReducer({ config, record: historyStore.record })
+  );
+  const [initialAppState] = (0, import_react26.useState)(() => __spreadProps(__spreadValues({}, defaultAppState), {
     data: initialData,
     ui: __spreadProps(__spreadValues(__spreadValues({}, defaultAppState.ui), initialUi), {
       // Store categories under componentList on state to allow render functions and plugins to modify
@@ -35102,43 +32707,47 @@ function Puck({
       ) : {}
     })
   }));
-  const [appState, dispatch] = (0, import_react46.useReducer)(
+  const [appState, dispatch] = (0, import_react26.useReducer)(
     reducer,
     flushZones(initialAppState)
   );
   const { data, ui } = appState;
+  const history = usePuckHistory({ dispatch, initialAppState, historyStore });
   const { resolveData, componentState } = useResolvedData(
     appState,
     config,
     dispatch
   );
-  const [menuOpen, setMenuOpen] = (0, import_react46.useState)(false);
+  const [menuOpen, setMenuOpen] = (0, import_react26.useState)(false);
   const { itemSelector, leftSideBarVisible, rightSideBarVisible } = ui;
-  const setItemSelector = (0, import_react46.useCallback)(
+  const setItemSelector = (0, import_react26.useCallback)(
     (newItemSelector) => {
+      if (newItemSelector === itemSelector)
+        return;
       dispatch({
         type: "setUi",
-        ui: { itemSelector: newItemSelector }
+        ui: { itemSelector: newItemSelector },
+        recordHistory: true
       });
     },
-    []
+    [itemSelector]
   );
   const selectedItem = itemSelector ? getItem(itemSelector, data) : null;
-  (0, import_react46.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (onChange)
       onChange(data);
   }, [data]);
   const { onDragStartOrUpdate, placeholderStyle } = usePlaceholderStyle();
-  const [draggedItem, setDraggedItem] = (0, import_react46.useState)();
+  const [draggedItem, setDraggedItem] = (0, import_react26.useState)();
   const rootProps = data.root.props || data.root;
-  (0, import_react46.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (Object.keys(data.root).length > 0 && !data.root.props) {
       console.error(
         "Warning: Defining props on `root` is deprecated. Please use `root.props`. This will be a breaking change in a future release."
       );
     }
   }, []);
-  const toggleSidebars = (0, import_react46.useCallback)(
+  const toggleSidebars = (0, import_react26.useCallback)(
     (sidebar) => {
       const widerViewport = window.matchMedia("(min-width: 638px)").matches;
       const sideBarVisible = sidebar === "left" ? leftSideBarVisible : rightSideBarVisible;
@@ -35152,7 +32761,7 @@ function Puck({
     },
     [dispatch, leftSideBarVisible, rightSideBarVisible]
   );
-  (0, import_react46.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!window.matchMedia("(min-width: 638px)").matches) {
       dispatch({
         type: "setUi",
@@ -35175,11 +32784,11 @@ function Puck({
       window.removeEventListener("resize", handleResize);
     };
   }, []);
-  const defaultRender = (0, import_react46.useMemo)(() => {
+  const defaultRender = (0, import_react26.useMemo)(() => {
     const PuckDefault = ({ children: children2 }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: children2 });
     return PuckDefault;
   }, []);
-  const defaultHeaderRender = (0, import_react46.useMemo)(() => {
+  const defaultHeaderRender = (0, import_react26.useMemo)(() => {
     if (renderHeader) {
       console.warn(
         "`renderHeader` is deprecated. Please use `overrides.header` and the `usePuck` hook instead"
@@ -35193,7 +32802,7 @@ function Puck({
     }
     return defaultRender;
   }, [renderHeader]);
-  const defaultHeaderActionsRender = (0, import_react46.useMemo)(() => {
+  const defaultHeaderActionsRender = (0, import_react26.useMemo)(() => {
     if (renderHeaderActions) {
       console.warn(
         "`renderHeaderActions` is deprecated. Please use `overrides.headerActions` and the `usePuck` hook instead."
@@ -35206,22 +32815,22 @@ function Puck({
     }
     return defaultRender;
   }, [renderHeader]);
-  const loadedOverrides = (0, import_react46.useMemo)(() => {
+  const loadedOverrides = (0, import_react26.useMemo)(() => {
     return loadOverrides({ overrides, plugins });
   }, [plugins]);
-  const CustomPuck = (0, import_react46.useMemo)(
+  const CustomPuck = (0, import_react26.useMemo)(
     () => loadedOverrides.puck || defaultRender,
     [loadedOverrides]
   );
-  const CustomPreview = (0, import_react46.useMemo)(
+  const CustomPreview = (0, import_react26.useMemo)(
     () => loadedOverrides.preview || defaultRender,
     [loadedOverrides]
   );
-  const CustomHeader = (0, import_react46.useMemo)(
+  const CustomHeader = (0, import_react26.useMemo)(
     () => loadedOverrides.header || defaultHeaderRender,
     [loadedOverrides]
   );
-  const CustomHeaderActions = (0, import_react46.useMemo)(
+  const CustomHeaderActions = (0, import_react26.useMemo)(
     () => loadedOverrides.headerActions || defaultHeaderActionsRender,
     [loadedOverrides]
   );
@@ -35237,7 +32846,8 @@ function Puck({
           componentState,
           resolveData,
           plugins,
-          overrides: loadedOverrides
+          overrides: loadedOverrides,
+          history
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           import_dnd7.DragDropContext,
@@ -35330,7 +32940,7 @@ function Puck({
                                 onClick: () => {
                                   onPublish && onPublish(data);
                                 },
-                                icon: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(globe_default, { size: "14px" }),
+                                icon: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Globe, { size: "14px" }),
                                 children: "Publish"
                               }
                             )
@@ -35344,7 +32954,7 @@ function Puck({
                                     toggleSidebars("left");
                                   },
                                   title: "Toggle left sidebar",
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(sidebar_default, { focusable: "false" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PanelLeft, { focusable: "false" })
                                 }
                               ) }),
                               /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: getClassName22("rightSideBarToggle"), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
@@ -35354,7 +32964,7 @@ function Puck({
                                     toggleSidebars("right");
                                   },
                                   title: "Toggle right sidebar",
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(sidebar_default, { focusable: "false" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PanelRight, { focusable: "false" })
                                 }
                               ) })
                             ] }),
@@ -35373,7 +32983,7 @@ function Puck({
                                     return setMenuOpen(!menuOpen);
                                   },
                                   title: "Toggle menu bar",
-                                  children: menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(chevron_up_default, { focusable: "false" }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(chevron_down_default, { focusable: "false" })
+                                  children: menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronUp, { focusable: "false" }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronDown, { focusable: "false" })
                                 }
                               ) }),
                               /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
@@ -35446,10 +33056,7 @@ Puck.Preview = Preview;
 // components/Render/index.tsx
 init_react_import();
 var import_jsx_runtime30 = require("react/jsx-runtime");
-function Render({
-  config,
-  data
-}) {
+function Render({ config, data }) {
   var _a;
   const rootProps = data.root.props || data.root;
   const title = (rootProps == null ? void 0 : rootProps.title) || "";
@@ -35585,33 +33192,6 @@ classnames/index.js:
   	http://jedwatson.github.io/classnames
   *)
 
-react-is/cjs/react-is.production.min.js:
-  (** @license React v16.13.1
-   * react-is.production.min.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-react-is/cjs/react-is.development.js:
-  (** @license React v16.13.1
-   * react-is.development.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-object-assign/index.js:
-  (*
-  object-assign
-  (c) Sindre Sorhus
-  @license MIT
-  *)
-
 scheduler/cjs/scheduler.production.min.js:
   (**
    * @license React
@@ -35668,4 +33248,196 @@ react-dom/cjs/react-dom.development.js:
    * @internal
    * @license Modernizr 3.0.0pre (Custom Build) | MIT
    *)
+
+lucide-react/dist/esm/defaultAttributes.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/createLucideIcon.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/check-circle.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevron-down.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevron-left.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevron-right.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevron-up.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/copy.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/globe.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/hash.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/layers.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/layout-grid.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/link.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/list.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/lock.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/more-vertical.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/panel-left.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/panel-right.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/plus.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/search.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/trash.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/type.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/unlock.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
 */