font-controls 1.4.0 → 2.0.0

package/dist/font-controls.js

@@ -1,9 +1,9 @@
-import Ie, { useState as me, useRef as St, useEffect as Xe } from "react";
-import st from "react-dom";
-function xt(e) {
+import Le, { useState as ue, useRef as Se, useEffect as me } from "react";
+import lt from "react-dom";
+function Tt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Me = { exports: {} }, de = {};
+var Ie = { exports: {} }, pe = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,29 +13,29 @@ var Me = { exports: {} }, de = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qe;
-function Tt() {
-  if (qe) return de;
-  qe = 1;
+var ze;
+function Et() {
+  if (ze) return pe;
+  ze = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function r(o, a, i) {
-    var d = null;
-    if (i !== void 0 && (d = "" + i), a.key !== void 0 && (d = "" + a.key), "key" in a) {
+    var u = null;
+    if (i !== void 0 && (u = "" + i), a.key !== void 0 && (u = "" + a.key), "key" in a) {
       i = {};
-      for (var c in a)
-        c !== "key" && (i[c] = a[c]);
+      for (var l in a)
+        l !== "key" && (i[l] = a[l]);
     } else i = a;
     return a = i.ref, {
       $$typeof: e,
       type: o,
-      key: d,
+      key: u,
       ref: a !== void 0 ? a : null,
       props: i
     };
   }
-  return de.Fragment = t, de.jsx = r, de.jsxs = r, de;
+  return pe.Fragment = t, pe.jsx = r, pe.jsxs = r, pe;
 }
-var pe = {};
+var he = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -45,47 +45,47 @@ var pe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Be;
-function Et() {
-  return Be || (Be = 1, process.env.NODE_ENV !== "production" && function() {
+var Ve;
+function wt() {
+  return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
     function e(n) {
       if (n == null) return null;
       if (typeof n == "function")
         return n.$$typeof === ne ? null : n.displayName || n.name || null;
       if (typeof n == "string") return n;
       switch (n) {
-        case T:
+        case $:
           return "Fragment";
         case x:
           return "Profiler";
-        case _:
+        case g:
           return "StrictMode";
-        case R:
+        case O:
           return "Suspense";
-        case L:
-          return "SuspenseList";
         case W:
+          return "SuspenseList";
+        case L:
           return "Activity";
       }
       if (typeof n == "object")
         switch (typeof n.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), n.$$typeof) {
-          case $:
+          case M:
             return "Portal";
-          case S:
-            return n.displayName || "Context";
           case E:
+            return n.displayName || "Context";
+          case w:
             return (n._context.displayName || "Context") + ".Consumer";
           case s:
-            var f = n.render;
-            return n = n.displayName, n || (n = f.displayName || f.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+            var p = n.render;
+            return n = n.displayName, n || (n = p.displayName || p.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
           case U:
-            return f = n.displayName || null, f !== null ? f : e(n.type) || "Memo";
+            return p = n.displayName || null, p !== null ? p : e(n.type) || "Memo";
           case Y:
-            f = n._payload, n = n._init;
+            p = n._payload, n = n._init;
             try {
-              return e(n(f));
+              return e(n(p));
             } catch {
             }
         }
@@ -97,27 +97,27 @@ function Et() {
     function r(n) {
       try {
         t(n);
-        var f = !1;
+        var p = !1;
       } catch {
-        f = !0;
+        p = !0;
       }
-      if (f) {
-        f = console;
-        var y = f.error, m = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return y.call(
-          f,
+      if (p) {
+        p = console;
+        var v = p.error, y = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return v.call(
+          p,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          m
+          y
         ), t(n);
       }
     }
     function o(n) {
-      if (n === T) return "<>";
+      if (n === $) return "<>";
       if (typeof n == "object" && n !== null && n.$$typeof === Y)
         return "<...>";
       try {
-        var f = e(n);
-        return f ? "<" + f + ">" : "<...>";
+        var p = e(n);
+        return p ? "<" + p + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -129,42 +129,42 @@ function Et() {
     function i() {
       return Error("react-stack-top-frame");
     }
-    function d(n) {
+    function u(n) {
       if (ae.call(n, "key")) {
-        var f = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (f && f.isReactWarning) return !1;
+        var p = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (p && p.isReactWarning) return !1;
       }
       return n.key !== void 0;
     }
-    function c(n, f) {
-      function y() {
+    function l(n, p) {
+      function v() {
         X || (X = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          f
+          p
         ));
       }
-      y.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: y,
+      v.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: v,
         configurable: !0
       });
     }
-    function h() {
+    function d() {
       var n = e(this.type);
       return V[n] || (V[n] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function g(n, f, y, m, j, w) {
-      var b = y.ref;
+    function m(n, p, v, y, j, _) {
+      var S = v.ref;
       return n = {
         $$typeof: I,
         type: n,
-        key: f,
-        props: y,
-        _owner: m
-      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(n, "ref", {
+        key: p,
+        props: v,
+        _owner: y
+      }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
-        get: h
+        get: d
       }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -184,100 +184,100 @@ function Et() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: w
+        value: _
       }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function v(n, f, y, m, j, w) {
-      var b = f.children;
-      if (b !== void 0)
-        if (m)
-          if (K(b)) {
-            for (m = 0; m < b.length; m++)
-              P(b[m]);
-            Object.freeze && Object.freeze(b);
+    function b(n, p, v, y, j, _) {
+      var S = p.children;
+      if (S !== void 0)
+        if (y)
+          if (K(S)) {
+            for (y = 0; y < S.length; y++)
+              C(S[y]);
+            Object.freeze && Object.freeze(S);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else P(b);
-      if (ae.call(f, "key")) {
-        b = e(n);
-        var C = Object.keys(f).filter(function(O) {
-          return O !== "key";
+        else C(S);
+      if (ae.call(p, "key")) {
+        S = e(n);
+        var P = Object.keys(p).filter(function(D) {
+          return D !== "key";
         });
-        m = 0 < C.length ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}", l[b + m] || (C = 0 < C.length ? "{" + C.join(": ..., ") + ": ...}" : "{}", console.error(
+        y = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", c[S + y] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          m,
-          b,
-          C,
-          b
-        ), l[b + m] = !0);
+          y,
+          S,
+          P,
+          S
+        ), c[S + y] = !0);
       }
-      if (b = null, y !== void 0 && (r(y), b = "" + y), d(f) && (r(f.key), b = "" + f.key), "key" in f) {
-        y = {};
-        for (var D in f)
-          D !== "key" && (y[D] = f[D]);
-      } else y = f;
-      return b && c(
-        y,
+      if (S = null, v !== void 0 && (r(v), S = "" + v), u(p) && (r(p.key), S = "" + p.key), "key" in p) {
+        v = {};
+        for (var N in p)
+          N !== "key" && (v[N] = p[N]);
+      } else v = p;
+      return S && l(
+        v,
         typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), g(
+      ), m(
         n,
-        b,
-        y,
+        S,
+        v,
         a(),
         j,
-        w
+        _
       );
     }
-    function P(n) {
-      A(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === Y && (n._payload.status === "fulfilled" ? A(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    function C(n) {
+      T(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === Y && (n._payload.status === "fulfilled" ? T(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
     }
-    function A(n) {
+    function T(n) {
       return typeof n == "object" && n !== null && n.$$typeof === I;
     }
-    var N = Ie, I = Symbol.for("react.transitional.element"), $ = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), S = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), U = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), oe = N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ae = Object.prototype.hasOwnProperty, K = Array.isArray, se = console.createTask ? console.createTask : function() {
+    var R = Le, I = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), $ = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), E = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), U = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), L = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), oe = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ae = Object.prototype.hasOwnProperty, K = Array.isArray, se = console.createTask ? console.createTask : function() {
       return null;
     };
-    N = {
+    R = {
       react_stack_bottom_frame: function(n) {
         return n();
       }
     };
-    var X, V = {}, Q = N.react_stack_bottom_frame.bind(
-      N,
+    var X, V = {}, Q = R.react_stack_bottom_frame.bind(
+      R,
       i
-    )(), ie = se(o(i)), l = {};
-    pe.Fragment = T, pe.jsx = function(n, f, y) {
-      var m = 1e4 > oe.recentlyCreatedOwnerStacks++;
-      return v(
+    )(), ie = se(o(i)), c = {};
+    he.Fragment = $, he.jsx = function(n, p, v) {
+      var y = 1e4 > oe.recentlyCreatedOwnerStacks++;
+      return b(
         n,
-        f,
-        y,
+        p,
+        v,
         !1,
-        m ? Error("react-stack-top-frame") : Q,
-        m ? se(o(n)) : ie
+        y ? Error("react-stack-top-frame") : Q,
+        y ? se(o(n)) : ie
       );
-    }, pe.jsxs = function(n, f, y) {
-      var m = 1e4 > oe.recentlyCreatedOwnerStacks++;
-      return v(
+    }, he.jsxs = function(n, p, v) {
+      var y = 1e4 > oe.recentlyCreatedOwnerStacks++;
+      return b(
         n,
-        f,
-        y,
+        p,
+        v,
         !0,
-        m ? Error("react-stack-top-frame") : Q,
-        m ? se(o(n)) : ie
+        y ? Error("react-stack-top-frame") : Q,
+        y ? se(o(n)) : ie
       );
     };
-  }()), pe;
+  }()), he;
 }
-process.env.NODE_ENV === "production" ? Me.exports = Tt() : Me.exports = Et();
-var u = Me.exports, be = { exports: {} }, it = {}, ke = { exports: {} }, ye = { exports: {} }, M = {};
+process.env.NODE_ENV === "production" ? Ie.exports = Et() : Ie.exports = wt();
+var f = Ie.exports, xe = { exports: {} }, ct = {}, Fe = { exports: {} }, ve = { exports: {} }, A = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -286,71 +286,71 @@ var u = Me.exports, be = { exports: {} }, it = {}, ke = { exports: {} }, ye = {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var He;
+var Ge;
 function _t() {
-  if (He) return M;
-  He = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, d = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, h = e ? Symbol.for("react.async_mode") : 60111, g = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, P = e ? Symbol.for("react.suspense") : 60113, A = e ? Symbol.for("react.suspense_list") : 60120, N = e ? Symbol.for("react.memo") : 60115, I = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, T = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
-  function E(s) {
+  if (Ge) return A;
+  Ge = 1;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, u = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, b = e ? Symbol.for("react.forward_ref") : 60112, C = e ? Symbol.for("react.suspense") : 60113, T = e ? Symbol.for("react.suspense_list") : 60120, R = e ? Symbol.for("react.memo") : 60115, I = e ? Symbol.for("react.lazy") : 60116, M = e ? Symbol.for("react.block") : 60121, $ = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
+  function w(s) {
     if (typeof s == "object" && s !== null) {
-      var R = s.$$typeof;
-      switch (R) {
+      var O = s.$$typeof;
+      switch (O) {
         case t:
           switch (s = s.type, s) {
-            case h:
-            case g:
+            case d:
+            case m:
             case o:
             case i:
             case a:
-            case P:
+            case C:
               return s;
             default:
               switch (s = s && s.$$typeof, s) {
-                case c:
-                case v:
+                case l:
+                case b:
                 case I:
-                case N:
-                case d:
+                case R:
+                case u:
                   return s;
                 default:
-                  return R;
+                  return O;
               }
           }
         case r:
-          return R;
+          return O;
       }
     }
   }
-  function S(s) {
-    return E(s) === g;
+  function E(s) {
+    return w(s) === m;
   }
-  return M.AsyncMode = h, M.ConcurrentMode = g, M.ContextConsumer = c, M.ContextProvider = d, M.Element = t, M.ForwardRef = v, M.Fragment = o, M.Lazy = I, M.Memo = N, M.Portal = r, M.Profiler = i, M.StrictMode = a, M.Suspense = P, M.isAsyncMode = function(s) {
-    return S(s) || E(s) === h;
-  }, M.isConcurrentMode = S, M.isContextConsumer = function(s) {
-    return E(s) === c;
-  }, M.isContextProvider = function(s) {
-    return E(s) === d;
-  }, M.isElement = function(s) {
+  return A.AsyncMode = d, A.ConcurrentMode = m, A.ContextConsumer = l, A.ContextProvider = u, A.Element = t, A.ForwardRef = b, A.Fragment = o, A.Lazy = I, A.Memo = R, A.Portal = r, A.Profiler = i, A.StrictMode = a, A.Suspense = C, A.isAsyncMode = function(s) {
+    return E(s) || w(s) === d;
+  }, A.isConcurrentMode = E, A.isContextConsumer = function(s) {
+    return w(s) === l;
+  }, A.isContextProvider = function(s) {
+    return w(s) === u;
+  }, A.isElement = function(s) {
     return typeof s == "object" && s !== null && s.$$typeof === t;
-  }, M.isForwardRef = function(s) {
-    return E(s) === v;
-  }, M.isFragment = function(s) {
-    return E(s) === o;
-  }, M.isLazy = function(s) {
-    return E(s) === I;
-  }, M.isMemo = function(s) {
-    return E(s) === N;
-  }, M.isPortal = function(s) {
-    return E(s) === r;
-  }, M.isProfiler = function(s) {
-    return E(s) === i;
-  }, M.isStrictMode = function(s) {
-    return E(s) === a;
-  }, M.isSuspense = function(s) {
-    return E(s) === P;
-  }, M.isValidElementType = function(s) {
-    return typeof s == "string" || typeof s == "function" || s === o || s === g || s === i || s === a || s === P || s === A || typeof s == "object" && s !== null && (s.$$typeof === I || s.$$typeof === N || s.$$typeof === d || s.$$typeof === c || s.$$typeof === v || s.$$typeof === T || s.$$typeof === _ || s.$$typeof === x || s.$$typeof === $);
-  }, M.typeOf = E, M;
+  }, A.isForwardRef = function(s) {
+    return w(s) === b;
+  }, A.isFragment = function(s) {
+    return w(s) === o;
+  }, A.isLazy = function(s) {
+    return w(s) === I;
+  }, A.isMemo = function(s) {
+    return w(s) === R;
+  }, A.isPortal = function(s) {
+    return w(s) === r;
+  }, A.isProfiler = function(s) {
+    return w(s) === i;
+  }, A.isStrictMode = function(s) {
+    return w(s) === a;
+  }, A.isSuspense = function(s) {
+    return w(s) === C;
+  }, A.isValidElementType = function(s) {
+    return typeof s == "string" || typeof s == "function" || s === o || s === m || s === i || s === a || s === C || s === T || typeof s == "object" && s !== null && (s.$$typeof === I || s.$$typeof === R || s.$$typeof === u || s.$$typeof === l || s.$$typeof === b || s.$$typeof === $ || s.$$typeof === g || s.$$typeof === x || s.$$typeof === M);
+  }, A.typeOf = w, A;
 }
 var k = {};
 /** @license React v16.13.1
@@ -361,37 +361,37 @@ var k = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ze;
-function wt() {
-  return ze || (ze = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, d = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, h = e ? Symbol.for("react.async_mode") : 60111, g = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, P = e ? Symbol.for("react.suspense") : 60113, A = e ? Symbol.for("react.suspense_list") : 60120, N = e ? Symbol.for("react.memo") : 60115, I = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, T = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
-    function E(p) {
-      return typeof p == "string" || typeof p == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      p === o || p === g || p === i || p === a || p === P || p === A || typeof p == "object" && p !== null && (p.$$typeof === I || p.$$typeof === N || p.$$typeof === d || p.$$typeof === c || p.$$typeof === v || p.$$typeof === T || p.$$typeof === _ || p.$$typeof === x || p.$$typeof === $);
-    }
-    function S(p) {
-      if (typeof p == "object" && p !== null) {
-        var ee = p.$$typeof;
+var Je;
+function Ct() {
+  return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, u = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, b = e ? Symbol.for("react.forward_ref") : 60112, C = e ? Symbol.for("react.suspense") : 60113, T = e ? Symbol.for("react.suspense_list") : 60120, R = e ? Symbol.for("react.memo") : 60115, I = e ? Symbol.for("react.lazy") : 60116, M = e ? Symbol.for("react.block") : 60121, $ = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
+    function w(h) {
+      return typeof h == "string" || typeof h == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      h === o || h === m || h === i || h === a || h === C || h === T || typeof h == "object" && h !== null && (h.$$typeof === I || h.$$typeof === R || h.$$typeof === u || h.$$typeof === l || h.$$typeof === b || h.$$typeof === $ || h.$$typeof === g || h.$$typeof === x || h.$$typeof === M);
+    }
+    function E(h) {
+      if (typeof h == "object" && h !== null) {
+        var ee = h.$$typeof;
         switch (ee) {
           case t:
-            var ge = p.type;
-            switch (ge) {
-              case h:
-              case g:
+            var ye = h.type;
+            switch (ye) {
+              case d:
+              case m:
               case o:
               case i:
               case a:
-              case P:
-                return ge;
+              case C:
+                return ye;
               default:
-                var Ue = ge && ge.$$typeof;
-                switch (Ue) {
-                  case c:
-                  case v:
+                var He = ye && ye.$$typeof;
+                switch (He) {
+                  case l:
+                  case b:
                   case I:
-                  case N:
-                  case d:
-                    return Ue;
+                  case R:
+                  case u:
+                    return He;
                   default:
                     return ee;
                 }
@@ -401,62 +401,62 @@ function wt() {
         }
       }
     }
-    var s = h, R = g, L = c, U = d, Y = t, W = v, ne = o, oe = I, ae = N, K = r, se = i, X = a, V = P, Q = !1;
-    function ie(p) {
-      return Q || (Q = !0, 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.")), l(p) || S(p) === h;
+    var s = d, O = m, W = l, U = u, Y = t, L = b, ne = o, oe = I, ae = R, K = r, se = i, X = a, V = C, Q = !1;
+    function ie(h) {
+      return Q || (Q = !0, 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.")), c(h) || E(h) === d;
     }
-    function l(p) {
-      return S(p) === g;
+    function c(h) {
+      return E(h) === m;
     }
-    function n(p) {
-      return S(p) === c;
+    function n(h) {
+      return E(h) === l;
     }
-    function f(p) {
-      return S(p) === d;
+    function p(h) {
+      return E(h) === u;
     }
-    function y(p) {
-      return typeof p == "object" && p !== null && p.$$typeof === t;
+    function v(h) {
+      return typeof h == "object" && h !== null && h.$$typeof === t;
     }
-    function m(p) {
-      return S(p) === v;
+    function y(h) {
+      return E(h) === b;
     }
-    function j(p) {
-      return S(p) === o;
+    function j(h) {
+      return E(h) === o;
     }
-    function w(p) {
-      return S(p) === I;
+    function _(h) {
+      return E(h) === I;
     }
-    function b(p) {
-      return S(p) === N;
+    function S(h) {
+      return E(h) === R;
     }
-    function C(p) {
-      return S(p) === r;
+    function P(h) {
+      return E(h) === r;
     }
-    function D(p) {
-      return S(p) === i;
+    function N(h) {
+      return E(h) === i;
     }
-    function O(p) {
-      return S(p) === a;
+    function D(h) {
+      return E(h) === a;
     }
-    function z(p) {
-      return S(p) === P;
+    function z(h) {
+      return E(h) === C;
     }
-    k.AsyncMode = s, k.ConcurrentMode = R, k.ContextConsumer = L, k.ContextProvider = U, k.Element = Y, k.ForwardRef = W, k.Fragment = ne, k.Lazy = oe, k.Memo = ae, k.Portal = K, k.Profiler = se, k.StrictMode = X, k.Suspense = V, k.isAsyncMode = ie, k.isConcurrentMode = l, k.isContextConsumer = n, k.isContextProvider = f, k.isElement = y, k.isForwardRef = m, k.isFragment = j, k.isLazy = w, k.isMemo = b, k.isPortal = C, k.isProfiler = D, k.isStrictMode = O, k.isSuspense = z, k.isValidElementType = E, k.typeOf = S;
+    k.AsyncMode = s, k.ConcurrentMode = O, k.ContextConsumer = W, k.ContextProvider = U, k.Element = Y, k.ForwardRef = L, k.Fragment = ne, k.Lazy = oe, k.Memo = ae, k.Portal = K, k.Profiler = se, k.StrictMode = X, k.Suspense = V, k.isAsyncMode = ie, k.isConcurrentMode = c, k.isContextConsumer = n, k.isContextProvider = p, k.isElement = v, k.isForwardRef = y, k.isFragment = j, k.isLazy = _, k.isMemo = S, k.isPortal = P, k.isProfiler = N, k.isStrictMode = D, k.isSuspense = z, k.isValidElementType = w, k.typeOf = E;
   }()), k;
 }
-var Ve;
-function lt() {
-  return Ve || (Ve = 1, process.env.NODE_ENV === "production" ? ye.exports = _t() : ye.exports = wt()), ye.exports;
+var Ke;
+function ut() {
+  return Ke || (Ke = 1, process.env.NODE_ENV === "production" ? ve.exports = _t() : ve.exports = Ct()), ve.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var Ee, Ge;
-function Ct() {
-  if (Ge) return Ee;
-  Ge = 1;
+var _e, Ze;
+function Pt() {
+  if (Ze) return _e;
+  Ze = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
   function o(i) {
     if (i == null)
@@ -470,86 +470,86 @@ function Ct() {
       var i = new String("abc");
       if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
         return !1;
-      for (var d = {}, c = 0; c < 10; c++)
-        d["_" + String.fromCharCode(c)] = c;
-      var h = Object.getOwnPropertyNames(d).map(function(v) {
-        return d[v];
+      for (var u = {}, l = 0; l < 10; l++)
+        u["_" + String.fromCharCode(l)] = l;
+      var d = Object.getOwnPropertyNames(u).map(function(b) {
+        return u[b];
       });
-      if (h.join("") !== "0123456789")
+      if (d.join("") !== "0123456789")
         return !1;
-      var g = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(v) {
-        g[v] = v;
-      }), Object.keys(Object.assign({}, g)).join("") === "abcdefghijklmnopqrst";
+      var m = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(b) {
+        m[b] = b;
+      }), Object.keys(Object.assign({}, m)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return Ee = a() ? Object.assign : function(i, d) {
-    for (var c, h = o(i), g, v = 1; v < arguments.length; v++) {
-      c = Object(arguments[v]);
-      for (var P in c)
-        t.call(c, P) && (h[P] = c[P]);
+  return _e = a() ? Object.assign : function(i, u) {
+    for (var l, d = o(i), m, b = 1; b < arguments.length; b++) {
+      l = Object(arguments[b]);
+      for (var C in l)
+        t.call(l, C) && (d[C] = l[C]);
       if (e) {
-        g = e(c);
-        for (var A = 0; A < g.length; A++)
-          r.call(c, g[A]) && (h[g[A]] = c[g[A]]);
+        m = e(l);
+        for (var T = 0; T < m.length; T++)
+          r.call(l, m[T]) && (d[m[T]] = l[m[T]]);
       }
     }
-    return h;
-  }, Ee;
+    return d;
+  }, _e;
 }
-var _e, Je;
-function Fe() {
-  if (Je) return _e;
-  Je = 1;
+var Ce, Qe;
+function We() {
+  if (Qe) return Ce;
+  Qe = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return _e = e, _e;
+  return Ce = e, Ce;
 }
-var we, Ke;
-function ct() {
-  return Ke || (Ke = 1, we = Function.call.bind(Object.prototype.hasOwnProperty)), we;
+var Pe, et;
+function ft() {
+  return et || (et = 1, Pe = Function.call.bind(Object.prototype.hasOwnProperty)), Pe;
 }
-var Ce, Ze;
-function Pt() {
-  if (Ze) return Ce;
-  Ze = 1;
+var je, tt;
+function jt() {
+  if (tt) return je;
+  tt = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = Fe(), r = {}, o = ct();
+    var t = We(), r = {}, o = ft();
     e = function(i) {
-      var d = "Warning: " + i;
-      typeof console < "u" && console.error(d);
+      var u = "Warning: " + i;
+      typeof console < "u" && console.error(u);
       try {
-        throw new Error(d);
+        throw new Error(u);
       } catch {
       }
     };
   }
-  function a(i, d, c, h, g) {
+  function a(i, u, l, d, m) {
     if (process.env.NODE_ENV !== "production") {
-      for (var v in i)
-        if (o(i, v)) {
-          var P;
+      for (var b in i)
+        if (o(i, b)) {
+          var C;
           try {
-            if (typeof i[v] != "function") {
-              var A = Error(
-                (h || "React class") + ": " + c + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            if (typeof i[b] != "function") {
+              var T = Error(
+                (d || "React class") + ": " + l + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw A.name = "Invariant Violation", A;
+              throw T.name = "Invariant Violation", T;
             }
-            P = i[v](d, v, h, c, null, t);
+            C = i[b](u, b, d, l, null, t);
           } catch (I) {
-            P = I;
+            C = I;
           }
-          if (P && !(P instanceof Error) && e(
-            (h || "React class") + ": type specification of " + c + " `" + v + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof P + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), P instanceof Error && !(P.message in r)) {
-            r[P.message] = !0;
-            var N = g ? g() : "";
+          if (C && !(C instanceof Error) && e(
+            (d || "React class") + ": type specification of " + l + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof C + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), C instanceof Error && !(C.message in r)) {
+            r[C.message] = !0;
+            var R = m ? m() : "";
             e(
-              "Failed " + c + " type: " + P.message + (N ?? "")
+              "Failed " + l + " type: " + C.message + (R ?? "")
             );
           }
         }
@@ -557,281 +557,281 @@ function Pt() {
   }
   return a.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (r = {});
-  }, Ce = a, Ce;
+  }, je = a, je;
 }
-var Pe, Qe;
-function jt() {
-  if (Qe) return Pe;
-  Qe = 1;
-  var e = lt(), t = Ct(), r = Fe(), o = ct(), a = Pt(), i = function() {
+var Re, rt;
+function Rt() {
+  if (rt) return Re;
+  rt = 1;
+  var e = ut(), t = Pt(), r = We(), o = ft(), a = jt(), i = function() {
   };
-  process.env.NODE_ENV !== "production" && (i = function(c) {
-    var h = "Warning: " + c;
-    typeof console < "u" && console.error(h);
+  process.env.NODE_ENV !== "production" && (i = function(l) {
+    var d = "Warning: " + l;
+    typeof console < "u" && console.error(d);
     try {
-      throw new Error(h);
+      throw new Error(d);
     } catch {
     }
   });
-  function d() {
+  function u() {
     return null;
   }
-  return Pe = function(c, h) {
-    var g = typeof Symbol == "function" && Symbol.iterator, v = "@@iterator";
-    function P(l) {
-      var n = l && (g && l[g] || l[v]);
+  return Re = function(l, d) {
+    var m = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
+    function C(c) {
+      var n = c && (m && c[m] || c[b]);
       if (typeof n == "function")
         return n;
     }
-    var A = "<<anonymous>>", N = {
-      array: _("array"),
-      bigint: _("bigint"),
-      bool: _("boolean"),
-      func: _("function"),
-      number: _("number"),
-      object: _("object"),
-      string: _("string"),
-      symbol: _("symbol"),
+    var T = "<<anonymous>>", R = {
+      array: g("array"),
+      bigint: g("bigint"),
+      bool: g("boolean"),
+      func: g("function"),
+      number: g("number"),
+      object: g("object"),
+      string: g("string"),
+      symbol: g("symbol"),
       any: x(),
-      arrayOf: E,
-      element: S(),
+      arrayOf: w,
+      element: E(),
       elementType: s(),
-      instanceOf: R,
-      node: W(),
+      instanceOf: O,
+      node: L(),
       objectOf: U,
-      oneOf: L,
+      oneOf: W,
       oneOfType: Y,
       shape: oe,
       exact: ae
     };
-    function I(l, n) {
-      return l === n ? l !== 0 || 1 / l === 1 / n : l !== l && n !== n;
+    function I(c, n) {
+      return c === n ? c !== 0 || 1 / c === 1 / n : c !== c && n !== n;
     }
-    function $(l, n) {
-      this.message = l, this.data = n && typeof n == "object" ? n : {}, this.stack = "";
+    function M(c, n) {
+      this.message = c, this.data = n && typeof n == "object" ? n : {}, this.stack = "";
     }
-    $.prototype = Error.prototype;
-    function T(l) {
+    M.prototype = Error.prototype;
+    function $(c) {
       if (process.env.NODE_ENV !== "production")
-        var n = {}, f = 0;
-      function y(j, w, b, C, D, O, z) {
-        if (C = C || A, O = O || b, z !== r) {
-          if (h) {
-            var p = new Error(
+        var n = {}, p = 0;
+      function v(j, _, S, P, N, D, z) {
+        if (P = P || T, D = D || S, z !== r) {
+          if (d) {
+            var h = 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"
             );
-            throw p.name = "Invariant Violation", p;
+            throw h.name = "Invariant Violation", h;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var ee = C + ":" + b;
+            var ee = P + ":" + S;
             !n[ee] && // Avoid spamming the console because they are often not actionable except for lib authors
-            f < 3 && (i(
-              "You are manually calling a React.PropTypes validation function for the `" + O + "` prop on `" + C + "`. 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."
-            ), n[ee] = !0, f++);
+            p < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + D + "` prop on `" + P + "`. 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."
+            ), n[ee] = !0, p++);
           }
         }
-        return w[b] == null ? j ? w[b] === null ? new $("The " + D + " `" + O + "` is marked as required " + ("in `" + C + "`, but its value is `null`.")) : new $("The " + D + " `" + O + "` is marked as required in " + ("`" + C + "`, but its value is `undefined`.")) : null : l(w, b, C, D, O);
+        return _[S] == null ? j ? _[S] === null ? new M("The " + N + " `" + D + "` is marked as required " + ("in `" + P + "`, but its value is `null`.")) : new M("The " + N + " `" + D + "` is marked as required in " + ("`" + P + "`, but its value is `undefined`.")) : null : c(_, S, P, N, D);
       }
-      var m = y.bind(null, !1);
-      return m.isRequired = y.bind(null, !0), m;
-    }
-    function _(l) {
-      function n(f, y, m, j, w, b) {
-        var C = f[y], D = X(C);
-        if (D !== l) {
-          var O = V(C);
-          return new $(
-            "Invalid " + j + " `" + w + "` of type " + ("`" + O + "` supplied to `" + m + "`, expected ") + ("`" + l + "`."),
-            { expectedType: l }
+      var y = v.bind(null, !1);
+      return y.isRequired = v.bind(null, !0), y;
+    }
+    function g(c) {
+      function n(p, v, y, j, _, S) {
+        var P = p[v], N = X(P);
+        if (N !== c) {
+          var D = V(P);
+          return new M(
+            "Invalid " + j + " `" + _ + "` of type " + ("`" + D + "` supplied to `" + y + "`, expected ") + ("`" + c + "`."),
+            { expectedType: c }
           );
         }
         return null;
       }
-      return T(n);
+      return $(n);
     }
     function x() {
-      return T(d);
-    }
-    function E(l) {
-      function n(f, y, m, j, w) {
-        if (typeof l != "function")
-          return new $("Property `" + w + "` of component `" + m + "` has invalid PropType notation inside arrayOf.");
-        var b = f[y];
-        if (!Array.isArray(b)) {
-          var C = X(b);
-          return new $("Invalid " + j + " `" + w + "` of type " + ("`" + C + "` supplied to `" + m + "`, expected an array."));
+      return $(u);
+    }
+    function w(c) {
+      function n(p, v, y, j, _) {
+        if (typeof c != "function")
+          return new M("Property `" + _ + "` of component `" + y + "` has invalid PropType notation inside arrayOf.");
+        var S = p[v];
+        if (!Array.isArray(S)) {
+          var P = X(S);
+          return new M("Invalid " + j + " `" + _ + "` of type " + ("`" + P + "` supplied to `" + y + "`, expected an array."));
         }
-        for (var D = 0; D < b.length; D++) {
-          var O = l(b, D, m, j, w + "[" + D + "]", r);
-          if (O instanceof Error)
-            return O;
+        for (var N = 0; N < S.length; N++) {
+          var D = c(S, N, y, j, _ + "[" + N + "]", r);
+          if (D instanceof Error)
+            return D;
         }
         return null;
       }
-      return T(n);
-    }
-    function S() {
-      function l(n, f, y, m, j) {
-        var w = n[f];
-        if (!c(w)) {
-          var b = X(w);
-          return new $("Invalid " + m + " `" + j + "` of type " + ("`" + b + "` supplied to `" + y + "`, expected a single ReactElement."));
+      return $(n);
+    }
+    function E() {
+      function c(n, p, v, y, j) {
+        var _ = n[p];
+        if (!l(_)) {
+          var S = X(_);
+          return new M("Invalid " + y + " `" + j + "` of type " + ("`" + S + "` supplied to `" + v + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return T(l);
+      return $(c);
     }
     function s() {
-      function l(n, f, y, m, j) {
-        var w = n[f];
-        if (!e.isValidElementType(w)) {
-          var b = X(w);
-          return new $("Invalid " + m + " `" + j + "` of type " + ("`" + b + "` supplied to `" + y + "`, expected a single ReactElement type."));
+      function c(n, p, v, y, j) {
+        var _ = n[p];
+        if (!e.isValidElementType(_)) {
+          var S = X(_);
+          return new M("Invalid " + y + " `" + j + "` of type " + ("`" + S + "` supplied to `" + v + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return T(l);
+      return $(c);
     }
-    function R(l) {
-      function n(f, y, m, j, w) {
-        if (!(f[y] instanceof l)) {
-          var b = l.name || A, C = ie(f[y]);
-          return new $("Invalid " + j + " `" + w + "` of type " + ("`" + C + "` supplied to `" + m + "`, expected ") + ("instance of `" + b + "`."));
+    function O(c) {
+      function n(p, v, y, j, _) {
+        if (!(p[v] instanceof c)) {
+          var S = c.name || T, P = ie(p[v]);
+          return new M("Invalid " + j + " `" + _ + "` of type " + ("`" + P + "` supplied to `" + y + "`, expected ") + ("instance of `" + S + "`."));
         }
         return null;
       }
-      return T(n);
+      return $(n);
     }
-    function L(l) {
-      if (!Array.isArray(l))
+    function W(c) {
+      if (!Array.isArray(c))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "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])."
-        ) : i("Invalid argument supplied to oneOf, expected an array.")), d;
-      function n(f, y, m, j, w) {
-        for (var b = f[y], C = 0; C < l.length; C++)
-          if (I(b, l[C]))
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), u;
+      function n(p, v, y, j, _) {
+        for (var S = p[v], P = 0; P < c.length; P++)
+          if (I(S, c[P]))
             return null;
-        var D = JSON.stringify(l, function(z, p) {
-          var ee = V(p);
-          return ee === "symbol" ? String(p) : p;
+        var N = JSON.stringify(c, function(z, h) {
+          var ee = V(h);
+          return ee === "symbol" ? String(h) : h;
         });
-        return new $("Invalid " + j + " `" + w + "` of value `" + String(b) + "` " + ("supplied to `" + m + "`, expected one of " + D + "."));
+        return new M("Invalid " + j + " `" + _ + "` of value `" + String(S) + "` " + ("supplied to `" + y + "`, expected one of " + N + "."));
       }
-      return T(n);
-    }
-    function U(l) {
-      function n(f, y, m, j, w) {
-        if (typeof l != "function")
-          return new $("Property `" + w + "` of component `" + m + "` has invalid PropType notation inside objectOf.");
-        var b = f[y], C = X(b);
-        if (C !== "object")
-          return new $("Invalid " + j + " `" + w + "` of type " + ("`" + C + "` supplied to `" + m + "`, expected an object."));
-        for (var D in b)
-          if (o(b, D)) {
-            var O = l(b, D, m, j, w + "." + D, r);
-            if (O instanceof Error)
-              return O;
+      return $(n);
+    }
+    function U(c) {
+      function n(p, v, y, j, _) {
+        if (typeof c != "function")
+          return new M("Property `" + _ + "` of component `" + y + "` has invalid PropType notation inside objectOf.");
+        var S = p[v], P = X(S);
+        if (P !== "object")
+          return new M("Invalid " + j + " `" + _ + "` of type " + ("`" + P + "` supplied to `" + y + "`, expected an object."));
+        for (var N in S)
+          if (o(S, N)) {
+            var D = c(S, N, y, j, _ + "." + N, r);
+            if (D instanceof Error)
+              return D;
           }
         return null;
       }
-      return T(n);
-    }
-    function Y(l) {
-      if (!Array.isArray(l))
-        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), d;
-      for (var n = 0; n < l.length; n++) {
-        var f = l[n];
-        if (typeof f != "function")
+      return $(n);
+    }
+    function Y(c) {
+      if (!Array.isArray(c))
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), u;
+      for (var n = 0; n < c.length; n++) {
+        var p = c[n];
+        if (typeof p != "function")
           return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Q(f) + " at index " + n + "."
-          ), d;
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Q(p) + " at index " + n + "."
+          ), u;
       }
-      function y(m, j, w, b, C) {
-        for (var D = [], O = 0; O < l.length; O++) {
-          var z = l[O], p = z(m, j, w, b, C, r);
-          if (p == null)
+      function v(y, j, _, S, P) {
+        for (var N = [], D = 0; D < c.length; D++) {
+          var z = c[D], h = z(y, j, _, S, P, r);
+          if (h == null)
             return null;
-          p.data && o(p.data, "expectedType") && D.push(p.data.expectedType);
+          h.data && o(h.data, "expectedType") && N.push(h.data.expectedType);
         }
-        var ee = D.length > 0 ? ", expected one of type [" + D.join(", ") + "]" : "";
-        return new $("Invalid " + b + " `" + C + "` supplied to " + ("`" + w + "`" + ee + "."));
+        var ee = N.length > 0 ? ", expected one of type [" + N.join(", ") + "]" : "";
+        return new M("Invalid " + S + " `" + P + "` supplied to " + ("`" + _ + "`" + ee + "."));
       }
-      return T(y);
+      return $(v);
     }
-    function W() {
-      function l(n, f, y, m, j) {
-        return K(n[f]) ? null : new $("Invalid " + m + " `" + j + "` supplied to " + ("`" + y + "`, expected a ReactNode."));
+    function L() {
+      function c(n, p, v, y, j) {
+        return K(n[p]) ? null : new M("Invalid " + y + " `" + j + "` supplied to " + ("`" + v + "`, expected a ReactNode."));
       }
-      return T(l);
+      return $(c);
     }
-    function ne(l, n, f, y, m) {
-      return new $(
-        (l || "React class") + ": " + n + " type `" + f + "." + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + m + "`."
+    function ne(c, n, p, v, y) {
+      return new M(
+        (c || "React class") + ": " + n + " type `" + p + "." + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + y + "`."
       );
     }
-    function oe(l) {
-      function n(f, y, m, j, w) {
-        var b = f[y], C = X(b);
-        if (C !== "object")
-          return new $("Invalid " + j + " `" + w + "` of type `" + C + "` " + ("supplied to `" + m + "`, expected `object`."));
-        for (var D in l) {
-          var O = l[D];
-          if (typeof O != "function")
-            return ne(m, j, w, D, V(O));
-          var z = O(b, D, m, j, w + "." + D, r);
+    function oe(c) {
+      function n(p, v, y, j, _) {
+        var S = p[v], P = X(S);
+        if (P !== "object")
+          return new M("Invalid " + j + " `" + _ + "` of type `" + P + "` " + ("supplied to `" + y + "`, expected `object`."));
+        for (var N in c) {
+          var D = c[N];
+          if (typeof D != "function")
+            return ne(y, j, _, N, V(D));
+          var z = D(S, N, y, j, _ + "." + N, r);
           if (z)
             return z;
         }
         return null;
       }
-      return T(n);
-    }
-    function ae(l) {
-      function n(f, y, m, j, w) {
-        var b = f[y], C = X(b);
-        if (C !== "object")
-          return new $("Invalid " + j + " `" + w + "` of type `" + C + "` " + ("supplied to `" + m + "`, expected `object`."));
-        var D = t({}, f[y], l);
-        for (var O in D) {
-          var z = l[O];
-          if (o(l, O) && typeof z != "function")
-            return ne(m, j, w, O, V(z));
+      return $(n);
+    }
+    function ae(c) {
+      function n(p, v, y, j, _) {
+        var S = p[v], P = X(S);
+        if (P !== "object")
+          return new M("Invalid " + j + " `" + _ + "` of type `" + P + "` " + ("supplied to `" + y + "`, expected `object`."));
+        var N = t({}, p[v], c);
+        for (var D in N) {
+          var z = c[D];
+          if (o(c, D) && typeof z != "function")
+            return ne(y, j, _, D, V(z));
           if (!z)
-            return new $(
-              "Invalid " + j + " `" + w + "` key `" + O + "` supplied to `" + m + "`.\nBad object: " + JSON.stringify(f[y], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
+            return new M(
+              "Invalid " + j + " `" + _ + "` key `" + D + "` supplied to `" + y + "`.\nBad object: " + JSON.stringify(p[v], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
             );
-          var p = z(b, O, m, j, w + "." + O, r);
-          if (p)
-            return p;
+          var h = z(S, D, y, j, _ + "." + D, r);
+          if (h)
+            return h;
         }
         return null;
       }
-      return T(n);
+      return $(n);
     }
-    function K(l) {
-      switch (typeof l) {
+    function K(c) {
+      switch (typeof c) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !l;
+          return !c;
         case "object":
-          if (Array.isArray(l))
-            return l.every(K);
-          if (l === null || c(l))
+          if (Array.isArray(c))
+            return c.every(K);
+          if (c === null || l(c))
             return !0;
-          var n = P(l);
+          var n = C(c);
           if (n) {
-            var f = n.call(l), y;
-            if (n !== l.entries) {
-              for (; !(y = f.next()).done; )
-                if (!K(y.value))
+            var p = n.call(c), v;
+            if (n !== c.entries) {
+              for (; !(v = p.next()).done; )
+                if (!K(v.value))
                   return !1;
             } else
-              for (; !(y = f.next()).done; ) {
-                var m = y.value;
-                if (m && !K(m[1]))
+              for (; !(v = p.next()).done; ) {
+                var y = v.value;
+                if (y && !K(y[1]))
                   return !1;
               }
           } else
@@ -841,27 +841,27 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
           return !1;
       }
     }
-    function se(l, n) {
-      return l === "symbol" ? !0 : n ? n["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && n instanceof Symbol : !1;
+    function se(c, n) {
+      return c === "symbol" ? !0 : n ? n["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && n instanceof Symbol : !1;
     }
-    function X(l) {
-      var n = typeof l;
-      return Array.isArray(l) ? "array" : l instanceof RegExp ? "object" : se(n, l) ? "symbol" : n;
+    function X(c) {
+      var n = typeof c;
+      return Array.isArray(c) ? "array" : c instanceof RegExp ? "object" : se(n, c) ? "symbol" : n;
     }
-    function V(l) {
-      if (typeof l > "u" || l === null)
-        return "" + l;
-      var n = X(l);
+    function V(c) {
+      if (typeof c > "u" || c === null)
+        return "" + c;
+      var n = X(c);
       if (n === "object") {
-        if (l instanceof Date)
+        if (c instanceof Date)
           return "date";
-        if (l instanceof RegExp)
+        if (c instanceof RegExp)
           return "regexp";
       }
       return n;
     }
-    function Q(l) {
-      var n = V(l);
+    function Q(c) {
+      var n = V(c);
       switch (n) {
         case "array":
         case "object":
@@ -874,28 +874,28 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
           return n;
       }
     }
-    function ie(l) {
-      return !l.constructor || !l.constructor.name ? A : l.constructor.name;
+    function ie(c) {
+      return !c.constructor || !c.constructor.name ? T : c.constructor.name;
     }
-    return N.checkPropTypes = a, N.resetWarningCache = a.resetWarningCache, N.PropTypes = N, N;
-  }, Pe;
+    return R.checkPropTypes = a, R.resetWarningCache = a.resetWarningCache, R.PropTypes = R, R;
+  }, Re;
 }
-var je, et;
-function Rt() {
-  if (et) return je;
-  et = 1;
-  var e = Fe();
+var Oe, nt;
+function Ot() {
+  if (nt) return Oe;
+  nt = 1;
+  var e = We();
   function t() {
   }
   function r() {
   }
-  return r.resetWarningCache = t, je = function() {
-    function o(d, c, h, g, v, P) {
-      if (P !== e) {
-        var A = new Error(
+  return r.resetWarningCache = t, Oe = function() {
+    function o(u, l, d, m, b, C) {
+      if (C !== e) {
+        var T = 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"
         );
-        throw A.name = "Invariant Violation", A;
+        throw T.name = "Invariant Violation", T;
       }
     }
     o.isRequired = o;
@@ -926,138 +926,138 @@ function Rt() {
       resetWarningCache: t
     };
     return i.PropTypes = i, i;
-  }, je;
+  }, Oe;
 }
 if (process.env.NODE_ENV !== "production") {
-  var Ot = lt(), Dt = !0;
-  ke.exports = jt()(Ot.isElement, Dt);
+  var Dt = ut(), Nt = !0;
+  Fe.exports = Rt()(Dt.isElement, Nt);
 } else
-  ke.exports = Rt()();
-var ut = ke.exports, $e = { exports: {} };
-function ft(e) {
+  Fe.exports = Ot()();
+var dt = Fe.exports, Ye = { exports: {} };
+function pt(e) {
   var t, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var a = e.length;
-    for (t = 0; t < a; t++) e[t] && (r = ft(e[t])) && (o && (o += " "), o += r);
+    for (t = 0; t < a; t++) e[t] && (r = pt(e[t])) && (o && (o += " "), o += r);
   } else for (r in e) e[r] && (o && (o += " "), o += r);
   return o;
 }
-function tt() {
-  for (var e, t, r = 0, o = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (t = ft(e)) && (o && (o += " "), o += t);
+function ot() {
+  for (var e, t, r = 0, o = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (t = pt(e)) && (o && (o += " "), o += t);
   return o;
 }
-$e.exports = tt, $e.exports.clsx = tt;
-var Nt = $e.exports, F = {}, te = {};
+Ye.exports = ot, Ye.exports.clsx = ot;
+var At = Ye.exports, F = {}, te = {};
 Object.defineProperty(te, "__esModule", {
   value: !0
 });
-te.dontSetMe = It;
-te.findInArray = At;
-te.int = $t;
+te.dontSetMe = Ft;
+te.findInArray = kt;
+te.int = It;
 te.isFunction = Mt;
-te.isNum = kt;
-function At(e, t) {
+te.isNum = $t;
+function kt(e, t) {
   for (let r = 0, o = e.length; r < o; r++)
     if (t.apply(t, [e[r], r, e])) return e[r];
 }
 function Mt(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Function]";
 }
-function kt(e) {
+function $t(e) {
   return typeof e == "number" && !isNaN(e);
 }
-function $t(e) {
+function It(e) {
   return parseInt(e, 10);
 }
-function It(e, t, r) {
+function Ft(e, t, r) {
   if (e[t])
     return new Error(`Invalid prop ${t} passed to ${r} - do not set this, set it on the child.`);
 }
-var ue = {};
-Object.defineProperty(ue, "__esModule", {
+var fe = {};
+Object.defineProperty(fe, "__esModule", {
   value: !0
 });
-ue.browserPrefixToKey = pt;
-ue.browserPrefixToStyle = Ft;
-ue.default = void 0;
-ue.getPrefix = dt;
-const Re = ["Moz", "Webkit", "O", "ms"];
-function dt() {
+fe.browserPrefixToKey = gt;
+fe.browserPrefixToStyle = Yt;
+fe.default = void 0;
+fe.getPrefix = ht;
+const De = ["Moz", "Webkit", "O", "ms"];
+function ht() {
   var r, o;
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
   if (typeof window > "u") return "";
   const t = (o = (r = window.document) == null ? void 0 : r.documentElement) == null ? void 0 : o.style;
   if (!t || e in t) return "";
-  for (let a = 0; a < Re.length; a++)
-    if (pt(e, Re[a]) in t) return Re[a];
+  for (let a = 0; a < De.length; a++)
+    if (gt(e, De[a]) in t) return De[a];
   return "";
 }
-function pt(e, t) {
-  return t ? `${t}${Yt(e)}` : e;
+function gt(e, t) {
+  return t ? `${t}${Lt(e)}` : e;
 }
-function Ft(e, t) {
+function Yt(e, t) {
   return t ? `-${t.toLowerCase()}-${e}` : e;
 }
-function Yt(e) {
+function Lt(e) {
   let t = "", r = !0;
   for (let o = 0; o < e.length; o++)
     r ? (t += e[o].toUpperCase(), r = !1) : e[o] === "-" ? r = !0 : t += e[o];
   return t;
 }
-ue.default = dt();
+fe.default = ht();
 Object.defineProperty(F, "__esModule", {
   value: !0
 });
-F.addClassName = gt;
-F.addEvent = Lt;
-F.addUserSelectStyles = Zt;
-F.createCSSTransform = Vt;
-F.createSVGTransform = Gt;
-F.getTouch = Jt;
-F.getTouchIdentifier = Kt;
-F.getTranslation = Ye;
-F.innerHeight = Bt;
-F.innerWidth = Ht;
-F.matchesSelector = mt;
+F.addClassName = vt;
+F.addEvent = Ut;
+F.addUserSelectStyles = Qt;
+F.createCSSTransform = Gt;
+F.createSVGTransform = Jt;
+F.getTouch = Kt;
+F.getTouchIdentifier = Zt;
+F.getTranslation = Ue;
+F.innerHeight = Ht;
+F.innerWidth = zt;
+F.matchesSelector = yt;
 F.matchesSelectorAndParentsTo = Wt;
-F.offsetXYFromParent = zt;
-F.outerHeight = Xt;
-F.outerWidth = qt;
-F.removeClassName = yt;
-F.removeEvent = Ut;
-F.scheduleRemoveUserSelectStyles = Qt;
-var J = te, rt = ht(ue);
-function ht(e, t) {
+F.offsetXYFromParent = Vt;
+F.outerHeight = qt;
+F.outerWidth = Bt;
+F.removeClassName = bt;
+F.removeEvent = Xt;
+F.scheduleRemoveUserSelectStyles = er;
+var J = te, at = mt(fe);
+function mt(e, t) {
   if (typeof WeakMap == "function") var r = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap();
-  return (ht = function(a, i) {
+  return (mt = function(a, i) {
     if (!i && a && a.__esModule) return a;
-    var d, c, h = { __proto__: null, default: a };
-    if (a === null || typeof a != "object" && typeof a != "function") return h;
-    if (d = i ? o : r) {
-      if (d.has(a)) return d.get(a);
-      d.set(a, h);
-    }
-    for (const g in a) g !== "default" && {}.hasOwnProperty.call(a, g) && ((c = (d = Object.defineProperty) && Object.getOwnPropertyDescriptor(a, g)) && (c.get || c.set) ? d(h, g, c) : h[g] = a[g]);
-    return h;
+    var u, l, d = { __proto__: null, default: a };
+    if (a === null || typeof a != "object" && typeof a != "function") return d;
+    if (u = i ? o : r) {
+      if (u.has(a)) return u.get(a);
+      u.set(a, d);
+    }
+    for (const m in a) m !== "default" && {}.hasOwnProperty.call(a, m) && ((l = (u = Object.defineProperty) && Object.getOwnPropertyDescriptor(a, m)) && (l.get || l.set) ? u(d, m, l) : d[m] = a[m]);
+    return d;
   })(e, t);
 }
-let ve = "";
-function mt(e, t) {
-  return ve || (ve = (0, J.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(r) {
+let be = "";
+function yt(e, t) {
+  return be || (be = (0, J.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(r) {
     return (0, J.isFunction)(e[r]);
-  })), (0, J.isFunction)(e[ve]) ? e[ve](t) : !1;
+  })), (0, J.isFunction)(e[be]) ? e[be](t) : !1;
 }
 function Wt(e, t, r) {
   let o = e;
   do {
-    if (mt(o, t)) return !0;
+    if (yt(o, t)) return !0;
     if (o === r) return !1;
     o = o.parentNode;
   } while (o);
   return !1;
 }
-function Lt(e, t, r, o) {
+function Ut(e, t, r, o) {
   if (!e) return;
   const a = {
     capture: !0,
@@ -1065,7 +1065,7 @@ function Lt(e, t, r, o) {
   };
   e.addEventListener ? e.addEventListener(t, r, a) : e.attachEvent ? e.attachEvent("on" + t, r) : e["on" + t] = r;
 }
-function Ut(e, t, r, o) {
+function Xt(e, t, r, o) {
   if (!e) return;
   const a = {
     capture: !0,
@@ -1073,79 +1073,79 @@ function Ut(e, t, r, o) {
   };
   e.removeEventListener ? e.removeEventListener(t, r, a) : e.detachEvent ? e.detachEvent("on" + t, r) : e["on" + t] = null;
 }
-function Xt(e) {
+function qt(e) {
   let t = e.clientHeight;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
   return t += (0, J.int)(r.borderTopWidth), t += (0, J.int)(r.borderBottomWidth), t;
 }
-function qt(e) {
+function Bt(e) {
   let t = e.clientWidth;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
   return t += (0, J.int)(r.borderLeftWidth), t += (0, J.int)(r.borderRightWidth), t;
 }
-function Bt(e) {
+function Ht(e) {
   let t = e.clientHeight;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
   return t -= (0, J.int)(r.paddingTop), t -= (0, J.int)(r.paddingBottom), t;
 }
-function Ht(e) {
+function zt(e) {
   let t = e.clientWidth;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
   return t -= (0, J.int)(r.paddingLeft), t -= (0, J.int)(r.paddingRight), t;
 }
-function zt(e, t, r) {
+function Vt(e, t, r) {
   const a = t === t.ownerDocument.body ? {
     left: 0,
     top: 0
-  } : t.getBoundingClientRect(), i = (e.clientX + t.scrollLeft - a.left) / r, d = (e.clientY + t.scrollTop - a.top) / r;
+  } : t.getBoundingClientRect(), i = (e.clientX + t.scrollLeft - a.left) / r, u = (e.clientY + t.scrollTop - a.top) / r;
   return {
     x: i,
-    y: d
+    y: u
   };
 }
-function Vt(e, t) {
-  const r = Ye(e, t, "px");
+function Gt(e, t) {
+  const r = Ue(e, t, "px");
   return {
-    [(0, rt.browserPrefixToKey)("transform", rt.default)]: r
+    [(0, at.browserPrefixToKey)("transform", at.default)]: r
   };
 }
-function Gt(e, t) {
-  return Ye(e, t, "");
+function Jt(e, t) {
+  return Ue(e, t, "");
 }
-function Ye(e, t, r) {
+function Ue(e, t, r) {
   let {
     x: o,
     y: a
   } = e, i = `translate(${o}${r},${a}${r})`;
   if (t) {
-    const d = `${typeof t.x == "string" ? t.x : t.x + r}`, c = `${typeof t.y == "string" ? t.y : t.y + r}`;
-    i = `translate(${d}, ${c})` + i;
+    const u = `${typeof t.x == "string" ? t.x : t.x + r}`, l = `${typeof t.y == "string" ? t.y : t.y + r}`;
+    i = `translate(${u}, ${l})` + i;
   }
   return i;
 }
-function Jt(e, t) {
+function Kt(e, t) {
   return e.targetTouches && (0, J.findInArray)(e.targetTouches, (r) => t === r.identifier) || e.changedTouches && (0, J.findInArray)(e.changedTouches, (r) => t === r.identifier);
 }
-function Kt(e) {
+function Zt(e) {
   if (e.targetTouches && e.targetTouches[0]) return e.targetTouches[0].identifier;
   if (e.changedTouches && e.changedTouches[0]) return e.changedTouches[0].identifier;
 }
-function Zt(e) {
+function Qt(e) {
   if (!e) return;
   let t = e.getElementById("react-draggable-style-el");
   t || (t = e.createElement("style"), t.type = "text/css", t.id = "react-draggable-style-el", t.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
 `, t.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
-`, e.getElementsByTagName("head")[0].appendChild(t)), e.body && gt(e.body, "react-draggable-transparent-selection");
+`, e.getElementsByTagName("head")[0].appendChild(t)), e.body && vt(e.body, "react-draggable-transparent-selection");
 }
-function Qt(e) {
+function er(e) {
   window.requestAnimationFrame ? window.requestAnimationFrame(() => {
-    nt(e);
-  }) : nt(e);
+    st(e);
+  }) : st(e);
 }
-function nt(e) {
+function st(e) {
   if (e)
     try {
-      if (e.body && yt(e.body, "react-draggable-transparent-selection"), e.selection)
+      if (e.body && bt(e.body, "react-draggable-transparent-selection"), e.selection)
         e.selection.empty();
       else {
         const t = (e.defaultView || window).getSelection();
@@ -1154,66 +1154,66 @@ function nt(e) {
     } catch {
     }
 }
-function gt(e, t) {
+function vt(e, t) {
   e.classList ? e.classList.add(t) : e.className.match(new RegExp(`(?:^|\\s)${t}(?!\\S)`)) || (e.className += ` ${t}`);
 }
-function yt(e, t) {
+function bt(e, t) {
   e.classList ? e.classList.remove(t) : e.className = e.className.replace(new RegExp(`(?:^|\\s)${t}(?!\\S)`, "g"), "");
 }
 var re = {};
 Object.defineProperty(re, "__esModule", {
   value: !0
 });
-re.canDragX = rr;
-re.canDragY = nr;
-re.createCoreData = ar;
-re.createDraggableData = sr;
-re.getBoundPosition = er;
-re.getControlPosition = or;
-re.snapToGrid = tr;
-var G = te, fe = F;
-function er(e, t, r) {
+re.canDragX = nr;
+re.canDragY = or;
+re.createCoreData = sr;
+re.createDraggableData = ir;
+re.getBoundPosition = tr;
+re.getControlPosition = ar;
+re.snapToGrid = rr;
+var G = te, de = F;
+function tr(e, t, r) {
   if (!e.props.bounds) return [t, r];
   let {
     bounds: o
   } = e.props;
-  o = typeof o == "string" ? o : ir(o);
-  const a = We(e);
+  o = typeof o == "string" ? o : lr(o);
+  const a = Xe(e);
   if (typeof o == "string") {
     const {
       ownerDocument: i
-    } = a, d = i.defaultView;
-    let c;
-    if (o === "parent" ? c = a.parentNode : c = a.getRootNode().querySelector(o), !(c instanceof d.HTMLElement))
+    } = a, u = i.defaultView;
+    let l;
+    if (o === "parent" ? l = a.parentNode : l = a.getRootNode().querySelector(o), !(l instanceof u.HTMLElement))
       throw new Error('Bounds selector "' + o + '" could not find an element.');
-    const h = c, g = d.getComputedStyle(a), v = d.getComputedStyle(h);
+    const d = l, m = u.getComputedStyle(a), b = u.getComputedStyle(d);
     o = {
-      left: -a.offsetLeft + (0, G.int)(v.paddingLeft) + (0, G.int)(g.marginLeft),
-      top: -a.offsetTop + (0, G.int)(v.paddingTop) + (0, G.int)(g.marginTop),
-      right: (0, fe.innerWidth)(h) - (0, fe.outerWidth)(a) - a.offsetLeft + (0, G.int)(v.paddingRight) - (0, G.int)(g.marginRight),
-      bottom: (0, fe.innerHeight)(h) - (0, fe.outerHeight)(a) - a.offsetTop + (0, G.int)(v.paddingBottom) - (0, G.int)(g.marginBottom)
+      left: -a.offsetLeft + (0, G.int)(b.paddingLeft) + (0, G.int)(m.marginLeft),
+      top: -a.offsetTop + (0, G.int)(b.paddingTop) + (0, G.int)(m.marginTop),
+      right: (0, de.innerWidth)(d) - (0, de.outerWidth)(a) - a.offsetLeft + (0, G.int)(b.paddingRight) - (0, G.int)(m.marginRight),
+      bottom: (0, de.innerHeight)(d) - (0, de.outerHeight)(a) - a.offsetTop + (0, G.int)(b.paddingBottom) - (0, G.int)(m.marginBottom)
     };
   }
   return (0, G.isNum)(o.right) && (t = Math.min(t, o.right)), (0, G.isNum)(o.bottom) && (r = Math.min(r, o.bottom)), (0, G.isNum)(o.left) && (t = Math.max(t, o.left)), (0, G.isNum)(o.top) && (r = Math.max(r, o.top)), [t, r];
 }
-function tr(e, t, r) {
+function rr(e, t, r) {
   const o = Math.round(t / e[0]) * e[0], a = Math.round(r / e[1]) * e[1];
   return [o, a];
 }
-function rr(e) {
+function nr(e) {
   return e.props.axis === "both" || e.props.axis === "x";
 }
-function nr(e) {
+function or(e) {
   return e.props.axis === "both" || e.props.axis === "y";
 }
-function or(e, t, r) {
-  const o = typeof t == "number" ? (0, fe.getTouch)(e, t) : null;
+function ar(e, t, r) {
+  const o = typeof t == "number" ? (0, de.getTouch)(e, t) : null;
   if (typeof t == "number" && !o) return null;
-  const a = We(r), i = r.props.offsetParent || a.offsetParent || a.ownerDocument.body;
-  return (0, fe.offsetXYFromParent)(o || e, i, r.props.scale);
+  const a = Xe(r), i = r.props.offsetParent || a.offsetParent || a.ownerDocument.body;
+  return (0, de.offsetXYFromParent)(o || e, i, r.props.scale);
 }
-function ar(e, t, r) {
-  const o = !(0, G.isNum)(e.lastX), a = We(e);
+function sr(e, t, r) {
+  const o = !(0, G.isNum)(e.lastX), a = Xe(e);
   return o ? {
     node: a,
     deltaX: 0,
@@ -1232,7 +1232,7 @@ function ar(e, t, r) {
     y: r
   };
 }
-function sr(e, t) {
+function ir(e, t) {
   const r = e.props.scale;
   return {
     node: t.node,
@@ -1244,7 +1244,7 @@ function sr(e, t) {
     lastY: e.state.y
   };
 }
-function ir(e) {
+function lr(e) {
   return {
     left: e.left,
     top: e.top,
@@ -1252,49 +1252,49 @@ function ir(e) {
     bottom: e.bottom
   };
 }
-function We(e) {
+function Xe(e) {
   const t = e.findDOMNode();
   if (!t)
     throw new Error("<DraggableCore>: Unmounted during event!");
   return t;
 }
-var Se = {}, xe = {};
-Object.defineProperty(xe, "__esModule", {
+var Te = {}, Ee = {};
+Object.defineProperty(Ee, "__esModule", {
   value: !0
 });
-xe.default = lr;
-function lr() {
+Ee.default = cr;
+function cr() {
 }
-Object.defineProperty(Se, "__esModule", {
+Object.defineProperty(Te, "__esModule", {
   value: !0
 });
-Se.default = void 0;
-var Oe = vt(Ie), B = Le(ut), cr = Le(st), q = F, le = re, De = te, he = Le(xe);
-function Le(e) {
+Te.default = void 0;
+var Ne = St(Le), B = qe(dt), ur = qe(lt), q = F, le = re, Ae = te, ge = qe(Ee);
+function qe(e) {
   return e && e.__esModule ? e : { default: e };
 }
-function vt(e, t) {
+function St(e, t) {
   if (typeof WeakMap == "function") var r = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap();
-  return (vt = function(a, i) {
+  return (St = function(a, i) {
     if (!i && a && a.__esModule) return a;
-    var d, c, h = { __proto__: null, default: a };
-    if (a === null || typeof a != "object" && typeof a != "function") return h;
-    if (d = i ? o : r) {
-      if (d.has(a)) return d.get(a);
-      d.set(a, h);
-    }
-    for (const g in a) g !== "default" && {}.hasOwnProperty.call(a, g) && ((c = (d = Object.defineProperty) && Object.getOwnPropertyDescriptor(a, g)) && (c.get || c.set) ? d(h, g, c) : h[g] = a[g]);
-    return h;
+    var u, l, d = { __proto__: null, default: a };
+    if (a === null || typeof a != "object" && typeof a != "function") return d;
+    if (u = i ? o : r) {
+      if (u.has(a)) return u.get(a);
+      u.set(a, d);
+    }
+    for (const m in a) m !== "default" && {}.hasOwnProperty.call(a, m) && ((l = (u = Object.defineProperty) && Object.getOwnPropertyDescriptor(a, m)) && (l.get || l.set) ? u(d, m, l) : d[m] = a[m]);
+    return d;
   })(e, t);
 }
 function H(e, t, r) {
-  return (t = ur(t)) in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+  return (t = fr(t)) in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
-function ur(e) {
-  var t = fr(e, "string");
+function fr(e) {
+  var t = dr(e, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function fr(e, t) {
+function dr(e, t) {
   if (typeof e != "object" || !e) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -1316,7 +1316,7 @@ const Z = {
     stop: "mouseup"
   }
 };
-let ce = Z.mouse, Te = class extends Oe.Component {
+let ce = Z.mouse, we = class extends Ne.Component {
   constructor() {
     super(...arguments), H(this, "dragging", !1), H(this, "lastX", NaN), H(this, "lastY", NaN), H(this, "touchIdentifier", null), H(this, "mounted", !1), H(this, "handleDragStart", (t) => {
       if (this.props.onMouseDown(t), !this.props.allowAnyClick && typeof t.button == "number" && t.button !== 0) return !1;
@@ -1334,10 +1334,10 @@ let ce = Z.mouse, Te = class extends Oe.Component {
       const i = (0, le.getControlPosition)(t, a, this);
       if (i == null) return;
       const {
-        x: d,
-        y: c
-      } = i, h = (0, le.createCoreData)(this, d, c);
-      (0, he.default)("DraggableCore: handleDragStart: %j", h), (0, he.default)("calling", this.props.onStart), !(this.props.onStart(t, h) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, q.addUserSelectStyles)(o), this.dragging = !0, this.lastX = d, this.lastY = c, (0, q.addEvent)(o, ce.move, this.handleDrag), (0, q.addEvent)(o, ce.stop, this.handleDragStop));
+        x: u,
+        y: l
+      } = i, d = (0, le.createCoreData)(this, u, l);
+      (0, ge.default)("DraggableCore: handleDragStart: %j", d), (0, ge.default)("calling", this.props.onStart), !(this.props.onStart(t, d) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, q.addUserSelectStyles)(o), this.dragging = !0, this.lastX = u, this.lastY = l, (0, q.addEvent)(o, ce.move, this.handleDrag), (0, q.addEvent)(o, ce.stop, this.handleDragStop));
     }), H(this, "handleDrag", (t) => {
       const r = (0, le.getControlPosition)(t, this.touchIdentifier, this);
       if (r == null) return;
@@ -1346,17 +1346,17 @@ let ce = Z.mouse, Te = class extends Oe.Component {
         y: a
       } = r;
       if (Array.isArray(this.props.grid)) {
-        let c = o - this.lastX, h = a - this.lastY;
-        if ([c, h] = (0, le.snapToGrid)(this.props.grid, c, h), !c && !h) return;
-        o = this.lastX + c, a = this.lastY + h;
+        let l = o - this.lastX, d = a - this.lastY;
+        if ([l, d] = (0, le.snapToGrid)(this.props.grid, l, d), !l && !d) return;
+        o = this.lastX + l, a = this.lastY + d;
       }
       const i = (0, le.createCoreData)(this, o, a);
-      if ((0, he.default)("DraggableCore: handleDrag: %j", i), this.props.onDrag(t, i) === !1 || this.mounted === !1) {
+      if ((0, ge.default)("DraggableCore: handleDrag: %j", i), this.props.onDrag(t, i) === !1 || this.mounted === !1) {
         try {
           this.handleDragStop(new MouseEvent("mouseup"));
         } catch {
-          const h = document.createEvent("MouseEvents");
-          h.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(h);
+          const d = document.createEvent("MouseEvents");
+          d.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(d);
         }
         return;
       }
@@ -1370,13 +1370,13 @@ let ce = Z.mouse, Te = class extends Oe.Component {
         y: a
       } = r;
       if (Array.isArray(this.props.grid)) {
-        let h = o - this.lastX || 0, g = a - this.lastY || 0;
-        [h, g] = (0, le.snapToGrid)(this.props.grid, h, g), o = this.lastX + h, a = this.lastY + g;
+        let d = o - this.lastX || 0, m = a - this.lastY || 0;
+        [d, m] = (0, le.snapToGrid)(this.props.grid, d, m), o = this.lastX + d, a = this.lastY + m;
       }
       const i = (0, le.createCoreData)(this, o, a);
       if (this.props.onStop(t, i) === !1 || this.mounted === !1) return !1;
-      const c = this.findDOMNode();
-      c && this.props.enableUserSelectHack && (0, q.scheduleRemoveUserSelectStyles)(c.ownerDocument), (0, he.default)("DraggableCore: handleDragStop: %j", i), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, c && ((0, he.default)("DraggableCore: Removing handlers"), (0, q.removeEvent)(c.ownerDocument, ce.move, this.handleDrag), (0, q.removeEvent)(c.ownerDocument, ce.stop, this.handleDragStop));
+      const l = this.findDOMNode();
+      l && this.props.enableUserSelectHack && (0, q.scheduleRemoveUserSelectStyles)(l.ownerDocument), (0, ge.default)("DraggableCore: handleDragStop: %j", i), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, l && ((0, ge.default)("DraggableCore: Removing handlers"), (0, q.removeEvent)(l.ownerDocument, ce.move, this.handleDrag), (0, q.removeEvent)(l.ownerDocument, ce.stop, this.handleDragStop));
     }), H(this, "onMouseDown", (t) => (ce = Z.mouse, this.handleDragStart(t))), H(this, "onMouseUp", (t) => (ce = Z.mouse, this.handleDragStop(t))), H(this, "onTouchStart", (t) => (ce = Z.touch, this.handleDragStart(t))), H(this, "onTouchEnd", (t) => (ce = Z.touch, this.handleDragStop(t)));
   }
   componentDidMount() {
@@ -1402,10 +1402,10 @@ let ce = Z.mouse, Te = class extends Oe.Component {
   // the underlying DOM node ourselves. See the README for more information.
   findDOMNode() {
     var t, r, o;
-    return (t = this.props) != null && t.nodeRef ? (o = (r = this.props) == null ? void 0 : r.nodeRef) == null ? void 0 : o.current : cr.default.findDOMNode(this);
+    return (t = this.props) != null && t.nodeRef ? (o = (r = this.props) == null ? void 0 : r.nodeRef) == null ? void 0 : o.current : ur.default.findDOMNode(this);
   }
   render() {
-    return /* @__PURE__ */ Oe.cloneElement(Oe.Children.only(this.props.children), {
+    return /* @__PURE__ */ Ne.cloneElement(Ne.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,
@@ -1417,9 +1417,9 @@ let ce = Z.mouse, Te = class extends Oe.Component {
     });
   }
 };
-Se.default = Te;
-H(Te, "displayName", "DraggableCore");
-H(Te, "propTypes", {
+Te.default = we;
+H(we, "displayName", "DraggableCore");
+H(we, "propTypes", {
   /**
    * `allowAnyClick` allows dragging using any mouse button.
    * By default, we only accept the left button.
@@ -1546,11 +1546,11 @@ H(Te, "propTypes", {
   /**
    * These properties should be defined on the child, not here.
    */
-  className: De.dontSetMe,
-  style: De.dontSetMe,
-  transform: De.dontSetMe
+  className: Ae.dontSetMe,
+  style: Ae.dontSetMe,
+  transform: Ae.dontSetMe
 });
-H(Te, "defaultProps", {
+H(we, "defaultProps", {
   allowAnyClick: !1,
   // by default only accept left click
   allowMobileScroll: !1,
@@ -1572,84 +1572,84 @@ H(Te, "defaultProps", {
   }), Object.defineProperty(e, "DraggableCore", {
     enumerable: !0,
     get: function() {
-      return h.default;
+      return d.default;
     }
   }), e.default = void 0;
-  var t = P(Ie), r = v(ut), o = v(st), a = Nt, i = F, d = re, c = te, h = v(Se), g = v(xe);
-  function v(_) {
-    return _ && _.__esModule ? _ : { default: _ };
+  var t = C(Le), r = b(dt), o = b(lt), a = At, i = F, u = re, l = te, d = b(Te), m = b(Ee);
+  function b(g) {
+    return g && g.__esModule ? g : { default: g };
   }
-  function P(_, x) {
-    if (typeof WeakMap == "function") var E = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap();
-    return (P = function(s, R) {
-      if (!R && s && s.__esModule) return s;
-      var L, U, Y = { __proto__: null, default: s };
+  function C(g, x) {
+    if (typeof WeakMap == "function") var w = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
+    return (C = function(s, O) {
+      if (!O && s && s.__esModule) return s;
+      var W, U, Y = { __proto__: null, default: s };
       if (s === null || typeof s != "object" && typeof s != "function") return Y;
-      if (L = R ? S : E) {
-        if (L.has(s)) return L.get(s);
-        L.set(s, Y);
+      if (W = O ? E : w) {
+        if (W.has(s)) return W.get(s);
+        W.set(s, Y);
       }
-      for (const W in s) W !== "default" && {}.hasOwnProperty.call(s, W) && ((U = (L = Object.defineProperty) && Object.getOwnPropertyDescriptor(s, W)) && (U.get || U.set) ? L(Y, W, U) : Y[W] = s[W]);
+      for (const L in s) L !== "default" && {}.hasOwnProperty.call(s, L) && ((U = (W = Object.defineProperty) && Object.getOwnPropertyDescriptor(s, L)) && (U.get || U.set) ? W(Y, L, U) : Y[L] = s[L]);
       return Y;
-    })(_, x);
+    })(g, x);
   }
-  function A() {
-    return A = Object.assign ? Object.assign.bind() : function(_) {
+  function T() {
+    return T = Object.assign ? Object.assign.bind() : function(g) {
       for (var x = 1; x < arguments.length; x++) {
-        var E = arguments[x];
-        for (var S in E) ({}).hasOwnProperty.call(E, S) && (_[S] = E[S]);
+        var w = arguments[x];
+        for (var E in w) ({}).hasOwnProperty.call(w, E) && (g[E] = w[E]);
       }
-      return _;
-    }, A.apply(null, arguments);
+      return g;
+    }, T.apply(null, arguments);
   }
-  function N(_, x, E) {
-    return (x = I(x)) in _ ? Object.defineProperty(_, x, { value: E, enumerable: !0, configurable: !0, writable: !0 }) : _[x] = E, _;
+  function R(g, x, w) {
+    return (x = I(x)) in g ? Object.defineProperty(g, x, { value: w, enumerable: !0, configurable: !0, writable: !0 }) : g[x] = w, g;
   }
-  function I(_) {
-    var x = $(_, "string");
+  function I(g) {
+    var x = M(g, "string");
     return typeof x == "symbol" ? x : x + "";
   }
-  function $(_, x) {
-    if (typeof _ != "object" || !_) return _;
-    var E = _[Symbol.toPrimitive];
-    if (E !== void 0) {
-      var S = E.call(_, x);
-      if (typeof S != "object") return S;
+  function M(g, x) {
+    if (typeof g != "object" || !g) return g;
+    var w = g[Symbol.toPrimitive];
+    if (w !== void 0) {
+      var E = w.call(g, x);
+      if (typeof E != "object") return E;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (x === "string" ? String : Number)(_);
+    return (x === "string" ? String : Number)(g);
   }
-  class T extends t.Component {
+  class $ extends t.Component {
     // React 16.3+
     // Arity (props, state)
-    static getDerivedStateFromProps(x, E) {
+    static getDerivedStateFromProps(x, w) {
       let {
-        position: S
+        position: E
       } = x, {
         prevPropsPosition: s
-      } = E;
-      return S && (!s || S.x !== s.x || S.y !== s.y) ? ((0, g.default)("Draggable: getDerivedStateFromProps %j", {
-        position: S,
+      } = w;
+      return E && (!s || E.x !== s.x || E.y !== s.y) ? ((0, m.default)("Draggable: getDerivedStateFromProps %j", {
+        position: E,
         prevPropsPosition: s
       }), {
-        x: S.x,
-        y: S.y,
+        x: E.x,
+        y: E.y,
         prevPropsPosition: {
-          ...S
+          ...E
         }
       }) : null;
     }
     constructor(x) {
-      super(x), N(this, "onDragStart", (E, S) => {
-        if ((0, g.default)("Draggable: onDragStart: %j", S), this.props.onStart(E, (0, d.createDraggableData)(this, S)) === !1) return !1;
+      super(x), R(this, "onDragStart", (w, E) => {
+        if ((0, m.default)("Draggable: onDragStart: %j", E), this.props.onStart(w, (0, u.createDraggableData)(this, E)) === !1) return !1;
         this.setState({
           dragging: !0,
           dragged: !0
         });
-      }), N(this, "onDrag", (E, S) => {
+      }), R(this, "onDrag", (w, E) => {
         if (!this.state.dragging) return !1;
-        (0, g.default)("Draggable: onDrag: %j", S);
-        const s = (0, d.createDraggableData)(this, S), R = {
+        (0, m.default)("Draggable: onDrag: %j", E);
+        const s = (0, u.createDraggableData)(this, E), O = {
           x: s.x,
           y: s.y,
           slackX: 0,
@@ -1659,17 +1659,17 @@ H(Te, "defaultProps", {
           const {
             x: U,
             y: Y
-          } = R;
-          R.x += this.state.slackX, R.y += this.state.slackY;
-          const [W, ne] = (0, d.getBoundPosition)(this, R.x, R.y);
-          R.x = W, R.y = ne, R.slackX = this.state.slackX + (U - R.x), R.slackY = this.state.slackY + (Y - R.y), s.x = R.x, s.y = R.y, s.deltaX = R.x - this.state.x, s.deltaY = R.y - this.state.y;
+          } = O;
+          O.x += this.state.slackX, O.y += this.state.slackY;
+          const [L, ne] = (0, u.getBoundPosition)(this, O.x, O.y);
+          O.x = L, O.y = ne, O.slackX = this.state.slackX + (U - O.x), O.slackY = this.state.slackY + (Y - O.y), s.x = O.x, s.y = O.y, s.deltaX = O.x - this.state.x, s.deltaY = O.y - this.state.y;
         }
-        if (this.props.onDrag(E, s) === !1) return !1;
-        this.setState(R);
-      }), N(this, "onDragStop", (E, S) => {
-        if (!this.state.dragging || this.props.onStop(E, (0, d.createDraggableData)(this, S)) === !1) return !1;
-        (0, g.default)("Draggable: onDragStop: %j", S);
-        const R = {
+        if (this.props.onDrag(w, s) === !1) return !1;
+        this.setState(O);
+      }), R(this, "onDragStop", (w, E) => {
+        if (!this.state.dragging || this.props.onStop(w, (0, u.createDraggableData)(this, E)) === !1) return !1;
+        (0, m.default)("Draggable: onDragStop: %j", E);
+        const O = {
           dragging: !1,
           slackX: 0,
           slackY: 0
@@ -1679,9 +1679,9 @@ H(Te, "defaultProps", {
             x: U,
             y: Y
           } = this.props.position;
-          R.x = U, R.y = Y;
+          O.x = U, O.y = Y;
         }
-        this.setState(R);
+        this.setState(O);
       }), this.state = {
         // Whether or not we are currently dragging.
         dragging: !1,
@@ -1713,52 +1713,52 @@ H(Te, "defaultProps", {
     // 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 x, E;
-      return ((E = (x = this.props) == null ? void 0 : x.nodeRef) == null ? void 0 : E.current) ?? o.default.findDOMNode(this);
+      var x, w;
+      return ((w = (x = this.props) == null ? void 0 : x.nodeRef) == null ? void 0 : w.current) ?? o.default.findDOMNode(this);
     }
     render() {
       const {
         axis: x,
-        bounds: E,
-        children: S,
+        bounds: w,
+        children: E,
         defaultPosition: s,
-        defaultClassName: R,
-        defaultClassNameDragging: L,
+        defaultClassName: O,
+        defaultClassNameDragging: W,
         defaultClassNameDragged: U,
         position: Y,
-        positionOffset: W,
+        positionOffset: L,
         scale: ne,
         ...oe
       } = this.props;
       let ae = {}, K = null;
       const X = !!!Y || this.state.dragging, V = Y || s, Q = {
         // Set left if horizontal drag is enabled
-        x: (0, d.canDragX)(this) && X ? this.state.x : V.x,
+        x: (0, u.canDragX)(this) && X ? this.state.x : V.x,
         // Set top if vertical drag is enabled
-        y: (0, d.canDragY)(this) && X ? this.state.y : V.y
+        y: (0, u.canDragY)(this) && X ? this.state.y : V.y
       };
-      this.state.isElementSVG ? K = (0, i.createSVGTransform)(Q, W) : ae = (0, i.createCSSTransform)(Q, W);
-      const ie = (0, a.clsx)(S.props.className || "", R, {
-        [L]: this.state.dragging,
+      this.state.isElementSVG ? K = (0, i.createSVGTransform)(Q, L) : ae = (0, i.createCSSTransform)(Q, L);
+      const ie = (0, a.clsx)(E.props.className || "", O, {
+        [W]: this.state.dragging,
         [U]: this.state.dragged
       });
-      return /* @__PURE__ */ t.createElement(h.default, A({}, oe, {
+      return /* @__PURE__ */ t.createElement(d.default, T({}, oe, {
         onStart: this.onDragStart,
         onDrag: this.onDrag,
         onStop: this.onDragStop
-      }), /* @__PURE__ */ t.cloneElement(t.Children.only(S), {
+      }), /* @__PURE__ */ t.cloneElement(t.Children.only(E), {
         className: ie,
         style: {
-          ...S.props.style,
+          ...E.props.style,
           ...ae
         },
         transform: K
       }));
     }
   }
-  e.default = T, N(T, "displayName", "Draggable"), N(T, "propTypes", {
+  e.default = $, R($, "displayName", "Draggable"), R($, "propTypes", {
     // Accepts all props <DraggableCore> accepts.
-    ...h.default.propTypes,
+    ...d.default.propTypes,
     /**
      * `axis` determines which axis the draggable can move.
      *
@@ -1860,11 +1860,11 @@ H(Te, "defaultProps", {
     /**
      * These properties should be defined on the child, not here.
      */
-    className: c.dontSetMe,
-    style: c.dontSetMe,
-    transform: c.dontSetMe
-  }), N(T, "defaultProps", {
-    ...h.default.defaultProps,
+    className: l.dontSetMe,
+    style: l.dontSetMe,
+    transform: l.dontSetMe
+  }), R($, "defaultProps", {
+    ...d.default.defaultProps,
     axis: "both",
     bounds: !1,
     defaultClassName: "react-draggable",
@@ -1876,42 +1876,42 @@ H(Te, "defaultProps", {
     },
     scale: 1
   });
-})(it);
+})(ct);
 const {
-  default: bt,
-  DraggableCore: dr
-} = it;
-be.exports = bt;
-be.exports.default = bt;
-be.exports.DraggableCore = dr;
-var pr = be.exports;
-const hr = /* @__PURE__ */ xt(pr), mr = ({
+  default: xt,
+  DraggableCore: pr
+} = ct;
+xe.exports = xt;
+xe.exports.default = xt;
+xe.exports.DraggableCore = pr;
+var hr = xe.exports;
+const gr = /* @__PURE__ */ Tt(hr), mr = ({
   title: e,
   collapsed: t = !1,
   draggable: r = !0,
   position: o = { x: 20, y: 20 },
   children: a
 }) => {
-  const [i, d] = me(t), c = St(null);
-  return /* @__PURE__ */ u.jsx(
-    hr,
+  const [i, u] = ue(t), l = Se(null);
+  return /* @__PURE__ */ f.jsx(
+    gr,
     {
-      nodeRef: c,
+      nodeRef: l,
       handle: ".font-controls-header",
       disabled: !r,
       defaultPosition: o,
       bounds: "parent",
-      children: /* @__PURE__ */ u.jsxs("div", { ref: c, className: "font-controls-panel", children: [
-        /* @__PURE__ */ u.jsxs("div", { className: "font-controls-header", children: [
-          /* @__PURE__ */ u.jsx("h3", { className: "font-controls-title", children: e }),
-          /* @__PURE__ */ u.jsx(
+      children: /* @__PURE__ */ f.jsxs("div", { ref: l, className: "font-controls-panel", children: [
+        /* @__PURE__ */ f.jsxs("div", { className: "font-controls-header", children: [
+          /* @__PURE__ */ f.jsx("h3", { className: "font-controls-title", children: e }),
+          /* @__PURE__ */ f.jsx(
             "button",
             {
               className: `font-controls-toggle ${i ? "collapsed" : ""}`,
-              onClick: () => d(!i),
+              onClick: () => u(!i),
               type: "button",
               "aria-label": i ? "Expand" : "Collapse",
-              children: /* @__PURE__ */ u.jsx(
+              children: /* @__PURE__ */ f.jsx(
                 "svg",
                 {
                   viewBox: "0 0 24 24",
@@ -1920,42 +1920,109 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
                   strokeWidth: "2",
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
-                  children: /* @__PURE__ */ u.jsx("polyline", { points: "6 9 12 15 18 9" })
+                  children: /* @__PURE__ */ f.jsx("polyline", { points: "6 9 12 15 18 9" })
                 }
               )
             }
           )
         ] }),
-        !i && /* @__PURE__ */ u.jsx("div", { className: "font-controls-content", children: a })
+        !i && /* @__PURE__ */ f.jsx("div", { className: "font-controls-content", children: a })
       ] })
     }
   );
-}, gr = ({
+}, yr = ({
   value: e,
   onChange: t,
   fontFamilies: r
-}) => /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", children: [
-  /* @__PURE__ */ u.jsx("label", { className: "font-control-label", children: "Font Family" }),
-  /* @__PURE__ */ u.jsx(
-    "select",
-    {
-      className: "font-control-input font-control-select",
-      value: e,
-      onChange: (o) => t(o.target.value),
-      style: { fontFamily: e },
-      children: r.map((o) => /* @__PURE__ */ u.jsx("option", { value: o, style: { fontFamily: o }, children: o }, o))
+}) => {
+  const [o, a] = ue(!1), [i, u] = ue(""), [l, d] = ue(-1), m = Se(null), b = Se(null), C = Se(null), T = r.filter(
+    (g) => g.toLowerCase().includes(i.toLowerCase())
+  );
+  me(() => {
+    const g = (x) => {
+      m.current && !m.current.contains(x.target) && (a(!1), u(""), d(-1));
+    };
+    return o && document.addEventListener("mousedown", g), () => {
+      document.removeEventListener("mousedown", g);
+    };
+  }, [o]), me(() => {
+    if (l >= 0 && C.current) {
+      const g = C.current.children[l];
+      g && g.scrollIntoView({
+        block: "nearest",
+        behavior: "smooth"
+      });
     }
-  )
-] }), yr = ({
+  }, [l]);
+  const R = (g) => {
+    t(g), a(!1), u(""), d(-1);
+  }, I = (g) => {
+    if (!o && (g.key === "Enter" || g.key === "ArrowDown")) {
+      g.preventDefault(), a(!0);
+      return;
+    }
+    if (o)
+      switch (g.key) {
+        case "ArrowDown":
+          g.preventDefault(), d(
+            (x) => x < T.length - 1 ? x + 1 : x
+          );
+          break;
+        case "ArrowUp":
+          g.preventDefault(), d((x) => x > 0 ? x - 1 : 0);
+          break;
+        case "Enter":
+          g.preventDefault(), l >= 0 && T[l] && R(T[l]);
+          break;
+        case "Escape":
+          g.preventDefault(), a(!1), u(""), d(-1);
+          break;
+      }
+  }, M = (g) => {
+    u(g.target.value), d(-1), o || a(!0);
+  }, $ = () => {
+    a(!0), b.current && b.current.select();
+  };
+  return /* @__PURE__ */ f.jsxs("div", { className: "font-control-group", ref: m, children: [
+    /* @__PURE__ */ f.jsx("label", { className: "font-control-label", children: "Font Family" }),
+    /* @__PURE__ */ f.jsxs("div", { className: "font-control-searchable-select", children: [
+      /* @__PURE__ */ f.jsx(
+        "input",
+        {
+          ref: b,
+          type: "text",
+          className: "font-control-input font-control-search-input",
+          value: o ? i : e,
+          onChange: M,
+          onClick: $,
+          onKeyDown: I,
+          placeholder: "Search fonts...",
+          style: { fontFamily: o ? "inherit" : e }
+        }
+      ),
+      o && /* @__PURE__ */ f.jsx("div", { className: "font-control-dropdown", ref: C, children: T.length > 0 ? T.map((g, x) => /* @__PURE__ */ f.jsx(
+        "div",
+        {
+          className: `font-control-dropdown-item ${x === l ? "highlighted" : ""} ${g === e ? "selected" : ""}`,
+          onClick: () => R(g),
+          onMouseEnter: () => d(x),
+          style: { fontFamily: g },
+          children: g
+        },
+        g
+      )) : /* @__PURE__ */ f.jsx("div", { className: "font-control-dropdown-item no-results", children: "No fonts found" }) })
+    ] })
+  ] });
+}, vr = ({
   value: e,
   onChange: t,
   min: r,
   max: o,
   step: a
-}) => /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", children: [
-  /* @__PURE__ */ u.jsx("label", { className: "font-control-label", children: "Font Size" }),
-  /* @__PURE__ */ u.jsxs("div", { className: "font-control-slider-container", children: [
-    /* @__PURE__ */ u.jsx(
+}) => /* @__PURE__ */ f.jsxs("div", { className: "font-control-group", children: [
+  /* @__PURE__ */ f.jsx("label", { className: "font-control-label", children: "Font Size" }),
+  /* @__PURE__ */ f.jsxs("div", { className: "font-control-slider-container", children: [
+    /* @__PURE__ */ f.jsx(
       "input",
       {
         type: "range",
@@ -1967,7 +2034,7 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
         onChange: (i) => t(Number(i.target.value))
       }
     ),
-    /* @__PURE__ */ u.jsx(
+    /* @__PURE__ */ f.jsx(
       "input",
       {
         type: "number",
@@ -1980,7 +2047,7 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
       }
     )
   ] })
-] }), vr = [
+] }), br = [
   { value: 100, label: "Thin" },
   { value: 200, label: "Extra Light" },
   { value: 300, label: "Light" },
@@ -1990,18 +2057,18 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
   { value: 700, label: "Bold" },
   { value: 800, label: "Extra Bold" },
   { value: 900, label: "Black" }
-], br = ({
+], Sr = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", children: [
-  /* @__PURE__ */ u.jsx("label", { className: "font-control-label", children: "Font Weight" }),
-  /* @__PURE__ */ u.jsx(
+}) => /* @__PURE__ */ f.jsxs("div", { className: "font-control-group", children: [
+  /* @__PURE__ */ f.jsx("label", { className: "font-control-label", children: "Font Weight" }),
+  /* @__PURE__ */ f.jsx(
     "select",
     {
       className: "font-control-input font-control-select",
       value: e,
       onChange: (r) => t(Number(r.target.value)),
-      children: vr.map((r) => /* @__PURE__ */ u.jsxs("option", { value: r.value, children: [
+      children: br.map((r) => /* @__PURE__ */ f.jsxs("option", { value: r.value, children: [
         r.label,
         " (",
         r.value,
@@ -2009,13 +2076,13 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
       ] }, r.value))
     }
   )
-] }), Sr = ({
+] }), xr = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", children: [
-  /* @__PURE__ */ u.jsx("label", { className: "font-control-label", children: "Line Height" }),
-  /* @__PURE__ */ u.jsxs("div", { className: "font-control-slider-container", children: [
-    /* @__PURE__ */ u.jsx(
+}) => /* @__PURE__ */ f.jsxs("div", { className: "font-control-group", children: [
+  /* @__PURE__ */ f.jsx("label", { className: "font-control-label", children: "Line Height" }),
+  /* @__PURE__ */ f.jsxs("div", { className: "font-control-slider-container", children: [
+    /* @__PURE__ */ f.jsx(
       "input",
       {
         type: "range",
@@ -2027,7 +2094,7 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
         onChange: (r) => t(Number(r.target.value))
       }
     ),
-    /* @__PURE__ */ u.jsx(
+    /* @__PURE__ */ f.jsx(
       "input",
       {
         type: "number",
@@ -2040,13 +2107,13 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
       }
     )
   ] })
-] }), xr = ({
+] }), Tr = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", children: [
-  /* @__PURE__ */ u.jsx("label", { className: "font-control-label", children: "Letter Spacing" }),
-  /* @__PURE__ */ u.jsxs("div", { className: "font-control-slider-container", children: [
-    /* @__PURE__ */ u.jsx(
+}) => /* @__PURE__ */ f.jsxs("div", { className: "font-control-group", children: [
+  /* @__PURE__ */ f.jsx("label", { className: "font-control-label", children: "Letter Spacing" }),
+  /* @__PURE__ */ f.jsxs("div", { className: "font-control-slider-container", children: [
+    /* @__PURE__ */ f.jsx(
       "input",
       {
         type: "range",
@@ -2058,7 +2125,7 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
         onChange: (r) => t(Number(r.target.value))
       }
     ),
-    /* @__PURE__ */ u.jsx(
+    /* @__PURE__ */ f.jsx(
       "input",
       {
         type: "number",
@@ -2071,32 +2138,32 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
       }
     )
   ] })
-] }), Tr = [
+] }), Er = [
   { value: "none", label: "None" },
   { value: "uppercase", label: "UPPERCASE" },
   { value: "lowercase", label: "lowercase" },
   { value: "capitalize", label: "Capitalize" }
-], Er = ({
+], wr = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", children: [
-  /* @__PURE__ */ u.jsx("label", { className: "font-control-label", children: "Text Transform" }),
-  /* @__PURE__ */ u.jsx(
+}) => /* @__PURE__ */ f.jsxs("div", { className: "font-control-group", children: [
+  /* @__PURE__ */ f.jsx("label", { className: "font-control-label", children: "Text Transform" }),
+  /* @__PURE__ */ f.jsx(
     "select",
     {
       className: "font-control-input font-control-select",
       value: e,
       onChange: (r) => t(r.target.value),
-      children: Tr.map((r) => /* @__PURE__ */ u.jsx("option", { value: r.value, children: r.label }, r.value))
+      children: Er.map((r) => /* @__PURE__ */ f.jsx("option", { value: r.value, children: r.label }, r.value))
     }
   )
 ] }), _r = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", children: [
-  /* @__PURE__ */ u.jsx("label", { className: "font-control-label", children: "Text Color" }),
-  /* @__PURE__ */ u.jsxs("div", { className: "font-control-color-input", children: [
-    /* @__PURE__ */ u.jsx("div", { className: "font-control-color-preview", children: /* @__PURE__ */ u.jsx(
+}) => /* @__PURE__ */ f.jsxs("div", { className: "font-control-group", children: [
+  /* @__PURE__ */ f.jsx("label", { className: "font-control-label", children: "Text Color" }),
+  /* @__PURE__ */ f.jsxs("div", { className: "font-control-color-input", children: [
+    /* @__PURE__ */ f.jsx("div", { className: "font-control-color-preview", children: /* @__PURE__ */ f.jsx(
       "input",
       {
         type: "color",
@@ -2104,7 +2171,7 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
         onChange: (r) => t(r.target.value)
       }
     ) }),
-    /* @__PURE__ */ u.jsx(
+    /* @__PURE__ */ f.jsx(
       "input",
       {
         type: "text",
@@ -2115,17 +2182,17 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
       }
     )
   ] })
-] }), wr = [
+] }), Cr = [
   { value: "left", icon: "⬅" },
   { value: "center", icon: "↔" },
   { value: "right", icon: "➡" },
   { value: "justify", icon: "⬌" }
-], Cr = ({
+], Pr = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", children: [
-  /* @__PURE__ */ u.jsx("label", { className: "font-control-label", children: "Text Align" }),
-  /* @__PURE__ */ u.jsx("div", { className: "font-control-button-group", children: wr.map((r) => /* @__PURE__ */ u.jsx(
+}) => /* @__PURE__ */ f.jsxs("div", { className: "font-control-group", children: [
+  /* @__PURE__ */ f.jsx("label", { className: "font-control-label", children: "Text Align" }),
+  /* @__PURE__ */ f.jsx("div", { className: "font-control-button-group", children: Cr.map((r) => /* @__PURE__ */ f.jsx(
     "button",
     {
       className: `font-control-button ${e === r.value ? "active" : ""}`,
@@ -2135,41 +2202,41 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
     },
     r.value
   )) })
-] }), Ne = ({
+] }), ke = ({
   title: e,
   code: t,
   language: r = "css"
 }) => {
-  const [o, a] = me(!1), i = async () => {
+  const [o, a] = ue(!1), i = async () => {
     try {
       await navigator.clipboard.writeText(t), a(!0), setTimeout(() => a(!1), 2e3);
-    } catch (d) {
-      console.error("Failed to copy:", d);
+    } catch (u) {
+      console.error("Failed to copy:", u);
     }
   };
-  return /* @__PURE__ */ u.jsxs("div", { className: "font-control-code-block", children: [
-    /* @__PURE__ */ u.jsxs("div", { className: "font-control-code-header", children: [
-      /* @__PURE__ */ u.jsx("span", { className: "font-control-code-title", children: e }),
-      /* @__PURE__ */ u.jsx(
+  return /* @__PURE__ */ f.jsxs("div", { className: "font-control-code-block", children: [
+    /* @__PURE__ */ f.jsxs("div", { className: "font-control-code-header", children: [
+      /* @__PURE__ */ f.jsx("span", { className: "font-control-code-title", children: e }),
+      /* @__PURE__ */ f.jsx(
         "button",
         {
           className: "font-control-copy-button",
           onClick: i,
           type: "button",
-          children: o ? /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-            /* @__PURE__ */ u.jsx(
+          children: o ? /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+            /* @__PURE__ */ f.jsx(
               "svg",
               {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
                 strokeWidth: "2",
-                children: /* @__PURE__ */ u.jsx("polyline", { points: "20 6 9 17 4 12" })
+                children: /* @__PURE__ */ f.jsx("polyline", { points: "20 6 9 17 4 12" })
               }
             ),
             "Copied!"
-          ] }) : /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-            /* @__PURE__ */ u.jsxs(
+          ] }) : /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+            /* @__PURE__ */ f.jsxs(
               "svg",
               {
                 viewBox: "0 0 24 24",
@@ -2177,8 +2244,8 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
                 stroke: "currentColor",
                 strokeWidth: "2",
                 children: [
-                  /* @__PURE__ */ u.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
-                  /* @__PURE__ */ u.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                  /* @__PURE__ */ f.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+                  /* @__PURE__ */ f.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                 ]
               }
             ),
@@ -2187,25 +2254,25 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
         }
       )
     ] }),
-    /* @__PURE__ */ u.jsx("pre", { className: "font-control-code-content", children: /* @__PURE__ */ u.jsx("code", { className: `language-${r}`, children: t }) })
+    /* @__PURE__ */ f.jsx("pre", { className: "font-control-code-content", children: /* @__PURE__ */ f.jsx("code", { className: `language-${r}`, children: t }) })
   ] });
-}, ot = /* @__PURE__ */ new Set();
-function Pr(e) {
-  if (ot.has(e))
+}, it = /* @__PURE__ */ new Set();
+function jr(e) {
+  if (it.has(e))
     return;
   const t = document.createElement("link");
-  t.rel = "stylesheet", t.href = `https://fonts.googleapis.com/css2?family=${e.replace(/ /g, "+")}:wght@100;200;300;400;500;600;700;800;900&display=swap`, document.head.appendChild(t), ot.add(e);
+  t.rel = "stylesheet", t.href = `https://fonts.googleapis.com/css2?family=${e.replace(/ /g, "+")}:wght@100;200;300;400;500;600;700;800;900&display=swap`, document.head.appendChild(t), it.add(e);
 }
-function jr(e) {
+function Rr(e) {
   if (!document.querySelector('link[href*="fonts.googleapis.com"]')) {
     const t = document.createElement("link");
     t.rel = "preconnect", t.href = "https://fonts.googleapis.com";
     const r = document.createElement("link");
     r.rel = "preconnect", r.href = "https://fonts.gstatic.com", r.crossOrigin = "anonymous", document.head.appendChild(t), document.head.appendChild(r);
   }
-  e.forEach(Pr);
+  e.forEach(jr);
 }
-function Rr(e) {
+function Or(e) {
   return [
     "Arial",
     "Helvetica",
@@ -2217,7 +2284,7 @@ function Rr(e) {
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="${`https://fonts.googleapis.com/css2?family=${e.replace(/ /g, "+")}:wght@100;200;300;400;500;600;700;800;900&display=swap`}" rel="stylesheet">`;
 }
-function Or(e) {
+function Dr(e) {
   return `<h1 style={{
   fontFamily: '${e.fontFamily}',
   fontSize: '${e.fontSize}px',
@@ -2231,7 +2298,7 @@ function Or(e) {
   Your Text Here
 </h1>`;
 }
-function Dr(e) {
+function Nr(e) {
   return `.my-text {
   font-family: '${e.fontFamily}', sans-serif;
   font-size: ${e.fontSize}px;
@@ -2243,8 +2310,8 @@ function Dr(e) {
   text-align: ${e.textAlign};
 }`;
 }
-const Nr = [
-  // Sans-serif - Modern & Clean
+const Ar = [
+  // Sans-serif - Modern & Clean (40 fonts)
   "Inter",
   "Roboto",
   "Open Sans",
@@ -2256,24 +2323,100 @@ const Nr = [
   "Nunito",
   "Source Sans Pro",
   "DM Sans",
-  // Serif - Classic & Elegant
+  "Manrope",
+  "Plus Jakarta Sans",
+  "Outfit",
+  "Space Grotesk",
+  "Rubik",
+  "Karla",
+  "Mulish",
+  "Quicksand",
+  "Barlow",
+  "Josefin Sans",
+  "Lexend",
+  "Hind",
+  "Oxygen",
+  "Ubuntu",
+  "Noto Sans",
+  "PT Sans",
+  "Cabin",
+  "Varela Round",
+  "Asap",
+  "Exo 2",
+  "Archivo",
+  "Titillium Web",
+  "Yantramanav",
+  "Heebo",
+  "Comfortaa",
+  "Alata",
+  "Jost",
+  "Red Hat Display",
+  "Sora",
+  // Serif - Classic & Elegant (20 fonts)
   "Playfair Display",
   "Merriweather",
   "Lora",
   "Crimson Text",
   "EB Garamond",
-  // Monospace - Code & Tech
+  "Libre Baskerville",
+  "Cormorant Garamond",
+  "Spectral",
+  "Cardo",
+  "Bitter",
+  "Arvo",
+  "Vollkorn",
+  "Neuton",
+  "Alegreya",
+  "Domine",
+  "Rokkitt",
+  "PT Serif",
+  "Gelasio",
+  "Noticia Text",
+  "Unna",
+  // Monospace - Code & Tech (15 fonts)
   "Fira Code",
   "JetBrains Mono",
   "Inconsolata",
   "Source Code Pro",
-  // Display - Bold & Creative
+  "Roboto Mono",
+  "IBM Plex Mono",
+  "Space Mono",
+  "Courier Prime",
+  "Anonymous Pro",
+  "Overpass Mono",
+  "Ubuntu Mono",
+  "PT Mono",
+  "Noto Sans Mono",
+  "Cousine",
+  "Share Tech Mono",
+  // Display - Bold & Creative (15 fonts)
   "Bebas Neue",
   "Oswald",
   "Righteous",
   "Permanent Marker",
-  "Pacifico"
-], Ae = {
+  "Pacifico",
+  "Anton",
+  "Alfa Slab One",
+  "Fredoka One",
+  "Passion One",
+  "Bungee",
+  "Monoton",
+  "Abril Fatface",
+  "Lobster",
+  "Bangers",
+  "Russo One",
+  // Handwriting & Script (10 fonts)
+  "Dancing Script",
+  "Satisfy",
+  "Great Vibes",
+  "Kaushan Script",
+  "Caveat",
+  "Shadows Into Light",
+  "Indie Flower",
+  "Amatic SC",
+  "Patrick Hand",
+  "Courgette"
+], Me = {
   fontFamily: "Arial",
   fontSize: 16,
   fontWeight: 400,
@@ -2282,182 +2425,189 @@ const Nr = [
   textTransform: "none",
   color: "#000000",
   textAlign: "left"
-}, $r = ({
+}, Lr = ({
   value: e,
   onChange: t,
-  fontFamilies: r = Nr,
+  fontFamilies: r = Ar,
   minFontSize: o = 8,
   maxFontSize: a = 120,
-  fontSizeStep: i = 1,
-  title: d = "Font Controls",
-  collapsed: c = !1,
-  draggable: h = !0,
-  position: g
+  fontSizeStep: i = 1
 }) => {
-  const [v, P] = me({
-    ...Ae,
-    ...e
-  }), [A, N] = me(!1);
-  Xe(() => {
-    e && P((T) => ({ ...T, ...e }));
-  }, [e]), Xe(() => {
-    jr(r);
+  const [u, l] = ue(() => ({ ...Me, ...e })), [d, m] = ue(!1);
+  me(() => {
+    e && l((T) => ({ ...T, ...e }));
+  }, [e]), me(() => {
+    Rr(r);
   }, [r]);
-  const I = (T, _) => {
-    const x = { ...v, [T]: _ };
-    P(x), t == null || t(x);
-  }, $ = () => {
-    P(Ae), t == null || t(Ae);
+  const b = (T, R) => {
+    const I = { ...u, [T]: R };
+    l(I), t == null || t(I);
+  }, C = () => {
+    l(Me), t == null || t(Me);
   };
-  return /* @__PURE__ */ u.jsxs(
-    mr,
-    {
-      title: d,
-      collapsed: c,
-      draggable: h,
-      position: g,
-      children: [
-        /* @__PURE__ */ u.jsx(
-          gr,
-          {
-            value: v.fontFamily,
-            onChange: (T) => I("fontFamily", T),
-            fontFamilies: r
-          }
-        ),
-        /* @__PURE__ */ u.jsx(
-          yr,
-          {
-            value: v.fontSize,
-            onChange: (T) => I("fontSize", T),
-            min: o,
-            max: a,
-            step: i
-          }
-        ),
-        /* @__PURE__ */ u.jsx(
-          br,
-          {
-            value: v.fontWeight,
-            onChange: (T) => I("fontWeight", T)
-          }
-        ),
-        /* @__PURE__ */ u.jsx(
-          Sr,
-          {
-            value: v.lineHeight,
-            onChange: (T) => I("lineHeight", T)
-          }
-        ),
-        /* @__PURE__ */ u.jsx(
-          xr,
-          {
-            value: v.letterSpacing,
-            onChange: (T) => I("letterSpacing", T)
-          }
-        ),
-        /* @__PURE__ */ u.jsx(
-          Er,
-          {
-            value: v.textTransform,
-            onChange: (T) => I("textTransform", T)
-          }
-        ),
-        /* @__PURE__ */ u.jsx(
-          _r,
-          {
-            value: v.color,
-            onChange: (T) => I("color", T)
-          }
-        ),
-        /* @__PURE__ */ u.jsx(
-          Cr,
-          {
-            value: v.textAlign,
-            onChange: (T) => I("textAlign", T)
-          }
-        ),
-        /* @__PURE__ */ u.jsxs(
-          "button",
-          {
-            className: "font-control-reset-button",
-            onClick: $,
-            type: "button",
-            children: [
-              /* @__PURE__ */ u.jsxs(
-                "svg",
-                {
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: [
-                    /* @__PURE__ */ u.jsx("polyline", { points: "1 4 1 10 7 10" }),
-                    /* @__PURE__ */ u.jsx("polyline", { points: "23 20 23 14 17 14" }),
-                    /* @__PURE__ */ u.jsx("path", { d: "M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15" })
-                  ]
-                }
-              ),
-              "Reset to Default"
-            ]
-          }
-        ),
-        /* @__PURE__ */ u.jsxs("div", { className: "font-control-export-section", children: [
-          /* @__PURE__ */ u.jsxs(
-            "button",
+  return /* @__PURE__ */ f.jsxs(mr, { title: "Font Controls", draggable: !0, position: { x: 20, y: 20 }, children: [
+    /* @__PURE__ */ f.jsx(
+      yr,
+      {
+        value: u.fontFamily,
+        onChange: (T) => b("fontFamily", T),
+        fontFamilies: r
+      }
+    ),
+    /* @__PURE__ */ f.jsx(
+      vr,
+      {
+        value: u.fontSize,
+        onChange: (T) => b("fontSize", T),
+        min: o,
+        max: a,
+        step: i
+      }
+    ),
+    /* @__PURE__ */ f.jsx(
+      Sr,
+      {
+        value: u.fontWeight,
+        onChange: (T) => b("fontWeight", T)
+      }
+    ),
+    /* @__PURE__ */ f.jsx(
+      xr,
+      {
+        value: u.lineHeight,
+        onChange: (T) => b("lineHeight", T)
+      }
+    ),
+    /* @__PURE__ */ f.jsx(
+      Tr,
+      {
+        value: u.letterSpacing,
+        onChange: (T) => b("letterSpacing", T)
+      }
+    ),
+    /* @__PURE__ */ f.jsx(
+      wr,
+      {
+        value: u.textTransform,
+        onChange: (T) => b("textTransform", T)
+      }
+    ),
+    /* @__PURE__ */ f.jsx(
+      _r,
+      {
+        value: u.color,
+        onChange: (T) => b("color", T)
+      }
+    ),
+    /* @__PURE__ */ f.jsx(
+      Pr,
+      {
+        value: u.textAlign,
+        onChange: (T) => b("textAlign", T)
+      }
+    ),
+    /* @__PURE__ */ f.jsxs(
+      "button",
+      {
+        className: "font-control-reset-button",
+        onClick: C,
+        type: "button",
+        children: [
+          /* @__PURE__ */ f.jsxs(
+            "svg",
             {
-              className: "font-control-export-toggle",
-              onClick: () => N(!A),
-              type: "button",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
               children: [
-                /* @__PURE__ */ u.jsx(
-                  "svg",
-                  {
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    className: A ? "rotated" : "",
-                    children: /* @__PURE__ */ u.jsx("polyline", { points: "9 18 15 12 9 6" })
-                  }
-                ),
-                "Export Configuration"
+                /* @__PURE__ */ f.jsx("polyline", { points: "1 4 1 10 7 10" }),
+                /* @__PURE__ */ f.jsx("polyline", { points: "23 20 23 14 17 14" }),
+                /* @__PURE__ */ f.jsx("path", { d: "M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15" })
               ]
             }
           ),
-          A && /* @__PURE__ */ u.jsxs("div", { className: "font-control-export-content", children: [
-            /* @__PURE__ */ u.jsx(
-              Ne,
-              {
-                title: "1. Google Fonts Import (HTML)",
-                code: Rr(v.fontFamily),
-                language: "html"
-              }
-            ),
-            /* @__PURE__ */ u.jsx(
-              Ne,
+          "Reset to Default"
+        ]
+      }
+    ),
+    /* @__PURE__ */ f.jsxs("div", { className: "font-control-export-section", children: [
+      /* @__PURE__ */ f.jsxs(
+        "button",
+        {
+          className: "font-control-export-toggle",
+          onClick: () => m(!d),
+          type: "button",
+          children: [
+            /* @__PURE__ */ f.jsx(
+              "svg",
               {
-                title: "2. React/JSX Inline Styles",
-                code: Or(v),
-                language: "tsx"
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                className: d ? "rotated" : "",
+                children: /* @__PURE__ */ f.jsx("polyline", { points: "9 18 15 12 9 6" })
               }
             ),
-            /* @__PURE__ */ u.jsx(
-              Ne,
-              {
-                title: "3. CSS Class",
-                code: Dr(v),
-                language: "css"
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-}, at = {
+            "Export Configuration"
+          ]
+        }
+      ),
+      d && /* @__PURE__ */ f.jsxs("div", { className: "font-control-export-content", children: [
+        /* @__PURE__ */ f.jsx(
+          ke,
+          {
+            title: "1. Google Fonts Import (HTML)",
+            code: Or(u.fontFamily),
+            language: "html"
+          }
+        ),
+        /* @__PURE__ */ f.jsx(
+          ke,
+          {
+            title: "2. React/JSX Inline Styles",
+            code: Dr(u),
+            language: "tsx"
+          }
+        ),
+        /* @__PURE__ */ f.jsx(
+          ke,
+          {
+            title: "3. CSS Class",
+            code: Nr(u),
+            language: "css"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}, Be = "font-controls-config", kr = (e, t = Be) => {
+  try {
+    typeof window < "u" && window.localStorage && localStorage.setItem(t, JSON.stringify(e));
+  } catch (r) {
+    console.warn("Failed to save font config to localStorage:", r);
+  }
+}, Mr = (e = Be) => {
+  try {
+    if (typeof window < "u" && window.localStorage) {
+      const t = localStorage.getItem(e);
+      if (t)
+        return JSON.parse(t);
+    }
+  } catch (t) {
+    console.warn("Failed to load font config from localStorage:", t);
+  }
+  return null;
+}, $r = (e = Be) => {
+  try {
+    typeof window < "u" && window.localStorage && localStorage.removeItem(e);
+  } catch (t) {
+    console.warn("Failed to clear font config from localStorage:", t);
+  }
+}, $e = {
   fontFamily: "Arial",
   fontSize: 16,
   fontWeight: 400,
@@ -2466,25 +2616,39 @@ const Nr = [
   textTransform: "none",
   color: "#000000",
   textAlign: "left"
-}, Ir = (e) => {
-  const [t, r] = me({
-    ...at,
-    ...e
+}, Wr = (e) => {
+  const {
+    initialConfig: t,
+    enableLocalStorage: r = !0,
+    storageKey: o = "font-controls-config"
+  } = e || {}, [a, i] = ue(() => {
+    if (r) {
+      const d = Mr(o);
+      if (d)
+        return { ...$e, ...t, ...d };
+    }
+    return { ...$e, ...t };
   });
-  return {
-    config: t,
-    setConfig: r,
-    updateConfig: (i, d) => {
-      r((c) => ({ ...c, [i]: d }));
+  return me(() => {
+    r && kr(a, o);
+  }, [a, r, o]), {
+    config: a,
+    setConfig: i,
+    updateConfig: (d, m) => {
+      i((b) => ({ ...b, [d]: m }));
     },
     resetConfig: () => {
-      r({ ...at, ...e });
+      const d = { ...$e, ...t };
+      i(d), r && $r(o);
     }
   };
 };
 export {
-  $r as FontControls,
-  jr as loadAllDefaultFonts,
-  Pr as loadGoogleFont,
-  Ir as useFontControls
+  Lr as FontControls,
+  $r as clearFontConfig,
+  Rr as loadAllDefaultFonts,
+  Mr as loadFontConfig,
+  jr as loadGoogleFont,
+  kr as saveFontConfig,
+  Wr as useFontControls
 };