@timeax/form-palette 0.1.4 → 0.1.5

package/dist/extra.mjs

@@ -2,6 +2,7 @@ import * as React72 from 'react';
 import React72__default, { forwardRef, createElement, createContext, useMemo, useCallback, useRef, useState, useEffect, useLayoutEffect, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
+import Draggable from 'react-draggable';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -21,2019 +22,11 @@ import Ajv from 'ajv';
 import { Virtuoso } from 'react-virtuoso';
 import * as LabelPrimitive from '@radix-ui/react-label';
 
-var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __require = /* @__PURE__ */ ((x2) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x2, {
-  get: (a3, b2) => (typeof require !== "undefined" ? require : a3)[b2]
-}) : x2)(function(x2) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x2 + '" is not supported');
-});
-var __commonJS = (cb, mod) => function __require2() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-
-// ../../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$1) {
-    {
-      (function() {
-        var hasSymbol = typeof Symbol === "function" && Symbol.for;
-        var REACT_ELEMENT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
-        var REACT_PORTAL_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.portal") : 60106;
-        var REACT_FRAGMENT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107;
-        var REACT_STRICT_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108;
-        var REACT_PROFILER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114;
-        var REACT_PROVIDER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.provider") : 60109;
-        var REACT_CONTEXT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.context") : 60110;
-        var REACT_ASYNC_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111;
-        var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111;
-        var REACT_FORWARD_REF_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112;
-        var REACT_SUSPENSE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113;
-        var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120;
-        var REACT_MEMO_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.memo") : 60115;
-        var REACT_LAZY_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116;
-        var REACT_BLOCK_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.block") : 60121;
-        var REACT_FUNDAMENTAL_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117;
-        var REACT_RESPONDER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.responder") : 60118;
-        var REACT_SCOPE_TYPE = hasSymbol ? /* @__PURE__ */ 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 Portal5 = 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$1.AsyncMode = AsyncMode;
-        exports$1.ConcurrentMode = ConcurrentMode;
-        exports$1.ContextConsumer = ContextConsumer;
-        exports$1.ContextProvider = ContextProvider;
-        exports$1.Element = Element;
-        exports$1.ForwardRef = ForwardRef;
-        exports$1.Fragment = Fragment14;
-        exports$1.Lazy = Lazy;
-        exports$1.Memo = Memo;
-        exports$1.Portal = Portal5;
-        exports$1.Profiler = Profiler;
-        exports$1.StrictMode = StrictMode;
-        exports$1.Suspense = Suspense;
-        exports$1.isAsyncMode = isAsyncMode;
-        exports$1.isConcurrentMode = isConcurrentMode;
-        exports$1.isContextConsumer = isContextConsumer;
-        exports$1.isContextProvider = isContextProvider;
-        exports$1.isElement = isElement;
-        exports$1.isForwardRef = isForwardRef;
-        exports$1.isFragment = isFragment;
-        exports$1.isLazy = isLazy;
-        exports$1.isMemo = isMemo;
-        exports$1.isPortal = isPortal;
-        exports$1.isProfiler = isProfiler;
-        exports$1.isStrictMode = isStrictMode;
-        exports$1.isSuspense = isSuspense;
-        exports$1.isValidElementType = isValidElementType;
-        exports$1.typeOf = typeOf;
-      })();
-    }
-  }
-});
-
-// ../../node_modules/react-is/index.js
-var require_react_is = __commonJS({
-  "../../node_modules/react-is/index.js"(exports$1, module2) {
-    {
-      module2.exports = require_react_is_development();
-    }
-  }
-});
-
-// ../../node_modules/object-assign/index.js
-var require_object_assign = __commonJS({
-  "../../node_modules/object-assign/index.js"(exports$1, module2) {
-    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 i3 = 0; i3 < 10; i3++) {
-          test2["_" + String.fromCharCode(i3)] = i3;
-        }
-        var order2 = Object.getOwnPropertyNames(test2).map(function(n3) {
-          return test2[n3];
-        });
-        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 s3 = 1; s3 < arguments.length; s3++) {
-        from = Object(arguments[s3]);
-        for (var key in from) {
-          if (hasOwnProperty.call(from, key)) {
-            to[key] = from[key];
-          }
-        }
-        if (getOwnPropertySymbols) {
-          symbols = getOwnPropertySymbols(from);
-          for (var i3 = 0; i3 < symbols.length; i3++) {
-            if (propIsEnumerable.call(from, symbols[i3])) {
-              to[symbols[i3]] = from[symbols[i3]];
-            }
-          }
-        }
-      }
-      return to;
-    };
-  }
-});
-
-// ../../node_modules/prop-types/lib/ReactPropTypesSecret.js
-var require_ReactPropTypesSecret = __commonJS({
-  "../../node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports$1, module2) {
-    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$1, module2) {
-    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$1, module2) {
-    var printWarning = function() {
-    };
-    {
-      ReactPropTypesSecret = require_ReactPropTypesSecret();
-      loggedTypeFailures = {};
-      has = require_has();
-      printWarning = function(text) {
-        var message2 = "Warning: " + text;
-        if (typeof console !== "undefined") {
-          console.error(message2);
-        }
-        try {
-          throw new Error(message2);
-        } catch (x2) {
-        }
-      };
-    }
-    var ReactPropTypesSecret;
-    var loggedTypeFailures;
-    var has;
-    function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
-      {
-        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() {
-      {
-        loggedTypeFailures = {};
-      }
-    };
-    module2.exports = checkPropTypes;
-  }
-});
-
-// ../../node_modules/prop-types/factoryWithTypeCheckers.js
-var require_factoryWithTypeCheckers = __commonJS({
-  "../../node_modules/prop-types/factoryWithTypeCheckers.js"(exports$1, module2) {
-    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() {
-    };
-    {
-      printWarning = function(text) {
-        var message2 = "Warning: " + text;
-        if (typeof console !== "undefined") {
-          console.error(message2);
-        }
-        try {
-          throw new Error(message2);
-        } catch (x2) {
-        }
-      };
-    }
-    function emptyFunctionThatReturnsNull() {
-      return null;
-    }
-    module2.exports = function(isValidElement5, 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(x2, y2) {
-        if (x2 === y2) {
-          return x2 !== 0 || 1 / x2 === 1 / y2;
-        } else {
-          return x2 !== x2 && y2 !== y2;
-        }
-      }
-      function PropTypeError(message2, data) {
-        this.message = message2;
-        this.data = data && typeof data === "object" ? data : {};
-        this.stack = "";
-      }
-      PropTypeError.prototype = Error.prototype;
-      function createChainableTypeChecker(validate) {
-        {
-          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 (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 i3 = 0; i3 < propValue.length; i3++) {
-            var error = typeChecker(propValue, i3, componentName, location, propFullName + "[" + i3 + "]", 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 (!isValidElement5(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 = getClassName(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 (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 i3 = 0; i3 < expectedValues.length; i3++) {
-            if (is(propValue, expectedValues[i3])) {
-              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)) {
-          printWarning("Invalid argument supplied to oneOfType, expected an instance of array.") ;
-          return emptyFunctionThatReturnsNull;
-        }
-        for (var i3 = 0; i3 < arrayOfTypeCheckers.length; i3++) {
-          var checker = arrayOfTypeCheckers[i3];
-          if (typeof checker !== "function") {
-            printWarning(
-              "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i3 + "."
-            );
-            return emptyFunctionThatReturnsNull;
-          }
-        }
-        function validate(props, propName, componentName, location, propFullName) {
-          var expectedTypes = [];
-          for (var i4 = 0; i4 < arrayOfTypeCheckers.length; i4++) {
-            var checker2 = arrayOfTypeCheckers[i4];
-            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 || isValidElement5(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 getClassName(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/index.js
-var require_prop_types = __commonJS({
-  "../../node_modules/prop-types/index.js"(exports$1, module2) {
-    {
-      ReactIs = require_react_is();
-      throwOnDirectAccess = true;
-      module2.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
-    }
-    var ReactIs;
-    var throwOnDirectAccess;
-  }
-});
-
-// ../../node_modules/clsx/dist/clsx.js
-var require_clsx = __commonJS({
-  "../../node_modules/clsx/dist/clsx.js"(exports$1, module2) {
-    function r5(e5) {
-      var o3, t4, f2 = "";
-      if ("string" == typeof e5 || "number" == typeof e5) f2 += e5;
-      else if ("object" == typeof e5) if (Array.isArray(e5)) {
-        var n3 = e5.length;
-        for (o3 = 0; o3 < n3; o3++) e5[o3] && (t4 = r5(e5[o3])) && (f2 && (f2 += " "), f2 += t4);
-      } else for (t4 in e5) e5[t4] && (f2 && (f2 += " "), f2 += t4);
-      return f2;
-    }
-    function e4() {
-      for (var e5, o3, t4 = 0, f2 = "", n3 = arguments.length; t4 < n3; t4++) (e5 = arguments[t4]) && (o3 = r5(e5)) && (f2 && (f2 += " "), f2 += o3);
-      return f2;
-    }
-    module2.exports = e4, module2.exports.clsx = e4;
-  }
-});
-
-// ../../node_modules/react-draggable/build/cjs/utils/shims.js
-var require_shims = __commonJS({
-  "../../node_modules/react-draggable/build/cjs/utils/shims.js"(exports$1) {
-    Object.defineProperty(exports$1, "__esModule", {
-      value: true
-    });
-    exports$1.dontSetMe = dontSetMe;
-    exports$1.findInArray = findInArray;
-    exports$1.int = int;
-    exports$1.isFunction = isFunction;
-    exports$1.isNum = isNum;
-    function findInArray(array, callback) {
-      for (let i3 = 0, length = array.length; i3 < length; i3++) {
-        if (callback.apply(callback, [array[i3], i3, array])) return array[i3];
-      }
-    }
-    function isFunction(func) {
-      return typeof func === "function" || Object.prototype.toString.call(func) === "[object Function]";
-    }
-    function isNum(num) {
-      return typeof num === "number" && !isNaN(num);
-    }
-    function int(a3) {
-      return parseInt(a3, 10);
-    }
-    function dontSetMe(props, propName, componentName) {
-      if (props[propName]) {
-        return new Error(`Invalid prop ${propName} passed to ${componentName} - do not set this, set it on the child.`);
-      }
-    }
-  }
-});
-
-// ../../node_modules/react-draggable/build/cjs/utils/getPrefix.js
-var require_getPrefix = __commonJS({
-  "../../node_modules/react-draggable/build/cjs/utils/getPrefix.js"(exports$1) {
-    Object.defineProperty(exports$1, "__esModule", {
-      value: true
-    });
-    exports$1.browserPrefixToKey = browserPrefixToKey;
-    exports$1.browserPrefixToStyle = browserPrefixToStyle;
-    exports$1.default = void 0;
-    exports$1.getPrefix = getPrefix;
-    var prefixes = ["Moz", "Webkit", "O", "ms"];
-    function getPrefix() {
-      var _a, _b;
-      let prop = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
-      if (typeof window === "undefined") return "";
-      const style = (_b = (_a = window.document) == null ? void 0 : _a.documentElement) == null ? void 0 : _b.style;
-      if (!style) return "";
-      if (prop in style) return "";
-      for (let i3 = 0; i3 < prefixes.length; i3++) {
-        if (browserPrefixToKey(prop, prefixes[i3]) in style) return prefixes[i3];
-      }
-      return "";
-    }
-    function browserPrefixToKey(prop, prefix) {
-      return prefix ? `${prefix}${kebabToTitleCase(prop)}` : prop;
-    }
-    function browserPrefixToStyle(prop, prefix) {
-      return prefix ? `-${prefix.toLowerCase()}-${prop}` : prop;
-    }
-    function kebabToTitleCase(str) {
-      let out = "";
-      let shouldCapitalize = true;
-      for (let i3 = 0; i3 < str.length; i3++) {
-        if (shouldCapitalize) {
-          out += str[i3].toUpperCase();
-          shouldCapitalize = false;
-        } else if (str[i3] === "-") {
-          shouldCapitalize = true;
-        } else {
-          out += str[i3];
-        }
-      }
-      return out;
-    }
-    exports$1.default = getPrefix();
-  }
-});
-
-// ../../node_modules/react-draggable/build/cjs/utils/domFns.js
-var require_domFns = __commonJS({
-  "../../node_modules/react-draggable/build/cjs/utils/domFns.js"(exports$1) {
-    Object.defineProperty(exports$1, "__esModule", {
-      value: true
-    });
-    exports$1.addClassName = addClassName;
-    exports$1.addEvent = addEvent;
-    exports$1.addUserSelectStyles = addUserSelectStyles;
-    exports$1.createCSSTransform = createCSSTransform;
-    exports$1.createSVGTransform = createSVGTransform;
-    exports$1.getTouch = getTouch;
-    exports$1.getTouchIdentifier = getTouchIdentifier;
-    exports$1.getTranslation = getTranslation;
-    exports$1.innerHeight = innerHeight;
-    exports$1.innerWidth = innerWidth;
-    exports$1.matchesSelector = matchesSelector;
-    exports$1.matchesSelectorAndParentsTo = matchesSelectorAndParentsTo;
-    exports$1.offsetXYFromParent = offsetXYFromParent;
-    exports$1.outerHeight = outerHeight;
-    exports$1.outerWidth = outerWidth;
-    exports$1.removeClassName = removeClassName;
-    exports$1.removeEvent = removeEvent;
-    exports$1.scheduleRemoveUserSelectStyles = scheduleRemoveUserSelectStyles;
-    var _shims = require_shims();
-    var _getPrefix = _interopRequireWildcard(require_getPrefix());
-    function _interopRequireWildcard(e4, t4) {
-      if ("function" == typeof WeakMap) var r5 = /* @__PURE__ */ new WeakMap(), n3 = /* @__PURE__ */ new WeakMap();
-      return (_interopRequireWildcard = function(e5, t5) {
-        if (!t5 && e5 && e5.__esModule) return e5;
-        var o3, i3, f2 = { __proto__: null, default: e5 };
-        if (null === e5 || "object" != typeof e5 && "function" != typeof e5) return f2;
-        if (o3 = t5 ? n3 : r5) {
-          if (o3.has(e5)) return o3.get(e5);
-          o3.set(e5, f2);
-        }
-        for (const t6 in e5) "default" !== t6 && {}.hasOwnProperty.call(e5, t6) && ((i3 = (o3 = Object.defineProperty) && Object.getOwnPropertyDescriptor(e5, t6)) && (i3.get || i3.set) ? o3(f2, t6, i3) : f2[t6] = e5[t6]);
-        return f2;
-      })(e4, t4);
-    }
-    var matchesSelectorFunc = "";
-    function matchesSelector(el, selector) {
-      if (!matchesSelectorFunc) {
-        matchesSelectorFunc = (0, _shims.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(method) {
-          return (0, _shims.isFunction)(el[method]);
-        });
-      }
-      if (!(0, _shims.isFunction)(el[matchesSelectorFunc])) return false;
-      return el[matchesSelectorFunc](selector);
-    }
-    function matchesSelectorAndParentsTo(el, selector, baseNode) {
-      let node = el;
-      do {
-        if (matchesSelector(node, selector)) return true;
-        if (node === baseNode) return false;
-        node = node.parentNode;
-      } while (node);
-      return false;
-    }
-    function addEvent(el, event, handler, inputOptions) {
-      if (!el) return;
-      const options = {
-        capture: true,
-        ...inputOptions
-      };
-      if (el.addEventListener) {
-        el.addEventListener(event, handler, options);
-      } else if (el.attachEvent) {
-        el.attachEvent("on" + event, handler);
-      } else {
-        el["on" + event] = handler;
-      }
-    }
-    function removeEvent(el, event, handler, inputOptions) {
-      if (!el) return;
-      const options = {
-        capture: true,
-        ...inputOptions
-      };
-      if (el.removeEventListener) {
-        el.removeEventListener(event, handler, options);
-      } else if (el.detachEvent) {
-        el.detachEvent("on" + event, handler);
-      } else {
-        el["on" + event] = null;
-      }
-    }
-    function outerHeight(node) {
-      let height = node.clientHeight;
-      const computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
-      height += (0, _shims.int)(computedStyle.borderTopWidth);
-      height += (0, _shims.int)(computedStyle.borderBottomWidth);
-      return height;
-    }
-    function outerWidth(node) {
-      let width = node.clientWidth;
-      const computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
-      width += (0, _shims.int)(computedStyle.borderLeftWidth);
-      width += (0, _shims.int)(computedStyle.borderRightWidth);
-      return width;
-    }
-    function innerHeight(node) {
-      let height = node.clientHeight;
-      const computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
-      height -= (0, _shims.int)(computedStyle.paddingTop);
-      height -= (0, _shims.int)(computedStyle.paddingBottom);
-      return height;
-    }
-    function innerWidth(node) {
-      let width = node.clientWidth;
-      const computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
-      width -= (0, _shims.int)(computedStyle.paddingLeft);
-      width -= (0, _shims.int)(computedStyle.paddingRight);
-      return width;
-    }
-    function offsetXYFromParent(evt, offsetParent, scale) {
-      const isBody = offsetParent === offsetParent.ownerDocument.body;
-      const offsetParentRect = isBody ? {
-        left: 0,
-        top: 0
-      } : offsetParent.getBoundingClientRect();
-      const x2 = (evt.clientX + offsetParent.scrollLeft - offsetParentRect.left) / scale;
-      const y2 = (evt.clientY + offsetParent.scrollTop - offsetParentRect.top) / scale;
-      return {
-        x: x2,
-        y: y2
-      };
-    }
-    function createCSSTransform(controlPos, positionOffset) {
-      const translation = getTranslation(controlPos, positionOffset, "px");
-      return {
-        [(0, _getPrefix.browserPrefixToKey)("transform", _getPrefix.default)]: translation
-      };
-    }
-    function createSVGTransform(controlPos, positionOffset) {
-      const translation = getTranslation(controlPos, positionOffset, "");
-      return translation;
-    }
-    function getTranslation(_ref, positionOffset, unitSuffix) {
-      let {
-        x: x2,
-        y: y2
-      } = _ref;
-      let translation = `translate(${x2}${unitSuffix},${y2}${unitSuffix})`;
-      if (positionOffset) {
-        const defaultX = `${typeof positionOffset.x === "string" ? positionOffset.x : positionOffset.x + unitSuffix}`;
-        const defaultY = `${typeof positionOffset.y === "string" ? positionOffset.y : positionOffset.y + unitSuffix}`;
-        translation = `translate(${defaultX}, ${defaultY})` + translation;
-      }
-      return translation;
-    }
-    function getTouch(e4, identifier) {
-      return e4.targetTouches && (0, _shims.findInArray)(e4.targetTouches, (t4) => identifier === t4.identifier) || e4.changedTouches && (0, _shims.findInArray)(e4.changedTouches, (t4) => identifier === t4.identifier);
-    }
-    function getTouchIdentifier(e4) {
-      if (e4.targetTouches && e4.targetTouches[0]) return e4.targetTouches[0].identifier;
-      if (e4.changedTouches && e4.changedTouches[0]) return e4.changedTouches[0].identifier;
-    }
-    function addUserSelectStyles(doc) {
-      if (!doc) return;
-      let styleEl = doc.getElementById("react-draggable-style-el");
-      if (!styleEl) {
-        styleEl = doc.createElement("style");
-        styleEl.type = "text/css";
-        styleEl.id = "react-draggable-style-el";
-        styleEl.innerHTML = ".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n";
-        styleEl.innerHTML += ".react-draggable-transparent-selection *::selection {all: inherit;}\n";
-        doc.getElementsByTagName("head")[0].appendChild(styleEl);
-      }
-      if (doc.body) addClassName(doc.body, "react-draggable-transparent-selection");
-    }
-    function scheduleRemoveUserSelectStyles(doc) {
-      if (window.requestAnimationFrame) {
-        window.requestAnimationFrame(() => {
-          removeUserSelectStyles(doc);
-        });
-      } else {
-        removeUserSelectStyles(doc);
-      }
-    }
-    function removeUserSelectStyles(doc) {
-      if (!doc) return;
-      try {
-        if (doc.body) removeClassName(doc.body, "react-draggable-transparent-selection");
-        if (doc.selection) {
-          doc.selection.empty();
-        } else {
-          const selection = (doc.defaultView || window).getSelection();
-          if (selection && selection.type !== "Caret") {
-            selection.removeAllRanges();
-          }
-        }
-      } catch (e4) {
-      }
-    }
-    function addClassName(el, className) {
-      if (el.classList) {
-        el.classList.add(className);
-      } else {
-        if (!el.className.match(new RegExp(`(?:^|\\s)${className}(?!\\S)`))) {
-          el.className += ` ${className}`;
-        }
-      }
-    }
-    function removeClassName(el, className) {
-      if (el.classList) {
-        el.classList.remove(className);
-      } else {
-        el.className = el.className.replace(new RegExp(`(?:^|\\s)${className}(?!\\S)`, "g"), "");
-      }
-    }
-  }
-});
-
-// ../../node_modules/react-draggable/build/cjs/utils/positionFns.js
-var require_positionFns = __commonJS({
-  "../../node_modules/react-draggable/build/cjs/utils/positionFns.js"(exports$1) {
-    Object.defineProperty(exports$1, "__esModule", {
-      value: true
-    });
-    exports$1.canDragX = canDragX;
-    exports$1.canDragY = canDragY;
-    exports$1.createCoreData = createCoreData;
-    exports$1.createDraggableData = createDraggableData;
-    exports$1.getBoundPosition = getBoundPosition;
-    exports$1.getControlPosition = getControlPosition;
-    exports$1.snapToGrid = snapToGrid;
-    var _shims = require_shims();
-    var _domFns = require_domFns();
-    function getBoundPosition(draggable, x2, y2) {
-      if (!draggable.props.bounds) return [x2, y2];
-      let {
-        bounds
-      } = draggable.props;
-      bounds = typeof bounds === "string" ? bounds : cloneBounds(bounds);
-      const node = findDOMNode(draggable);
-      if (typeof bounds === "string") {
-        const {
-          ownerDocument
-        } = node;
-        const ownerWindow = ownerDocument.defaultView;
-        let boundNode;
-        if (bounds === "parent") {
-          boundNode = node.parentNode;
-        } else {
-          const rootNode = node.getRootNode();
-          boundNode = rootNode.querySelector(bounds);
-        }
-        if (!(boundNode instanceof ownerWindow.HTMLElement)) {
-          throw new Error('Bounds selector "' + bounds + '" could not find an element.');
-        }
-        const boundNodeEl = boundNode;
-        const nodeStyle = ownerWindow.getComputedStyle(node);
-        const boundNodeStyle = ownerWindow.getComputedStyle(boundNodeEl);
-        bounds = {
-          left: -node.offsetLeft + (0, _shims.int)(boundNodeStyle.paddingLeft) + (0, _shims.int)(nodeStyle.marginLeft),
-          top: -node.offsetTop + (0, _shims.int)(boundNodeStyle.paddingTop) + (0, _shims.int)(nodeStyle.marginTop),
-          right: (0, _domFns.innerWidth)(boundNodeEl) - (0, _domFns.outerWidth)(node) - node.offsetLeft + (0, _shims.int)(boundNodeStyle.paddingRight) - (0, _shims.int)(nodeStyle.marginRight),
-          bottom: (0, _domFns.innerHeight)(boundNodeEl) - (0, _domFns.outerHeight)(node) - node.offsetTop + (0, _shims.int)(boundNodeStyle.paddingBottom) - (0, _shims.int)(nodeStyle.marginBottom)
-        };
-      }
-      if ((0, _shims.isNum)(bounds.right)) x2 = Math.min(x2, bounds.right);
-      if ((0, _shims.isNum)(bounds.bottom)) y2 = Math.min(y2, bounds.bottom);
-      if ((0, _shims.isNum)(bounds.left)) x2 = Math.max(x2, bounds.left);
-      if ((0, _shims.isNum)(bounds.top)) y2 = Math.max(y2, bounds.top);
-      return [x2, y2];
-    }
-    function snapToGrid(grid, pendingX, pendingY) {
-      const x2 = Math.round(pendingX / grid[0]) * grid[0];
-      const y2 = Math.round(pendingY / grid[1]) * grid[1];
-      return [x2, y2];
-    }
-    function canDragX(draggable) {
-      return draggable.props.axis === "both" || draggable.props.axis === "x";
-    }
-    function canDragY(draggable) {
-      return draggable.props.axis === "both" || draggable.props.axis === "y";
-    }
-    function getControlPosition(e4, touchIdentifier, draggableCore) {
-      const touchObj = typeof touchIdentifier === "number" ? (0, _domFns.getTouch)(e4, touchIdentifier) : null;
-      if (typeof touchIdentifier === "number" && !touchObj) return null;
-      const node = findDOMNode(draggableCore);
-      const offsetParent = draggableCore.props.offsetParent || node.offsetParent || node.ownerDocument.body;
-      return (0, _domFns.offsetXYFromParent)(touchObj || e4, offsetParent, draggableCore.props.scale);
-    }
-    function createCoreData(draggable, x2, y2) {
-      const isStart = !(0, _shims.isNum)(draggable.lastX);
-      const node = findDOMNode(draggable);
-      if (isStart) {
-        return {
-          node,
-          deltaX: 0,
-          deltaY: 0,
-          lastX: x2,
-          lastY: y2,
-          x: x2,
-          y: y2
-        };
-      } else {
-        return {
-          node,
-          deltaX: x2 - draggable.lastX,
-          deltaY: y2 - draggable.lastY,
-          lastX: draggable.lastX,
-          lastY: draggable.lastY,
-          x: x2,
-          y: y2
-        };
-      }
-    }
-    function createDraggableData(draggable, coreData) {
-      const scale = draggable.props.scale;
-      return {
-        node: coreData.node,
-        x: draggable.state.x + coreData.deltaX / scale,
-        y: draggable.state.y + coreData.deltaY / scale,
-        deltaX: coreData.deltaX / scale,
-        deltaY: coreData.deltaY / scale,
-        lastX: draggable.state.x,
-        lastY: draggable.state.y
-      };
-    }
-    function cloneBounds(bounds) {
-      return {
-        left: bounds.left,
-        top: bounds.top,
-        right: bounds.right,
-        bottom: bounds.bottom
-      };
-    }
-    function findDOMNode(draggable) {
-      const node = draggable.findDOMNode();
-      if (!node) {
-        throw new Error("<DraggableCore>: Unmounted during event!");
-      }
-      return node;
-    }
-  }
-});
-
-// ../../node_modules/react-draggable/build/cjs/utils/log.js
-var require_log = __commonJS({
-  "../../node_modules/react-draggable/build/cjs/utils/log.js"(exports$1) {
-    Object.defineProperty(exports$1, "__esModule", {
-      value: true
-    });
-    exports$1.default = log;
-    function log() {
-    }
-  }
-});
-
-// ../../node_modules/react-draggable/build/cjs/DraggableCore.js
-var require_DraggableCore = __commonJS({
-  "../../node_modules/react-draggable/build/cjs/DraggableCore.js"(exports$1) {
-    Object.defineProperty(exports$1, "__esModule", {
-      value: true
-    });
-    exports$1.default = void 0;
-    var React73 = _interopRequireWildcard(__require("react"));
-    var _propTypes = _interopRequireDefault(require_prop_types());
-    var _reactDom = _interopRequireDefault(__require("react-dom"));
-    var _domFns = require_domFns();
-    var _positionFns = require_positionFns();
-    var _shims = require_shims();
-    var _log = _interopRequireDefault(require_log());
-    function _interopRequireDefault(e4) {
-      return e4 && e4.__esModule ? e4 : { default: e4 };
-    }
-    function _interopRequireWildcard(e4, t4) {
-      if ("function" == typeof WeakMap) var r5 = /* @__PURE__ */ new WeakMap(), n3 = /* @__PURE__ */ new WeakMap();
-      return (_interopRequireWildcard = function(e5, t5) {
-        if (!t5 && e5 && e5.__esModule) return e5;
-        var o3, i3, f2 = { __proto__: null, default: e5 };
-        if (null === e5 || "object" != typeof e5 && "function" != typeof e5) return f2;
-        if (o3 = t5 ? n3 : r5) {
-          if (o3.has(e5)) return o3.get(e5);
-          o3.set(e5, f2);
-        }
-        for (const t6 in e5) "default" !== t6 && {}.hasOwnProperty.call(e5, t6) && ((i3 = (o3 = Object.defineProperty) && Object.getOwnPropertyDescriptor(e5, t6)) && (i3.get || i3.set) ? o3(f2, t6, i3) : f2[t6] = e5[t6]);
-        return f2;
-      })(e4, t4);
-    }
-    function _defineProperty(e4, r5, t4) {
-      return (r5 = _toPropertyKey(r5)) in e4 ? Object.defineProperty(e4, r5, { value: t4, enumerable: true, configurable: true, writable: true }) : e4[r5] = t4, e4;
-    }
-    function _toPropertyKey(t4) {
-      var i3 = _toPrimitive(t4, "string");
-      return "symbol" == typeof i3 ? i3 : i3 + "";
-    }
-    function _toPrimitive(t4, r5) {
-      if ("object" != typeof t4 || !t4) return t4;
-      var e4 = t4[Symbol.toPrimitive];
-      if (void 0 !== e4) {
-        var i3 = e4.call(t4, r5);
-        if ("object" != typeof i3) return i3;
-        throw new TypeError("@@toPrimitive must return a primitive value.");
-      }
-      return ("string" === r5 ? String : Number)(t4);
-    }
-    var eventsFor = {
-      touch: {
-        start: "touchstart",
-        move: "touchmove",
-        stop: "touchend"
-      },
-      mouse: {
-        start: "mousedown",
-        move: "mousemove",
-        stop: "mouseup"
-      }
-    };
-    var dragEventFor = eventsFor.mouse;
-    var DraggableCore = class extends React73.Component {
-      constructor() {
-        super(...arguments);
-        _defineProperty(this, "dragging", false);
-        _defineProperty(this, "lastX", NaN);
-        _defineProperty(this, "lastY", NaN);
-        _defineProperty(this, "touchIdentifier", null);
-        _defineProperty(this, "mounted", false);
-        _defineProperty(this, "handleDragStart", (e4) => {
-          this.props.onMouseDown(e4);
-          if (!this.props.allowAnyClick && typeof e4.button === "number" && e4.button !== 0) return false;
-          const thisNode = this.findDOMNode();
-          if (!thisNode || !thisNode.ownerDocument || !thisNode.ownerDocument.body) {
-            throw new Error("<DraggableCore> not mounted on DragStart!");
-          }
-          const {
-            ownerDocument
-          } = thisNode;
-          if (this.props.disabled || !(e4.target instanceof ownerDocument.defaultView.Node) || this.props.handle && !(0, _domFns.matchesSelectorAndParentsTo)(e4.target, this.props.handle, thisNode) || this.props.cancel && (0, _domFns.matchesSelectorAndParentsTo)(e4.target, this.props.cancel, thisNode)) {
-            return;
-          }
-          if (e4.type === "touchstart" && !this.props.allowMobileScroll) e4.preventDefault();
-          const touchIdentifier = (0, _domFns.getTouchIdentifier)(e4);
-          this.touchIdentifier = touchIdentifier;
-          const position = (0, _positionFns.getControlPosition)(e4, touchIdentifier, this);
-          if (position == null) return;
-          const {
-            x: x2,
-            y: y2
-          } = position;
-          const coreEvent = (0, _positionFns.createCoreData)(this, x2, y2);
-          (0, _log.default)("DraggableCore: handleDragStart: %j", coreEvent);
-          (0, _log.default)("calling", this.props.onStart);
-          const shouldUpdate = this.props.onStart(e4, coreEvent);
-          if (shouldUpdate === false || this.mounted === false) return;
-          if (this.props.enableUserSelectHack) (0, _domFns.addUserSelectStyles)(ownerDocument);
-          this.dragging = true;
-          this.lastX = x2;
-          this.lastY = y2;
-          (0, _domFns.addEvent)(ownerDocument, dragEventFor.move, this.handleDrag);
-          (0, _domFns.addEvent)(ownerDocument, dragEventFor.stop, this.handleDragStop);
-        });
-        _defineProperty(this, "handleDrag", (e4) => {
-          const position = (0, _positionFns.getControlPosition)(e4, this.touchIdentifier, this);
-          if (position == null) return;
-          let {
-            x: x2,
-            y: y2
-          } = position;
-          if (Array.isArray(this.props.grid)) {
-            let deltaX = x2 - this.lastX, deltaY = y2 - this.lastY;
-            [deltaX, deltaY] = (0, _positionFns.snapToGrid)(this.props.grid, deltaX, deltaY);
-            if (!deltaX && !deltaY) return;
-            x2 = this.lastX + deltaX, y2 = this.lastY + deltaY;
-          }
-          const coreEvent = (0, _positionFns.createCoreData)(this, x2, y2);
-          (0, _log.default)("DraggableCore: handleDrag: %j", coreEvent);
-          const shouldUpdate = this.props.onDrag(e4, coreEvent);
-          if (shouldUpdate === false || this.mounted === false) {
-            try {
-              this.handleDragStop(new MouseEvent("mouseup"));
-            } catch (err) {
-              const event = document.createEvent("MouseEvents");
-              event.initMouseEvent("mouseup", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
-              this.handleDragStop(event);
-            }
-            return;
-          }
-          this.lastX = x2;
-          this.lastY = y2;
-        });
-        _defineProperty(this, "handleDragStop", (e4) => {
-          if (!this.dragging) return;
-          const position = (0, _positionFns.getControlPosition)(e4, this.touchIdentifier, this);
-          if (position == null) return;
-          let {
-            x: x2,
-            y: y2
-          } = position;
-          if (Array.isArray(this.props.grid)) {
-            let deltaX = x2 - this.lastX || 0;
-            let deltaY = y2 - this.lastY || 0;
-            [deltaX, deltaY] = (0, _positionFns.snapToGrid)(this.props.grid, deltaX, deltaY);
-            x2 = this.lastX + deltaX, y2 = this.lastY + deltaY;
-          }
-          const coreEvent = (0, _positionFns.createCoreData)(this, x2, y2);
-          const shouldContinue = this.props.onStop(e4, coreEvent);
-          if (shouldContinue === false || this.mounted === false) return false;
-          const thisNode = this.findDOMNode();
-          if (thisNode) {
-            if (this.props.enableUserSelectHack) (0, _domFns.scheduleRemoveUserSelectStyles)(thisNode.ownerDocument);
-          }
-          (0, _log.default)("DraggableCore: handleDragStop: %j", coreEvent);
-          this.dragging = false;
-          this.lastX = NaN;
-          this.lastY = NaN;
-          if (thisNode) {
-            (0, _log.default)("DraggableCore: Removing handlers");
-            (0, _domFns.removeEvent)(thisNode.ownerDocument, dragEventFor.move, this.handleDrag);
-            (0, _domFns.removeEvent)(thisNode.ownerDocument, dragEventFor.stop, this.handleDragStop);
-          }
-        });
-        _defineProperty(this, "onMouseDown", (e4) => {
-          dragEventFor = eventsFor.mouse;
-          return this.handleDragStart(e4);
-        });
-        _defineProperty(this, "onMouseUp", (e4) => {
-          dragEventFor = eventsFor.mouse;
-          return this.handleDragStop(e4);
-        });
-        _defineProperty(this, "onTouchStart", (e4) => {
-          dragEventFor = eventsFor.touch;
-          return this.handleDragStart(e4);
-        });
-        _defineProperty(this, "onTouchEnd", (e4) => {
-          dragEventFor = eventsFor.touch;
-          return this.handleDragStop(e4);
-        });
-      }
-      componentDidMount() {
-        this.mounted = true;
-        const thisNode = this.findDOMNode();
-        if (thisNode) {
-          (0, _domFns.addEvent)(thisNode, eventsFor.touch.start, this.onTouchStart, {
-            passive: false
-          });
-        }
-      }
-      componentWillUnmount() {
-        this.mounted = false;
-        const thisNode = this.findDOMNode();
-        if (thisNode) {
-          const {
-            ownerDocument
-          } = thisNode;
-          (0, _domFns.removeEvent)(ownerDocument, eventsFor.mouse.move, this.handleDrag);
-          (0, _domFns.removeEvent)(ownerDocument, eventsFor.touch.move, this.handleDrag);
-          (0, _domFns.removeEvent)(ownerDocument, eventsFor.mouse.stop, this.handleDragStop);
-          (0, _domFns.removeEvent)(ownerDocument, eventsFor.touch.stop, this.handleDragStop);
-          (0, _domFns.removeEvent)(thisNode, eventsFor.touch.start, this.onTouchStart, {
-            passive: false
-          });
-          if (this.props.enableUserSelectHack) (0, _domFns.scheduleRemoveUserSelectStyles)(ownerDocument);
-        }
-      }
-      // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
-      // the underlying DOM node ourselves. See the README for more information.
-      findDOMNode() {
-        var _a, _b, _c;
-        return ((_a = this.props) == null ? void 0 : _a.nodeRef) ? (_c = (_b = this.props) == null ? void 0 : _b.nodeRef) == null ? void 0 : _c.current : _reactDom.default.findDOMNode(this);
-      }
-      render() {
-        return /* @__PURE__ */ React73.cloneElement(React73.Children.only(this.props.children), {
-          // Note: mouseMove handler is attached to document so it will still function
-          // when the user drags quickly and leaves the bounds of the element.
-          onMouseDown: this.onMouseDown,
-          onMouseUp: this.onMouseUp,
-          // onTouchStart is added on `componentDidMount` so they can be added with
-          // {passive: false}, which allows it to cancel. See
-          // https://developers.google.com/web/updates/2017/01/scrolling-intervention
-          onTouchEnd: this.onTouchEnd
-        });
-      }
-    };
-    exports$1.default = DraggableCore;
-    _defineProperty(DraggableCore, "displayName", "DraggableCore");
-    _defineProperty(DraggableCore, "propTypes", {
-      /**
-       * `allowAnyClick` allows dragging using any mouse button.
-       * By default, we only accept the left button.
-       *
-       * Defaults to `false`.
-       */
-      allowAnyClick: _propTypes.default.bool,
-      /**
-       * `allowMobileScroll` turns off cancellation of the 'touchstart' event
-       * on mobile devices. Only enable this if you are having trouble with click
-       * events. Prefer using 'handle' / 'cancel' instead.
-       *
-       * Defaults to `false`.
-       */
-      allowMobileScroll: _propTypes.default.bool,
-      children: _propTypes.default.node.isRequired,
-      /**
-       * `disabled`, if true, stops the <Draggable> from dragging. All handlers,
-       * with the exception of `onMouseDown`, will not fire.
-       */
-      disabled: _propTypes.default.bool,
-      /**
-       * By default, we add 'user-select:none' attributes to the document body
-       * to prevent ugly text selection during drag. If this is causing problems
-       * for your app, set this to `false`.
-       */
-      enableUserSelectHack: _propTypes.default.bool,
-      /**
-       * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
-       * instead of using the parent node.
-       */
-      offsetParent: function(props, propName) {
-        if (props[propName] && props[propName].nodeType !== 1) {
-          throw new Error("Draggable's offsetParent must be a DOM Node.");
-        }
-      },
-      /**
-       * `grid` specifies the x and y that dragging should snap to.
-       */
-      grid: _propTypes.default.arrayOf(_propTypes.default.number),
-      /**
-       * `handle` specifies a selector to be used as the handle that initiates drag.
-       *
-       * Example:
-       *
-       * ```jsx
-       *   let App = React.createClass({
-       *       render: function () {
-       *         return (
-       *            <Draggable handle=".handle">
-       *              <div>
-       *                  <div className="handle">Click me to drag</div>
-       *                  <div>This is some other content</div>
-       *              </div>
-       *           </Draggable>
-       *         );
-       *       }
-       *   });
-       * ```
-       */
-      handle: _propTypes.default.string,
-      /**
-       * `cancel` specifies a selector to be used to prevent drag initialization.
-       *
-       * Example:
-       *
-       * ```jsx
-       *   let App = React.createClass({
-       *       render: function () {
-       *           return(
-       *               <Draggable cancel=".cancel">
-       *                   <div>
-       *                     <div className="cancel">You can't drag from here</div>
-       *                     <div>Dragging here works fine</div>
-       *                   </div>
-       *               </Draggable>
-       *           );
-       *       }
-       *   });
-       * ```
-       */
-      cancel: _propTypes.default.string,
-      /* If running in React Strict mode, ReactDOM.findDOMNode() is deprecated.
-       * Unfortunately, in order for <Draggable> to work properly, we need raw access
-       * to the underlying DOM node. If you want to avoid the warning, pass a `nodeRef`
-       * as in this example:
-       *
-       * function MyComponent() {
-       *   const nodeRef = React.useRef(null);
-       *   return (
-       *     <Draggable nodeRef={nodeRef}>
-       *       <div ref={nodeRef}>Example Target</div>
-       *     </Draggable>
-       *   );
-       * }
-       *
-       * This can be used for arbitrarily nested components, so long as the ref ends up
-       * pointing to the actual child DOM node and not a custom component.
-       */
-      nodeRef: _propTypes.default.object,
-      /**
-       * Called when dragging starts.
-       * If this function returns the boolean false, dragging will be canceled.
-       */
-      onStart: _propTypes.default.func,
-      /**
-       * Called while dragging.
-       * If this function returns the boolean false, dragging will be canceled.
-       */
-      onDrag: _propTypes.default.func,
-      /**
-       * Called when dragging stops.
-       * If this function returns the boolean false, the drag will remain active.
-       */
-      onStop: _propTypes.default.func,
-      /**
-       * A workaround option which can be passed if onMouseDown needs to be accessed,
-       * since it'll always be blocked (as there is internal use of onMouseDown)
-       */
-      onMouseDown: _propTypes.default.func,
-      /**
-       * `scale`, if set, applies scaling while dragging an element
-       */
-      scale: _propTypes.default.number,
-      /**
-       * These properties should be defined on the child, not here.
-       */
-      className: _shims.dontSetMe,
-      style: _shims.dontSetMe,
-      transform: _shims.dontSetMe
-    });
-    _defineProperty(DraggableCore, "defaultProps", {
-      allowAnyClick: false,
-      // by default only accept left click
-      allowMobileScroll: false,
-      disabled: false,
-      enableUserSelectHack: true,
-      onStart: function() {
-      },
-      onDrag: function() {
-      },
-      onStop: function() {
-      },
-      onMouseDown: function() {
-      },
-      scale: 1
-    });
-  }
-});
-
-// ../../node_modules/react-draggable/build/cjs/Draggable.js
-var require_Draggable = __commonJS({
-  "../../node_modules/react-draggable/build/cjs/Draggable.js"(exports$1) {
-    Object.defineProperty(exports$1, "__esModule", {
-      value: true
-    });
-    Object.defineProperty(exports$1, "DraggableCore", {
-      enumerable: true,
-      get: function() {
-        return _DraggableCore.default;
-      }
-    });
-    exports$1.default = void 0;
-    var React73 = _interopRequireWildcard(__require("react"));
-    var _propTypes = _interopRequireDefault(require_prop_types());
-    var _reactDom = _interopRequireDefault(__require("react-dom"));
-    var _clsx = require_clsx();
-    var _domFns = require_domFns();
-    var _positionFns = require_positionFns();
-    var _shims = require_shims();
-    var _DraggableCore = _interopRequireDefault(require_DraggableCore());
-    var _log = _interopRequireDefault(require_log());
-    function _interopRequireDefault(e4) {
-      return e4 && e4.__esModule ? e4 : { default: e4 };
-    }
-    function _interopRequireWildcard(e4, t4) {
-      if ("function" == typeof WeakMap) var r5 = /* @__PURE__ */ new WeakMap(), n3 = /* @__PURE__ */ new WeakMap();
-      return (_interopRequireWildcard = function(e5, t5) {
-        if (!t5 && e5 && e5.__esModule) return e5;
-        var o3, i3, f2 = { __proto__: null, default: e5 };
-        if (null === e5 || "object" != typeof e5 && "function" != typeof e5) return f2;
-        if (o3 = t5 ? n3 : r5) {
-          if (o3.has(e5)) return o3.get(e5);
-          o3.set(e5, f2);
-        }
-        for (const t6 in e5) "default" !== t6 && {}.hasOwnProperty.call(e5, t6) && ((i3 = (o3 = Object.defineProperty) && Object.getOwnPropertyDescriptor(e5, t6)) && (i3.get || i3.set) ? o3(f2, t6, i3) : f2[t6] = e5[t6]);
-        return f2;
-      })(e4, t4);
-    }
-    function _extends() {
-      return _extends = Object.assign ? Object.assign.bind() : function(n3) {
-        for (var e4 = 1; e4 < arguments.length; e4++) {
-          var t4 = arguments[e4];
-          for (var r5 in t4) ({}).hasOwnProperty.call(t4, r5) && (n3[r5] = t4[r5]);
-        }
-        return n3;
-      }, _extends.apply(null, arguments);
-    }
-    function _defineProperty(e4, r5, t4) {
-      return (r5 = _toPropertyKey(r5)) in e4 ? Object.defineProperty(e4, r5, { value: t4, enumerable: true, configurable: true, writable: true }) : e4[r5] = t4, e4;
-    }
-    function _toPropertyKey(t4) {
-      var i3 = _toPrimitive(t4, "string");
-      return "symbol" == typeof i3 ? i3 : i3 + "";
-    }
-    function _toPrimitive(t4, r5) {
-      if ("object" != typeof t4 || !t4) return t4;
-      var e4 = t4[Symbol.toPrimitive];
-      if (void 0 !== e4) {
-        var i3 = e4.call(t4, r5);
-        if ("object" != typeof i3) return i3;
-        throw new TypeError("@@toPrimitive must return a primitive value.");
-      }
-      return ("string" === r5 ? String : Number)(t4);
-    }
-    var Draggable2 = class extends React73.Component {
-      // React 16.3+
-      // Arity (props, state)
-      static getDerivedStateFromProps(_ref, _ref2) {
-        let {
-          position
-        } = _ref;
-        let {
-          prevPropsPosition
-        } = _ref2;
-        if (position && (!prevPropsPosition || position.x !== prevPropsPosition.x || position.y !== prevPropsPosition.y)) {
-          (0, _log.default)("Draggable: getDerivedStateFromProps %j", {
-            position,
-            prevPropsPosition
-          });
-          return {
-            x: position.x,
-            y: position.y,
-            prevPropsPosition: {
-              ...position
-            }
-          };
-        }
-        return null;
-      }
-      constructor(props) {
-        super(props);
-        _defineProperty(this, "onDragStart", (e4, coreData) => {
-          (0, _log.default)("Draggable: onDragStart: %j", coreData);
-          const shouldStart = this.props.onStart(e4, (0, _positionFns.createDraggableData)(this, coreData));
-          if (shouldStart === false) return false;
-          this.setState({
-            dragging: true,
-            dragged: true
-          });
-        });
-        _defineProperty(this, "onDrag", (e4, coreData) => {
-          if (!this.state.dragging) return false;
-          (0, _log.default)("Draggable: onDrag: %j", coreData);
-          const uiData = (0, _positionFns.createDraggableData)(this, coreData);
-          const newState = {
-            x: uiData.x,
-            y: uiData.y,
-            slackX: 0,
-            slackY: 0
-          };
-          if (this.props.bounds) {
-            const {
-              x: x2,
-              y: y2
-            } = newState;
-            newState.x += this.state.slackX;
-            newState.y += this.state.slackY;
-            const [newStateX, newStateY] = (0, _positionFns.getBoundPosition)(this, newState.x, newState.y);
-            newState.x = newStateX;
-            newState.y = newStateY;
-            newState.slackX = this.state.slackX + (x2 - newState.x);
-            newState.slackY = this.state.slackY + (y2 - newState.y);
-            uiData.x = newState.x;
-            uiData.y = newState.y;
-            uiData.deltaX = newState.x - this.state.x;
-            uiData.deltaY = newState.y - this.state.y;
-          }
-          const shouldUpdate = this.props.onDrag(e4, uiData);
-          if (shouldUpdate === false) return false;
-          this.setState(newState);
-        });
-        _defineProperty(this, "onDragStop", (e4, coreData) => {
-          if (!this.state.dragging) return false;
-          const shouldContinue = this.props.onStop(e4, (0, _positionFns.createDraggableData)(this, coreData));
-          if (shouldContinue === false) return false;
-          (0, _log.default)("Draggable: onDragStop: %j", coreData);
-          const newState = {
-            dragging: false,
-            slackX: 0,
-            slackY: 0
-          };
-          const controlled = Boolean(this.props.position);
-          if (controlled) {
-            const {
-              x: x2,
-              y: y2
-            } = this.props.position;
-            newState.x = x2;
-            newState.y = y2;
-          }
-          this.setState(newState);
-        });
-        this.state = {
-          // Whether or not we are currently dragging.
-          dragging: false,
-          // Whether or not we have been dragged before.
-          dragged: false,
-          // Current transform x and y.
-          x: props.position ? props.position.x : props.defaultPosition.x,
-          y: props.position ? props.position.y : props.defaultPosition.y,
-          prevPropsPosition: {
-            ...props.position
-          },
-          // Used for compensating for out-of-bounds drags
-          slackX: 0,
-          slackY: 0,
-          // Can only determine if SVG after mounting
-          isElementSVG: false
-        };
-        if (props.position && !(props.onDrag || props.onStop)) {
-          console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
-        }
-      }
-      componentDidMount() {
-        if (typeof window.SVGElement !== "undefined" && this.findDOMNode() instanceof window.SVGElement) {
-          this.setState({
-            isElementSVG: true
-          });
-        }
-      }
-      componentWillUnmount() {
-        if (this.state.dragging) {
-          this.setState({
-            dragging: false
-          });
-        }
-      }
-      // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
-      // the underlying DOM node ourselves. See the README for more information.
-      findDOMNode() {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = this.props) == null ? void 0 : _a.nodeRef) == null ? void 0 : _b.current) != null ? _c : _reactDom.default.findDOMNode(this);
-      }
-      render() {
-        const {
-          axis,
-          bounds,
-          children,
-          defaultPosition,
-          defaultClassName,
-          defaultClassNameDragging,
-          defaultClassNameDragged,
-          position,
-          positionOffset,
-          scale,
-          ...draggableCoreProps
-        } = this.props;
-        let style = {};
-        let svgTransform = null;
-        const controlled = Boolean(position);
-        const draggable = !controlled || this.state.dragging;
-        const validPosition = position || defaultPosition;
-        const transformOpts = {
-          // Set left if horizontal drag is enabled
-          x: (0, _positionFns.canDragX)(this) && draggable ? this.state.x : validPosition.x,
-          // Set top if vertical drag is enabled
-          y: (0, _positionFns.canDragY)(this) && draggable ? this.state.y : validPosition.y
-        };
-        if (this.state.isElementSVG) {
-          svgTransform = (0, _domFns.createSVGTransform)(transformOpts, positionOffset);
-        } else {
-          style = (0, _domFns.createCSSTransform)(transformOpts, positionOffset);
-        }
-        const className = (0, _clsx.clsx)(children.props.className || "", defaultClassName, {
-          [defaultClassNameDragging]: this.state.dragging,
-          [defaultClassNameDragged]: this.state.dragged
-        });
-        return /* @__PURE__ */ React73.createElement(_DraggableCore.default, _extends({}, draggableCoreProps, {
-          onStart: this.onDragStart,
-          onDrag: this.onDrag,
-          onStop: this.onDragStop
-        }), /* @__PURE__ */ React73.cloneElement(React73.Children.only(children), {
-          className,
-          style: {
-            ...children.props.style,
-            ...style
-          },
-          transform: svgTransform
-        }));
-      }
-    };
-    exports$1.default = Draggable2;
-    _defineProperty(Draggable2, "displayName", "Draggable");
-    _defineProperty(Draggable2, "propTypes", {
-      // Accepts all props <DraggableCore> accepts.
-      ..._DraggableCore.default.propTypes,
-      /**
-       * `axis` determines which axis the draggable can move.
-       *
-       *  Note that all callbacks will still return data as normal. This only
-       *  controls flushing to the DOM.
-       *
-       * 'both' allows movement horizontally and vertically.
-       * 'x' limits movement to horizontal axis.
-       * 'y' limits movement to vertical axis.
-       * 'none' limits all movement.
-       *
-       * Defaults to 'both'.
-       */
-      axis: _propTypes.default.oneOf(["both", "x", "y", "none"]),
-      /**
-       * `bounds` determines the range of movement available to the element.
-       * Available values are:
-       *
-       * 'parent' restricts movement within the Draggable's parent node.
-       *
-       * Alternatively, pass an object with the following properties, all of which are optional:
-       *
-       * {left: LEFT_BOUND, right: RIGHT_BOUND, bottom: BOTTOM_BOUND, top: TOP_BOUND}
-       *
-       * All values are in px.
-       *
-       * Example:
-       *
-       * ```jsx
-       *   let App = React.createClass({
-       *       render: function () {
-       *         return (
-       *            <Draggable bounds={{right: 300, bottom: 300}}>
-       *              <div>Content</div>
-       *           </Draggable>
-       *         );
-       *       }
-       *   });
-       * ```
-       */
-      bounds: _propTypes.default.oneOfType([_propTypes.default.shape({
-        left: _propTypes.default.number,
-        right: _propTypes.default.number,
-        top: _propTypes.default.number,
-        bottom: _propTypes.default.number
-      }), _propTypes.default.string, _propTypes.default.oneOf([false])]),
-      defaultClassName: _propTypes.default.string,
-      defaultClassNameDragging: _propTypes.default.string,
-      defaultClassNameDragged: _propTypes.default.string,
-      /**
-       * `defaultPosition` specifies the x and y that the dragged item should start at
-       *
-       * Example:
-       *
-       * ```jsx
-       *      let App = React.createClass({
-       *          render: function () {
-       *              return (
-       *                  <Draggable defaultPosition={{x: 25, y: 25}}>
-       *                      <div>I start with transformX: 25px and transformY: 25px;</div>
-       *                  </Draggable>
-       *              );
-       *          }
-       *      });
-       * ```
-       */
-      defaultPosition: _propTypes.default.shape({
-        x: _propTypes.default.number,
-        y: _propTypes.default.number
-      }),
-      positionOffset: _propTypes.default.shape({
-        x: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-        y: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
-      }),
-      /**
-       * `position`, if present, defines the current position of the element.
-       *
-       *  This is similar to how form elements in React work - if no `position` is supplied, the component
-       *  is uncontrolled.
-       *
-       * Example:
-       *
-       * ```jsx
-       *      let App = React.createClass({
-       *          render: function () {
-       *              return (
-       *                  <Draggable position={{x: 25, y: 25}}>
-       *                      <div>I start with transformX: 25px and transformY: 25px;</div>
-       *                  </Draggable>
-       *              );
-       *          }
-       *      });
-       * ```
-       */
-      position: _propTypes.default.shape({
-        x: _propTypes.default.number,
-        y: _propTypes.default.number
-      }),
-      /**
-       * These properties should be defined on the child, not here.
-       */
-      className: _shims.dontSetMe,
-      style: _shims.dontSetMe,
-      transform: _shims.dontSetMe
-    });
-    _defineProperty(Draggable2, "defaultProps", {
-      ..._DraggableCore.default.defaultProps,
-      axis: "both",
-      bounds: false,
-      defaultClassName: "react-draggable",
-      defaultClassNameDragging: "react-draggable-dragging",
-      defaultClassNameDragged: "react-draggable-dragged",
-      defaultPosition: {
-        x: 0,
-        y: 0
-      },
-      scale: 1
-    });
-  }
-});
-
-// ../../node_modules/react-draggable/build/cjs/cjs.js
-var require_cjs = __commonJS({
-  "../../node_modules/react-draggable/build/cjs/cjs.js"(exports$1, module2) {
-    var {
-      default: Draggable2,
-      DraggableCore
-    } = require_Draggable();
-    module2.exports = Draggable2;
-    module2.exports.default = Draggable2;
-    module2.exports.DraggableCore = DraggableCore;
-  }
-});
 
 // src/presets/lister/runtime/session/store.ts
 function createSessionStore(initial) {
@@ -3140,9 +1133,6 @@ function useListerRuntime() {
   return ctx;
 }
 
-// src/presets/lister/lister-ui.tsx
-var import_react_draggable = __toESM(require_cjs());
-
 // ../../node_modules/clsx/dist/clsx.mjs
 function r(e4) {
   var t4, f2, n3 = "";
@@ -28243,7 +26233,7 @@ function ListerSessionPanel(props) {
     );
   }
   return /* @__PURE__ */ jsx(
-    import_react_draggable.default,
+    Draggable,
     {
       nodeRef,
       bounds: "parent",
@@ -28719,23 +26709,6 @@ function useData(opts) {
 }
 /*! Bundled license information:
 
-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
-  *)
-
 lucide-react/dist/esm/shared/src/utils.js:
 lucide-react/dist/esm/defaultAttributes.js:
 lucide-react/dist/esm/Icon.js: