npm - @motiadev/plugin-states - Versions diffs - 0.9.4-beta.149 → 0.9.4-beta.151-216335 - Mend

@motiadev/plugin-states 0.9.4-beta.149 → 0.9.4-beta.151-216335

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/components/state-editor.d.ts.map +1 -1
package/dist/components/states-page.d.ts.map +1 -1
package/dist/index.cjs +4 -80
package/dist/index.js +867 -944
package/dist/plugin-states.css +1 -1
package/package.json +7 -7

package/dist/index.js CHANGED Viewed

@@ -1,310 +1,278 @@
-import * as D from "react";
-import W, { forwardRef as _t, createElement as Te, useState as P, useCallback as K, useEffect as Y, createContext as Yt, useContext as te, isValidElement as qt, useRef as V, useMemo as ue, memo as Fe } from "react";
-import { useThemeStore as Bt, Button as ye, Sidebar as Wt, Input as Kt, Table as Gt, TableHeader as Xt, TableRow as Ke, TableHead as pe, Checkbox as Ge, TableBody as Qt, cn as er, TableCell as ge } from "@motiadev/ui";
-var he = { exports: {} }, se = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Xe;
-function tr() {
-  if (Xe) return se;
-  Xe = 1;
+import * as $ from "react";
+import B, { forwardRef as _t, createElement as Ne, useState as P, useCallback as W, useEffect as Y, createContext as Jt, useContext as te, isValidElement as Yt, useRef as V, useMemo as ue, memo as He } from "react";
+import { useThemeStore as qt, Button as ye, Sidebar as Bt, Input as Wt, Table as Kt, TableHeader as Gt, TableRow as We, TableHead as pe, Checkbox as Ke, TableBody as Xt, cn as Qt, TableCell as ge } from "@motiadev/ui";
+var he = { exports: {} }, oe = {};
+var Ge;
+function er() {
+  if (Ge) return oe;
+  Ge = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(n, s, o) {
+  function r(n, o, i) {
     var c = null;
-    if (o !== void 0 && (c = "" + o), s.key !== void 0 && (c = "" + s.key), "key" in s) {
-      o = {};
-      for (var l in s)
-        l !== "key" && (o[l] = s[l]);
-    } else o = s;
-    return s = o.ref, {
+    if (i !== void 0 && (c = "" + i), o.key !== void 0 && (c = "" + o.key), "key" in o) {
+      i = {};
+      for (var l in o)
+        l !== "key" && (i[l] = o[l]);
+    } else i = o;
+    return o = i.ref, {
       $$typeof: e,
       type: n,
       key: c,
-      ref: s !== void 0 ? s : null,
-      props: o
+      ref: o !== void 0 ? o : null,
+      props: i
     };
   }
-  return se.Fragment = t, se.jsx = r, se.jsxs = r, se;
-}
-var oe = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * 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 rr() {
-  return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && function() {
-    function e(i) {
-      if (i == null) return null;
-      if (typeof i == "function")
-        return i.$$typeof === C ? null : i.displayName || i.name || null;
-      if (typeof i == "string") return i;
-      switch (i) {
-        case A:
+  return oe.Fragment = t, oe.jsx = r, oe.jsxs = r, oe;
+}
+var se = {};
+var Xe;
+function tr() {
+  return Xe || (Xe = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(s) {
+      if (s == null) return null;
+      if (typeof s == "function")
+        return s.$$typeof === L ? null : s.displayName || s.name || null;
+      if (typeof s == "string") return s;
+      switch (s) {
+        case f:
           return "Fragment";
-        case N:
+        case k:
           return "Profiler";
-        case f:
+        case A:
           return "StrictMode";
-        case m:
+        case x:
           return "Suspense";
-        case w:
+        case y:
           return "SuspenseList";
-        case _:
+        case S:
           return "Activity";
       }
-      if (typeof i == "object")
-        switch (typeof i.tag == "number" && console.error(
+      if (typeof s == "object")
+        switch (typeof s.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), i.$$typeof) {
-          case O:
+        ), s.$$typeof) {
+          case _:
             return "Portal";
-          case M:
-            return (i.displayName || "Context") + ".Provider";
-          case E:
-            return (i._context.displayName || "Context") + ".Consumer";
-          case b:
-            var p = i.render;
-            return i = i.displayName, i || (i = p.displayName || p.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
-          case y:
-            return p = i.displayName || null, p !== null ? p : e(i.type) || "Memo";
-          case H:
-            p = i._payload, i = i._init;
+          case w:
+            return s.displayName || "Context";
+          case R:
+            return (s._context.displayName || "Context") + ".Consumer";
+          case m:
+            var h = s.render;
+            return s = s.displayName, s || (s = h.displayName || h.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
+          case F:
+            return h = s.displayName || null, h !== null ? h : e(s.type) || "Memo";
+          case N:
+            h = s._payload, s = s._init;
             try {
-              return e(i(p));
+              return e(s(h));
             } catch {
             }
         }
       return null;
     }
-    function t(i) {
-      return "" + i;
+    function t(s) {
+      return "" + s;
     }
-    function r(i) {
+    function r(s) {
       try {
-        t(i);
-        var p = !1;
+        t(s);
+        var h = !1;
       } catch {
-        p = !0;
+        h = !0;
       }
-      if (p) {
-        p = console;
-        var x = p.error, h = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return x.call(
-          p,
+      if (h) {
+        h = console;
+        var p = h.error, j = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return p.call(
+          h,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          h
-        ), t(i);
+          j
+        ), t(s);
       }
     }
-    function n(i) {
-      if (i === A) return "<>";
-      if (typeof i == "object" && i !== null && i.$$typeof === H)
+    function n(s) {
+      if (s === f) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === N)
         return "<...>";
       try {
-        var p = e(i);
-        return p ? "<" + p + ">" : "<...>";
+        var h = e(s);
+        return h ? "<" + h + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var i = $.A;
-      return i === null ? null : i.getOwner();
-    }
     function o() {
+      var s = D.A;
+      return s === null ? null : s.getOwner();
+    }
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function c(i) {
-      if (L.call(i, "key")) {
-        var p = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (p && p.isReactWarning) return !1;
+    function c(s) {
+      if (H.call(s, "key")) {
+        var h = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (h && h.isReactWarning) return !1;
       }
-      return i.key !== void 0;
+      return s.key !== void 0;
     }
-    function l(i, p) {
-      function x() {
-        j || (j = !0, console.error(
+    function l(s, h) {
+      function p() {
+        T || (T = !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)",
-          p
+          h
         ));
       }
-      x.isReactWarning = !0, Object.defineProperty(i, "key", {
-        get: x,
+      p.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: p,
         configurable: !0
       });
     }
     function g() {
-      var i = e(this.type);
-      return R[i] || (R[i] = !0, console.error(
+      var s = e(this.type);
+      return M[s] || (M[s] = !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."
-      )), i = this.props.ref, i !== void 0 ? i : null;
+      )), s = this.props.ref, s !== void 0 ? s : null;
     }
-    function u(i, p, x, h, k, q, Se, Oe) {
-      return x = q.ref, i = {
-        $$typeof: T,
-        type: i,
-        key: p,
-        props: q,
-        _owner: k
-      }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(i, "ref", {
+    function u(s, h, p, j, K, Se) {
+      var U = p.ref;
+      return s = {
+        $$typeof: C,
+        type: s,
+        key: h,
+        props: p,
+        _owner: j
+      }, (U !== void 0 ? U : null) !== null ? Object.defineProperty(s, "ref", {
         enumerable: !1,
         get: g
-      }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
+      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(i, "_debugInfo", {
+      }), Object.defineProperty(s, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(i, "_debugStack", {
+      }), Object.defineProperty(s, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Se
-      }), Object.defineProperty(i, "_debugTask", {
+        value: K
+      }), Object.defineProperty(s, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Oe
-      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
+        value: Se
+      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function d(i, p, x, h, k, q, Se, Oe) {
-      var J = p.children;
-      if (J !== void 0)
-        if (h)
-          if (U(J)) {
-            for (h = 0; h < J.length; h++)
-              v(J[h]);
-            Object.freeze && Object.freeze(J);
+    function d(s, h, p, j, K, Se) {
+      var U = h.children;
+      if (U !== void 0)
+        if (j)
+          if (z(U)) {
+            for (j = 0; j < U.length; j++)
+              v(U[j]);
+            Object.freeze && Object.freeze(U);
           } 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 v(J);
-      if (L.call(p, "key")) {
-        J = e(i);
-        var re = Object.keys(p).filter(function(Jt) {
-          return Jt !== "key";
+        else v(U);
+      if (H.call(h, "key")) {
+        U = e(s);
+        var re = Object.keys(h).filter(function(Zt) {
+          return Zt !== "key";
         });
-        h = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", Z[J + h] || (re = 0 < re.length ? "{" + re.join(": ..., ") + ": ...}" : "{}", console.error(
+        j = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", I[U + j] || (re = 0 < re.length ? "{" + re.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} />`,
-          h,
-          J,
+          j,
+          U,
           re,
-          J
-        ), Z[J + h] = !0);
+          U
+        ), I[U + j] = !0);
       }
-      if (J = null, x !== void 0 && (r(x), J = "" + x), c(p) && (r(p.key), J = "" + p.key), "key" in p) {
-        x = {};
-        for (var Ee in p)
-          Ee !== "key" && (x[Ee] = p[Ee]);
-      } else x = p;
-      return J && l(
-        x,
-        typeof i == "function" ? i.displayName || i.name || "Unknown" : i
+      if (U = null, p !== void 0 && (r(p), U = "" + p), c(h) && (r(h.key), U = "" + h.key), "key" in h) {
+        p = {};
+        for (var Ee in h)
+          Ee !== "key" && (p[Ee] = h[Ee]);
+      } else p = h;
+      return U && l(
+        p,
+        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
       ), u(
-        i,
-        J,
-        q,
-        k,
-        s(),
-        x,
-        Se,
-        Oe
+        s,
+        U,
+        p,
+        o(),
+        K,
+        Se
       );
     }
-    function v(i) {
-      typeof i == "object" && i !== null && i.$$typeof === T && i._store && (i._store.validated = 1);
+    function v(s) {
+      E(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === N && (s._payload.status === "fulfilled" ? E(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
+    }
+    function E(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === C;
     }
-    var S = W, T = Symbol.for("react.transitional.element"), O = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), N = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), M = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), $ = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, U = Array.isArray, F = console.createTask ? console.createTask : function() {
+    var O = B, C = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), w = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), S = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), D = O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, z = Array.isArray, b = console.createTask ? console.createTask : function() {
       return null;
     };
-    S = {
-      react_stack_bottom_frame: function(i) {
-        return i();
+    O = {
+      react_stack_bottom_frame: function(s) {
+        return s();
       }
     };
-    var j, R = {}, I = S.react_stack_bottom_frame.bind(
-      S,
-      o
-    )(), z = F(n(o)), Z = {};
-    oe.Fragment = A, oe.jsx = function(i, p, x, h, k) {
-      var q = 1e4 > $.recentlyCreatedOwnerStacks++;
+    var T, M = {}, Z = O.react_stack_bottom_frame.bind(
+      O,
+      i
+    )(), J = b(n(i)), I = {};
+    se.Fragment = f, se.jsx = function(s, h, p) {
+      var j = 1e4 > D.recentlyCreatedOwnerStacks++;
       return d(
-        i,
+        s,
+        h,
         p,
-        x,
         !1,
-        h,
-        k,
-        q ? Error("react-stack-top-frame") : I,
-        q ? F(n(i)) : z
+        j ? Error("react-stack-top-frame") : Z,
+        j ? b(n(s)) : J
       );
-    }, oe.jsxs = function(i, p, x, h, k) {
-      var q = 1e4 > $.recentlyCreatedOwnerStacks++;
+    }, se.jsxs = function(s, h, p) {
+      var j = 1e4 > D.recentlyCreatedOwnerStacks++;
       return d(
-        i,
+        s,
+        h,
         p,
-        x,
         !0,
-        h,
-        k,
-        q ? Error("react-stack-top-frame") : I,
-        q ? F(n(i)) : z
+        j ? Error("react-stack-top-frame") : Z,
+        j ? b(n(s)) : J
       );
     };
-  }()), oe;
-}
-var et;
-function nr() {
-  return et || (et = 1, process.env.NODE_ENV === "production" ? he.exports = tr() : he.exports = rr()), he.exports;
-}
-var a = nr();
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ar = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), sr = (e) => e.replace(
+  })()), se;
+}
+var Qe;
+function rr() {
+  return Qe || (Qe = 1, process.env.NODE_ENV === "production" ? he.exports = er() : he.exports = tr()), he.exports;
+}
+var a = rr();
+const nr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ar = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, r, n) => n ? n.toUpperCase() : r.toLowerCase()
-), tt = (e) => {
-  const t = sr(e);
+), et = (e) => {
+  const t = ar(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
-}, Rt = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim(), or = (e) => {
+}, Tt = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim(), or = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
 };
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-var ir = {
+var sr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -315,196 +283,118 @@ var ir = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const cr = _t(
+const ir = _t(
   ({
     color: e = "currentColor",
     size: t = 24,
     strokeWidth: r = 2,
     absoluteStrokeWidth: n,
-    className: s = "",
-    children: o,
+    className: o = "",
+    children: i,
     iconNode: c,
     ...l
-  }, g) => Te(
+  }, g) => Ne(
     "svg",
     {
       ref: g,
-      ...ir,
+      ...sr,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: n ? Number(r) * 24 / Number(t) : r,
-      className: Rt("lucide", s),
-      ...!o && !or(l) && { "aria-hidden": "true" },
+      className: Tt("lucide", o),
+      ...!i && !or(l) && { "aria-hidden": "true" },
       ...l
     },
     [
-      ...c.map(([u, d]) => Te(u, d)),
-      ...Array.isArray(o) ? o : [o]
+      ...c.map(([u, d]) => Ne(u, d)),
+      ...Array.isArray(i) ? i : [i]
     ]
   )
 );
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
 const X = (e, t) => {
   const r = _t(
-    ({ className: n, ...s }, o) => Te(cr, {
-      ref: o,
+    ({ className: n, ...o }, i) => Ne(ir, {
+      ref: i,
       iconNode: t,
-      className: Rt(
-        `lucide-${ar(tt(e))}`,
+      className: Tt(
+        `lucide-${nr(et(e))}`,
         `lucide-${e}`,
         n
       ),
-      ...s
+      ...o
     })
   );
-  return r.displayName = tt(e), r;
+  return r.displayName = et(e), r;
 };
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const lr = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], ur = X("check", lr);
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const dr = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
-  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], rt = X("circle-alert", dr);
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const fr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], pr = X("loader-circle", fr);
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const gr = [
+const cr = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
-], hr = X("refresh-cw", gr);
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const vr = [
-  [
-    "path",
-    {
-      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
-      key: "1c8476"
-    }
-  ],
-  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
-  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
-], mr = X("save", vr);
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const yr = [
+], lr = X("refresh-cw", cr);
+const ur = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], jr = X("search", yr);
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const br = [
+], dr = X("search", ur);
+const fr = [
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
-], wr = X("trash", br);
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const xr = [
+], pr = X("trash", fr);
+const gr = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Mt = X("x", xr), Cr = () => {
-  const [e, t] = P([]), r = K(() => {
-    fetch("/__motia/state").then(async (s) => {
-      if (s.ok)
-        return s.json();
-      throw await s.json();
-    }).then(t).catch((s) => console.error(s));
-  }, []), n = (s) => {
+], Rt = X("x", gr), hr = () => {
+  const [e, t] = P([]), r = W(() => {
+    fetch("/__motia/state").then(async (o) => {
+      if (o.ok)
+        return o.json();
+      throw await o.json();
+    }).then(t).catch((o) => console.error(o));
+  }, []), n = (o) => {
     fetch("/__motia/state/delete", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ ids: s })
+      body: JSON.stringify({ ids: o })
     }).then(() => r());
   };
   return Y(() => {
     r();
   }, [r]), { items: e, deleteItems: n, refetch: r };
-}, nt = (e) => {
+}, tt = (e) => {
   let t;
   const r = /* @__PURE__ */ new Set(), n = (u, d) => {
     const v = typeof u == "function" ? u(t) : u;
     if (!Object.is(v, t)) {
-      const S = t;
-      t = d ?? (typeof v != "object" || v === null) ? v : Object.assign({}, t, v), r.forEach((T) => T(t, S));
+      const E = t;
+      t = d ?? (typeof v != "object" || v === null) ? v : Object.assign({}, t, v), r.forEach((O) => O(t, E));
     }
-  }, s = () => t, l = { setState: n, getState: s, getInitialState: () => g, subscribe: (u) => (r.add(u), () => r.delete(u)) }, g = t = e(n, s, l);
+  }, o = () => t, l = { setState: n, getState: o, getInitialState: () => g, subscribe: (u) => (r.add(u), () => r.delete(u)) }, g = t = e(n, o, l);
   return l;
-}, Sr = (e) => e ? nt(e) : nt, Or = (e) => e;
-function Er(e, t = Or) {
-  const r = W.useSyncExternalStore(
+}, vr = ((e) => e ? tt(e) : tt), mr = (e) => e;
+function yr(e, t = mr) {
+  const r = B.useSyncExternalStore(
     e.subscribe,
-    W.useCallback(() => t(e.getState()), [e, t]),
-    W.useCallback(() => t(e.getInitialState()), [e, t])
+    B.useCallback(() => t(e.getState()), [e, t]),
+    B.useCallback(() => t(e.getInitialState()), [e, t])
   );
-  return W.useDebugValue(r), r;
+  return B.useDebugValue(r), r;
 }
-const kr = (e) => {
-  const t = Sr(e), r = (n) => Er(t, n);
+const br = (e) => {
+  const t = vr(e), r = (n) => yr(t, n);
   return Object.assign(r, t), r;
-}, Ar = (e) => kr, at = Ar()((e) => ({
+}, jr = ((e) => br), rt = jr()((e) => ({
   selectedStateId: void 0,
   selectStateId: (t) => e({ selectedStateId: t })
 }));
-function Nr(e, t, r, n) {
-  function s(o) {
-    return o instanceof r ? o : new r(function(c) {
-      c(o);
+function wr(e, t, r, n) {
+  function o(i) {
+    return i instanceof r ? i : new r(function(c) {
+      c(i);
     });
   }
-  return new (r || (r = Promise))(function(o, c) {
+  return new (r || (r = Promise))(function(i, c) {
     function l(d) {
       try {
         u(n.next(d));
@@ -520,12 +410,12 @@ function Nr(e, t, r, n) {
       }
     }
     function u(d) {
-      d.done ? o(d.value) : s(d.value).then(l, g);
+      d.done ? i(d.value) : o(d.value).then(l, g);
     }
     u((n = n.apply(e, [])).next());
   });
 }
-var Tr = function() {
+var xr = function() {
   var e = document.getSelection();
   if (!e.rangeCount)
     return function() {
@@ -543,33 +433,33 @@ var Tr = function() {
       break;
   }
   return e.removeAllRanges(), function() {
-    e.type === "Caret" && e.removeAllRanges(), e.rangeCount || r.forEach(function(s) {
-      e.addRange(s);
+    e.type === "Caret" && e.removeAllRanges(), e.rangeCount || r.forEach(function(o) {
+      e.addRange(o);
     }), t && t.focus();
   };
-}, _r = Tr, st = {
+}, Cr = xr, nt = {
   "text/plain": "Text",
   "text/html": "Url",
   default: "Text"
-}, Rr = "Copy to clipboard: #{key}, Enter";
-function Mr(e) {
+}, Sr = "Copy to clipboard: #{key}, Enter";
+function Er(e) {
   var t = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
   return e.replace(/#{\s*key\s*}/g, t);
 }
-function Ir(e, t) {
-  var r, n, s, o, c, l, g = !1;
+function Or(e, t) {
+  var r, n, o, i, c, l, g = !1;
   t || (t = {}), r = t.debug || !1;
   try {
-    s = _r(), o = document.createRange(), c = document.getSelection(), l = document.createElement("span"), l.textContent = e, l.ariaHidden = "true", l.style.all = "unset", l.style.position = "fixed", l.style.top = 0, l.style.clip = "rect(0, 0, 0, 0)", l.style.whiteSpace = "pre", l.style.webkitUserSelect = "text", l.style.MozUserSelect = "text", l.style.msUserSelect = "text", l.style.userSelect = "text", l.addEventListener("copy", function(d) {
+    o = Cr(), i = document.createRange(), c = document.getSelection(), l = document.createElement("span"), l.textContent = e, l.ariaHidden = "true", l.style.all = "unset", l.style.position = "fixed", l.style.top = 0, l.style.clip = "rect(0, 0, 0, 0)", l.style.whiteSpace = "pre", l.style.webkitUserSelect = "text", l.style.MozUserSelect = "text", l.style.msUserSelect = "text", l.style.userSelect = "text", l.addEventListener("copy", function(d) {
       if (d.stopPropagation(), t.format)
         if (d.preventDefault(), typeof d.clipboardData > "u") {
           r && console.warn("unable to use e.clipboardData"), r && console.warn("trying IE specific stuff"), window.clipboardData.clearData();
-          var v = st[t.format] || st.default;
+          var v = nt[t.format] || nt.default;
           window.clipboardData.setData(v, e);
         } else
           d.clipboardData.clearData(), d.clipboardData.setData(t.format, e);
       t.onCopy && (d.preventDefault(), t.onCopy(d.clipboardData));
-    }), document.body.appendChild(l), o.selectNodeContents(l), c.addRange(o);
+    }), document.body.appendChild(l), i.selectNodeContents(l), c.addRange(i);
     var u = document.execCommand("copy");
     if (!u)
       throw new Error("copy command was unsuccessful");
@@ -579,21 +469,21 @@ function Ir(e, t) {
     try {
       window.clipboardData.setData(t.format || "text", e), t.onCopy && t.onCopy(window.clipboardData), g = !0;
     } catch (v) {
-      r && console.error("unable to copy using clipboardData: ", v), r && console.error("falling back to prompt"), n = Mr("message" in t ? t.message : Rr), window.prompt(n, e);
+      r && console.error("unable to copy using clipboardData: ", v), r && console.error("falling back to prompt"), n = Er("message" in t ? t.message : Sr), window.prompt(n, e);
     }
   } finally {
-    c && (typeof c.removeRange == "function" ? c.removeRange(o) : c.removeAllRanges()), l && document.body.removeChild(l), s();
+    c && (typeof c.removeRange == "function" ? c.removeRange(i) : c.removeAllRanges()), l && document.body.removeChild(l), o();
   }
   return g;
 }
-var Pr = Ir;
+var kr = Or;
 function Q(e) {
   return Object.prototype.toString.call(e) === "[object Object]";
 }
 function ce(e) {
   return Array.isArray(e) ? e.length : Q(e) ? Object.keys(e).length : 0;
 }
-function $r(e, t) {
+function Ar(e, t) {
   if (typeof e == "string")
     return e;
   try {
@@ -614,89 +504,89 @@ function $r(e, t) {
     return `${r.name}: ${r.message}` || "JSON.stringify failed";
   }
 }
-function Dr(e) {
-  return Nr(this, void 0, void 0, function* () {
+function Nr(e) {
+  return wr(this, void 0, void 0, function* () {
     try {
       yield navigator.clipboard.writeText(e);
     } catch {
-      Pr(e);
+      kr(e);
     }
   });
 }
-function ot(e, t, r, n, s, o) {
-  if (o && o.collapsed !== void 0)
-    return !!o.collapsed;
+function at(e, t, r, n, o, i) {
+  if (i && i.collapsed !== void 0)
+    return !!i.collapsed;
   if (typeof n == "boolean")
     return n;
   if (typeof n == "number" && t > n)
     return !0;
   const c = ce(e);
   if (typeof n == "function") {
-    const l = Ue(n, [{ node: e, depth: t, indexOrName: r, size: c }]);
+    const l = Fe(n, [{ node: e, depth: t, indexOrName: r, size: c }]);
     if (typeof l == "boolean")
       return l;
   }
-  return !!(Array.isArray(e) && c > s || Q(e) && c > s);
+  return !!(Array.isArray(e) && c > o || Q(e) && c > o);
 }
-function it(e, t, r, n, s, o) {
-  if (o && o.collapsed !== void 0)
-    return !!o.collapsed;
+function ot(e, t, r, n, o, i) {
+  if (i && i.collapsed !== void 0)
+    return !!i.collapsed;
   if (typeof n == "boolean")
     return n;
   if (typeof n == "number" && t > n)
     return !0;
   const c = Math.ceil(e.length / 100);
   if (typeof n == "function") {
-    const l = Ue(n, [{ node: e, depth: t, indexOrName: r, size: c }]);
+    const l = Fe(n, [{ node: e, depth: t, indexOrName: r, size: c }]);
     if (typeof l == "boolean")
       return l;
   }
-  return !!(Array.isArray(e) && c > s || Q(e) && c > s);
+  return !!(Array.isArray(e) && c > o || Q(e) && c > o);
 }
 function ae(e, t, r) {
   return typeof e == "boolean" ? e : !!(typeof e == "number" && t > e || e === "collapsed" && r || e === "expanded" && !r);
 }
-function Ue(e, t) {
+function Fe(e, t) {
   try {
     return e(...t);
   } catch (r) {
     reportError(r);
   }
 }
-function It(e) {
+function Mt(e) {
   if (e === !0 || Q(e) && e.add === !0)
     return !0;
 }
-function ct(e) {
+function st(e) {
   if (e === !0 || Q(e) && e.edit === !0)
     return !0;
 }
-function ze(e) {
+function Ue(e) {
   if (e === !0 || Q(e) && e.delete === !0)
     return !0;
 }
-function Lr(e) {
+function _r(e) {
   return typeof e == "function";
 }
-function Pt(e) {
+function It(e) {
   return !e || e.add === void 0 || !!e.add;
 }
-function lt(e) {
+function it(e) {
   return !e || e.edit === void 0 || !!e.edit;
 }
-function Ze(e) {
+function ze(e) {
   return !e || e.delete === void 0 || !!e.delete;
 }
 function we(e) {
   return !e || e.enableClipboard === void 0 || !!e.enableClipboard;
 }
-function Vr(e) {
+function Tr(e) {
   return !e || e.matchesURL === void 0 || !!e.matchesURL;
 }
-function Hr(e, t) {
+function Rr(e, t) {
   return e === "string" ? t.trim().replace(/^\"([\s\S]+?)\"$/, "$1") : t;
 }
-var ut;
+var ct;
 function _e() {
   return _e = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
@@ -707,437 +597,437 @@ function _e() {
     return e;
   }, _e.apply(this, arguments);
 }
-var Je = function(t) {
-  return /* @__PURE__ */ D.createElement("svg", _e({
+var Ze = function(t) {
+  return /* @__PURE__ */ $.createElement("svg", _e({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     fill: "none",
     viewBox: "0 0 16 16"
-  }, t), ut || (ut = /* @__PURE__ */ D.createElement("path", {
+  }, t), ct || (ct = /* @__PURE__ */ $.createElement("path", {
     fill: "currentColor",
     d: "M12.473 5.806a.666.666 0 0 0-.946 0L8.473 8.86a.667.667 0 0 1-.946 0L4.473 5.806a.667.667 0 1 0-.946.94l3.06 3.06a2 2 0 0 0 2.826 0l3.06-3.06a.667.667 0 0 0 0-.94Z"
   })));
-}, dt;
-function Re() {
-  return Re = Object.assign ? Object.assign.bind() : function(e) {
+}, lt;
+function Te() {
+  return Te = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r)
         Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, Re.apply(this, arguments);
+  }, Te.apply(this, arguments);
 }
-var Fr = function(t) {
-  return /* @__PURE__ */ D.createElement("svg", Re({
+var Mr = function(t) {
+  return /* @__PURE__ */ $.createElement("svg", Te({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), dt || (dt = /* @__PURE__ */ D.createElement("path", {
+  }, t), lt || (lt = /* @__PURE__ */ $.createElement("path", {
     fill: "currentColor",
     d: "M17.542 2.5h-4.75a3.963 3.963 0 0 0-3.959 3.958v4.75a3.963 3.963 0 0 0 3.959 3.959h4.75a3.963 3.963 0 0 0 3.958-3.959v-4.75A3.963 3.963 0 0 0 17.542 2.5Zm2.375 8.708a2.378 2.378 0 0 1-2.375 2.375h-4.75a2.378 2.378 0 0 1-2.375-2.375v-4.75a2.378 2.378 0 0 1 2.375-2.375h4.75a2.378 2.378 0 0 1 2.375 2.375v4.75Zm-4.75 6.334a3.963 3.963 0 0 1-3.959 3.958h-4.75A3.963 3.963 0 0 1 2.5 17.542v-4.75a3.963 3.963 0 0 1 3.958-3.959.791.791 0 1 1 0 1.584 2.378 2.378 0 0 0-2.375 2.375v4.75a2.378 2.378 0 0 0 2.375 2.375h4.75a2.378 2.378 0 0 0 2.375-2.375.792.792 0 1 1 1.584 0Z"
   })));
-}, ft, pt;
-function Me() {
-  return Me = Object.assign ? Object.assign.bind() : function(e) {
+}, ut, dt;
+function Re() {
+  return Re = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r)
         Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, Me.apply(this, arguments);
+  }, Re.apply(this, arguments);
 }
-var Ur = function(t) {
-  return /* @__PURE__ */ D.createElement("svg", Me({
+var Ir = function(t) {
+  return /* @__PURE__ */ $.createElement("svg", Re({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), ft || (ft = /* @__PURE__ */ D.createElement("path", {
+  }, t), ut || (ut = /* @__PURE__ */ $.createElement("path", {
     fill: "currentColor",
     d: "M17.25 3H6.75A3.755 3.755 0 0 0 3 6.75v10.5A3.754 3.754 0 0 0 6.75 21h10.5A3.754 3.754 0 0 0 21 17.25V6.75A3.755 3.755 0 0 0 17.25 3Zm2.25 14.25a2.25 2.25 0 0 1-2.25 2.25H6.75a2.25 2.25 0 0 1-2.25-2.25V6.75A2.25 2.25 0 0 1 6.75 4.5h10.5a2.25 2.25 0 0 1 2.25 2.25v10.5Z"
-  })), pt || (pt = /* @__PURE__ */ D.createElement("path", {
+  })), dt || (dt = /* @__PURE__ */ $.createElement("path", {
     fill: "#14C786",
     d: "M10.312 14.45 7.83 11.906a.625.625 0 0 0-.896 0 .659.659 0 0 0 0 .918l2.481 2.546a1.264 1.264 0 0 0 .896.381 1.237 1.237 0 0 0 .895-.38l5.858-6.011a.658.658 0 0 0 0-.919.625.625 0 0 0-.896 0l-5.857 6.01Z"
   })));
 };
 function xe({ node: e, nodeMeta: t }) {
-  const { customizeCopy: r, CopyComponent: n, CopiedComponent: s } = te(ee), [o, c] = P(!1), l = (g) => {
+  const { customizeCopy: r, CopyComponent: n, CopiedComponent: o } = te(ee), [i, c] = P(!1), l = (g) => {
     g.stopPropagation();
     const u = r(e, t);
-    typeof u == "string" && u && Dr(u), c(!0), setTimeout(() => c(!1), 3e3);
+    typeof u == "string" && u && Nr(u), c(!0), setTimeout(() => c(!1), 3e3);
   };
-  return o ? typeof s == "function" ? a.jsx(s, { className: "json-view--copy", style: { display: "inline-block" } }) : a.jsx(Ur, { className: "json-view--copy", style: { display: "inline-block" } }) : typeof n == "function" ? a.jsx(n, { onClick: l, className: "json-view--copy" }) : a.jsx(Fr, { onClick: l, className: "json-view--copy" });
+  return i ? typeof o == "function" ? a.jsx(o, { className: "json-view--copy", style: { display: "inline-block" } }) : a.jsx(Ir, { className: "json-view--copy", style: { display: "inline-block" } }) : typeof n == "function" ? a.jsx(n, { onClick: l, className: "json-view--copy" }) : a.jsx(Mr, { onClick: l, className: "json-view--copy" });
 }
-function Ie({ indexOrName: e, value: t, depth: r, deleteHandle: n, editHandle: s, parent: o, parentPath: c }) {
-  const { displayArrayIndex: l } = te(ee), g = Array.isArray(o);
-  return a.jsxs("div", Object.assign({ className: "json-view--pair" }, { children: [!g || g && l ? a.jsxs(a.Fragment, { children: [a.jsx("span", Object.assign({ className: typeof e == "number" ? "json-view--index" : "json-view--property" }, { children: e })), ":", " "] }) : a.jsx(a.Fragment, {}), a.jsx(Dt, { node: t, depth: r + 1, deleteHandle: (u, d) => n(u, d), editHandle: (u, d, v, S) => s(u, d, v, S), parent: o, indexOrName: e, parentPath: c })] }));
+function Me({ indexOrName: e, value: t, depth: r, deleteHandle: n, editHandle: o, parent: i, parentPath: c }) {
+  const { displayArrayIndex: l } = te(ee), g = Array.isArray(i);
+  return a.jsxs("div", Object.assign({ className: "json-view--pair" }, { children: [!g || g && l ? a.jsxs(a.Fragment, { children: [a.jsx("span", Object.assign({ className: typeof e == "number" ? "json-view--index" : "json-view--property" }, { children: e })), ":", " "] }) : a.jsx(a.Fragment, {}), a.jsx($t, { node: t, depth: r + 1, deleteHandle: (u, d) => n(u, d), editHandle: (u, d, v, E) => o(u, d, v, E), parent: i, indexOrName: e, parentPath: c })] }));
 }
-var gt, ht;
-function Pe() {
-  return Pe = Object.assign ? Object.assign.bind() : function(e) {
+var ft, pt;
+function Ie() {
+  return Ie = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r)
         Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, Pe.apply(this, arguments);
+  }, Ie.apply(this, arguments);
 }
-var Ye = function(t) {
-  return /* @__PURE__ */ D.createElement("svg", Pe({
+var Je = function(t) {
+  return /* @__PURE__ */ $.createElement("svg", Ie({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), gt || (gt = /* @__PURE__ */ D.createElement("path", {
+  }, t), ft || (ft = /* @__PURE__ */ $.createElement("path", {
     fill: "currentColor",
     d: "M18.75 6h-2.325a3.757 3.757 0 0 0-3.675-3h-1.5a3.757 3.757 0 0 0-3.675 3H5.25a.75.75 0 0 0 0 1.5H6v9.75A3.754 3.754 0 0 0 9.75 21h4.5A3.754 3.754 0 0 0 18 17.25V7.5h.75a.75.75 0 1 0 0-1.5Zm-7.5-1.5h1.5A2.255 2.255 0 0 1 14.872 6H9.128a2.255 2.255 0 0 1 2.122-1.5Zm5.25 12.75a2.25 2.25 0 0 1-2.25 2.25h-4.5a2.25 2.25 0 0 1-2.25-2.25V7.5h9v9.75Z"
-  })), ht || (ht = /* @__PURE__ */ D.createElement("path", {
+  })), pt || (pt = /* @__PURE__ */ $.createElement("path", {
     fill: "#DA0000",
     d: "M10.5 16.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 1 0-1.5 0v4.5a.75.75 0 0 0 .75.75ZM13.5 16.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 1 0-1.5 0v4.5a.75.75 0 0 0 .75.75Z"
   })));
-}, vt, mt;
-function $e() {
-  return $e = Object.assign ? Object.assign.bind() : function(e) {
+}, gt, ht;
+function Pe() {
+  return Pe = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r)
         Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, $e.apply(this, arguments);
+  }, Pe.apply(this, arguments);
 }
-var $t = function(t) {
-  return /* @__PURE__ */ D.createElement("svg", $e({
+var Pt = function(t) {
+  return /* @__PURE__ */ $.createElement("svg", Pe({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), vt || (vt = /* @__PURE__ */ D.createElement("path", {
+  }, t), gt || (gt = /* @__PURE__ */ $.createElement("path", {
     fill: "currentColor",
     d: "M21 6.75v10.5A3.754 3.754 0 0 1 17.25 21H6.75A3.754 3.754 0 0 1 3 17.25V6.75A3.754 3.754 0 0 1 6.75 3h10.5A3.754 3.754 0 0 1 21 6.75Zm-1.5 0c0-1.24-1.01-2.25-2.25-2.25H6.75C5.51 4.5 4.5 5.51 4.5 6.75v10.5c0 1.24 1.01 2.25 2.25 2.25h10.5c1.24 0 2.25-1.01 2.25-2.25V6.75Z"
-  })), mt || (mt = /* @__PURE__ */ D.createElement("path", {
+  })), ht || (ht = /* @__PURE__ */ $.createElement("path", {
     fill: "#14C786",
     d: "M15 12.75a.75.75 0 1 0 0-1.5h-2.25V9a.75.75 0 1 0-1.5 0v2.25H9a.75.75 0 1 0 0 1.5h2.25V15a.75.75 0 1 0 1.5 0v-2.25H15Z"
   })));
-}, yt, jt;
-function De() {
-  return De = Object.assign ? Object.assign.bind() : function(e) {
+}, vt, mt;
+function $e() {
+  return $e = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r)
         Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, De.apply(this, arguments);
+  }, $e.apply(this, arguments);
 }
-var qe = function(t) {
-  return /* @__PURE__ */ D.createElement("svg", De({
+var Ye = function(t) {
+  return /* @__PURE__ */ $.createElement("svg", $e({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), yt || (yt = /* @__PURE__ */ D.createElement("path", {
+  }, t), vt || (vt = /* @__PURE__ */ $.createElement("path", {
     fill: "currentColor",
     d: "M12 3a9 9 0 1 0 9 9 9.01 9.01 0 0 0-9-9Zm0 16.5a7.5 7.5 0 1 1 7.5-7.5 7.509 7.509 0 0 1-7.5 7.5Z"
-  })), jt || (jt = /* @__PURE__ */ D.createElement("path", {
+  })), mt || (mt = /* @__PURE__ */ $.createElement("path", {
     fill: "#14C786",
     d: "m10.85 13.96-1.986-2.036a.5.5 0 0 0-.716 0 .527.527 0 0 0 0 .735l1.985 2.036a1.01 1.01 0 0 0 .717.305.99.99 0 0 0 .716-.305l4.686-4.808a.526.526 0 0 0 0-.735.5.5 0 0 0-.716 0l-4.687 4.809Z"
   })));
-}, bt, wt;
-function Le() {
-  return Le = Object.assign ? Object.assign.bind() : function(e) {
+}, yt, bt;
+function De() {
+  return De = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r)
         Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, Le.apply(this, arguments);
+  }, De.apply(this, arguments);
 }
-var Be = function(t) {
-  return /* @__PURE__ */ D.createElement("svg", Le({
+var qe = function(t) {
+  return /* @__PURE__ */ $.createElement("svg", De({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), bt || (bt = /* @__PURE__ */ D.createElement("path", {
+  }, t), yt || (yt = /* @__PURE__ */ $.createElement("path", {
     fill: "#DA0000",
     d: "M15 9a.75.75 0 0 0-1.06 0L12 10.94 10.06 9A.75.75 0 0 0 9 10.06L10.94 12 9 13.94A.75.75 0 0 0 10.06 15L12 13.06 13.94 15A.75.75 0 0 0 15 13.94L13.06 12 15 10.06A.75.75 0 0 0 15 9Z"
-  })), wt || (wt = /* @__PURE__ */ D.createElement("path", {
+  })), bt || (bt = /* @__PURE__ */ $.createElement("path", {
     fill: "currentColor",
     d: "M12 3a9 9 0 1 0 9 9 9.01 9.01 0 0 0-9-9Zm0 16.5a7.5 7.5 0 1 1 7.5-7.5 7.509 7.509 0 0 1-7.5 7.5Z"
   })));
 };
-function zr({ originNode: e, node: t, depth: r, index: n, deleteHandle: s, customOptions: o, startIndex: c, parent: l, parentPath: g }) {
-  const { enableClipboard: u, src: d, onEdit: v, onChange: S, forceUpdate: T, displaySize: O, CustomOperation: A } = te(ee), f = [...g, String(n)], [N, E] = P(!0), M = K((w, y, H) => {
-    e[w] = y, v && v({
+function Pr({ originNode: e, node: t, depth: r, index: n, deleteHandle: o, customOptions: i, startIndex: c, parent: l, parentPath: g }) {
+  const { enableClipboard: u, src: d, onEdit: v, onChange: E, forceUpdate: O, displaySize: C, CustomOperation: _ } = te(ee), f = [...g, String(n)], [A, k] = P(!0), R = W((x, y, F) => {
+    e[x] = y, v && v({
       newValue: y,
-      oldValue: H,
+      oldValue: F,
       depth: r,
       src: d,
-      indexOrName: w,
+      indexOrName: x,
       parentType: "array",
       parentPath: g
-    }), S && S({ type: "edit", depth: r, src: d, indexOrName: w, parentType: "array", parentPath: g }), T();
-  }, [t, v, S, T]), b = (w) => {
-    e.splice(w, 1), s && s(w, g), T();
-  }, m = a.jsxs(a.Fragment, { children: [!N && a.jsxs("span", Object.assign({ onClick: () => E(!0), className: "jv-size-chevron" }, { children: [ae(O, r, N) && a.jsxs("span", Object.assign({ className: "jv-size" }, { children: [ce(t), " Items"] })), a.jsx(Je, { className: "jv-chevron" })] })), !N && u && we(o) && a.jsx(xe, { node: t, nodeMeta: { depth: r, indexOrName: n, parent: l, parentPath: g, currentPath: f } }), typeof A == "function" ? a.jsx(A, { node: t }) : null] });
-  return a.jsxs("div", { children: [a.jsx("span", { children: "[" }), m, N ? a.jsxs("button", Object.assign({ onClick: () => E(!1), className: "jv-button" }, { children: [c, " ... ", c + t.length - 1] })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: t.map((w, y) => a.jsx(Ie, { indexOrName: y + c, value: w, depth: r, parent: t, deleteHandle: b, editHandle: M, parentPath: g }, String(n) + String(y))) })), a.jsx("span", { children: "]" })] });
+    }), E && E({ type: "edit", depth: r, src: d, indexOrName: x, parentType: "array", parentPath: g }), O();
+  }, [t, v, E, O]), w = (x) => {
+    e.splice(x, 1), o && o(x, g), O();
+  }, m = a.jsxs(a.Fragment, { children: [!A && a.jsxs("span", Object.assign({ onClick: () => k(!0), className: "jv-size-chevron" }, { children: [ae(C, r, A) && a.jsxs("span", Object.assign({ className: "jv-size" }, { children: [ce(t), " Items"] })), a.jsx(Ze, { className: "jv-chevron" })] })), !A && u && we(i) && a.jsx(xe, { node: t, nodeMeta: { depth: r, indexOrName: n, parent: l, parentPath: g, currentPath: f } }), typeof _ == "function" ? a.jsx(_, { node: t }) : null] });
+  return a.jsxs("div", { children: [a.jsx("span", { children: "[" }), m, A ? a.jsxs("button", Object.assign({ onClick: () => k(!1), className: "jv-button" }, { children: [c, " ... ", c + t.length - 1] })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: t.map((x, y) => a.jsx(Me, { indexOrName: y + c, value: x, depth: r, parent: t, deleteHandle: w, editHandle: R, parentPath: g }, String(n) + String(y))) })), a.jsx("span", { children: "]" })] });
 }
-function Zr({ node: e, depth: t, deleteHandle: r, indexOrName: n, customOptions: s, parent: o, parentPath: c }) {
+function $r({ node: e, depth: t, deleteHandle: r, indexOrName: n, customOptions: o, parent: i, parentPath: c }) {
   const l = typeof n < "u" ? [...c, String(n)] : c, g = [];
-  for (let j = 0; j < e.length; j += 100)
-    g.push(e.slice(j, j + 100));
-  const { collapsed: u, enableClipboard: d, collapseObjectsAfterLength: v, editable: S, onDelete: T, src: O, onAdd: A, CustomOperation: f, onChange: N, forceUpdate: E, displaySize: M } = te(ee), [b, m] = P(it(e, t, n, u, v, s));
+  for (let b = 0; b < e.length; b += 100)
+    g.push(e.slice(b, b + 100));
+  const { collapsed: u, enableClipboard: d, collapseObjectsAfterLength: v, editable: E, onDelete: O, src: C, onAdd: _, CustomOperation: f, onChange: A, forceUpdate: k, displaySize: R } = te(ee), [w, m] = P(ot(e, t, n, u, v, o));
   Y(() => {
-    m(it(e, t, n, u, v, s));
+    m(ot(e, t, n, u, v, o));
   }, [u, v]);
-  const [w, y] = P(!1), H = () => {
-    y(!1), r && r(n, c), T && T({ value: e, depth: t, src: O, indexOrName: n, parentType: "array", parentPath: c }), N && N({
+  const [x, y] = P(!1), F = () => {
+    y(!1), r && r(n, c), O && O({ value: e, depth: t, src: C, indexOrName: n, parentType: "array", parentPath: c }), A && A({
       type: "delete",
       depth: t,
-      src: O,
+      src: C,
       indexOrName: n,
       parentType: "array",
       parentPath: c
     });
-  }, [_, C] = P(!1), $ = () => {
-    const j = e;
-    j.push(null), A && A({ indexOrName: j.length - 1, depth: t, src: O, parentType: "array", parentPath: c }), N && N({ type: "add", indexOrName: j.length - 1, depth: t, src: O, parentType: "array", parentPath: c }), E();
-  }, L = w || _, U = () => {
-    y(!1), C(!1);
-  }, F = a.jsxs(a.Fragment, { children: [!b && !L && a.jsxs("span", Object.assign({ onClick: () => m(!0), className: "jv-size-chevron" }, { children: [ae(M, t, b) && a.jsxs("span", Object.assign({ className: "jv-size" }, { children: [e.length, " Items"] })), a.jsx(Je, { className: "jv-chevron" })] })), L && a.jsx(qe, { className: "json-view--edit", style: { display: "inline-block" }, onClick: _ ? $ : H }), L && a.jsx(Be, { className: "json-view--edit", style: { display: "inline-block" }, onClick: U }), !b && !L && d && we(s) && a.jsx(xe, { node: e, nodeMeta: { depth: t, indexOrName: n, parent: o, parentPath: c, currentPath: l } }), !b && !L && It(S) && Pt(s) && a.jsx($t, { className: "json-view--edit", onClick: () => {
-    $();
-  } }), !b && !L && ze(S) && Ze(s) && r && a.jsx(Ye, { className: "json-view--edit", onClick: () => y(!0) }), typeof f == "function" ? a.jsx(f, { node: e }) : null] });
-  return a.jsxs(a.Fragment, { children: [a.jsx("span", { children: "[" }), F, b ? a.jsx("button", Object.assign({ onClick: () => m(!1), className: "jv-button" }, { children: "..." })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: g.map((j, R) => a.jsx(zr, { originNode: e, node: j, depth: t, index: R, startIndex: R * 100, deleteHandle: r, customOptions: s, parentPath: c }, String(n) + String(R))) })), a.jsx("span", { children: "]" }), b && ae(M, t, b) && a.jsxs("span", Object.assign({ onClick: () => m(!1), className: "jv-size" }, { children: [e.length, " Items"] }))] });
-}
-function Jr({ node: e, depth: t, indexOrName: r, deleteHandle: n, customOptions: s, parent: o, parentPath: c }) {
-  const { collapsed: l, onCollapse: g, enableClipboard: u, ignoreLargeArray: d, collapseObjectsAfterLength: v, editable: S, onDelete: T, src: O, onAdd: A, onEdit: f, onChange: N, forceUpdate: E, displaySize: M, CustomOperation: b } = te(ee), m = typeof r < "u" ? [...c, String(r)] : c;
+  }, [N, S] = P(!1), L = () => {
+    const b = e;
+    b.push(null), _ && _({ indexOrName: b.length - 1, depth: t, src: C, parentType: "array", parentPath: c }), A && A({ type: "add", indexOrName: b.length - 1, depth: t, src: C, parentType: "array", parentPath: c }), k();
+  }, D = x || N, H = () => {
+    y(!1), S(!1);
+  }, z = a.jsxs(a.Fragment, { children: [!w && !D && a.jsxs("span", Object.assign({ onClick: () => m(!0), className: "jv-size-chevron" }, { children: [ae(R, t, w) && a.jsxs("span", Object.assign({ className: "jv-size" }, { children: [e.length, " Items"] })), a.jsx(Ze, { className: "jv-chevron" })] })), D && a.jsx(Ye, { className: "json-view--edit", style: { display: "inline-block" }, onClick: N ? L : F }), D && a.jsx(qe, { className: "json-view--edit", style: { display: "inline-block" }, onClick: H }), !w && !D && d && we(o) && a.jsx(xe, { node: e, nodeMeta: { depth: t, indexOrName: n, parent: i, parentPath: c, currentPath: l } }), !w && !D && Mt(E) && It(o) && a.jsx(Pt, { className: "json-view--edit", onClick: () => {
+    L();
+  } }), !w && !D && Ue(E) && ze(o) && r && a.jsx(Je, { className: "json-view--edit", onClick: () => y(!0) }), typeof f == "function" ? a.jsx(f, { node: e }) : null] });
+  return a.jsxs(a.Fragment, { children: [a.jsx("span", { children: "[" }), z, w ? a.jsx("button", Object.assign({ onClick: () => m(!1), className: "jv-button" }, { children: "..." })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: g.map((b, T) => a.jsx(Pr, { originNode: e, node: b, depth: t, index: T, startIndex: T * 100, deleteHandle: r, customOptions: o, parentPath: c }, String(n) + String(T))) })), a.jsx("span", { children: "]" }), w && ae(R, t, w) && a.jsxs("span", Object.assign({ onClick: () => m(!1), className: "jv-size" }, { children: [e.length, " Items"] }))] });
+}
+function Dr({ node: e, depth: t, indexOrName: r, deleteHandle: n, customOptions: o, parent: i, parentPath: c }) {
+  const { collapsed: l, onCollapse: g, enableClipboard: u, ignoreLargeArray: d, collapseObjectsAfterLength: v, editable: E, onDelete: O, src: C, onAdd: _, onEdit: f, onChange: A, forceUpdate: k, displaySize: R, CustomOperation: w } = te(ee), m = typeof r < "u" ? [...c, String(r)] : c;
   if (!d && Array.isArray(e) && e.length > 100)
-    return a.jsx(Zr, { node: e, depth: t, indexOrName: r, deleteHandle: n, customOptions: s, parentPath: m });
-  const w = Q(e), [y, H] = P(ot(e, t, r, l, v, s)), _ = (h) => {
-    g?.({ isCollapsing: !h, node: e, depth: t, indexOrName: r }), H(h);
+    return a.jsx($r, { node: e, depth: t, indexOrName: r, deleteHandle: n, customOptions: o, parentPath: m });
+  const x = Q(e), [y, F] = P(at(e, t, r, l, v, o)), N = (p) => {
+    g?.({ isCollapsing: !p, node: e, depth: t, indexOrName: r }), F(p);
   };
   Y(() => {
-    _(ot(e, t, r, l, v, s));
+    N(at(e, t, r, l, v, o));
   }, [l, v]);
-  const C = K((h, k, q) => {
-    Array.isArray(e) ? e[+h] = k : e && (e[h] = k), f && f({
-      newValue: k,
-      oldValue: q,
+  const S = W((p, j, K) => {
+    Array.isArray(e) ? e[+p] = j : e && (e[p] = j), f && f({
+      newValue: j,
+      oldValue: K,
       depth: t,
-      src: O,
-      indexOrName: h,
-      parentType: w ? "object" : "array",
+      src: C,
+      indexOrName: p,
+      parentType: x ? "object" : "array",
       parentPath: m
-    }), N && N({ type: "edit", depth: t, src: O, indexOrName: h, parentType: w ? "object" : "array", parentPath: m }), E();
-  }, [e, f, N, E]), $ = (h) => {
-    Array.isArray(e) ? e.splice(+h, 1) : e && delete e[h], E();
-  }, [L, U] = P(!1), F = () => {
-    U(!1), n && n(r, m), T && T({ value: e, depth: t, src: O, indexOrName: r, parentType: w ? "object" : "array", parentPath: m }), N && N({
+    }), A && A({ type: "edit", depth: t, src: C, indexOrName: p, parentType: x ? "object" : "array", parentPath: m }), k();
+  }, [e, f, A, k]), L = (p) => {
+    Array.isArray(e) ? e.splice(+p, 1) : e && delete e[p], k();
+  }, [D, H] = P(!1), z = () => {
+    H(!1), n && n(r, m), O && O({ value: e, depth: t, src: C, indexOrName: r, parentType: x ? "object" : "array", parentPath: m }), A && A({
       type: "delete",
       depth: t,
-      src: O,
+      src: C,
       indexOrName: r,
-      parentType: w ? "object" : "array",
+      parentType: x ? "object" : "array",
       parentPath: m
     });
-  }, [j, R] = P(!1), I = V(null), z = () => {
-    var h;
-    if (w) {
-      const k = (h = I.current) === null || h === void 0 ? void 0 : h.value;
-      k && (e[k] = null, I.current && (I.current.value = ""), R(!1), A && A({ indexOrName: k, depth: t, src: O, parentType: "object", parentPath: m }), N && N({ type: "add", indexOrName: k, depth: t, src: O, parentType: "object", parentPath: m }));
+  }, [b, T] = P(!1), M = V(null), Z = () => {
+    var p;
+    if (x) {
+      const j = (p = M.current) === null || p === void 0 ? void 0 : p.value;
+      j && (e[j] = null, M.current && (M.current.value = ""), T(!1), _ && _({ indexOrName: j, depth: t, src: C, parentType: "object", parentPath: m }), A && A({ type: "add", indexOrName: j, depth: t, src: C, parentType: "object", parentPath: m }));
     } else if (Array.isArray(e)) {
-      const k = e;
-      k.push(null), A && A({ indexOrName: k.length - 1, depth: t, src: O, parentType: "array", parentPath: m }), N && N({ type: "add", indexOrName: k.length - 1, depth: t, src: O, parentType: "array", parentPath: m });
+      const j = e;
+      j.push(null), _ && _({ indexOrName: j.length - 1, depth: t, src: C, parentType: "array", parentPath: m }), A && A({ type: "add", indexOrName: j.length - 1, depth: t, src: C, parentType: "array", parentPath: m });
     }
-    E();
-  }, Z = (h) => {
-    h.key === "Enter" ? (h.preventDefault(), z()) : h.key === "Escape" && p();
-  }, i = L || j, p = () => {
-    U(!1), R(!1);
-  }, x = a.jsxs(a.Fragment, { children: [!y && !i && a.jsxs("span", Object.assign({ onClick: () => _(!0), className: "jv-size-chevron" }, { children: [ae(M, t, y) && a.jsxs("span", Object.assign({ className: "jv-size" }, { children: [ce(e), " Items"] })), a.jsx(Je, { className: "jv-chevron" })] })), j && w && a.jsx("input", { className: "json-view--input", placeholder: "property", ref: I, onKeyDown: Z }), i && a.jsx(qe, { className: "json-view--edit", style: { display: "inline-block" }, onClick: j ? z : F }), i && a.jsx(Be, { className: "json-view--edit", style: { display: "inline-block" }, onClick: p }), !y && !i && u && we(s) && a.jsx(xe, { node: e, nodeMeta: { depth: t, indexOrName: r, parent: o, parentPath: c, currentPath: m } }), !y && !i && It(S) && Pt(s) && a.jsx($t, { className: "json-view--edit", onClick: () => {
-    w ? (R(!0), setTimeout(() => {
-      var h;
-      return (h = I.current) === null || h === void 0 ? void 0 : h.focus();
-    })) : z();
-  } }), !y && !i && ze(S) && Ze(s) && n && a.jsx(Ye, { className: "json-view--edit", onClick: () => U(!0) }), typeof b == "function" ? a.jsx(b, { node: e }) : null] });
-  return Array.isArray(e) ? a.jsxs(a.Fragment, { children: [a.jsx("span", { children: "[" }), x, y ? a.jsx("button", Object.assign({ onClick: () => _(!1), className: "jv-button" }, { children: "..." })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: e.map((h, k) => a.jsx(Ie, { indexOrName: k, value: h, depth: t, parent: e, deleteHandle: $, editHandle: C, parentPath: m }, String(r) + String(k))) })), a.jsx("span", { children: "]" }), y && ae(M, t, y) && a.jsxs("span", Object.assign({ onClick: () => _(!1), className: "jv-size" }, { children: [ce(e), " Items"] }))] }) : w ? a.jsxs(a.Fragment, { children: [a.jsx("span", { children: "{" }), x, y ? a.jsx("button", Object.assign({ onClick: () => _(!1), className: "jv-button" }, { children: "..." })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: Object.entries(e).map(([h, k]) => a.jsx(Ie, { indexOrName: h, value: k, depth: t, parent: e, deleteHandle: $, editHandle: C, parentPath: m }, String(r) + String(h))) })), a.jsx("span", { children: "}" }), y && ae(M, t, y) && a.jsxs("span", Object.assign({ onClick: () => _(!1), className: "jv-size" }, { children: [ce(e), " Items"] }))] }) : a.jsx("span", { children: String(e) });
-}
-const Yr = W.forwardRef(({ str: e, className: t, ctrlClick: r }, n) => {
-  let { collapseStringMode: s, collapseStringsAfterLength: o, customizeCollapseStringUI: c } = te(ee);
+    k();
+  }, J = (p) => {
+    p.key === "Enter" ? (p.preventDefault(), Z()) : p.key === "Escape" && s();
+  }, I = D || b, s = () => {
+    H(!1), T(!1);
+  }, h = a.jsxs(a.Fragment, { children: [!y && !I && a.jsxs("span", Object.assign({ onClick: () => N(!0), className: "jv-size-chevron" }, { children: [ae(R, t, y) && a.jsxs("span", Object.assign({ className: "jv-size" }, { children: [ce(e), " Items"] })), a.jsx(Ze, { className: "jv-chevron" })] })), b && x && a.jsx("input", { className: "json-view--input", placeholder: "property", ref: M, onKeyDown: J }), I && a.jsx(Ye, { className: "json-view--edit", style: { display: "inline-block" }, onClick: b ? Z : z }), I && a.jsx(qe, { className: "json-view--edit", style: { display: "inline-block" }, onClick: s }), !y && !I && u && we(o) && a.jsx(xe, { node: e, nodeMeta: { depth: t, indexOrName: r, parent: i, parentPath: c, currentPath: m } }), !y && !I && Mt(E) && It(o) && a.jsx(Pt, { className: "json-view--edit", onClick: () => {
+    x ? (T(!0), setTimeout(() => {
+      var p;
+      return (p = M.current) === null || p === void 0 ? void 0 : p.focus();
+    })) : Z();
+  } }), !y && !I && Ue(E) && ze(o) && n && a.jsx(Je, { className: "json-view--edit", onClick: () => H(!0) }), typeof w == "function" ? a.jsx(w, { node: e }) : null] });
+  return Array.isArray(e) ? a.jsxs(a.Fragment, { children: [a.jsx("span", { children: "[" }), h, y ? a.jsx("button", Object.assign({ onClick: () => N(!1), className: "jv-button" }, { children: "..." })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: e.map((p, j) => a.jsx(Me, { indexOrName: j, value: p, depth: t, parent: e, deleteHandle: L, editHandle: S, parentPath: m }, String(r) + String(j))) })), a.jsx("span", { children: "]" }), y && ae(R, t, y) && a.jsxs("span", Object.assign({ onClick: () => N(!1), className: "jv-size" }, { children: [ce(e), " Items"] }))] }) : x ? a.jsxs(a.Fragment, { children: [a.jsx("span", { children: "{" }), h, y ? a.jsx("button", Object.assign({ onClick: () => N(!1), className: "jv-button" }, { children: "..." })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: Object.entries(e).map(([p, j]) => a.jsx(Me, { indexOrName: p, value: j, depth: t, parent: e, deleteHandle: L, editHandle: S, parentPath: m }, String(r) + String(p))) })), a.jsx("span", { children: "}" }), y && ae(R, t, y) && a.jsxs("span", Object.assign({ onClick: () => N(!1), className: "jv-size" }, { children: [ce(e), " Items"] }))] }) : a.jsx("span", { children: String(e) });
+}
+const Lr = B.forwardRef(({ str: e, className: t, ctrlClick: r }, n) => {
+  let { collapseStringMode: o, collapseStringsAfterLength: i, customizeCollapseStringUI: c } = te(ee);
   const [l, g] = P(!0), u = V(null);
-  o = o > 0 ? o : 0;
-  const d = e.replace(/\s+/g, " "), v = typeof c == "function" ? c(d, l) : typeof c == "string" ? c : "...", S = (T) => {
-    var O;
-    if ((T.ctrlKey || T.metaKey) && r)
-      r(T);
+  i = i > 0 ? i : 0;
+  const d = e.replace(/\s+/g, " "), v = typeof c == "function" ? c(d, l) : typeof c == "string" ? c : "...", E = (O) => {
+    var C;
+    if ((O.ctrlKey || O.metaKey) && r)
+      r(O);
     else {
-      const A = window.getSelection();
-      if (A && A.anchorOffset !== A.focusOffset && ((O = A.anchorNode) === null || O === void 0 ? void 0 : O.parentElement) === u.current)
+      const _ = window.getSelection();
+      if (_ && _.anchorOffset !== _.focusOffset && ((C = _.anchorNode) === null || C === void 0 ? void 0 : C.parentElement) === u.current)
         return;
       g(!l);
     }
   };
-  if (e.length <= o)
+  if (e.length <= i)
     return a.jsxs("span", Object.assign({ ref: u, className: t, onClick: r }, { children: ['"', e, '"'] }));
-  if (s === "address")
-    return e.length <= 10 ? a.jsxs("span", Object.assign({ ref: u, className: t, onClick: r }, { children: ['"', e, '"'] })) : a.jsxs("span", Object.assign({ ref: u, onClick: S, className: t + " cursor-pointer" }, { children: ['"', l ? [d.slice(0, 6), v, d.slice(-4)] : e, '"'] }));
-  if (s === "directly")
-    return a.jsxs("span", Object.assign({ ref: u, onClick: S, className: t + " cursor-pointer" }, { children: ['"', l ? [d.slice(0, o), v] : e, '"'] }));
-  if (s === "word") {
-    let T = o, O = o + 1, A = d, f = 1;
+  if (o === "address")
+    return e.length <= 10 ? a.jsxs("span", Object.assign({ ref: u, className: t, onClick: r }, { children: ['"', e, '"'] })) : a.jsxs("span", Object.assign({ ref: u, onClick: E, className: t + " cursor-pointer" }, { children: ['"', l ? [d.slice(0, 6), v, d.slice(-4)] : e, '"'] }));
+  if (o === "directly")
+    return a.jsxs("span", Object.assign({ ref: u, onClick: E, className: t + " cursor-pointer" }, { children: ['"', l ? [d.slice(0, i), v] : e, '"'] }));
+  if (o === "word") {
+    let O = i, C = i + 1, _ = d, f = 1;
     for (; ; ) {
-      if (/\W/.test(e[T])) {
-        A = e.slice(0, T);
+      if (/\W/.test(e[O])) {
+        _ = e.slice(0, O);
         break;
       }
-      if (/\W/.test(e[O])) {
-        A = e.slice(0, O);
+      if (/\W/.test(e[C])) {
+        _ = e.slice(0, C);
         break;
       }
       if (f === 6) {
-        A = e.slice(0, o);
+        _ = e.slice(0, i);
         break;
       }
-      f++, T--, O++;
+      f++, O--, C++;
     }
-    return a.jsxs("span", Object.assign({ ref: u, onClick: S, className: t + " cursor-pointer" }, { children: ['"', l ? [A, v] : e, '"'] }));
+    return a.jsxs("span", Object.assign({ ref: u, onClick: E, className: t + " cursor-pointer" }, { children: ['"', l ? [_, v] : e, '"'] }));
   }
   return a.jsxs("span", Object.assign({ ref: u, className: t }, { children: ['"', e, '"'] }));
 });
-var xt;
-function Ve() {
-  return Ve = Object.assign ? Object.assign.bind() : function(e) {
+var jt;
+function Le() {
+  return Le = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r)
         Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, Ve.apply(this, arguments);
+  }, Le.apply(this, arguments);
 }
-var qr = function(t) {
-  return /* @__PURE__ */ D.createElement("svg", Ve({
+var Vr = function(t) {
+  return /* @__PURE__ */ $.createElement("svg", Le({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), xt || (xt = /* @__PURE__ */ D.createElement("path", {
+  }, t), jt || (jt = /* @__PURE__ */ $.createElement("path", {
     fill: "currentColor",
     d: "M17.25 3H6.75A3.754 3.754 0 0 0 3 6.75v10.5A3.754 3.754 0 0 0 6.75 21h10.5A3.754 3.754 0 0 0 21 17.25V6.75A3.754 3.754 0 0 0 17.25 3Zm2.25 14.25c0 1.24-1.01 2.25-2.25 2.25H6.75c-1.24 0-2.25-1.01-2.25-2.25V6.75c0-1.24 1.01-2.25 2.25-2.25h10.5c1.24 0 2.25 1.01 2.25 2.25v10.5Zm-6.09-9.466-5.031 5.03a2.981 2.981 0 0 0-.879 2.121v1.19c0 .415.336.75.75.75h1.19c.8 0 1.554-.312 2.12-.879l5.03-5.03a2.252 2.252 0 0 0 0-3.182c-.85-.85-2.331-.85-3.18 0Zm-2.91 7.151c-.28.28-.666.44-1.06.44H9v-.44c0-.4.156-.777.44-1.06l3.187-3.188 1.06 1.061-3.187 3.188Zm5.03-5.03-.782.783-1.06-1.061.782-.782a.766.766 0 0 1 1.06 0 .75.75 0 0 1 0 1.06Z"
   })));
-}, Ct, St;
-function He() {
-  return He = Object.assign ? Object.assign.bind() : function(e) {
+}, wt, xt;
+function Ve() {
+  return Ve = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r)
         Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, He.apply(this, arguments);
+  }, Ve.apply(this, arguments);
 }
-var Br = function(t) {
-  return /* @__PURE__ */ D.createElement("svg", He({
+var Hr = function(t) {
+  return /* @__PURE__ */ $.createElement("svg", Ve({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), Ct || (Ct = /* @__PURE__ */ D.createElement("path", {
+  }, t), wt || (wt = /* @__PURE__ */ $.createElement("path", {
     fill: "currentColor",
     d: "M6.75 3h5.5v1.5h-5.5C5.51 4.5 4.5 5.51 4.5 6.75v10.5c0 1.24 1.01 2.25 2.25 2.25h10.5c1.24 0 2.25-1.01 2.25-2.25v-5.5H21v5.5A3.754 3.754 0 0 1 17.25 21H6.75A3.754 3.754 0 0 1 3 17.25V6.75A3.754 3.754 0 0 1 6.75 3Z"
-  })), St || (St = /* @__PURE__ */ D.createElement("path", {
+  })), xt || (xt = /* @__PURE__ */ $.createElement("path", {
     fill: "currentColor",
     d: "M20.013 3h-3.946a.987.987 0 0 0 0 1.973h1.564l-6.342 6.342a1.004 1.004 0 0 0 0 1.396 1.004 1.004 0 0 0 1.396 0l6.342-6.342v1.564a.987.987 0 0 0 1.973 0V3.987A.987.987 0 0 0 20.013 3Z"
   })));
 };
-function Dt({ node: e, depth: t, deleteHandle: r, indexOrName: n, parent: s, editHandle: o, parentPath: c }) {
-  const { collapseStringsAfterLength: l, enableClipboard: g, editable: u, src: d, onDelete: v, onChange: S, customizeNode: T, matchesURL: O, urlRegExp: A, EditComponent: f, DoneComponent: N, CancelComponent: E, CustomOperation: M } = te(ee);
-  let b;
-  if (typeof T == "function" && (b = Ue(T, [{ node: e, depth: t, indexOrName: n }])), b) {
-    if (qt(b))
-      return b;
-    if (Lr(b)) {
-      const m = b;
+function $t({ node: e, depth: t, deleteHandle: r, indexOrName: n, parent: o, editHandle: i, parentPath: c }) {
+  const { collapseStringsAfterLength: l, enableClipboard: g, editable: u, src: d, onDelete: v, onChange: E, customizeNode: O, matchesURL: C, urlRegExp: _, EditComponent: f, DoneComponent: A, CancelComponent: k, CustomOperation: R } = te(ee);
+  let w;
+  if (typeof O == "function" && (w = Fe(O, [{ node: e, depth: t, indexOrName: n }])), w) {
+    if (Yt(w))
+      return w;
+    if (_r(w)) {
+      const m = w;
       return a.jsx(m, { node: e, depth: t, indexOrName: n });
     }
   }
   if (Array.isArray(e) || Q(e))
-    return a.jsx(Jr, { parent: s, node: e, depth: t, indexOrName: n, deleteHandle: r, parentPath: c, customOptions: typeof b == "object" ? b : void 0 });
+    return a.jsx(Dr, { parent: o, node: e, depth: t, indexOrName: n, deleteHandle: r, parentPath: c, customOptions: typeof w == "object" ? w : void 0 });
   {
-    const m = typeof e, w = typeof n < "u" ? [...c, String(n)] : c, [y, H] = P(!1), [_, C] = P(!1), $ = V(null), L = () => {
-      H(!0), setTimeout(() => {
-        var h, k;
-        (h = window.getSelection()) === null || h === void 0 || h.selectAllChildren($.current), (k = $.current) === null || k === void 0 || k.focus();
+    const m = typeof e, x = typeof n < "u" ? [...c, String(n)] : c, [y, F] = P(!1), [N, S] = P(!1), L = V(null), D = () => {
+      F(!0), setTimeout(() => {
+        var p, j;
+        (p = window.getSelection()) === null || p === void 0 || p.selectAllChildren(L.current), (j = L.current) === null || j === void 0 || j.focus();
       });
-    }, U = K(() => {
-      let h = $.current.innerText;
+    }, H = W(() => {
+      let p = L.current.innerText;
       try {
-        const k = JSON.parse(h);
-        o && o(n, k, e, c);
+        const j = JSON.parse(p);
+        i && i(n, j, e, c);
       } catch {
-        const q = Hr(m, h);
-        o && o(n, q, e, c);
+        const K = Rr(m, p);
+        i && i(n, K, e, c);
       }
-      H(!1);
-    }, [o, n, e, c, m]), F = () => {
-      H(!1), C(!1);
-    }, j = () => {
-      C(!1), r && r(n, c), v && v({
+      F(!1);
+    }, [i, n, e, c, m]), z = () => {
+      F(!1), S(!1);
+    }, b = () => {
+      S(!1), r && r(n, c), v && v({
         value: e,
         depth: t,
         src: d,
         indexOrName: n,
-        parentType: Array.isArray(s) ? "array" : "object",
+        parentType: Array.isArray(o) ? "array" : "object",
         parentPath: c
-      }), S && S({
+      }), E && E({
         depth: t,
         src: d,
         indexOrName: n,
-        parentType: Array.isArray(s) ? "array" : "object",
+        parentType: Array.isArray(o) ? "array" : "object",
         type: "delete",
         parentPath: c
       });
-    }, R = K((h) => {
-      h.key === "Enter" ? (h.preventDefault(), U()) : h.key === "Escape" && F();
-    }, [U]), I = y || _, z = !I && ct(u) && lt(b) && o ? (h) => {
-      (h.ctrlKey || h.metaKey) && L();
-    } : void 0, Z = a.jsxs(a.Fragment, { children: [I && (typeof N == "function" ? a.jsx(N, { className: "json-view--edit", style: { display: "inline-block" }, onClick: _ ? j : U }) : a.jsx(qe, { className: "json-view--edit", style: { display: "inline-block" }, onClick: _ ? j : U })), I && (typeof E == "function" ? a.jsx(E, { className: "json-view--edit", style: { display: "inline-block" }, onClick: F }) : a.jsx(Be, { className: "json-view--edit", style: { display: "inline-block" }, onClick: F })), !I && g && we(b) && a.jsx(xe, { node: e, nodeMeta: { depth: t, indexOrName: n, parent: s, parentPath: c, currentPath: w } }), !I && O && m === "string" && A.test(e) && Vr(b) && a.jsx("a", Object.assign({ href: e, target: "_blank", className: "json-view--link" }, { children: a.jsx(Br, {}) })), !I && ct(u) && lt(b) && o && (typeof f == "function" ? a.jsx(f, { className: "json-view--edit", onClick: L }) : a.jsx(qr, { className: "json-view--edit", onClick: L })), !I && ze(u) && Ze(b) && r && a.jsx(Ye, { className: "json-view--edit", onClick: () => C(!0) }), typeof M == "function" ? a.jsx(M, { node: e }) : null] });
-    let i = "json-view--string";
+    }, T = W((p) => {
+      p.key === "Enter" ? (p.preventDefault(), H()) : p.key === "Escape" && z();
+    }, [H]), M = y || N, Z = !M && st(u) && it(w) && i ? (p) => {
+      (p.ctrlKey || p.metaKey) && D();
+    } : void 0, J = a.jsxs(a.Fragment, { children: [M && (typeof A == "function" ? a.jsx(A, { className: "json-view--edit", style: { display: "inline-block" }, onClick: N ? b : H }) : a.jsx(Ye, { className: "json-view--edit", style: { display: "inline-block" }, onClick: N ? b : H })), M && (typeof k == "function" ? a.jsx(k, { className: "json-view--edit", style: { display: "inline-block" }, onClick: z }) : a.jsx(qe, { className: "json-view--edit", style: { display: "inline-block" }, onClick: z })), !M && g && we(w) && a.jsx(xe, { node: e, nodeMeta: { depth: t, indexOrName: n, parent: o, parentPath: c, currentPath: x } }), !M && C && m === "string" && _.test(e) && Tr(w) && a.jsx("a", Object.assign({ href: e, target: "_blank", className: "json-view--link" }, { children: a.jsx(Hr, {}) })), !M && st(u) && it(w) && i && (typeof f == "function" ? a.jsx(f, { className: "json-view--edit", onClick: D }) : a.jsx(Vr, { className: "json-view--edit", onClick: D })), !M && Ue(u) && ze(w) && r && a.jsx(Je, { className: "json-view--edit", onClick: () => S(!0) }), typeof R == "function" ? a.jsx(R, { node: e }) : null] });
+    let I = "json-view--string";
     switch (m) {
       case "number":
       case "bigint":
-        i = "json-view--number";
+        I = "json-view--number";
         break;
       case "boolean":
-        i = "json-view--boolean";
+        I = "json-view--boolean";
         break;
       case "object":
-        i = "json-view--null";
+        I = "json-view--null";
         break;
     }
-    typeof b?.className == "string" && (i += " " + b.className), _ && (i += " json-view--deleting");
-    let p = String(e);
-    m === "bigint" && (p += "n");
-    const x = ue(() => a.jsx("span", { contentEditable: !0, className: i, dangerouslySetInnerHTML: { __html: m === "string" ? `"${p}"` : p }, ref: $, onKeyDown: R }), [p, m, R]);
-    return m === "string" ? a.jsxs(a.Fragment, { children: [y ? x : e.length > l ? a.jsx(Yr, { str: e, ref: $, className: i, ctrlClick: z }) : a.jsxs("span", Object.assign({ className: i, onClick: z }, { children: ['"', p, '"'] })), Z] }) : a.jsxs(a.Fragment, { children: [y ? x : a.jsx("span", Object.assign({ className: i, onClick: z }, { children: p })), Z] });
+    typeof w?.className == "string" && (I += " " + w.className), N && (I += " json-view--deleting");
+    let s = String(e);
+    m === "bigint" && (s += "n");
+    const h = ue(() => a.jsx("span", { contentEditable: !0, className: I, dangerouslySetInnerHTML: { __html: m === "string" ? `"${s}"` : s }, ref: L, onKeyDown: T }), [s, m, T]);
+    return m === "string" ? a.jsxs(a.Fragment, { children: [y ? h : e.length > l ? a.jsx(Lr, { str: e, ref: L, className: I, ctrlClick: Z }) : a.jsxs("span", Object.assign({ className: I, onClick: Z }, { children: ['"', s, '"'] })), J] }) : a.jsxs(a.Fragment, { children: [y ? h : a.jsx("span", Object.assign({ className: I, onClick: Z }, { children: s })), J] });
   }
 }
-const Lt = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, ee = Yt({
+const Dt = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, ee = Jt({
   src: void 0,
   collapseStringsAfterLength: 99,
   collapseStringMode: "directly",
@@ -1154,12 +1044,12 @@ const Lt = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^
   forceUpdate: () => {
   },
   customizeNode: void 0,
-  customizeCopy: () => {
-  },
+  customizeCopy: (() => {
+  }),
   displaySize: void 0,
   displayArrayIndex: !0,
   matchesURL: !1,
-  urlRegExp: Lt,
+  urlRegExp: Dt,
   ignoreLargeArray: !1,
   CopyComponent: void 0,
   CopiedComponent: void 0,
@@ -1168,151 +1058,183 @@ const Lt = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^
   DoneComponent: void 0,
   CustomOperation: void 0
 });
-function Wr({ src: e, collapseStringsAfterLength: t = 99, collapseStringMode: r = "directly", customizeCollapseStringUI: n, collapseObjectsAfterLength: s = 99, collapsed: o, onCollapse: c, enableClipboard: l = !0, editable: g = !1, onEdit: u, onDelete: d, onAdd: v, onChange: S, dark: T = !1, theme: O = "default", customizeNode: A, customizeCopy: f = (F) => $r(F), displaySize: N, displayArrayIndex: E = !0, style: M, className: b, matchesURL: m = !1, urlRegExp: w = Lt, ignoreLargeArray: y = !1, CopyComponent: H, CopiedComponent: _, EditComponent: C, CancelComponent: $, DoneComponent: L, CustomOperation: U }) {
-  const [F, j] = P(0), R = K(() => j((Z) => ++Z), []), [I, z] = P(e);
-  return Y(() => z(e), [e]), a.jsx(ee.Provider, Object.assign({ value: {
-    src: I,
+function Fr({ src: e, collapseStringsAfterLength: t = 99, collapseStringMode: r = "directly", customizeCollapseStringUI: n, collapseObjectsAfterLength: o = 99, collapsed: i, onCollapse: c, enableClipboard: l = !0, editable: g = !1, onEdit: u, onDelete: d, onAdd: v, onChange: E, dark: O = !1, theme: C = "default", customizeNode: _, customizeCopy: f = (z) => Ar(z), displaySize: A, displayArrayIndex: k = !0, style: R, className: w, matchesURL: m = !1, urlRegExp: x = Dt, ignoreLargeArray: y = !1, CopyComponent: F, CopiedComponent: N, EditComponent: S, CancelComponent: L, DoneComponent: D, CustomOperation: H }) {
+  const [z, b] = P(0), T = W(() => b((J) => ++J), []), [M, Z] = P(e);
+  return Y(() => Z(e), [e]), a.jsx(ee.Provider, Object.assign({ value: {
+    src: M,
     collapseStringsAfterLength: t,
     collapseStringMode: r,
     customizeCollapseStringUI: n,
-    collapseObjectsAfterLength: s,
-    collapsed: o,
+    collapseObjectsAfterLength: o,
+    collapsed: i,
     onCollapse: c,
     enableClipboard: l,
     editable: g,
     onEdit: u,
     onDelete: d,
     onAdd: v,
-    onChange: S,
-    forceUpdate: R,
-    customizeNode: A,
+    onChange: E,
+    forceUpdate: T,
+    customizeNode: _,
     customizeCopy: f,
-    displaySize: N,
-    displayArrayIndex: E,
+    displaySize: A,
+    displayArrayIndex: k,
     matchesURL: m,
-    urlRegExp: w,
+    urlRegExp: x,
     ignoreLargeArray: y,
-    CopyComponent: H,
-    CopiedComponent: _,
-    EditComponent: C,
-    CancelComponent: $,
-    DoneComponent: L,
-    CustomOperation: U
-  } }, { children: a.jsx("code", Object.assign({ className: "json-view" + (T ? " dark" : "") + (O && O !== "default" ? " json-view_" + O : "") + (b ? " " + b : ""), style: M }, { children: a.jsx(Dt, { node: I, depth: 1, editHandle: (Z, i, p, x) => {
-    z(i), u && u({
-      newValue: i,
-      oldValue: p,
+    CopyComponent: F,
+    CopiedComponent: N,
+    EditComponent: S,
+    CancelComponent: L,
+    DoneComponent: D,
+    CustomOperation: H
+  } }, { children: a.jsx("code", Object.assign({ className: "json-view" + (O ? " dark" : "") + (C && C !== "default" ? " json-view_" + C : "") + (w ? " " + w : ""), style: R }, { children: a.jsx($t, { node: M, depth: 1, editHandle: (J, I, s, h) => {
+    Z(I), u && u({
+      newValue: I,
+      oldValue: s,
       depth: 1,
-      src: I,
-      indexOrName: Z,
+      src: M,
+      indexOrName: J,
       parentType: null,
-      parentPath: x
-    }), S && S({ type: "edit", depth: 1, src: I, indexOrName: Z, parentType: null, parentPath: x });
-  }, deleteHandle: (Z, i) => {
-    z(void 0), d && d({
-      value: I,
+      parentPath: h
+    }), E && E({ type: "edit", depth: 1, src: M, indexOrName: J, parentType: null, parentPath: h });
+  }, deleteHandle: (J, I) => {
+    Z(void 0), d && d({
+      value: M,
       depth: 1,
-      src: I,
-      indexOrName: Z,
+      src: M,
+      indexOrName: J,
       parentType: null,
-      parentPath: i
-    }), S && S({
+      parentPath: I
+    }), E && E({
       depth: 1,
-      src: I,
-      indexOrName: Z,
+      src: M,
+      indexOrName: J,
       parentType: null,
       type: "delete",
-      parentPath: i
+      parentPath: I
     });
   }, parentPath: [] }) })) }));
 }
-const Kr = ({ state: e }) => /* @__PURE__ */ a.jsx(Wr, { src: e.value, theme: "default" });
+const Ur = ({ state: e }) => /* @__PURE__ */ a.jsx(Fr, { src: e.value, theme: "default" });
+const zr = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+], Ct = X("circle-alert", zr);
+const Zr = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Jr = X("check", Zr);
+const Yr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], qr = X("loader-circle", Yr);
+const Br = [
+  [
+    "path",
+    {
+      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
+      key: "1c8476"
+    }
+  ],
+  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
+  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
+], Wr = X("save", Br);
+function St(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var r = 0, n = Array(t); r < t; r++) n[r] = e[r];
+  return n;
+}
+function Kr(e) {
+  if (Array.isArray(e)) return e;
+}
 function Gr(e, t, r) {
-  return t in e ? Object.defineProperty(e, t, {
+  return (t = an(t)) in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[t] = r, e;
 }
-function Ot(e, t) {
+function Xr(e, t) {
+  var r = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (r != null) {
+    var n, o, i, c, l = [], g = !0, u = !1;
+    try {
+      if (i = (r = r.call(e)).next, t !== 0) for (; !(g = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); g = !0) ;
+    } catch (d) {
+      u = !0, o = d;
+    } finally {
+      try {
+        if (!g && r.return != null && (c = r.return(), Object(c) !== c)) return;
+      } finally {
+        if (u) throw o;
+      }
+    }
+    return l;
+  }
+}
+function Qr() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function Et(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
-    t && (n = n.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
     })), r.push.apply(r, n);
   }
   return r;
 }
-function Et(e) {
+function Ot(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Ot(Object(r), !0).forEach(function(n) {
+    t % 2 ? Et(Object(r), !0).forEach(function(n) {
       Gr(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ot(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Et(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function Xr(e, t) {
+function en(e, t) {
   if (e == null) return {};
-  var r = {}, n = Object.keys(e), s, o;
-  for (o = 0; o < n.length; o++)
-    s = n[o], !(t.indexOf(s) >= 0) && (r[s] = e[s]);
-  return r;
+  var r, n, o = tn(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++) r = i[n], t.indexOf(r) === -1 && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+  }
+  return o;
 }
-function Qr(e, t) {
+function tn(e, t) {
   if (e == null) return {};
-  var r = Xr(e, t), n, s;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    for (s = 0; s < o.length; s++)
-      n = o[s], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
+  var r = {};
+  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
+    if (t.indexOf(n) !== -1) continue;
+    r[n] = e[n];
   }
   return r;
 }
-function en(e, t) {
-  return tn(e) || rn(e, t) || nn(e, t) || an();
-}
-function tn(e) {
-  if (Array.isArray(e)) return e;
-}
 function rn(e, t) {
-  if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(e)))) {
-    var r = [], n = !0, s = !1, o = void 0;
-    try {
-      for (var c = e[Symbol.iterator](), l; !(n = (l = c.next()).done) && (r.push(l.value), !(t && r.length === t)); n = !0)
-        ;
-    } catch (g) {
-      s = !0, o = g;
-    } finally {
-      try {
-        !n && c.return != null && c.return();
-      } finally {
-        if (s) throw o;
-      }
-    }
-    return r;
-  }
+  return Kr(e) || Xr(e, t) || on(e, t) || Qr();
 }
 function nn(e, t) {
-  if (e) {
-    if (typeof e == "string") return kt(e, t);
-    var r = Object.prototype.toString.call(e).slice(8, -1);
-    if (r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set") return Array.from(e);
-    if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return kt(e, t);
+  if (typeof e != "object" || !e) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(e, t);
+    if (typeof n != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
   }
+  return (t === "string" ? String : Number)(e);
 }
-function kt(e, t) {
-  (t == null || t > e.length) && (t = e.length);
-  for (var r = 0, n = new Array(t); r < t; r++) n[r] = e[r];
-  return n;
+function an(e) {
+  var t = nn(e, "string");
+  return typeof t == "symbol" ? t : t + "";
 }
-function an() {
-  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+function on(e, t) {
+  if (e) {
+    if (typeof e == "string") return St(e, t);
+    var r = {}.toString.call(e).slice(8, -1);
+    return r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set" ? Array.from(e) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? St(e, t) : void 0;
+  }
 }
 function sn(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
@@ -1322,79 +1244,79 @@ function sn(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function At(e, t) {
+function kt(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
-    t && (n = n.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
     })), r.push.apply(r, n);
   }
   return r;
 }
-function Nt(e) {
+function At(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? At(Object(r), !0).forEach(function(n) {
+    t % 2 ? kt(Object(r), !0).forEach(function(n) {
       sn(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : At(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : kt(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function on() {
+function cn() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
   return function(n) {
-    return t.reduceRight(function(s, o) {
-      return o(s);
+    return t.reduceRight(function(o, i) {
+      return i(o);
     }, n);
   };
 }
 function ie(e) {
   return function t() {
-    for (var r = this, n = arguments.length, s = new Array(n), o = 0; o < n; o++)
-      s[o] = arguments[o];
-    return s.length >= e.length ? e.apply(this, s) : function() {
+    for (var r = this, n = arguments.length, o = new Array(n), i = 0; i < n; i++)
+      o[i] = arguments[i];
+    return o.length >= e.length ? e.apply(this, o) : function() {
       for (var c = arguments.length, l = new Array(c), g = 0; g < c; g++)
         l[g] = arguments[g];
-      return t.apply(r, [].concat(s, l));
+      return t.apply(r, [].concat(o, l));
     };
   };
 }
-function je(e) {
+function be(e) {
   return {}.toString.call(e).includes("Object");
 }
-function cn(e) {
+function ln(e) {
   return !Object.keys(e).length;
 }
 function de(e) {
   return typeof e == "function";
 }
-function ln(e, t) {
+function un(e, t) {
   return Object.prototype.hasOwnProperty.call(e, t);
 }
-function un(e, t) {
-  return je(t) || G("changeType"), Object.keys(t).some(function(r) {
-    return !ln(e, r);
+function dn(e, t) {
+  return be(t) || G("changeType"), Object.keys(t).some(function(r) {
+    return !un(e, r);
   }) && G("changeField"), t;
 }
-function dn(e) {
+function fn(e) {
   de(e) || G("selectorType");
 }
-function fn(e) {
-  de(e) || je(e) || G("handlerType"), je(e) && Object.values(e).some(function(t) {
+function pn(e) {
+  de(e) || be(e) || G("handlerType"), be(e) && Object.values(e).some(function(t) {
     return !de(t);
   }) && G("handlersType");
 }
-function pn(e) {
-  e || G("initialIsRequired"), je(e) || G("initialType"), cn(e) && G("initialContent");
+function gn(e) {
+  e || G("initialIsRequired"), be(e) || G("initialType"), ln(e) && G("initialContent");
 }
-function gn(e, t) {
+function hn(e, t) {
   throw new Error(e[t] || e.default);
 }
-var hn = {
+var vn = {
   initialIsRequired: "initial state is required",
   initialType: "initial state should be an object",
   initialContent: "initial state shouldn't be an empty object",
@@ -1404,18 +1326,18 @@ var hn = {
   changeType: "provided value of changes should be an object",
   changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state',
   default: "an unknown error accured in `state-local` package"
-}, G = ie(gn)(hn), ve = {
-  changes: un,
-  selector: dn,
-  handler: fn,
-  initial: pn
+}, G = ie(hn)(vn), ve = {
+  changes: dn,
+  selector: fn,
+  handler: pn,
+  initial: gn
 };
-function vn(e) {
+function mn(e) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   ve.initial(e), ve.handler(t);
   var r = {
     current: e
-  }, n = ie(jn)(r, t), s = ie(yn)(r), o = ie(ve.changes)(e), c = ie(mn)(r);
+  }, n = ie(jn)(r, t), o = ie(bn)(r), i = ie(ve.changes)(e), c = ie(yn)(r);
   function l() {
     var u = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(d) {
       return d;
@@ -1423,57 +1345,57 @@ function vn(e) {
     return ve.selector(u), u(r.current);
   }
   function g(u) {
-    on(n, s, o, c)(u);
+    cn(n, o, i, c)(u);
   }
   return [l, g];
 }
-function mn(e, t) {
+function yn(e, t) {
   return de(t) ? t(e.current) : t;
 }
-function yn(e, t) {
-  return e.current = Nt(Nt({}, e.current), t), t;
+function bn(e, t) {
+  return e.current = At(At({}, e.current), t), t;
 }
 function jn(e, t, r) {
   return de(t) ? t(e.current) : Object.keys(r).forEach(function(n) {
-    var s;
-    return (s = t[n]) === null || s === void 0 ? void 0 : s.call(t, e.current[n]);
+    var o;
+    return (o = t[n]) === null || o === void 0 ? void 0 : o.call(t, e.current[n]);
   }), r;
 }
-var bn = {
-  create: vn
-}, wn = {
+var wn = {
+  create: mn
+}, xn = {
   paths: {
-    vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs"
+    vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.54.0/min/vs"
   }
 };
-function xn(e) {
+function Cn(e) {
   return function t() {
-    for (var r = this, n = arguments.length, s = new Array(n), o = 0; o < n; o++)
-      s[o] = arguments[o];
-    return s.length >= e.length ? e.apply(this, s) : function() {
+    for (var r = this, n = arguments.length, o = new Array(n), i = 0; i < n; i++)
+      o[i] = arguments[i];
+    return o.length >= e.length ? e.apply(this, o) : function() {
       for (var c = arguments.length, l = new Array(c), g = 0; g < c; g++)
         l[g] = arguments[g];
-      return t.apply(r, [].concat(s, l));
+      return t.apply(r, [].concat(o, l));
     };
   };
 }
-function Cn(e) {
+function Sn(e) {
   return {}.toString.call(e).includes("Object");
 }
-function Sn(e) {
-  return e || Tt("configIsRequired"), Cn(e) || Tt("configType"), e.urls ? (On(), {
+function En(e) {
+  return e || Nt("configIsRequired"), Sn(e) || Nt("configType"), e.urls ? (On(), {
     paths: {
       vs: e.urls.monacoBase
     }
   }) : e;
 }
 function On() {
-  console.warn(Vt.deprecation);
+  console.warn(Lt.deprecation);
 }
-function En(e, t) {
+function kn(e, t) {
   throw new Error(e[t] || e.default);
 }
-var Vt = {
+var Lt = {
   configIsRequired: "the configuration object is required",
   configType: "the configuration object should be an object",
   default: "an unknown error accured in `@monaco-editor/loader` package",
@@ -1487,293 +1409,294 @@ var Vt = {
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, Tt = xn(En)(Vt), kn = {
-  config: Sn
-}, An = function() {
+}, Nt = Cn(kn)(Lt), An = {
+  config: En
+}, Nn = function() {
   for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
     r[n] = arguments[n];
-  return function(s) {
-    return r.reduceRight(function(o, c) {
-      return c(o);
-    }, s);
+  return function(o) {
+    return r.reduceRight(function(i, c) {
+      return c(i);
+    }, o);
   };
 };
-function Ht(e, t) {
+function Vt(e, t) {
   return Object.keys(t).forEach(function(r) {
-    t[r] instanceof Object && e[r] && Object.assign(t[r], Ht(e[r], t[r]));
-  }), Et(Et({}, e), t);
+    t[r] instanceof Object && e[r] && Object.assign(t[r], Vt(e[r], t[r]));
+  }), Ot(Ot({}, e), t);
 }
-var Nn = {
+var _n = {
   type: "cancelation",
   msg: "operation is manually canceled"
 };
-function ke(e) {
-  var t = !1, r = new Promise(function(n, s) {
-    e.then(function(o) {
-      return t ? s(Nn) : n(o);
-    }), e.catch(s);
+function Oe(e) {
+  var t = !1, r = new Promise(function(n, o) {
+    e.then(function(i) {
+      return t ? o(_n) : n(i);
+    }), e.catch(o);
   });
   return r.cancel = function() {
     return t = !0;
   }, r;
 }
-var Tn = bn.create({
-  config: wn,
+var Tn = ["monaco"], Rn = wn.create({
+  config: xn,
   isInitialized: !1,
   resolve: null,
   reject: null,
   monaco: null
-}), Ft = en(Tn, 2), fe = Ft[0], Ce = Ft[1];
-function _n(e) {
-  var t = kn.config(e), r = t.monaco, n = Qr(t, ["monaco"]);
-  Ce(function(s) {
+}), Ht = rn(Rn, 2), fe = Ht[0], Ce = Ht[1];
+function Mn(e) {
+  var t = An.config(e), r = t.monaco, n = en(t, Tn);
+  Ce(function(o) {
     return {
-      config: Ht(s.config, n),
+      config: Vt(o.config, n),
       monaco: r
     };
   });
 }
-function Rn() {
+function In() {
   var e = fe(function(t) {
-    var r = t.monaco, n = t.isInitialized, s = t.resolve;
+    var r = t.monaco, n = t.isInitialized, o = t.resolve;
     return {
       monaco: r,
       isInitialized: n,
-      resolve: s
+      resolve: o
     };
   });
   if (!e.isInitialized) {
     if (Ce({
       isInitialized: !0
     }), e.monaco)
-      return e.resolve(e.monaco), ke(Ae);
+      return e.resolve(e.monaco), Oe(ke);
     if (window.monaco && window.monaco.editor)
-      return Ut(window.monaco), e.resolve(window.monaco), ke(Ae);
-    An(Mn, Pn)($n);
+      return Ft(window.monaco), e.resolve(window.monaco), Oe(ke);
+    Nn(Pn, Dn)(Ln);
   }
-  return ke(Ae);
+  return Oe(ke);
 }
-function Mn(e) {
+function Pn(e) {
   return document.body.appendChild(e);
 }
-function In(e) {
+function $n(e) {
   var t = document.createElement("script");
   return e && (t.src = e), t;
 }
-function Pn(e) {
+function Dn(e) {
   var t = fe(function(n) {
-    var s = n.config, o = n.reject;
+    var o = n.config, i = n.reject;
     return {
-      config: s,
-      reject: o
+      config: o,
+      reject: i
     };
-  }), r = In("".concat(t.config.paths.vs, "/loader.js"));
+  }), r = $n("".concat(t.config.paths.vs, "/loader.js"));
   return r.onload = function() {
     return e();
   }, r.onerror = t.reject, r;
 }
-function $n() {
+function Ln() {
   var e = fe(function(r) {
-    var n = r.config, s = r.resolve, o = r.reject;
+    var n = r.config, o = r.resolve, i = r.reject;
     return {
       config: n,
-      resolve: s,
-      reject: o
+      resolve: o,
+      reject: i
     };
   }), t = window.require;
   t.config(e.config), t(["vs/editor/editor.main"], function(r) {
-    Ut(r), e.resolve(r);
+    var n = r.m;
+    Ft(n), e.resolve(n);
   }, function(r) {
     e.reject(r);
   });
 }
-function Ut(e) {
+function Ft(e) {
   fe().monaco || Ce({
     monaco: e
   });
 }
-function Dn() {
+function Vn() {
   return fe(function(e) {
     var t = e.monaco;
     return t;
   });
 }
-var Ae = new Promise(function(e, t) {
+var ke = new Promise(function(e, t) {
   return Ce({
     resolve: e,
     reject: t
   });
-}), be = {
-  config: _n,
-  init: Rn,
-  __getMonacoInstance: Dn
-}, Ln = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, Ne = Ln, Vn = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, Hn = Vn;
-function Fn({ children: e }) {
-  return W.createElement("div", { style: Hn.container }, e);
-}
-var Un = Fn, zn = Un;
-function Zn({ width: e, height: t, isEditorReady: r, loading: n, _ref: s, className: o, wrapperProps: c }) {
-  return W.createElement("section", { style: { ...Ne.wrapper, width: e, height: t }, ...c }, !r && W.createElement(zn, null, n), W.createElement("div", { ref: s, style: { ...Ne.fullWidth, ...!r && Ne.hide }, className: o }));
-}
-var Jn = Zn, zt = Fe(Jn);
-function Yn(e) {
+}), je = {
+  config: Mn,
+  init: In,
+  __getMonacoInstance: Vn
+}, Hn = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, Ae = Hn, Fn = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, Un = Fn;
+function zn({ children: e }) {
+  return B.createElement("div", { style: Un.container }, e);
+}
+var Zn = zn, Jn = Zn;
+function Yn({ width: e, height: t, isEditorReady: r, loading: n, _ref: o, className: i, wrapperProps: c }) {
+  return B.createElement("section", { style: { ...Ae.wrapper, width: e, height: t }, ...c }, !r && B.createElement(Jn, null, n), B.createElement("div", { ref: o, style: { ...Ae.fullWidth, ...!r && Ae.hide }, className: i }));
+}
+var qn = Yn, Ut = He(qn);
+function Bn(e) {
   Y(e, []);
 }
-var We = Yn;
-function qn(e, t, r = !0) {
+var Be = Bn;
+function Wn(e, t, r = !0) {
   let n = V(!0);
   Y(n.current || !r ? () => {
     n.current = !1;
   } : e, t);
 }
-var B = qn;
+var q = Wn;
 function le() {
 }
 function ne(e, t, r, n) {
-  return Bn(e, n) || Wn(e, t, r, n);
+  return Kn(e, n) || Gn(e, t, r, n);
 }
-function Bn(e, t) {
-  return e.editor.getModel(Zt(e, t));
+function Kn(e, t) {
+  return e.editor.getModel(zt(e, t));
 }
-function Wn(e, t, r, n) {
-  return e.editor.createModel(t, r, n ? Zt(e, n) : void 0);
+function Gn(e, t, r, n) {
+  return e.editor.createModel(t, r, n ? zt(e, n) : void 0);
 }
-function Zt(e, t) {
+function zt(e, t) {
   return e.Uri.parse(t);
 }
-function Kn({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: s, originalModelPath: o, modifiedModelPath: c, keepCurrentOriginalModel: l = !1, keepCurrentModifiedModel: g = !1, theme: u = "light", loading: d = "Loading...", options: v = {}, height: S = "100%", width: T = "100%", className: O, wrapperProps: A = {}, beforeMount: f = le, onMount: N = le }) {
-  let [E, M] = P(!1), [b, m] = P(!0), w = V(null), y = V(null), H = V(null), _ = V(N), C = V(f), $ = V(!1);
-  We(() => {
-    let j = be.init();
-    return j.then((R) => (y.current = R) && m(!1)).catch((R) => R?.type !== "cancelation" && console.error("Monaco initialization: error:", R)), () => w.current ? F() : j.cancel();
-  }), B(() => {
-    if (w.current && y.current) {
-      let j = w.current.getOriginalEditor(), R = ne(y.current, e || "", n || r || "text", o || "");
-      R !== j.getModel() && j.setModel(R);
+function Xn({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: c, keepCurrentOriginalModel: l = !1, keepCurrentModifiedModel: g = !1, theme: u = "light", loading: d = "Loading...", options: v = {}, height: E = "100%", width: O = "100%", className: C, wrapperProps: _ = {}, beforeMount: f = le, onMount: A = le }) {
+  let [k, R] = P(!1), [w, m] = P(!0), x = V(null), y = V(null), F = V(null), N = V(A), S = V(f), L = V(!1);
+  Be(() => {
+    let b = je.init();
+    return b.then((T) => (y.current = T) && m(!1)).catch((T) => T?.type !== "cancelation" && console.error("Monaco initialization: error:", T)), () => x.current ? z() : b.cancel();
+  }), q(() => {
+    if (x.current && y.current) {
+      let b = x.current.getOriginalEditor(), T = ne(y.current, e || "", n || r || "text", i || "");
+      T !== b.getModel() && b.setModel(T);
     }
-  }, [o], E), B(() => {
-    if (w.current && y.current) {
-      let j = w.current.getModifiedEditor(), R = ne(y.current, t || "", s || r || "text", c || "");
-      R !== j.getModel() && j.setModel(R);
+  }, [i], k), q(() => {
+    if (x.current && y.current) {
+      let b = x.current.getModifiedEditor(), T = ne(y.current, t || "", o || r || "text", c || "");
+      T !== b.getModel() && b.setModel(T);
     }
-  }, [c], E), B(() => {
-    let j = w.current.getModifiedEditor();
-    j.getOption(y.current.editor.EditorOption.readOnly) ? j.setValue(t || "") : t !== j.getValue() && (j.executeEdits("", [{ range: j.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), j.pushUndoStop());
-  }, [t], E), B(() => {
-    w.current?.getModel()?.original.setValue(e || "");
-  }, [e], E), B(() => {
-    let { original: j, modified: R } = w.current.getModel();
-    y.current.editor.setModelLanguage(j, n || r || "text"), y.current.editor.setModelLanguage(R, s || r || "text");
-  }, [r, n, s], E), B(() => {
+  }, [c], k), q(() => {
+    let b = x.current.getModifiedEditor();
+    b.getOption(y.current.editor.EditorOption.readOnly) ? b.setValue(t || "") : t !== b.getValue() && (b.executeEdits("", [{ range: b.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), b.pushUndoStop());
+  }, [t], k), q(() => {
+    x.current?.getModel()?.original.setValue(e || "");
+  }, [e], k), q(() => {
+    let { original: b, modified: T } = x.current.getModel();
+    y.current.editor.setModelLanguage(b, n || r || "text"), y.current.editor.setModelLanguage(T, o || r || "text");
+  }, [r, n, o], k), q(() => {
     y.current?.editor.setTheme(u);
-  }, [u], E), B(() => {
-    w.current?.updateOptions(v);
-  }, [v], E);
-  let L = K(() => {
+  }, [u], k), q(() => {
+    x.current?.updateOptions(v);
+  }, [v], k);
+  let D = W(() => {
     if (!y.current) return;
-    C.current(y.current);
-    let j = ne(y.current, e || "", n || r || "text", o || ""), R = ne(y.current, t || "", s || r || "text", c || "");
-    w.current?.setModel({ original: j, modified: R });
-  }, [r, t, s, e, n, o, c]), U = K(() => {
-    !$.current && H.current && (w.current = y.current.editor.createDiffEditor(H.current, { automaticLayout: !0, ...v }), L(), y.current?.editor.setTheme(u), M(!0), $.current = !0);
-  }, [v, u, L]);
+    S.current(y.current);
+    let b = ne(y.current, e || "", n || r || "text", i || ""), T = ne(y.current, t || "", o || r || "text", c || "");
+    x.current?.setModel({ original: b, modified: T });
+  }, [r, t, o, e, n, i, c]), H = W(() => {
+    !L.current && F.current && (x.current = y.current.editor.createDiffEditor(F.current, { automaticLayout: !0, ...v }), D(), y.current?.editor.setTheme(u), R(!0), L.current = !0);
+  }, [v, u, D]);
   Y(() => {
-    E && _.current(w.current, y.current);
-  }, [E]), Y(() => {
-    !b && !E && U();
-  }, [b, E, U]);
-  function F() {
-    let j = w.current?.getModel();
-    l || j?.original?.dispose(), g || j?.modified?.dispose(), w.current?.dispose();
+    k && N.current(x.current, y.current);
+  }, [k]), Y(() => {
+    !w && !k && H();
+  }, [w, k, H]);
+  function z() {
+    let b = x.current?.getModel();
+    l || b?.original?.dispose(), g || b?.modified?.dispose(), x.current?.dispose();
   }
-  return W.createElement(zt, { width: T, height: S, isEditorReady: E, loading: d, _ref: H, className: O, wrapperProps: A });
+  return B.createElement(Ut, { width: O, height: E, isEditorReady: k, loading: d, _ref: F, className: C, wrapperProps: _ });
 }
-var Gn = Kn;
-Fe(Gn);
-function Xn() {
-  let [e, t] = P(be.__getMonacoInstance());
-  return We(() => {
+var Qn = Xn;
+He(Qn);
+function ea() {
+  let [e, t] = P(je.__getMonacoInstance());
+  return Be(() => {
     let r;
-    return e || (r = be.init(), r.then((n) => {
+    return e || (r = je.init(), r.then((n) => {
       t(n);
     })), () => r?.cancel();
   }), e;
 }
-var Qn = Xn;
-function ea(e) {
+var ta = ea;
+function ra(e) {
   let t = V();
   return Y(() => {
     t.current = e;
   }, [e]), t.current;
 }
-var ta = ea, me = /* @__PURE__ */ new Map();
-function ra({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: s, path: o, theme: c = "light", line: l, loading: g = "Loading...", options: u = {}, overrideServices: d = {}, saveViewState: v = !0, keepCurrentModel: S = !1, width: T = "100%", height: O = "100%", className: A, wrapperProps: f = {}, beforeMount: N = le, onMount: E = le, onChange: M, onValidate: b = le }) {
-  let [m, w] = P(!1), [y, H] = P(!0), _ = V(null), C = V(null), $ = V(null), L = V(E), U = V(N), F = V(), j = V(n), R = ta(o), I = V(!1), z = V(!1);
-  We(() => {
-    let p = be.init();
-    return p.then((x) => (_.current = x) && H(!1)).catch((x) => x?.type !== "cancelation" && console.error("Monaco initialization: error:", x)), () => C.current ? i() : p.cancel();
-  }), B(() => {
-    let p = ne(_.current, e || n || "", t || s || "", o || r || "");
-    p !== C.current?.getModel() && (v && me.set(R, C.current?.saveViewState()), C.current?.setModel(p), v && C.current?.restoreViewState(me.get(o)));
-  }, [o], m), B(() => {
-    C.current?.updateOptions(u);
-  }, [u], m), B(() => {
-    !C.current || n === void 0 || (C.current.getOption(_.current.editor.EditorOption.readOnly) ? C.current.setValue(n) : n !== C.current.getValue() && (z.current = !0, C.current.executeEdits("", [{ range: C.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), C.current.pushUndoStop(), z.current = !1));
-  }, [n], m), B(() => {
-    let p = C.current?.getModel();
-    p && s && _.current?.editor.setModelLanguage(p, s);
-  }, [s], m), B(() => {
-    l !== void 0 && C.current?.revealLine(l);
-  }, [l], m), B(() => {
-    _.current?.editor.setTheme(c);
+var na = ra, me = /* @__PURE__ */ new Map();
+function aa({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: c = "light", line: l, loading: g = "Loading...", options: u = {}, overrideServices: d = {}, saveViewState: v = !0, keepCurrentModel: E = !1, width: O = "100%", height: C = "100%", className: _, wrapperProps: f = {}, beforeMount: A = le, onMount: k = le, onChange: R, onValidate: w = le }) {
+  let [m, x] = P(!1), [y, F] = P(!0), N = V(null), S = V(null), L = V(null), D = V(k), H = V(A), z = V(), b = V(n), T = na(i), M = V(!1), Z = V(!1);
+  Be(() => {
+    let s = je.init();
+    return s.then((h) => (N.current = h) && F(!1)).catch((h) => h?.type !== "cancelation" && console.error("Monaco initialization: error:", h)), () => S.current ? I() : s.cancel();
+  }), q(() => {
+    let s = ne(N.current, e || n || "", t || o || "", i || r || "");
+    s !== S.current?.getModel() && (v && me.set(T, S.current?.saveViewState()), S.current?.setModel(s), v && S.current?.restoreViewState(me.get(i)));
+  }, [i], m), q(() => {
+    S.current?.updateOptions(u);
+  }, [u], m), q(() => {
+    !S.current || n === void 0 || (S.current.getOption(N.current.editor.EditorOption.readOnly) ? S.current.setValue(n) : n !== S.current.getValue() && (Z.current = !0, S.current.executeEdits("", [{ range: S.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), S.current.pushUndoStop(), Z.current = !1));
+  }, [n], m), q(() => {
+    let s = S.current?.getModel();
+    s && o && N.current?.editor.setModelLanguage(s, o);
+  }, [o], m), q(() => {
+    l !== void 0 && S.current?.revealLine(l);
+  }, [l], m), q(() => {
+    N.current?.editor.setTheme(c);
   }, [c], m);
-  let Z = K(() => {
-    if (!(!$.current || !_.current) && !I.current) {
-      U.current(_.current);
-      let p = o || r, x = ne(_.current, n || e || "", t || s || "", p || "");
-      C.current = _.current?.editor.create($.current, { model: x, automaticLayout: !0, ...u }, d), v && C.current.restoreViewState(me.get(p)), _.current.editor.setTheme(c), l !== void 0 && C.current.revealLine(l), w(!0), I.current = !0;
+  let J = W(() => {
+    if (!(!L.current || !N.current) && !M.current) {
+      H.current(N.current);
+      let s = i || r, h = ne(N.current, n || e || "", t || o || "", s || "");
+      S.current = N.current?.editor.create(L.current, { model: h, automaticLayout: !0, ...u }, d), v && S.current.restoreViewState(me.get(s)), N.current.editor.setTheme(c), l !== void 0 && S.current.revealLine(l), x(!0), M.current = !0;
     }
-  }, [e, t, r, n, s, o, u, d, v, c, l]);
+  }, [e, t, r, n, o, i, u, d, v, c, l]);
   Y(() => {
-    m && L.current(C.current, _.current);
+    m && D.current(S.current, N.current);
   }, [m]), Y(() => {
-    !y && !m && Z();
-  }, [y, m, Z]), j.current = n, Y(() => {
-    m && M && (F.current?.dispose(), F.current = C.current?.onDidChangeModelContent((p) => {
-      z.current || M(C.current.getValue(), p);
+    !y && !m && J();
+  }, [y, m, J]), b.current = n, Y(() => {
+    m && R && (z.current?.dispose(), z.current = S.current?.onDidChangeModelContent((s) => {
+      Z.current || R(S.current.getValue(), s);
     }));
-  }, [m, M]), Y(() => {
+  }, [m, R]), Y(() => {
     if (m) {
-      let p = _.current.editor.onDidChangeMarkers((x) => {
-        let h = C.current.getModel()?.uri;
-        if (h && x.find((k) => k.path === h.path)) {
-          let k = _.current.editor.getModelMarkers({ resource: h });
-          b?.(k);
+      let s = N.current.editor.onDidChangeMarkers((h) => {
+        let p = S.current.getModel()?.uri;
+        if (p && h.find((j) => j.path === p.path)) {
+          let j = N.current.editor.getModelMarkers({ resource: p });
+          w?.(j);
         }
       });
       return () => {
-        p?.dispose();
+        s?.dispose();
       };
     }
     return () => {
     };
-  }, [m, b]);
-  function i() {
-    F.current?.dispose(), S ? v && me.set(o, C.current.saveViewState()) : C.current.getModel()?.dispose(), C.current.dispose();
+  }, [m, w]);
+  function I() {
+    z.current?.dispose(), E ? v && me.set(i, S.current.saveViewState()) : S.current.getModel()?.dispose(), S.current.dispose();
   }
-  return W.createElement(zt, { width: T, height: O, isEditorReady: m, loading: g, _ref: $, className: A, wrapperProps: f });
+  return B.createElement(Ut, { width: O, height: C, isEditorReady: m, loading: g, _ref: L, className: _, wrapperProps: f });
 }
-var na = ra, aa = Fe(na), sa = aa;
-const oa = ({
+var oa = aa, sa = He(oa), ia = sa;
+const ca = ({
   value: e,
   height: t = 300,
   schema: r,
   onChange: n,
-  onValidate: s,
-  language: o = "json",
+  onValidate: o,
+  language: i = "json",
   readOnly: c = !1
 }) => {
-  const l = Qn(), g = Bt((d) => d.theme), u = ue(() => g === "dark" ? "vs-dark" : "light", [g]);
+  const l = ta(), g = qt((d) => d.theme), u = ue(() => g === "dark" ? "vs-dark" : "light", [g]);
   return Y(() => {
     l && (l.languages.typescript.javascriptDefaults.setCompilerOptions({ isolatedModules: !0 }), l.languages.json.jsonDefaults.setDiagnosticsOptions({
       schemas: r ? [
@@ -1784,18 +1707,18 @@ const oa = ({
         }
       ] : []
     }));
-  }, [l, r, o]), /* @__PURE__ */ a.jsx(
-    sa,
+  }, [l, r, i]), /* @__PURE__ */ a.jsx(
+    ia,
     {
       "data-testid": "json-editor",
       height: t,
-      language: o,
+      language: i,
       value: e,
       theme: u,
       onChange: (d) => {
-        d || s?.(!1), n?.(d ?? "");
+        d || o?.(!1), n?.(d ?? "");
       },
-      onValidate: (d) => s?.(d.length === 0),
+      onValidate: (d) => o?.(d.length === 0),
       options: {
         readOnly: c,
         scrollBeyondLastLine: !1,
@@ -1803,14 +1726,14 @@ const oa = ({
       }
     }
   );
-}, ia = ({ state: e }) => {
-  const [t, r] = P(!1), [n, s] = P(!0), [o, c] = P(JSON.stringify(e.value, null, 2)), [l, g] = P(!1), [u, d] = P("idle"), v = V(JSON.stringify(e.value, null, 2));
+}, la = ({ state: e }) => {
+  const [t, r] = P(!1), [n, o] = P(!0), [i, c] = P(JSON.stringify(e.value, null, 2)), [l, g] = P(!1), [u, d] = P("idle"), v = V(JSON.stringify(e.value, null, 2));
   Y(() => {
     c(JSON.stringify(e.value, null, 2));
   }, [e.value]);
-  const S = K((f) => {
+  const E = W((f) => {
     g(f !== v.current), c(f), d("idle");
-  }, []), T = async () => {
+  }, []), O = async () => {
     if (!(!n || !l))
       try {
         r(!0), d("idle");
@@ -1822,12 +1745,12 @@ const oa = ({
           body: JSON.stringify({
             key: e.key,
             groupId: e.groupId,
-            value: JSON.parse(o)
+            value: JSON.parse(i)
           })
         });
         if (!f.ok)
           throw new Error(`HTTP error! status: ${f.status}`);
-        v.current = o, d("success"), g(!1), setTimeout(() => {
+        v.current = i, d("success"), g(!1), setTimeout(() => {
           d("idle");
         }, 3e3);
       } catch (f) {
@@ -1835,13 +1758,13 @@ const oa = ({
       } finally {
         r(!1);
       }
-  }, O = K(() => {
+  }, C = W(() => {
     c(JSON.stringify(e.value, null, 2)), g(!1), d("idle");
-  }, [e.value]), A = ue(() => u === "success" ? /* @__PURE__ */ a.jsx("div", { className: "bg-green-50 dark:bg-green-950/20 border border-green-200 dark:border-green-800 rounded-lg p-2", children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2 text-green-700 dark:text-green-400 text-sm", children: [
-    /* @__PURE__ */ a.jsx(ur, { className: "w-4 h-4" }),
+  }, [e.value]), _ = ue(() => u === "success" ? /* @__PURE__ */ a.jsx("div", { className: "bg-green-50 dark:bg-green-950/20 border border-green-200 dark:border-green-800 rounded-lg p-2", children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2 text-green-700 dark:text-green-400 text-sm", children: [
+    /* @__PURE__ */ a.jsx(Jr, { className: "w-4 h-4" }),
     "State saved successfully!"
   ] }) }) : u === "error" ? /* @__PURE__ */ a.jsx("div", { className: "bg-red-50 dark:bg-red-950/20 border border-red-200 dark:border-red-800 rounded-lg p-2", children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2 text-red-700 dark:text-red-400 text-sm", children: [
-    /* @__PURE__ */ a.jsx(rt, { className: "w-4 h-4" }),
+    /* @__PURE__ */ a.jsx(Ct, { className: "w-4 h-4" }),
     "Failed to save state. Please try again."
   ] }) }) : /* @__PURE__ */ a.jsx("div", { className: "text-xs text-muted-foreground", children: l ? /* @__PURE__ */ a.jsxs("span", { className: "flex items-center gap-1", children: [
     /* @__PURE__ */ a.jsx("div", { className: "w-2 h-2 bg-orange-500 rounded-full" }),
@@ -1854,35 +1777,35 @@ const oa = ({
     /* @__PURE__ */ a.jsx("p", { className: "text-xs text-muted-foreground", children: "Modify the state value using the JSON editor below." }),
     /* @__PURE__ */ a.jsx("div", { className: "space-y-3 pt-2 flex flex-col", children: /* @__PURE__ */ a.jsxs("div", { className: "relative flex-1", children: [
       /* @__PURE__ */ a.jsx(
-        oa,
+        ca,
         {
-          value: o,
-          onChange: S,
-          onValidate: s,
+          value: i,
+          onChange: E,
+          onValidate: o,
           height: "calc(100vh - 300px)"
         }
       ),
       !n && /* @__PURE__ */ a.jsxs("div", { className: "absolute top-2 right-2 bg-destructive/90 text-destructive-foreground px-2 py-1 rounded text-xs flex items-center gap-1", children: [
-        /* @__PURE__ */ a.jsx(rt, { className: "w-3 h-3" }),
+        /* @__PURE__ */ a.jsx(Ct, { className: "w-3 h-3" }),
         "Invalid JSON"
       ] })
     ] }) }),
     /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-between pt-2", children: [
-      A,
+      _,
       /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2", children: [
-        l && /* @__PURE__ */ a.jsx(ye, { variant: "secondary", onClick: O, disabled: t, children: "Reset" }),
+        l && /* @__PURE__ */ a.jsx(ye, { variant: "secondary", onClick: C, disabled: t, children: "Reset" }),
         /* @__PURE__ */ a.jsx(
           ye,
           {
-            onClick: T,
+            onClick: O,
             variant: "accent",
             disabled: t || !n || !l,
             "data-testid": "state-save-button",
             children: t ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-              /* @__PURE__ */ a.jsx(pr, { className: "w-3 h-3 animate-spin mr-1" }),
+              /* @__PURE__ */ a.jsx(qr, { className: "w-3 h-3 animate-spin mr-1" }),
               "Saving..."
             ] }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-              /* @__PURE__ */ a.jsx(mr, { className: "w-3 h-3 mr-1" }),
+              /* @__PURE__ */ a.jsx(Wr, { className: "w-3 h-3 mr-1" }),
               "Save Changes"
             ] })
           }
@@ -1890,8 +1813,8 @@ const oa = ({
       ] })
     ] })
   ] });
-}, ca = ({ state: e, onClose: t }) => /* @__PURE__ */ a.jsx(
-  Wt,
+}, ua = ({ state: e, onClose: t }) => /* @__PURE__ */ a.jsx(
+  Bt,
   {
     onClose: t,
     title: "State Details",
@@ -1899,85 +1822,85 @@ const oa = ({
     tabs: [
       {
         label: "Overview",
-        content: /* @__PURE__ */ a.jsx(Kr, { state: e })
+        content: /* @__PURE__ */ a.jsx(Ur, { state: e })
       },
       {
         label: "Editor",
-        content: /* @__PURE__ */ a.jsx(ia, { state: e })
+        content: /* @__PURE__ */ a.jsx(la, { state: e })
       }
     ],
-    actions: [{ icon: /* @__PURE__ */ a.jsx(Mt, {}), onClick: t, label: "Close" }]
+    actions: [{ icon: /* @__PURE__ */ a.jsx(Rt, {}), onClick: t, label: "Close" }]
   }
-), da = () => {
-  const e = at((f) => f.selectedStateId), t = at((f) => f.selectStateId), { items: r, deleteItems: n, refetch: s } = Cr(), [o, c] = P(""), l = ue(() => r.filter((f) => f.groupId.toLowerCase().includes(o.toLowerCase()) || f.key.toLowerCase().includes(o.toLowerCase())), [r, o]), g = ue(
+), pa = () => {
+  const e = rt((f) => f.selectedStateId), t = rt((f) => f.selectStateId), { items: r, deleteItems: n, refetch: o } = hr(), [i, c] = P(""), l = ue(() => r.filter((f) => f.groupId.toLowerCase().includes(i.toLowerCase()) || f.key.toLowerCase().includes(i.toLowerCase())), [r, i]), g = ue(
     () => e ? l.find((f) => `${f.groupId}:${f.key}` === e) : null,
     [l, e]
-  ), [u, d] = P(/* @__PURE__ */ new Set()), v = (f) => t(`${f.groupId}:${f.key}`), S = () => t(void 0), T = () => {
+  ), [u, d] = P(/* @__PURE__ */ new Set()), v = (f) => t(`${f.groupId}:${f.key}`), E = () => t(void 0), O = () => {
     n(Array.from(u)), d(/* @__PURE__ */ new Set());
-  }, O = (f) => {
-    const N = u.has(`${f.groupId}:${f.key}`);
-    d((E) => {
-      const M = new Set(E);
-      return N ? M.delete(`${f.groupId}:${f.key}`) : M.add(`${f.groupId}:${f.key}`), M;
+  }, C = (f) => {
+    const A = u.has(`${f.groupId}:${f.key}`);
+    d((k) => {
+      const R = new Set(k);
+      return A ? R.delete(`${f.groupId}:${f.key}`) : R.add(`${f.groupId}:${f.key}`), R;
     });
-  }, A = (f) => {
-    d((N) => {
-      const E = new Set(N);
-      return f ? l.forEach((M) => E.add(`${M.groupId}:${M.key}`)) : l.forEach((M) => E.delete(`${M.groupId}:${M.key}`)), E;
+  }, _ = (f) => {
+    d((A) => {
+      const k = new Set(A);
+      return f ? l.forEach((R) => k.add(`${R.groupId}:${R.key}`)) : l.forEach((R) => k.delete(`${R.groupId}:${R.key}`)), k;
     });
   };
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    g && /* @__PURE__ */ a.jsx(ca, { state: g, onClose: S }),
+    g && /* @__PURE__ */ a.jsx(ua, { state: g, onClose: E }),
     /* @__PURE__ */ a.jsxs("div", { className: "grid grid-rows-[auto_1fr] h-full", "data-testid": "states-container", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "flex p-2 border-b gap-2", "data-testid": "logs-search-container", children: [
         /* @__PURE__ */ a.jsxs("div", { className: "flex-1 relative", children: [
           /* @__PURE__ */ a.jsx(
-            Kt,
+            Wt,
             {
               variant: "shade",
-              value: o,
+              value: i,
               onChange: (f) => c(f.target.value),
               className: "px-9 font-medium",
               placeholder: "Search by Group ID or Key"
             }
           ),
-          /* @__PURE__ */ a.jsx(jr, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50" }),
+          /* @__PURE__ */ a.jsx(dr, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50" }),
           /* @__PURE__ */ a.jsx(
-            Mt,
+            Rt,
             {
               className: "cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50 hover:text-muted-foreground",
               onClick: () => c("")
             }
           )
         ] }),
-        /* @__PURE__ */ a.jsxs(ye, { variant: "default", className: "h-[34px]", disabled: u.size === 0, onClick: T, children: [
-          /* @__PURE__ */ a.jsx(wr, {}),
+        /* @__PURE__ */ a.jsxs(ye, { variant: "default", className: "h-[34px]", disabled: u.size === 0, onClick: O, children: [
+          /* @__PURE__ */ a.jsx(pr, {}),
           " Delete"
         ] }),
-        /* @__PURE__ */ a.jsx(ye, { variant: "default", className: "h-[34px]", onClick: s, children: /* @__PURE__ */ a.jsx(hr, { className: "w-4 h-4 text-muted-foreground" }) })
+        /* @__PURE__ */ a.jsx(ye, { variant: "default", className: "h-[34px]", onClick: o, children: /* @__PURE__ */ a.jsx(lr, { className: "w-4 h-4 text-muted-foreground" }) })
       ] }),
-      /* @__PURE__ */ a.jsxs(Gt, { children: [
-        /* @__PURE__ */ a.jsx(Xt, { className: "sticky top-0 bg-background/20 backdrop-blur-sm", children: /* @__PURE__ */ a.jsxs(Ke, { children: [
-          /* @__PURE__ */ a.jsx(pe, { children: /* @__PURE__ */ a.jsx(Ge, { onClick: (f) => f.stopPropagation(), onCheckedChange: A }) }),
+      /* @__PURE__ */ a.jsxs(Kt, { children: [
+        /* @__PURE__ */ a.jsx(Gt, { className: "sticky top-0 bg-background/20 backdrop-blur-sm", children: /* @__PURE__ */ a.jsxs(We, { children: [
+          /* @__PURE__ */ a.jsx(pe, { children: /* @__PURE__ */ a.jsx(Ke, { onClick: (f) => f.stopPropagation(), onCheckedChange: _ }) }),
           /* @__PURE__ */ a.jsx(pe, { className: "rounded-0", children: "Group ID" }),
           /* @__PURE__ */ a.jsx(pe, { children: "Key" }),
           /* @__PURE__ */ a.jsx(pe, { children: "Type" })
         ] }) }),
-        /* @__PURE__ */ a.jsx(Qt, { children: l.map((f) => /* @__PURE__ */ a.jsxs(
-          Ke,
+        /* @__PURE__ */ a.jsx(Xt, { children: l.map((f) => /* @__PURE__ */ a.jsxs(
+          We,
           {
             "data-testid": `item-${f}`,
             onClick: () => v(f),
-            className: er(
+            className: Qt(
               "font-mono font-semibold cursor-pointer border-0",
               g === f ? "bg-muted-foreground/10 hover:bg-muted-foreground/20" : "hover:bg-muted-foreground/10"
             ),
             children: [
-              /* @__PURE__ */ a.jsx(ge, { onClick: (N) => N.stopPropagation(), children: /* @__PURE__ */ a.jsx(
-                Ge,
+              /* @__PURE__ */ a.jsx(ge, { onClick: (A) => A.stopPropagation(), children: /* @__PURE__ */ a.jsx(
+                Ke,
                 {
                   checked: u.has(`${f.groupId}:${f.key}`),
-                  onClick: () => O(f)
+                  onClick: () => C(f)
                 }
               ) }),
               /* @__PURE__ */ a.jsx(ge, { className: "hover:bg-transparent", children: f.groupId }),
@@ -1992,5 +1915,5 @@ const oa = ({
   ] });
 };
 export {
-  da as StatesPage
+  pa as StatesPage
 };