@ws-ui/roles-editor 1.11.8 → 1.11.10

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { jsx as I, Fragment as Lt, jsxs as ce } from "react/jsx-runtime";
+import { jsx as I, Fragment as Lt, jsxs as se } from "react/jsx-runtime";
 import { EPermissionType as Te, ESubPermissionType as kt, getPrivilegeById as QH, populateShallow as za, parents as e4, allowed as t4, useAppDispatch as Dr, useAppSelector as Ge, selectPrivileges as Ln, removeFrom as r4, updatePrivileges as vr, addIn as n4, selectGuestPrivilege as i4, selectCatalog as FD, rename as o4, openModal as Ha, remove as a4, getInheritedResources as s4, getPromotions as u4, selectCatalogMethods as zD, selectDataclasses as HD, selectSingletons as UD, addPermission as vE, resetResources as c4, removeMultiplePermissions as l4, removePermission as f4, togglePermission as d4, create as gE, getGraphData as h4, selectRoles as ss, saveRole as p4, updateRoles as yo, removeRole as v4, selectRestrictedByDefault as xw, createRole as g4, selectQodly as m4, selectSelectedTab as y4, selectForceLogin as b4, toggleRestrictedByDefault as w4, toggleForceLogin as _4, toggleTab as x4, selectModals as E4, editModal as S4, closeModal as O4, ReduxProvider as C4, getStore as R4, selectRolesFlags as I4, selectRolesAndPrivileges as N4, setRolesContent as P4 } from "@ws-ui/store";
 import * as ve from "react";
 import fe, { createContext as Ew, useState as qe, useReducer as VD, useRef as Ae, useEffect as Pe, useLayoutEffect as Sw, useDebugValue as T4, useContext as Gb, useMemo as It, createElement as A4, useCallback as Ue, memo as _t, forwardRef as WD, Component as M4, cloneElement as D4, Fragment as q4 } from "react";
@@ -62,8 +62,8 @@ function eU({
   onRestrictedByDefaultChange: o,
   onForceLoginChange: a
 }) {
-  return /* @__PURE__ */ I(Lt, { children: /* @__PURE__ */ I("nav", { className: "relative mb-0 flex h-auto flex-wrap items-center justify-between border-b border-grey-900 bg-grey-800 px-4 py-3", children: /* @__PURE__ */ I("div", { className: "flex w-full flex-wrap items-center justify-between", children: /* @__PURE__ */ ce("div", { className: "relative flex w-full justify-between", children: [
-    /* @__PURE__ */ I("span", { className: "inline-block whitespace-nowrap text-sm leading-relaxed text-white", children: /* @__PURE__ */ ce("div", { className: "flex items-center justify-center", children: [
+  return /* @__PURE__ */ I(Lt, { children: /* @__PURE__ */ I("nav", { className: "relative mb-0 flex h-auto flex-wrap items-center justify-between border-b border-grey-900 bg-grey-800 px-4 py-3", children: /* @__PURE__ */ I("div", { className: "flex w-full flex-wrap items-center justify-between", children: /* @__PURE__ */ se("div", { className: "relative flex w-full justify-between", children: [
+    /* @__PURE__ */ I("span", { className: "inline-block whitespace-nowrap text-sm leading-relaxed text-white", children: /* @__PURE__ */ se("div", { className: "flex items-center justify-center", children: [
       /* @__PURE__ */ I(
         "button",
         {
@@ -91,8 +91,8 @@ function eU({
         }
       )
     ] }) }),
-    /* @__PURE__ */ ce("div", { className: "flex gap-2 justify-between", children: [
-      /* @__PURE__ */ ce("span", { className: "flex items-center gap-1 whitespace-nowrap", children: [
+    /* @__PURE__ */ se("div", { className: "flex gap-2 justify-between", children: [
+      /* @__PURE__ */ se("span", { className: "flex items-center gap-1 whitespace-nowrap", children: [
         /* @__PURE__ */ I(
           Kb,
           {
@@ -113,7 +113,7 @@ function eU({
           }
         )
       ] }),
-      e === !1 && /* @__PURE__ */ ce("span", { className: "flex items-center gap-1 whitespace-nowrap", children: [
+      e === !1 && /* @__PURE__ */ se("span", { className: "flex items-center gap-1 whitespace-nowrap", children: [
         /* @__PURE__ */ I(
           Kb,
           {
@@ -729,8 +729,8 @@ function $U(e) {
         });
         if (X)
           return M = X, "break";
-      }, se = z; se > 0; se--) {
-        var oe = Z(se);
+      }, ue = z; ue > 0; ue--) {
+        var oe = Z(ue);
         if (oe === "break") break;
       }
     t.placement !== M && (t.modifiersData[n]._skip = !0, t.placement = M, t.reset = !0);
@@ -848,10 +848,10 @@ function YU(e) {
   };
   if (C) {
     if (o) {
-      var D, T = E === "y" ? tr : rr, $ = E === "y" ? qr : kr, j = E === "y" ? "height" : "width", V = C[E], K = V + w[T], J = V - w[$], z = v ? -P[j] / 2 : 0, Z = _ === Ro ? R[j] : P[j], se = _ === Ro ? -P[j] : -R[j], oe = t.elements.arrow, F = v && oe ? Pw(oe) : {
+      var D, T = E === "y" ? tr : rr, $ = E === "y" ? qr : kr, j = E === "y" ? "height" : "width", V = C[E], K = V + w[T], J = V - w[$], z = v ? -P[j] / 2 : 0, Z = _ === Ro ? R[j] : P[j], ue = _ === Ro ? -P[j] : -R[j], oe = t.elements.arrow, F = v && oe ? Pw(oe) : {
         width: 0,
         height: 0
-      }, W = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : b2(), X = W[T], U = W[$], G = Wa(0, R[j], F[j]), re = S ? R[j] / 2 - z - G - X - k.mainAxis : Z - G - X - k.mainAxis, te = S ? -R[j] / 2 + z + G + U + k.mainAxis : se + G + U + k.mainAxis, ae = t.elements.arrow && cs(t.elements.arrow), de = ae ? E === "y" ? ae.clientTop || 0 : ae.clientLeft || 0 : 0, we = (D = B == null ? void 0 : B[E]) != null ? D : 0, Ee = V + re - we - de, _e = V + te - we, he = Wa(v ? dc(K, Ee) : K, V, v ? Si(J, _e) : J);
+      }, W = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : b2(), X = W[T], U = W[$], G = Wa(0, R[j], F[j]), re = S ? R[j] / 2 - z - G - X - k.mainAxis : Z - G - X - k.mainAxis, te = S ? -R[j] / 2 + z + G + U + k.mainAxis : ue + G + U + k.mainAxis, ae = t.elements.arrow && cs(t.elements.arrow), de = ae ? E === "y" ? ae.clientTop || 0 : ae.clientLeft || 0 : 0, we = (D = B == null ? void 0 : B[E]) != null ? D : 0, Ee = V + re - we - de, _e = V + te - we, he = Wa(v ? dc(K, Ee) : K, V, v ? Si(J, _e) : J);
       C[E] = he, L[E] = he - V;
     }
     if (u) {
@@ -1191,14 +1191,14 @@ var fV = [], Vc = function(t, r, n) {
     forceUpdate: h.current ? h.current.forceUpdate : null
   };
 };
-const S2 = ({ tab: e }) => /* @__PURE__ */ I("div", { className: "flex flex-1 items-center justify-center border-l-[0.5px] border-grey-900 bg-grey-800", children: /* @__PURE__ */ ce("div", { className: "flex flex-col items-center justify-center space-y-4 text-grey-200", children: [
+const S2 = ({ tab: e }) => /* @__PURE__ */ I("div", { className: "flex flex-1 items-center justify-center border-l-[0.5px] border-grey-900 bg-grey-800", children: /* @__PURE__ */ se("div", { className: "flex flex-col items-center justify-center space-y-4 text-grey-200", children: [
   /* @__PURE__ */ I(pr, { className: "h-10 w-10" }),
-  /* @__PURE__ */ ce("div", { className: "font-semibold", children: [
+  /* @__PURE__ */ se("div", { className: "font-semibold", children: [
     "No ",
     e,
     " Selected"
   ] }),
-  /* @__PURE__ */ ce("div", { className: "text-sm", children: [
+  /* @__PURE__ */ se("div", { className: "text-sm", children: [
     "Click on a ",
     e,
     " in the Sidebar to select it."
@@ -2401,8 +2401,8 @@ var hp, PO;
 function z2() {
   if (PO) return hp;
   PO = 1;
-  var e = Xc(), t = Bw(), r = Jc(), n = VV(), i = KV(), o = P2(), a = T2(), u = YV(), c = XV(), d = k2(), f = ZV(), h = Bo(), p = tW(), v = oW(), m = F2(), y = Et(), w = Lo(), b = sW(), _ = Lr(), S = cW(), E = si(), x = Bi(), C = 1, R = 2, P = 4, M = "[object Arguments]", k = "[object Array]", B = "[object Boolean]", L = "[object Date]", D = "[object Error]", T = "[object Function]", $ = "[object GeneratorFunction]", j = "[object Map]", V = "[object Number]", K = "[object Object]", J = "[object RegExp]", z = "[object Set]", Z = "[object String]", se = "[object Symbol]", oe = "[object WeakMap]", F = "[object ArrayBuffer]", W = "[object DataView]", X = "[object Float32Array]", U = "[object Float64Array]", G = "[object Int8Array]", re = "[object Int16Array]", te = "[object Int32Array]", ae = "[object Uint8Array]", de = "[object Uint8ClampedArray]", we = "[object Uint16Array]", Ee = "[object Uint32Array]", _e = {};
-  _e[M] = _e[k] = _e[F] = _e[W] = _e[B] = _e[L] = _e[X] = _e[U] = _e[G] = _e[re] = _e[te] = _e[j] = _e[V] = _e[K] = _e[J] = _e[z] = _e[Z] = _e[se] = _e[ae] = _e[de] = _e[we] = _e[Ee] = !0, _e[D] = _e[T] = _e[oe] = !1;
+  var e = Xc(), t = Bw(), r = Jc(), n = VV(), i = KV(), o = P2(), a = T2(), u = YV(), c = XV(), d = k2(), f = ZV(), h = Bo(), p = tW(), v = oW(), m = F2(), y = Et(), w = Lo(), b = sW(), _ = Lr(), S = cW(), E = si(), x = Bi(), C = 1, R = 2, P = 4, M = "[object Arguments]", k = "[object Array]", B = "[object Boolean]", L = "[object Date]", D = "[object Error]", T = "[object Function]", $ = "[object GeneratorFunction]", j = "[object Map]", V = "[object Number]", K = "[object Object]", J = "[object RegExp]", z = "[object Set]", Z = "[object String]", ue = "[object Symbol]", oe = "[object WeakMap]", F = "[object ArrayBuffer]", W = "[object DataView]", X = "[object Float32Array]", U = "[object Float64Array]", G = "[object Int8Array]", re = "[object Int16Array]", te = "[object Int32Array]", ae = "[object Uint8Array]", de = "[object Uint8ClampedArray]", we = "[object Uint16Array]", Ee = "[object Uint32Array]", _e = {};
+  _e[M] = _e[k] = _e[F] = _e[W] = _e[B] = _e[L] = _e[X] = _e[U] = _e[G] = _e[re] = _e[te] = _e[j] = _e[V] = _e[K] = _e[J] = _e[z] = _e[Z] = _e[ue] = _e[ae] = _e[de] = _e[we] = _e[Ee] = !0, _e[D] = _e[T] = _e[oe] = !1;
   function he(ie, Se, Ne, We, Be, et) {
     var Xe, xt = Se & C, it = Se & R, $t = Se & P;
     if (Ne && (Xe = Be ? Ne(ie, We, Be, et) : Ne(ie)), Xe !== void 0)
@@ -6186,17 +6186,17 @@ function E8() {
     return W.setGraph(e.merge(
       {},
       _,
-      se(X, b),
+      ue(X, b),
       e.pick(X, S)
     )), e.forEach(F.nodes(), function(U) {
       var G = oe(F.node(U));
-      W.setNode(U, e.defaults(se(G, E), x)), W.setParent(U, F.parent(U));
+      W.setNode(U, e.defaults(ue(G, E), x)), W.setParent(U, F.parent(U));
     }), e.forEach(F.edges(), function(U) {
       var G = oe(F.edge(U));
       W.setEdge(U, e.merge(
         {},
         R,
-        se(G, C),
+        ue(G, C),
         e.pick(G, P)
       ));
     }), W;
@@ -6329,7 +6329,7 @@ function E8() {
       }
     });
   }
-  function se(F, W) {
+  function ue(F, W) {
     return e.mapValues(e.pick(F, W), Number);
   }
   function oe(F) {
@@ -8417,8 +8417,8 @@ function c9() {
     }, j, V);
   }, b.scaleTo = function(T, $, j, V) {
     b.transform(T, function() {
-      var K = t.apply(this, arguments), J = this.__zoom, z = j == null ? E(K) : typeof j == "function" ? j.apply(this, arguments) : j, Z = J.invert(z), se = typeof $ == "function" ? $.apply(this, arguments) : $;
-      return r(S(_(J, se), z, Z), K, a);
+      var K = t.apply(this, arguments), J = this.__zoom, z = j == null ? E(K) : typeof j == "function" ? j.apply(this, arguments) : j, Z = J.invert(z), ue = typeof $ == "function" ? $.apply(this, arguments) : $;
+      return r(S(_(J, ue), z, Z), K, a);
     }, j, V);
   }, b.translateBy = function(T, $, j, V) {
     b.transform(T, function() {
@@ -8452,12 +8452,12 @@ function c9() {
     }).on("interrupt.zoom end.zoom", function() {
       C(this, arguments).event(V).end();
     }).tween("zoom", function() {
-      var K = this, J = arguments, z = C(K, J).event(V), Z = t.apply(K, J), se = j == null ? E(Z) : typeof j == "function" ? j.apply(K, J) : j, oe = Math.max(Z[1][0] - Z[0][0], Z[1][1] - Z[0][1]), F = K.__zoom, W = typeof $ == "function" ? $.apply(K, J) : $, X = c(F.invert(se).concat(oe / F.k), W.invert(se).concat(oe / W.k));
+      var K = this, J = arguments, z = C(K, J).event(V), Z = t.apply(K, J), ue = j == null ? E(Z) : typeof j == "function" ? j.apply(K, J) : j, oe = Math.max(Z[1][0] - Z[0][0], Z[1][1] - Z[0][1]), F = K.__zoom, W = typeof $ == "function" ? $.apply(K, J) : $, X = c(F.invert(ue).concat(oe / F.k), W.invert(ue).concat(oe / W.k));
       return function(U) {
         if (U === 1) U = W;
         else {
           var G = X(U), re = oe / G[2];
-          U = new Tn(re, se[0] - G[0] * re, se[1] - G[1] * re);
+          U = new Tn(re, ue[0] - G[0] * re, ue[1] - G[1] * re);
         }
         z.zoom(null, U);
       };
@@ -8513,9 +8513,9 @@ function c9() {
   }
   function M(T, ...$) {
     if (p || !e.apply(this, arguments)) return;
-    var j = T.currentTarget, V = C(this, $, !0).event(T), K = Vr(T.view).on("mousemove.zoom", se, !0).on("mouseup.zoom", oe, !0), J = cn(T, j), z = T.clientX, Z = T.clientY;
+    var j = T.currentTarget, V = C(this, $, !0).event(T), K = Vr(T.view).on("mousemove.zoom", ue, !0).on("mouseup.zoom", oe, !0), J = cn(T, j), z = T.clientX, Z = T.clientY;
     kq(T.view), Bm(T), V.mouse = [J, this.__zoom.invert(J)], oc(this), V.start();
-    function se(F) {
+    function ue(F) {
       if (ga(F), !V.moved) {
         var W = F.clientX - z, X = F.clientY - Z;
         V.moved = W * W + X * X > y;
@@ -8534,25 +8534,25 @@ function c9() {
   }
   function B(T, ...$) {
     if (e.apply(this, arguments)) {
-      var j = T.touches, V = j.length, K = C(this, $, T.changedTouches.length === V).event(T), J, z, Z, se;
+      var j = T.touches, V = j.length, K = C(this, $, T.changedTouches.length === V).event(T), J, z, Z, ue;
       for (Bm(T), z = 0; z < V; ++z)
-        Z = j[z], se = cn(Z, this), se = [se, this.__zoom.invert(se), Z.identifier], K.touch0 ? !K.touch1 && K.touch0[2] !== se[2] && (K.touch1 = se, K.taps = 0) : (K.touch0 = se, J = !0, K.taps = 1 + !!f);
-      f && (f = clearTimeout(f)), J && (K.taps < 2 && (h = se[0], f = setTimeout(function() {
+        Z = j[z], ue = cn(Z, this), ue = [ue, this.__zoom.invert(ue), Z.identifier], K.touch0 ? !K.touch1 && K.touch0[2] !== ue[2] && (K.touch1 = ue, K.taps = 0) : (K.touch0 = ue, J = !0, K.taps = 1 + !!f);
+      f && (f = clearTimeout(f)), J && (K.taps < 2 && (h = ue[0], f = setTimeout(function() {
         f = null;
       }, v)), oc(this), K.start());
     }
   }
   function L(T, ...$) {
     if (this.__zooming) {
-      var j = C(this, $).event(T), V = T.changedTouches, K = V.length, J, z, Z, se;
+      var j = C(this, $).event(T), V = T.changedTouches, K = V.length, J, z, Z, ue;
       for (ga(T), J = 0; J < K; ++J)
         z = V[J], Z = cn(z, this), j.touch0 && j.touch0[2] === z.identifier ? j.touch0[0] = Z : j.touch1 && j.touch1[2] === z.identifier && (j.touch1[0] = Z);
       if (z = j.that.__zoom, j.touch1) {
         var oe = j.touch0[0], F = j.touch0[1], W = j.touch1[0], X = j.touch1[1], U = (U = W[0] - oe[0]) * U + (U = W[1] - oe[1]) * U, G = (G = X[0] - F[0]) * G + (G = X[1] - F[1]) * G;
-        z = _(z, Math.sqrt(U / G)), Z = [(oe[0] + W[0]) / 2, (oe[1] + W[1]) / 2], se = [(F[0] + X[0]) / 2, (F[1] + X[1]) / 2];
-      } else if (j.touch0) Z = j.touch0[0], se = j.touch0[1];
+        z = _(z, Math.sqrt(U / G)), Z = [(oe[0] + W[0]) / 2, (oe[1] + W[1]) / 2], ue = [(F[0] + X[0]) / 2, (F[1] + X[1]) / 2];
+      } else if (j.touch0) Z = j.touch0[0], ue = j.touch0[1];
       else return;
-      j.zoom("touch", r(S(z, Z, se), j.extent, a));
+      j.zoom("touch", r(S(z, Z, ue), j.extent, a));
     }
   }
   function D(T, ...$) {
@@ -10380,12 +10380,12 @@ function st(e, t, r) {
   }, [t]);
 }
 var c7 = function(t) {
-  var r = t.nodes, n = t.edges, i = t.defaultNodes, o = t.defaultEdges, a = t.onConnect, u = t.onConnectStart, c = t.onConnectStop, d = t.onConnectEnd, f = t.onClickConnectStart, h = t.onClickConnectStop, p = t.onClickConnectEnd, v = t.nodesDraggable, m = t.nodesConnectable, y = t.minZoom, w = t.maxZoom, b = t.nodeExtent, _ = t.onNodesChange, S = t.onEdgesChange, E = t.elementsSelectable, x = t.connectionMode, C = t.snapGrid, R = t.snapToGrid, P = t.translateExtent, M = t.connectOnClick, k = t.defaultEdgeOptions, B = t.fitView, L = t.fitViewOptions, D = t.onNodesDelete, T = t.onEdgesDelete, $ = t.onNodeDrag, j = t.onNodeDragStart, V = t.onNodeDragStop, K = t.onSelectionDrag, J = t.onSelectionDragStart, z = t.onSelectionDragStop, Z = wt(u7, ir), se = Z.setNodes, oe = Z.setEdges, F = Z.setDefaultNodesAndEdges, W = Z.setMinZoom, X = Z.setMaxZoom, U = Z.setTranslateExtent, G = Z.setNodeExtent, re = Z.reset, te = Kt();
+  var r = t.nodes, n = t.edges, i = t.defaultNodes, o = t.defaultEdges, a = t.onConnect, u = t.onConnectStart, c = t.onConnectStop, d = t.onConnectEnd, f = t.onClickConnectStart, h = t.onClickConnectStop, p = t.onClickConnectEnd, v = t.nodesDraggable, m = t.nodesConnectable, y = t.minZoom, w = t.maxZoom, b = t.nodeExtent, _ = t.onNodesChange, S = t.onEdgesChange, E = t.elementsSelectable, x = t.connectionMode, C = t.snapGrid, R = t.snapToGrid, P = t.translateExtent, M = t.connectOnClick, k = t.defaultEdgeOptions, B = t.fitView, L = t.fitViewOptions, D = t.onNodesDelete, T = t.onEdgesDelete, $ = t.onNodeDrag, j = t.onNodeDragStart, V = t.onNodeDragStop, K = t.onSelectionDrag, J = t.onSelectionDragStart, z = t.onSelectionDragStop, Z = wt(u7, ir), ue = Z.setNodes, oe = Z.setEdges, F = Z.setDefaultNodesAndEdges, W = Z.setMinZoom, X = Z.setMaxZoom, U = Z.setTranslateExtent, G = Z.setNodeExtent, re = Z.reset, te = Kt();
   return Pe(function() {
     return F(i, o), function() {
       re();
     };
-  }, []), st("defaultEdgeOptions", k, te.setState), st("connectionMode", x, te.setState), st("onConnect", a, te.setState), st("onConnectStart", u, te.setState), st("onConnectStop", c, te.setState), st("onConnectEnd", d, te.setState), st("onClickConnectStart", f, te.setState), st("onClickConnectStop", h, te.setState), st("onClickConnectEnd", p, te.setState), st("nodesDraggable", v, te.setState), st("nodesConnectable", m, te.setState), st("elementsSelectable", E, te.setState), st("snapToGrid", R, te.setState), st("snapGrid", C, te.setState), st("onNodesChange", _, te.setState), st("onEdgesChange", S, te.setState), st("connectOnClick", M, te.setState), st("fitViewOnInit", B, te.setState), st("fitViewOnInitOptions", L, te.setState), st("onNodesDelete", D, te.setState), st("onEdgesDelete", T, te.setState), st("onNodeDrag", $, te.setState), st("onNodeDragStart", j, te.setState), st("onNodeDragStop", V, te.setState), st("onSelectionDrag", K, te.setState), st("onSelectionDragStart", J, te.setState), st("onSelectionDragStop", z, te.setState), Zn(r, se), Zn(n, oe), Zn(i, se), Zn(o, oe), Zn(y, W), Zn(w, X), Zn(P, U), Zn(b, G), null;
+  }, []), st("defaultEdgeOptions", k, te.setState), st("connectionMode", x, te.setState), st("onConnect", a, te.setState), st("onConnectStart", u, te.setState), st("onConnectStop", c, te.setState), st("onConnectEnd", d, te.setState), st("onClickConnectStart", f, te.setState), st("onClickConnectStop", h, te.setState), st("onClickConnectEnd", p, te.setState), st("nodesDraggable", v, te.setState), st("nodesConnectable", m, te.setState), st("elementsSelectable", E, te.setState), st("snapToGrid", R, te.setState), st("snapGrid", C, te.setState), st("onNodesChange", _, te.setState), st("onEdgesChange", S, te.setState), st("connectOnClick", M, te.setState), st("fitViewOnInit", B, te.setState), st("fitViewOnInitOptions", L, te.setState), st("onNodesDelete", D, te.setState), st("onEdgesDelete", T, te.setState), st("onNodeDrag", $, te.setState), st("onNodeDragStart", j, te.setState), st("onNodeDragStop", V, te.setState), st("onSelectionDrag", K, te.setState), st("onSelectionDragStart", J, te.setState), st("onSelectionDragStop", z, te.setState), Zn(r, ue), Zn(n, oe), Zn(i, ue), Zn(o, oe), Zn(y, W), Zn(w, X), Zn(P, U), Zn(b, G), null;
 }, l7 = ".react-flow{height:100%;overflow:hidden;position:relative;width:100%}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{z-index:1}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selectionpane{z-index:5}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow .react-flow__connectionline{z-index:1001}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.inactive{pointer-events:none}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edge-path{fill:none}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connection-path{fill:none}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:-webkit-grab;cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{pointer-events:none;position:absolute}.react-flow__handle.connectable{pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__controls{bottom:20px;left:15px;position:absolute;z-index:5}.react-flow__controls-button{border:none;height:24px;width:24px}.react-flow__controls-button svg{width:100%}.react-flow__minimap{bottom:20px;position:absolute;right:15px;z-index:5}.react-flow__attribution{background:hsla(0,0%,100%,.5);color:#999;font-size:10px;padding:2px 3px;position:absolute;z-index:1000}.react-flow__attribution a{color:#555;text-decoration:none}.react-flow__attribution.top{top:0}.react-flow__attribution.bottom{bottom:0}.react-flow__attribution.left{left:0}.react-flow__attribution.right{right:0}.react-flow__attribution.center{left:50%;transform:translateX(-50%)}", f7 = l7, d7 = ".react-flow__edge.selected .react-flow__edge-path{stroke:#555}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1}.react-flow__edge-text{font-size:10px}.react-flow__edge-textbg{fill:#fff}.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1}.react-flow__node{cursor:-webkit-grab;cursor:grab}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selected,.react-flow__node-group.selected,.react-flow__node-input.selected,.react-flow__node-output.selected{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-default .react-flow__handle,.react-flow__node-group .react-flow__handle,.react-flow__node-input .react-flow__handle,.react-flow__node-output .react-flow__handle{background:#1a192b}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px rgba(0,0,0,.08)}.react-flow__node-default.selectable.selected,.react-flow__node-group.selectable.selected,.react-flow__node-input.selectable.selected,.react-flow__node-output.selectable.selected{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background:hsla(0,0%,94%,.25);border-color:#1a192b}.react-flow__nodesselection-rect,.react-flow__selection{background:rgba(0,89,220,.08);border:1px dotted rgba(0,89,220,.8)}.react-flow__handle{background:#555;border:1px solid #fff;border-radius:100%;height:6px;width:6px}.react-flow__handle.connectable{cursor:crosshair}.react-flow__minimap{background-color:#fff}.react-flow__controls{box-shadow:0 0 2px 1px rgba(0,0,0,.08)}.react-flow__controls-button{align-items:center;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:16px}.react-flow__controls-button svg{max-height:12px;max-width:12px}.react-flow__controls-button:hover{background:#f4f4f4}", h7 = d7, p7 = function(t, r, n) {
   return n === be.Left ? t - r : n === be.Right ? t + r : t;
 }, v7 = function(t, r, n) {
@@ -10402,7 +10402,7 @@ var c7 = function(t) {
   });
 }, co = (function(e) {
   var t = function(n) {
-    var i = n.id, o = n.className, a = n.type, u = n.data, c = n.onClick, d = n.onEdgeDoubleClick, f = n.selected, h = n.animated, p = n.label, v = n.labelStyle, m = n.labelShowBg, y = n.labelBgStyle, w = n.labelBgPadding, b = n.labelBgBorderRadius, _ = n.style, S = n.source, E = n.target, x = n.sourceX, C = n.sourceY, R = n.targetX, P = n.targetY, M = n.sourcePosition, k = n.targetPosition, B = n.elementsSelectable, L = n.hidden, D = n.sourceHandleId, T = n.targetHandleId, $ = n.onContextMenu, j = n.onMouseEnter, V = n.onMouseMove, K = n.onMouseLeave, J = n.edgeUpdaterRadius, z = n.onEdgeUpdate, Z = n.onEdgeUpdateStart, se = n.onEdgeUpdateEnd, oe = n.markerEnd, F = n.markerStart, W = n.rfId, X = qe(!1), U = Fe(X, 2), G = U[0], re = U[1], te = Kt(), ae = function(ot) {
+    var i = n.id, o = n.className, a = n.type, u = n.data, c = n.onClick, d = n.onEdgeDoubleClick, f = n.selected, h = n.animated, p = n.label, v = n.labelStyle, m = n.labelShowBg, y = n.labelBgStyle, w = n.labelBgPadding, b = n.labelBgBorderRadius, _ = n.style, S = n.source, E = n.target, x = n.sourceX, C = n.sourceY, R = n.targetX, P = n.targetY, M = n.sourcePosition, k = n.targetPosition, B = n.elementsSelectable, L = n.hidden, D = n.sourceHandleId, T = n.targetHandleId, $ = n.onContextMenu, j = n.onMouseEnter, V = n.onMouseMove, K = n.onMouseLeave, J = n.edgeUpdaterRadius, z = n.onEdgeUpdate, Z = n.onEdgeUpdateStart, ue = n.onEdgeUpdateEnd, oe = n.markerEnd, F = n.markerStart, W = n.rfId, X = qe(!1), U = Fe(X, 2), G = U[0], re = U[1], te = Kt(), ae = function(ot) {
       var At = te.getState(), ar = At.edges, wr = At.addSelectedEdges, zt = ar.find(function(Ot) {
         return Ot.id === i;
       });
@@ -10416,8 +10416,8 @@ var c7 = function(t) {
         return rn.id === i;
       });
       Z == null || Z(ot, tn, zt);
-      var li = se ? function(rn) {
-        return se(rn, tn, zt);
+      var li = ue ? function(rn) {
+        return ue(rn, tn, zt);
       } : void 0, Fn = function(Ui) {
         return z == null ? void 0 : z(tn, Ui);
       };
@@ -10760,7 +10760,7 @@ var E7 = function(t, r) {
     x: 0,
     y: 0,
     zoom: 0
-  }), se = wt(S7, ir), oe = se.d3Zoom, F = se.d3Selection, W = se.d3ZoomHandler, X = Oc(L);
+  }), ue = wt(S7, ir), oe = ue.d3Zoom, F = ue.d3Selection, W = ue.d3ZoomHandler, X = Oc(L);
   return x7(z), Pe(function() {
     if (z.current) {
       var U, G = c9().scaleExtent([C, R]).translateExtent(x), re = Vr(z.current).call(G), te = xo(B[0], x[0][0], x[1][0]), ae = xo(B[1], x[0][1], x[1][1]), de = xo(M, C, R), we = Ci.translate(te, ae).scale(de);
@@ -10908,8 +10908,8 @@ var C7 = function(t) {
       }
       if (i.current !== J.length) {
         i.current = J.length;
-        var se = vo(D, J);
-        se.length && (j == null || j(se));
+        var ue = vo(D, J);
+        ue.length && (j == null || j(ue));
       }
       d(k);
     }
@@ -11106,7 +11106,7 @@ function Ck(e) {
           }
           S.on("end", function(K) {
             if (p(!1), m.current) {
-              var J = v.getState(), z = J.updateNodePositions, Z = J.nodeInternals, se = J.onNodeDragStop, oe = J.onSelectionDragStop, F = a ? se : Jm(oe);
+              var J = v.getState(), z = J.updateNodePositions, Z = J.nodeInternals, ue = J.onNodeDragStop, oe = J.onSelectionDragStop, F = a ? ue : Jm(oe);
               if (z(m.current, !1, !1), F) {
                 var W = Zm({
                   nodeId: a,
@@ -11616,12 +11616,12 @@ var J7 = function(t) {
         return null;
       var V = C.type || "default";
       t.edgeTypes[V] || (console.warn('[React Flow]: Edge type "'.concat(V, '" not found. Using fallback type "default". Help: https://reactflow.dev/error#300')), V = "default");
-      var K = t.edgeTypes[V] || t.edgeTypes.default, J = d === Mo.Strict ? $.target : $.target || $.source, z = jN(k.source, C.sourceHandle || null), Z = jN(J, C.targetHandle || null), se = (z == null ? void 0 : z.position) || be.Bottom, oe = (Z == null ? void 0 : Z.position) || be.Top;
+      var K = t.edgeTypes[V] || t.edgeTypes.default, J = d === Mo.Strict ? $.target : $.target || $.source, z = jN(k.source, C.sourceHandle || null), Z = jN(J, C.targetHandle || null), ue = (z == null ? void 0 : z.position) || be.Bottom, oe = (Z == null ? void 0 : Z.position) || be.Top;
       if (!z)
         return process.env.NODE_ENV === "development" && console.warn("[React Flow]: Couldn't create edge for source handle id: ".concat(C.sourceHandle, "; edge id: ").concat(C.id, ". Help: https://reactflow.dev/error#800")), null;
       if (!Z)
         return process.env.NODE_ENV === "development" && console.warn("[React Flow]: Couldn't create edge for target handle id: ".concat(C.targetHandle, "; edge id: ").concat(C.id, ". Help: https://reactflow.dev/error#800")), null;
-      var F = m7(M, z, se, T, Z, oe), W = F.sourceX, X = F.sourceY, U = F.targetX, G = F.targetY;
+      var F = m7(M, z, ue, T, Z, oe), W = F.sourceX, X = F.sourceY, U = F.targetX, G = F.targetY;
       return /* @__PURE__ */ fe.createElement(K, {
         key: C.id,
         id: C.id,
@@ -11648,7 +11648,7 @@ var J7 = function(t) {
         sourceY: X,
         targetX: U,
         targetY: G,
-        sourcePosition: se,
+        sourcePosition: ue,
         targetPosition: oe,
         elementsSelectable: a,
         onEdgeUpdate: t.onEdgeUpdate,
@@ -11700,7 +11700,7 @@ function rX(e) {
   }, [e, t.viewportInitialized]);
 }
 var Tk = function(t) {
-  var r = t.nodeTypes, n = t.edgeTypes, i = t.onMove, o = t.onMoveStart, a = t.onMoveEnd, u = t.onInit, c = t.onNodeClick, d = t.onEdgeClick, f = t.onNodeDoubleClick, h = t.onEdgeDoubleClick, p = t.onNodeMouseEnter, v = t.onNodeMouseMove, m = t.onNodeMouseLeave, y = t.onNodeContextMenu, w = t.onSelectionContextMenu, b = t.connectionLineType, _ = t.connectionLineStyle, S = t.connectionLineComponent, E = t.connectionLineContainerStyle, x = t.selectionKeyCode, C = t.multiSelectionKeyCode, R = t.zoomActivationKeyCode, P = t.deleteKeyCode, M = t.onlyRenderVisibleElements, k = t.elementsSelectable, B = t.selectNodesOnDrag, L = t.translateExtent, D = t.minZoom, T = t.maxZoom, $ = t.defaultZoom, j = t.defaultPosition, V = t.preventScrolling, K = t.defaultMarkerColor, J = t.zoomOnScroll, z = t.zoomOnPinch, Z = t.panOnScroll, se = t.panOnScrollSpeed, oe = t.panOnScrollMode, F = t.zoomOnDoubleClick, W = t.panOnDrag, X = t.onPaneClick, U = t.onPaneScroll, G = t.onPaneContextMenu, re = t.onEdgeUpdate, te = t.onEdgeContextMenu, ae = t.onEdgeMouseEnter, de = t.onEdgeMouseMove, we = t.onEdgeMouseLeave, Ee = t.edgeUpdaterRadius, _e = t.onEdgeUpdateStart, he = t.onEdgeUpdateEnd, ie = t.noDragClassName, Se = t.noWheelClassName, Ne = t.noPanClassName, We = t.elevateEdgesOnSelect, Be = t.id;
+  var r = t.nodeTypes, n = t.edgeTypes, i = t.onMove, o = t.onMoveStart, a = t.onMoveEnd, u = t.onInit, c = t.onNodeClick, d = t.onEdgeClick, f = t.onNodeDoubleClick, h = t.onEdgeDoubleClick, p = t.onNodeMouseEnter, v = t.onNodeMouseMove, m = t.onNodeMouseLeave, y = t.onNodeContextMenu, w = t.onSelectionContextMenu, b = t.connectionLineType, _ = t.connectionLineStyle, S = t.connectionLineComponent, E = t.connectionLineContainerStyle, x = t.selectionKeyCode, C = t.multiSelectionKeyCode, R = t.zoomActivationKeyCode, P = t.deleteKeyCode, M = t.onlyRenderVisibleElements, k = t.elementsSelectable, B = t.selectNodesOnDrag, L = t.translateExtent, D = t.minZoom, T = t.maxZoom, $ = t.defaultZoom, j = t.defaultPosition, V = t.preventScrolling, K = t.defaultMarkerColor, J = t.zoomOnScroll, z = t.zoomOnPinch, Z = t.panOnScroll, ue = t.panOnScrollSpeed, oe = t.panOnScrollMode, F = t.zoomOnDoubleClick, W = t.panOnDrag, X = t.onPaneClick, U = t.onPaneScroll, G = t.onPaneContextMenu, re = t.onEdgeUpdate, te = t.onEdgeContextMenu, ae = t.onEdgeMouseEnter, de = t.onEdgeMouseMove, we = t.onEdgeMouseLeave, Ee = t.edgeUpdaterRadius, _e = t.onEdgeUpdateStart, he = t.onEdgeUpdateEnd, ie = t.noDragClassName, Se = t.noWheelClassName, Ne = t.noPanClassName, We = t.elevateEdgesOnSelect, Be = t.id;
   return rX(u), /* @__PURE__ */ fe.createElement(k7, {
     onPaneClick: X,
     onPaneContextMenu: G,
@@ -11717,7 +11717,7 @@ var Tk = function(t) {
     zoomOnPinch: z,
     zoomOnDoubleClick: F,
     panOnScroll: Z,
-    panOnScrollSpeed: se,
+    panOnScrollSpeed: ue,
     panOnScrollMode: oe,
     panOnDrag: W,
     translateExtent: L,
@@ -11793,7 +11793,7 @@ function iP(e) {
 }
 var ba = (function(e) {
   var t = function(n) {
-    var i = n.id, o = n.type, a = n.data, u = n.xPos, c = n.yPos, d = n.selected, f = n.onClick, h = n.onMouseEnter, p = n.onMouseMove, v = n.onMouseLeave, m = n.onContextMenu, y = n.onDoubleClick, w = n.style, b = n.className, _ = n.isDraggable, S = n.isSelectable, E = n.isConnectable, x = n.selectNodesOnDrag, C = n.sourcePosition, R = n.targetPosition, P = n.hidden, M = n.resizeObserver, k = n.dragHandle, B = n.zIndex, L = n.isParent, D = n.noPanClassName, T = n.noDragClassName, $ = n.initialized, j = Kt(), V = Ae(null), K = Ae(C), J = Ae(R), z = Ae(o), Z = S || _ || f || h || p || v, se = ma(i, j.getState, h), oe = ma(i, j.getState, p), F = ma(i, j.getState, v), W = ma(i, j.getState, m), X = ma(i, j.getState, y), U = function(te) {
+    var i = n.id, o = n.type, a = n.data, u = n.xPos, c = n.yPos, d = n.selected, f = n.onClick, h = n.onMouseEnter, p = n.onMouseMove, v = n.onMouseLeave, m = n.onContextMenu, y = n.onDoubleClick, w = n.style, b = n.className, _ = n.isDraggable, S = n.isSelectable, E = n.isConnectable, x = n.selectNodesOnDrag, C = n.sourcePosition, R = n.targetPosition, P = n.hidden, M = n.resizeObserver, k = n.dragHandle, B = n.zIndex, L = n.isParent, D = n.noPanClassName, T = n.noDragClassName, $ = n.initialized, j = Kt(), V = Ae(null), K = Ae(C), J = Ae(R), z = Ae(o), Z = S || _ || f || h || p || v, ue = ma(i, j.getState, h), oe = ma(i, j.getState, p), F = ma(i, j.getState, v), W = ma(i, j.getState, m), X = ma(i, j.getState, y), U = function(te) {
       if (S && (!x || !_) && ik({
         id: i,
         store: j
@@ -11839,7 +11839,7 @@ var ba = (function(e) {
         pointerEvents: Z ? "all" : "none",
         visibility: $ ? "visible" : "hidden"
       }, w),
-      onMouseEnter: se,
+      onMouseEnter: ue,
       onMouseMove: oe,
       onMouseLeave: F,
       onContextMenu: W,
@@ -11962,7 +11962,7 @@ var aX = {
   smoothstep: u_,
   simplebezier: pk
 }, uX = [15, 15], cX = [0, 0], Dk = /* @__PURE__ */ WD(function(e, t) {
-  var r = e.nodes, n = e.edges, i = e.defaultNodes, o = e.defaultEdges, a = e.className, u = e.nodeTypes, c = u === void 0 ? aX : u, d = e.edgeTypes, f = d === void 0 ? sX : d, h = e.onNodeClick, p = e.onEdgeClick, v = e.onInit, m = e.onMove, y = e.onMoveStart, w = e.onMoveEnd, b = e.onConnect, _ = e.onConnectStart, S = e.onConnectStop, E = e.onConnectEnd, x = e.onClickConnectStart, C = e.onClickConnectStop, R = e.onClickConnectEnd, P = e.onNodeMouseEnter, M = e.onNodeMouseMove, k = e.onNodeMouseLeave, B = e.onNodeContextMenu, L = e.onNodeDoubleClick, D = e.onNodeDragStart, T = e.onNodeDrag, $ = e.onNodeDragStop, j = e.onNodesDelete, V = e.onEdgesDelete, K = e.onSelectionChange, J = e.onSelectionDragStart, z = e.onSelectionDrag, Z = e.onSelectionDragStop, se = e.onSelectionContextMenu, oe = e.connectionMode, F = oe === void 0 ? Mo.Strict : oe, W = e.connectionLineType, X = W === void 0 ? ri.Bezier : W, U = e.connectionLineStyle, G = e.connectionLineComponent, re = e.connectionLineContainerStyle, te = e.deleteKeyCode, ae = te === void 0 ? "Backspace" : te, de = e.selectionKeyCode, we = de === void 0 ? "Shift" : de, Ee = e.multiSelectionKeyCode, _e = Ee === void 0 ? "Meta" : Ee, he = e.zoomActivationKeyCode, ie = he === void 0 ? "Meta" : he, Se = e.snapToGrid, Ne = Se === void 0 ? !1 : Se, We = e.snapGrid, Be = We === void 0 ? uX : We, et = e.onlyRenderVisibleElements, Xe = et === void 0 ? !1 : et, xt = e.selectNodesOnDrag, it = xt === void 0 ? !0 : xt, $t = e.nodesDraggable, dt = e.nodesConnectable, ot = e.elementsSelectable, At = e.minZoom, ar = At === void 0 ? 0.5 : At, wr = e.maxZoom, zt = wr === void 0 ? 2 : wr, Ot = e.defaultZoom, Ht = Ot === void 0 ? 1 : Ot, tn = e.defaultPosition, li = tn === void 0 ? cX : tn, Fn = e.translateExtent, rn = Fn === void 0 ? uw : Fn, Ui = e.preventScrolling, $l = Ui === void 0 ? !0 : Ui, Es = e.nodeExtent, Wo = e.defaultMarkerColor, jl = Wo === void 0 ? "#b1b1b7" : Wo, Ss = e.zoomOnScroll, Fl = Ss === void 0 ? !0 : Ss, Os = e.zoomOnPinch, Cs = Os === void 0 ? !0 : Os, Rs = e.panOnScroll, zl = Rs === void 0 ? !1 : Rs, Is = e.panOnScrollSpeed, Go = Is === void 0 ? 0.5 : Is, Ns = e.panOnScrollMode, Ko = Ns === void 0 ? _o.Free : Ns, Ps = e.zoomOnDoubleClick, Hl = Ps === void 0 ? !0 : Ps, Ts = e.panOnDrag, Ul = Ts === void 0 ? !0 : Ts, Vl = e.onPaneClick, Wl = e.onPaneScroll, Gl = e.onPaneContextMenu, Kl = e.children, As = e.onEdgeUpdate, Yl = e.onEdgeContextMenu, Xl = e.onEdgeDoubleClick, Zl = e.onEdgeMouseEnter, Jl = e.onEdgeMouseMove, Ql = e.onEdgeMouseLeave, ef = e.onEdgeUpdateStart, Vi = e.onEdgeUpdateEnd, Ms = e.edgeUpdaterRadius, Wi = Ms === void 0 ? 10 : Ms, tf = e.onNodesChange, rf = e.onEdgesChange, Ds = e.noDragClassName, qs = Ds === void 0 ? "nodrag" : Ds, Yo = e.noWheelClassName, ks = Yo === void 0 ? "nowheel" : Yo, Ls = e.noPanClassName, nf = Ls === void 0 ? "nopan" : Ls, Bs = e.fitView, of = Bs === void 0 ? !1 : Bs, $s = e.fitViewOptions, Xo = e.connectOnClick, js = Xo === void 0 ? !0 : Xo, Zo = e.attributionPosition, af = e.proOptions, Fs = e.defaultEdgeOptions, fi = e.elevateEdgesOnSelect, zs = fi === void 0 ? !1 : fi, Gi = hl(e, oX), Hs = sP(c, iX), Us = sP(f, g7);
+  var r = e.nodes, n = e.edges, i = e.defaultNodes, o = e.defaultEdges, a = e.className, u = e.nodeTypes, c = u === void 0 ? aX : u, d = e.edgeTypes, f = d === void 0 ? sX : d, h = e.onNodeClick, p = e.onEdgeClick, v = e.onInit, m = e.onMove, y = e.onMoveStart, w = e.onMoveEnd, b = e.onConnect, _ = e.onConnectStart, S = e.onConnectStop, E = e.onConnectEnd, x = e.onClickConnectStart, C = e.onClickConnectStop, R = e.onClickConnectEnd, P = e.onNodeMouseEnter, M = e.onNodeMouseMove, k = e.onNodeMouseLeave, B = e.onNodeContextMenu, L = e.onNodeDoubleClick, D = e.onNodeDragStart, T = e.onNodeDrag, $ = e.onNodeDragStop, j = e.onNodesDelete, V = e.onEdgesDelete, K = e.onSelectionChange, J = e.onSelectionDragStart, z = e.onSelectionDrag, Z = e.onSelectionDragStop, ue = e.onSelectionContextMenu, oe = e.connectionMode, F = oe === void 0 ? Mo.Strict : oe, W = e.connectionLineType, X = W === void 0 ? ri.Bezier : W, U = e.connectionLineStyle, G = e.connectionLineComponent, re = e.connectionLineContainerStyle, te = e.deleteKeyCode, ae = te === void 0 ? "Backspace" : te, de = e.selectionKeyCode, we = de === void 0 ? "Shift" : de, Ee = e.multiSelectionKeyCode, _e = Ee === void 0 ? "Meta" : Ee, he = e.zoomActivationKeyCode, ie = he === void 0 ? "Meta" : he, Se = e.snapToGrid, Ne = Se === void 0 ? !1 : Se, We = e.snapGrid, Be = We === void 0 ? uX : We, et = e.onlyRenderVisibleElements, Xe = et === void 0 ? !1 : et, xt = e.selectNodesOnDrag, it = xt === void 0 ? !0 : xt, $t = e.nodesDraggable, dt = e.nodesConnectable, ot = e.elementsSelectable, At = e.minZoom, ar = At === void 0 ? 0.5 : At, wr = e.maxZoom, zt = wr === void 0 ? 2 : wr, Ot = e.defaultZoom, Ht = Ot === void 0 ? 1 : Ot, tn = e.defaultPosition, li = tn === void 0 ? cX : tn, Fn = e.translateExtent, rn = Fn === void 0 ? uw : Fn, Ui = e.preventScrolling, $l = Ui === void 0 ? !0 : Ui, Es = e.nodeExtent, Wo = e.defaultMarkerColor, jl = Wo === void 0 ? "#b1b1b7" : Wo, Ss = e.zoomOnScroll, Fl = Ss === void 0 ? !0 : Ss, Os = e.zoomOnPinch, Cs = Os === void 0 ? !0 : Os, Rs = e.panOnScroll, zl = Rs === void 0 ? !1 : Rs, Is = e.panOnScrollSpeed, Go = Is === void 0 ? 0.5 : Is, Ns = e.panOnScrollMode, Ko = Ns === void 0 ? _o.Free : Ns, Ps = e.zoomOnDoubleClick, Hl = Ps === void 0 ? !0 : Ps, Ts = e.panOnDrag, Ul = Ts === void 0 ? !0 : Ts, Vl = e.onPaneClick, Wl = e.onPaneScroll, Gl = e.onPaneContextMenu, Kl = e.children, As = e.onEdgeUpdate, Yl = e.onEdgeContextMenu, Xl = e.onEdgeDoubleClick, Zl = e.onEdgeMouseEnter, Jl = e.onEdgeMouseMove, Ql = e.onEdgeMouseLeave, ef = e.onEdgeUpdateStart, Vi = e.onEdgeUpdateEnd, Ms = e.edgeUpdaterRadius, Wi = Ms === void 0 ? 10 : Ms, tf = e.onNodesChange, rf = e.onEdgesChange, Ds = e.noDragClassName, qs = Ds === void 0 ? "nodrag" : Ds, Yo = e.noWheelClassName, ks = Yo === void 0 ? "nowheel" : Yo, Ls = e.noPanClassName, nf = Ls === void 0 ? "nopan" : Ls, Bs = e.fitView, of = Bs === void 0 ? !1 : Bs, $s = e.fitViewOptions, Xo = e.connectOnClick, js = Xo === void 0 ? !0 : Xo, Zo = e.attributionPosition, af = e.proOptions, Fs = e.defaultEdgeOptions, fi = e.elevateEdgesOnSelect, zs = fi === void 0 ? !1 : fi, Gi = hl(e, oX), Hs = sP(c, iX), Us = sP(f, g7);
   return /* @__PURE__ */ fe.createElement("div", lP(lP({}, Gi), {}, {
     ref: t,
     className: br(["react-flow", a])
@@ -12006,7 +12006,7 @@ var aX = {
     onPaneClick: Vl,
     onPaneScroll: Wl,
     onPaneContextMenu: Gl,
-    onSelectionContextMenu: se,
+    onSelectionContextMenu: ue,
     onEdgeUpdate: As,
     onEdgeContextMenu: Yl,
     onEdgeDoubleClick: Xl,
@@ -12122,7 +12122,7 @@ const dX = ({
     targetX: e,
     targetY: t
   });
-  return /* @__PURE__ */ ce("g", { children: [
+  return /* @__PURE__ */ se("g", { children: [
     /* @__PURE__ */ I(
       "path",
       {
@@ -12508,7 +12508,7 @@ const bX = (e = [], t = [], r = []) => {
     const d = r4(t.id, e.id, a);
     o(vr(d));
   }
-  return /* @__PURE__ */ ce(
+  return /* @__PURE__ */ se(
     "div",
     {
       className: Ye(
@@ -12551,11 +12551,11 @@ const bX = (e = [], t = [], r = []) => {
   let u = a ? za(a.includes, t) : [], c = a ? za(e4(a.id, t), t) : [], d = a ? za(t4(a.id, t), t) : [];
   return [u, c, d] = [u, c, d].map(
     (f) => f.filter((h) => (h == null ? void 0 : h.privilege) !== "guest")
-  ), o.length < 2 && u.length + c.length + d.length === 0 ? null : /* @__PURE__ */ ce("div", { className: "w-full border-b border-grey-900 p-4", children: [
-    /* @__PURE__ */ ce("div", { className: "mb-4 flex items-center justify-between", children: [
+  ), o.length < 2 && u.length + c.length + d.length === 0 ? null : /* @__PURE__ */ se("div", { className: "w-full border-b border-grey-900 p-4", children: [
+    /* @__PURE__ */ se("div", { className: "mb-4 flex items-center justify-between", children: [
       " ",
       o.length > 2 ? /* @__PURE__ */ I("h4", { className: "text-[13px] font-semibold text-white", children: "Include a privilege" }) : /* @__PURE__ */ I("div", {}),
-      /* @__PURE__ */ ce("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ se("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ I(
           Kb,
           {
@@ -12563,13 +12563,13 @@ const bX = (e = [], t = [], r = []) => {
             value: i
           }
         ),
-        /* @__PURE__ */ ce("label", { className: "text-xs text-[#F6F6F6]", children: [
+        /* @__PURE__ */ se("label", { className: "text-xs text-[#F6F6F6]", children: [
           " ",
           "Show inherited permissions"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ ce("div", { className: "flex flex-wrap items-start justify-start gap-1", children: [
+    /* @__PURE__ */ se("div", { className: "flex flex-wrap items-start justify-start gap-1", children: [
       u.map((f) => /* @__PURE__ */ I(
         Qm,
         {
@@ -14238,7 +14238,7 @@ var y_ = "PopperContent", [KZ, YZ] = tL(y_), sL = ve.forwardRef(
     Mi(() => {
       V && (Z == null || Z());
     }, [V, Z]);
-    const se = (U = K.arrow) == null ? void 0 : U.x, oe = (G = K.arrow) == null ? void 0 : G.y, F = ((re = K.arrow) == null ? void 0 : re.centerOffset) !== 0, [W, X] = ve.useState();
+    const ue = (U = K.arrow) == null ? void 0 : U.x, oe = (G = K.arrow) == null ? void 0 : G.y, F = ((re = K.arrow) == null ? void 0 : re.centerOffset) !== 0, [W, X] = ve.useState();
     return Mi(() => {
       b && X(window.getComputedStyle(b).zIndex);
     }, [b]), /* @__PURE__ */ I(
@@ -14271,7 +14271,7 @@ var y_ = "PopperContent", [KZ, YZ] = tL(y_), sL = ve.forwardRef(
             scope: r,
             placedSide: J,
             onArrowChange: x,
-            arrowX: se,
+            arrowX: ue,
             arrowY: oe,
             shouldHideArrow: F,
             children: /* @__PURE__ */ I(
@@ -14729,8 +14729,8 @@ function _J(e) {
 var __ = gL, x_ = yL, Gr = bL, Kr = wL;
 const xJ = ({ item: e, depth: t }) => {
   const [r, n] = qe(!1), i = Ge(Ln), o = za(e.includes, i);
-  return /* @__PURE__ */ ce("div", { className: "py-1 text-xs text-white", children: [
-    /* @__PURE__ */ ce("div", { className: "flex items-center", children: [
+  return /* @__PURE__ */ se("div", { className: "py-1 text-xs text-white", children: [
+    /* @__PURE__ */ se("div", { className: "flex items-center", children: [
       /* @__PURE__ */ I(
         "button",
         {
@@ -14828,8 +14828,8 @@ const xJ = ({ item: e, depth: t }) => {
       i(vr(x));
     }
   }, _ = It(() => e.resources.some((S) => S.exists === !1), [e]);
-  return /* @__PURE__ */ ce(PP, { openDelay: 0, closeDelay: 0, children: [
-    /* @__PURE__ */ I(TP, { asChild: !0, children: /* @__PURE__ */ ce(
+  return /* @__PURE__ */ se(PP, { openDelay: 0, closeDelay: 0, children: [
+    /* @__PURE__ */ I(TP, { asChild: !0, children: /* @__PURE__ */ se(
       "div",
       {
         className: Ye("rounded border bg-grey-300 p-2", {
@@ -14844,10 +14844,10 @@ const xJ = ({ item: e, depth: t }) => {
         },
         ref: v,
         children: [
-          /* @__PURE__ */ ce("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ ce("div", { className: "flex flex-1 items-center text-white", children: [
+          /* @__PURE__ */ se("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ se("div", { className: "flex flex-1 items-center text-white", children: [
               /* @__PURE__ */ I("span", { className: "mr-4", children: n ? /* @__PURE__ */ I(U4, { className: "h-6 w-6" }) : /* @__PURE__ */ I(Hc, { className: "h-6 w-6" }) }),
-              u ? /* @__PURE__ */ ce("div", { className: "relative h-6 flex-1 mr-2", children: [
+              u ? /* @__PURE__ */ se("div", { className: "relative h-6 flex-1 mr-2", children: [
                 /* @__PURE__ */ I(
                   "input",
                   {
@@ -14870,7 +14870,7 @@ const xJ = ({ item: e, depth: t }) => {
                 h && /* @__PURE__ */ I("p", { className: "absolute top-5 mt-1 w-full rounded rounded-t-none bg-red-400 p-1 text-xs text-white shadow-md", children: h })
               ] }) : /* @__PURE__ */ I("span", { className: "inline-block grow overflow-hidden truncate whitespace-nowrap text-xs font-bold", children: d })
             ] }),
-            n ? /* @__PURE__ */ I("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ ce(PP, { openDelay: 0, closeDelay: 0, children: [
+            n ? /* @__PURE__ */ I("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ se(PP, { openDelay: 0, closeDelay: 0, children: [
               /* @__PURE__ */ I(TP, { asChild: !0, children: /* @__PURE__ */ I("span", { children: /* @__PURE__ */ I(pr, { className: "h-4 w-4 text-grey-50" }) }) }),
               /* @__PURE__ */ I(Gr, { container: Gt(), children: /* @__PURE__ */ I(
                 Kr,
@@ -14879,13 +14879,13 @@ const xJ = ({ item: e, depth: t }) => {
                   avoidCollisions: !0,
                   side: "top",
                   className: "max-w-xs rounded bg-primary-light py-2 text-sm font-semibold text-primary",
-                  children: /* @__PURE__ */ I("div", { className: "space-y-1 px-2", children: /* @__PURE__ */ ce("div", { className: "flex items-start text-s", children: [
+                  children: /* @__PURE__ */ I("div", { className: "space-y-1 px-2", children: /* @__PURE__ */ se("div", { className: "flex items-start text-s", children: [
                     /* @__PURE__ */ I(ln, { className: "mr-2 mt-0.5 h-4 w-4 flex-shrink-0" }),
                     /* @__PURE__ */ I("p", { children: "the guest privilege must be used to indicate resources accessible without any permission required (e.g. an authenticate function)" })
                   ] }) })
                 }
               ) })
-            ] }) }) : /* @__PURE__ */ I("div", { className: "flex items-center space-x-2", children: u ? /* @__PURE__ */ ce(Lt, { children: [
+            ] }) }) : /* @__PURE__ */ I("div", { className: "flex items-center space-x-2", children: u ? /* @__PURE__ */ se(Lt, { children: [
               /* @__PURE__ */ I(
                 "button",
                 {
@@ -14902,7 +14902,7 @@ const xJ = ({ item: e, depth: t }) => {
                   children: /* @__PURE__ */ I("span", { children: /* @__PURE__ */ I(V4, { className: "h-4 w-4 text-grey-50" }) })
                 }
               )
-            ] }) : /* @__PURE__ */ ce(Lt, { children: [
+            ] }) : /* @__PURE__ */ se(Lt, { children: [
               /* @__PURE__ */ I(
                 "button",
                 {
@@ -14925,7 +14925,7 @@ const xJ = ({ item: e, depth: t }) => {
         ]
       }
     ) }),
-    /* @__PURE__ */ I(Gr, { container: Gt(), children: /* @__PURE__ */ ce(
+    /* @__PURE__ */ I(Gr, { container: Gt(), children: /* @__PURE__ */ se(
       Kr,
       {
         hidden: !_,
@@ -14953,7 +14953,7 @@ const xJ = ({ item: e, depth: t }) => {
     );
     return jk(a, i).guest;
   }, [e, i]);
-  return /* @__PURE__ */ ce("div", { className: "flex flex-1 flex-col gap-y-4 overflow-auto p-4 pb-10 pt-1", children: [
+  return /* @__PURE__ */ se("div", { className: "flex flex-1 flex-col gap-y-4 overflow-auto p-4 pb-10 pt-1", children: [
     o ? /* @__PURE__ */ I(
       AP,
       {
@@ -14971,10 +14971,10 @@ const xJ = ({ item: e, depth: t }) => {
         selectedPrivilege: r
       },
       a
-    )) : /* @__PURE__ */ I("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ I("div", { className: "flex flex-1 items-center justify-center bg-grey-800", children: /* @__PURE__ */ ce("div", { className: "flex flex-col items-center justify-center space-y-4 text-grey-200", children: [
+    )) : /* @__PURE__ */ I("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ I("div", { className: "flex flex-1 items-center justify-center bg-grey-800", children: /* @__PURE__ */ se("div", { className: "flex flex-col items-center justify-center space-y-4 text-grey-200", children: [
       /* @__PURE__ */ I(pr, { className: "h-10 w-10" }),
       /* @__PURE__ */ I("div", { className: "font-semibold", children: "There are no privileges" }),
-      /* @__PURE__ */ ce("div", { className: "flex items-center text-sm", children: [
+      /* @__PURE__ */ se("div", { className: "flex items-center text-sm", children: [
         "Create a new Privilege by clicking on the",
         " ",
         /* @__PURE__ */ I(An, { className: "ml-2 inline h-4 w-4 text-white" })
@@ -15116,7 +15116,7 @@ function OJ() {
     function Z(de) {
       return E(de) === u;
     }
-    function se(de) {
+    function ue(de) {
       return E(de) === a;
     }
     function oe(de) {
@@ -15146,7 +15146,7 @@ function OJ() {
     function ae(de) {
       return E(de) === h;
     }
-    Qe.AsyncMode = x, Qe.ConcurrentMode = C, Qe.ContextConsumer = R, Qe.ContextProvider = P, Qe.Element = M, Qe.ForwardRef = k, Qe.Fragment = B, Qe.Lazy = L, Qe.Memo = D, Qe.Portal = T, Qe.Profiler = $, Qe.StrictMode = j, Qe.Suspense = V, Qe.isAsyncMode = J, Qe.isConcurrentMode = z, Qe.isContextConsumer = Z, Qe.isContextProvider = se, Qe.isElement = oe, Qe.isForwardRef = F, Qe.isFragment = W, Qe.isLazy = X, Qe.isMemo = U, Qe.isPortal = G, Qe.isProfiler = re, Qe.isStrictMode = te, Qe.isSuspense = ae, Qe.isValidElementType = S, Qe.typeOf = E;
+    Qe.AsyncMode = x, Qe.ConcurrentMode = C, Qe.ContextConsumer = R, Qe.ContextProvider = P, Qe.Element = M, Qe.ForwardRef = k, Qe.Fragment = B, Qe.Lazy = L, Qe.Memo = D, Qe.Portal = T, Qe.Profiler = $, Qe.StrictMode = j, Qe.Suspense = V, Qe.isAsyncMode = J, Qe.isConcurrentMode = z, Qe.isContextConsumer = Z, Qe.isContextProvider = ue, Qe.isElement = oe, Qe.isForwardRef = F, Qe.isFragment = W, Qe.isLazy = X, Qe.isMemo = U, Qe.isPortal = G, Qe.isProfiler = re, Qe.isStrictMode = te, Qe.isSuspense = ae, Qe.isValidElementType = S, Qe.typeOf = E;
   })()), Qe;
 }
 var qP;
@@ -15318,7 +15318,7 @@ function IJ() {
     y.prototype = Error.prototype;
     function w(z) {
       if (process.env.NODE_ENV !== "production")
-        var Z = {}, se = 0;
+        var Z = {}, ue = 0;
       function oe(W, X, U, G, re, te, ae) {
         if (G = G || p, te = te || U, ae !== r) {
           if (c) {
@@ -15329,9 +15329,9 @@ function IJ() {
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var we = G + ":" + U;
             !Z[we] && // Avoid spamming the console because they are often not actionable except for lib authors
-            se < 3 && (o(
+            ue < 3 && (o(
               "You are manually calling a React.PropTypes validation function for the `" + te + "` prop on `" + G + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), Z[we] = !0, se++);
+            ), Z[we] = !0, ue++);
           }
         }
         return X[U] == null ? W ? X[U] === null ? new y("The " + re + " `" + te + "` is marked as required " + ("in `" + G + "`, but its value is `null`.")) : new y("The " + re + " `" + te + "` is marked as required in " + ("`" + G + "`, but its value is `undefined`.")) : null : z(X, U, G, re, te);
@@ -15340,8 +15340,8 @@ function IJ() {
       return F.isRequired = oe.bind(null, !0), F;
     }
     function b(z) {
-      function Z(se, oe, F, W, X, U) {
-        var G = se[oe], re = j(G);
+      function Z(ue, oe, F, W, X, U) {
+        var G = ue[oe], re = j(G);
         if (re !== z) {
           var te = V(G);
           return new y(
@@ -15357,10 +15357,10 @@ function IJ() {
       return w(a);
     }
     function S(z) {
-      function Z(se, oe, F, W, X) {
+      function Z(ue, oe, F, W, X) {
         if (typeof z != "function")
           return new y("Property `" + X + "` of component `" + F + "` has invalid PropType notation inside arrayOf.");
-        var U = se[oe];
+        var U = ue[oe];
         if (!Array.isArray(U)) {
           var G = j(U);
           return new y("Invalid " + W + " `" + X + "` of type " + ("`" + G + "` supplied to `" + F + "`, expected an array."));
@@ -15375,8 +15375,8 @@ function IJ() {
       return w(Z);
     }
     function E() {
-      function z(Z, se, oe, F, W) {
-        var X = Z[se];
+      function z(Z, ue, oe, F, W) {
+        var X = Z[ue];
         if (!u(X)) {
           var U = j(X);
           return new y("Invalid " + F + " `" + W + "` of type " + ("`" + U + "` supplied to `" + oe + "`, expected a single ReactElement."));
@@ -15386,8 +15386,8 @@ function IJ() {
       return w(z);
     }
     function x() {
-      function z(Z, se, oe, F, W) {
-        var X = Z[se];
+      function z(Z, ue, oe, F, W) {
+        var X = Z[ue];
         if (!e.isValidElementType(X)) {
           var U = j(X);
           return new y("Invalid " + F + " `" + W + "` of type " + ("`" + U + "` supplied to `" + oe + "`, expected a single ReactElement type."));
@@ -15397,9 +15397,9 @@ function IJ() {
       return w(z);
     }
     function C(z) {
-      function Z(se, oe, F, W, X) {
-        if (!(se[oe] instanceof z)) {
-          var U = z.name || p, G = J(se[oe]);
+      function Z(ue, oe, F, W, X) {
+        if (!(ue[oe] instanceof z)) {
+          var U = z.name || p, G = J(ue[oe]);
           return new y("Invalid " + W + " `" + X + "` of type " + ("`" + G + "` supplied to `" + F + "`, expected ") + ("instance of `" + U + "`."));
         }
         return null;
@@ -15411,8 +15411,8 @@ function IJ() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : o("Invalid argument supplied to oneOf, expected an array.")), a;
-      function Z(se, oe, F, W, X) {
-        for (var U = se[oe], G = 0; G < z.length; G++)
+      function Z(ue, oe, F, W, X) {
+        for (var U = ue[oe], G = 0; G < z.length; G++)
           if (m(U, z[G]))
             return null;
         var re = JSON.stringify(z, function(ae, de) {
@@ -15424,10 +15424,10 @@ function IJ() {
       return w(Z);
     }
     function P(z) {
-      function Z(se, oe, F, W, X) {
+      function Z(ue, oe, F, W, X) {
         if (typeof z != "function")
           return new y("Property `" + X + "` of component `" + F + "` has invalid PropType notation inside objectOf.");
-        var U = se[oe], G = j(U);
+        var U = ue[oe], G = j(U);
         if (G !== "object")
           return new y("Invalid " + W + " `" + X + "` of type " + ("`" + G + "` supplied to `" + F + "`, expected an object."));
         for (var re in U)
@@ -15444,10 +15444,10 @@ function IJ() {
       if (!Array.isArray(z))
         return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), a;
       for (var Z = 0; Z < z.length; Z++) {
-        var se = z[Z];
-        if (typeof se != "function")
+        var ue = z[Z];
+        if (typeof ue != "function")
           return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + K(se) + " at index " + Z + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + K(ue) + " at index " + Z + "."
           ), a;
       }
       function oe(F, W, X, U, G) {
@@ -15463,19 +15463,19 @@ function IJ() {
       return w(oe);
     }
     function k() {
-      function z(Z, se, oe, F, W) {
-        return T(Z[se]) ? null : new y("Invalid " + F + " `" + W + "` supplied to " + ("`" + oe + "`, expected a ReactNode."));
+      function z(Z, ue, oe, F, W) {
+        return T(Z[ue]) ? null : new y("Invalid " + F + " `" + W + "` supplied to " + ("`" + oe + "`, expected a ReactNode."));
       }
       return w(z);
     }
-    function B(z, Z, se, oe, F) {
+    function B(z, Z, ue, oe, F) {
       return new y(
-        (z || "React class") + ": " + Z + " type `" + se + "." + oe + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + F + "`."
+        (z || "React class") + ": " + Z + " type `" + ue + "." + oe + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + F + "`."
       );
     }
     function L(z) {
-      function Z(se, oe, F, W, X) {
-        var U = se[oe], G = j(U);
+      function Z(ue, oe, F, W, X) {
+        var U = ue[oe], G = j(U);
         if (G !== "object")
           return new y("Invalid " + W + " `" + X + "` of type `" + G + "` " + ("supplied to `" + F + "`, expected `object`."));
         for (var re in z) {
@@ -15491,18 +15491,18 @@ function IJ() {
       return w(Z);
     }
     function D(z) {
-      function Z(se, oe, F, W, X) {
-        var U = se[oe], G = j(U);
+      function Z(ue, oe, F, W, X) {
+        var U = ue[oe], G = j(U);
         if (G !== "object")
           return new y("Invalid " + W + " `" + X + "` of type `" + G + "` " + ("supplied to `" + F + "`, expected `object`."));
-        var re = t({}, se[oe], z);
+        var re = t({}, ue[oe], z);
         for (var te in re) {
           var ae = z[te];
           if (n(z, te) && typeof ae != "function")
             return B(F, W, X, te, V(ae));
           if (!ae)
             return new y(
-              "Invalid " + W + " `" + X + "` key `" + te + "` supplied to `" + F + "`.\nBad object: " + JSON.stringify(se[oe], null, "  ") + `
+              "Invalid " + W + " `" + X + "` key `" + te + "` supplied to `" + F + "`.\nBad object: " + JSON.stringify(ue[oe], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(z), null, "  ")
             );
           var de = ae(U, te, F, W, X + "." + te, r);
@@ -15528,13 +15528,13 @@ Valid keys: ` + JSON.stringify(Object.keys(z), null, "  ")
             return !0;
           var Z = h(z);
           if (Z) {
-            var se = Z.call(z), oe;
+            var ue = Z.call(z), oe;
             if (Z !== z.entries) {
-              for (; !(oe = se.next()).done; )
+              for (; !(oe = ue.next()).done; )
                 if (!T(oe.value))
                   return !1;
             } else
-              for (; !(oe = se.next()).done; ) {
+              for (; !(oe = ue.next()).done; ) {
                 var F = oe.value;
                 if (F && !T(F[1]))
                   return !1;
@@ -15644,7 +15644,7 @@ function PJ() {
   return Uu.exports;
 }
 var TJ = /* @__PURE__ */ PJ();
-const ue = /* @__PURE__ */ oi(TJ);
+const ce = /* @__PURE__ */ oi(TJ);
 var Wu = { exports: {} }, rt = {};
 /** @license React v17.0.2
  * react-is.production.min.js
@@ -15788,7 +15788,7 @@ function MJ() {
     function Z(ae) {
       return E(ae) === o;
     }
-    function se(ae) {
+    function ue(ae) {
       return typeof ae == "object" && ae !== null && ae.$$typeof === e;
     }
     function oe(ae) {
@@ -15815,7 +15815,7 @@ function MJ() {
     function te(ae) {
       return E(ae) === c;
     }
-    nt.ContextConsumer = x, nt.ContextProvider = C, nt.Element = R, nt.ForwardRef = P, nt.Fragment = M, nt.Lazy = k, nt.Memo = B, nt.Portal = L, nt.Profiler = D, nt.StrictMode = T, nt.Suspense = $, nt.isAsyncMode = K, nt.isConcurrentMode = J, nt.isContextConsumer = z, nt.isContextProvider = Z, nt.isElement = se, nt.isForwardRef = oe, nt.isFragment = F, nt.isLazy = W, nt.isMemo = X, nt.isPortal = U, nt.isProfiler = G, nt.isStrictMode = re, nt.isSuspense = te, nt.isValidElementType = S, nt.typeOf = E;
+    nt.ContextConsumer = x, nt.ContextProvider = C, nt.Element = R, nt.ForwardRef = P, nt.Fragment = M, nt.Lazy = k, nt.Memo = B, nt.Portal = L, nt.Profiler = D, nt.StrictMode = T, nt.Suspense = $, nt.isAsyncMode = K, nt.isConcurrentMode = J, nt.isContextConsumer = z, nt.isContextProvider = Z, nt.isElement = ue, nt.isForwardRef = oe, nt.isFragment = F, nt.isLazy = W, nt.isMemo = X, nt.isPortal = U, nt.isProfiler = G, nt.isStrictMode = re, nt.isSuspense = te, nt.isValidElementType = S, nt.typeOf = E;
   })()), nt;
 }
 var VP;
@@ -15864,10 +15864,10 @@ var qJ = function(e, t) {
   for (var p = r.visualViewport ? r.visualViewport.width : innerWidth, v = r.visualViewport ? r.visualViewport.height : innerHeight, m = window.scrollX || pageXOffset, y = window.scrollY || pageYOffset, w = e.getBoundingClientRect(), b = w.height, _ = w.width, S = w.top, E = w.right, x = w.bottom, C = w.left, R = S, P = n === "center" ? C + _ / 2 : n === "end" ? E : C, M = [], k = 0; k < f.length; k++) {
     var B = f[k], L = B.getBoundingClientRect(), D = L.height, T = L.width, $ = L.top, j = L.right, V = L.bottom, K = L.left;
     if (S >= 0 && C >= 0 && x <= v && E <= p && S >= $ && x <= V && C >= K && E <= j) return M;
-    var J = getComputedStyle(B), z = parseInt(J.borderLeftWidth, 10), Z = parseInt(J.borderTopWidth, 10), se = parseInt(J.borderRightWidth, 10), oe = parseInt(J.borderBottomWidth, 10), F = 0, W = 0, X = "offsetWidth" in B ? B.offsetWidth - B.clientWidth - z - se : 0, U = "offsetHeight" in B ? B.offsetHeight - B.clientHeight - Z - oe : 0, G = "offsetWidth" in B ? B.offsetWidth === 0 ? 0 : T / B.offsetWidth : 0, re = "offsetHeight" in B ? B.offsetHeight === 0 ? 0 : D / B.offsetHeight : 0;
-    if (d === B) F = Gu(y, y + v, v, Z, oe, y + R, y + R + b, b), W = n === "start" ? P : n === "center" ? P - p / 2 : n === "end" ? P - p : Gu(m, m + p, p, z, se, m + P, m + P + _, _), F = Math.max(0, F + y), W = Math.max(0, W + m);
+    var J = getComputedStyle(B), z = parseInt(J.borderLeftWidth, 10), Z = parseInt(J.borderTopWidth, 10), ue = parseInt(J.borderRightWidth, 10), oe = parseInt(J.borderBottomWidth, 10), F = 0, W = 0, X = "offsetWidth" in B ? B.offsetWidth - B.clientWidth - z - ue : 0, U = "offsetHeight" in B ? B.offsetHeight - B.clientHeight - Z - oe : 0, G = "offsetWidth" in B ? B.offsetWidth === 0 ? 0 : T / B.offsetWidth : 0, re = "offsetHeight" in B ? B.offsetHeight === 0 ? 0 : D / B.offsetHeight : 0;
+    if (d === B) F = Gu(y, y + v, v, Z, oe, y + R, y + R + b, b), W = n === "start" ? P : n === "center" ? P - p / 2 : n === "end" ? P - p : Gu(m, m + p, p, z, ue, m + P, m + P + _, _), F = Math.max(0, F + y), W = Math.max(0, W + m);
     else {
-      F = Gu($, V, D, Z, oe + U, R, R + b, b), W = n === "start" ? P - K - z : n === "center" ? P - (K + T / 2) + X / 2 : n === "end" ? P - j + se + X : Gu(K, j, T, z, se + X, P, P + _, _);
+      F = Gu($, V, D, Z, oe + U, R, R + b, b), W = n === "start" ? P - K - z : n === "center" ? P - (K + T / 2) + X / 2 : n === "end" ? P - j + ue + X : Gu(K, j, T, z, ue + X, P, P + _, _);
       var te = B.scrollLeft, ae = B.scrollTop;
       R += ae - (F = Math.max(0, Math.min(ae + F / re, B.scrollHeight - D / re + U))), P += te - (W = Math.max(0, Math.min(te + W / G, B.scrollWidth - T / G + X)));
     }
@@ -16658,47 +16658,47 @@ const zJ = /* @__PURE__ */ (() => {
   }, e.stateChangeTypes = FJ, e;
 })();
 process.env.NODE_ENV !== "production" && (zJ.propTypes = {
-  children: ue.func,
-  defaultHighlightedIndex: ue.number,
-  defaultIsOpen: ue.bool,
-  initialHighlightedIndex: ue.number,
-  initialSelectedItem: ue.any,
-  initialInputValue: ue.string,
-  initialIsOpen: ue.bool,
-  getA11yStatusMessage: ue.func,
-  itemToString: ue.func,
-  onChange: ue.func,
-  onSelect: ue.func,
-  onStateChange: ue.func,
-  onInputValueChange: ue.func,
-  onUserAction: ue.func,
-  onOuterClick: ue.func,
-  selectedItemChanged: ue.func,
-  stateReducer: ue.func,
-  itemCount: ue.number,
-  id: ue.string,
-  environment: ue.shape({
-    addEventListener: ue.func,
-    removeEventListener: ue.func,
-    document: ue.shape({
-      getElementById: ue.func,
-      activeElement: ue.any,
-      body: ue.any
+  children: ce.func,
+  defaultHighlightedIndex: ce.number,
+  defaultIsOpen: ce.bool,
+  initialHighlightedIndex: ce.number,
+  initialSelectedItem: ce.any,
+  initialInputValue: ce.string,
+  initialIsOpen: ce.bool,
+  getA11yStatusMessage: ce.func,
+  itemToString: ce.func,
+  onChange: ce.func,
+  onSelect: ce.func,
+  onStateChange: ce.func,
+  onInputValueChange: ce.func,
+  onUserAction: ce.func,
+  onOuterClick: ce.func,
+  selectedItemChanged: ce.func,
+  stateReducer: ce.func,
+  itemCount: ce.number,
+  id: ce.string,
+  environment: ce.shape({
+    addEventListener: ce.func,
+    removeEventListener: ce.func,
+    document: ce.shape({
+      getElementById: ce.func,
+      activeElement: ce.any,
+      body: ce.any
     })
   }),
-  suppressRefError: ue.bool,
-  scrollIntoView: ue.func,
+  suppressRefError: ce.bool,
+  scrollIntoView: ce.func,
   // things we keep in state for uncontrolled components
   // but can accept as props for controlled components
   /* eslint-disable react/no-unused-prop-types */
-  selectedItem: ue.any,
-  isOpen: ue.bool,
-  inputValue: ue.string,
-  highlightedIndex: ue.number,
-  labelId: ue.string,
-  inputId: ue.string,
-  menuId: ue.string,
-  getItemId: ue.func
+  selectedItem: ce.any,
+  isOpen: ce.bool,
+  inputValue: ce.string,
+  highlightedIndex: ce.number,
+  labelId: ce.string,
+  inputId: ce.string,
+  menuId: ce.string,
+  getItemId: ce.func
   /* eslint-enable react/no-unused-prop-types */
 });
 function JP(e, t) {
@@ -16999,13 +16999,13 @@ function nQ(e, t, r) {
     ...o
   };
 }
-ue.array.isRequired, ue.func, ue.func, ue.func, ue.bool, ue.number, ue.number, ue.number, ue.bool, ue.bool, ue.bool, ue.any, ue.any, ue.any, ue.string, ue.string, ue.string, ue.func, ue.string, ue.func, ue.func, ue.func, ue.func, ue.func, ue.shape({
-  addEventListener: ue.func,
-  removeEventListener: ue.func,
-  document: ue.shape({
-    getElementById: ue.func,
-    activeElement: ue.any,
-    body: ue.any
+ce.array.isRequired, ce.func, ce.func, ce.func, ce.bool, ce.number, ce.number, ce.number, ce.bool, ce.bool, ce.bool, ce.any, ce.any, ce.any, ce.string, ce.string, ce.string, ce.func, ce.string, ce.func, ce.func, ce.func, ce.func, ce.func, ce.shape({
+  addEventListener: ce.func,
+  removeEventListener: ce.func,
+  document: ce.shape({
+    getElementById: ce.func,
+    activeElement: ce.any,
+    body: ce.any
   })
 });
 function iQ(e) {
@@ -17074,42 +17074,42 @@ function oQ(e) {
   };
 }
 const aQ = {
-  items: ue.array.isRequired,
-  itemToString: ue.func,
-  getA11yStatusMessage: ue.func,
-  getA11ySelectionMessage: ue.func,
-  circularNavigation: ue.bool,
-  highlightedIndex: ue.number,
-  defaultHighlightedIndex: ue.number,
-  initialHighlightedIndex: ue.number,
-  isOpen: ue.bool,
-  defaultIsOpen: ue.bool,
-  initialIsOpen: ue.bool,
-  selectedItem: ue.any,
-  initialSelectedItem: ue.any,
-  defaultSelectedItem: ue.any,
-  inputValue: ue.string,
-  defaultInputValue: ue.string,
-  initialInputValue: ue.string,
-  id: ue.string,
-  labelId: ue.string,
-  menuId: ue.string,
-  getItemId: ue.func,
-  inputId: ue.string,
-  toggleButtonId: ue.string,
-  stateReducer: ue.func,
-  onSelectedItemChange: ue.func,
-  onHighlightedIndexChange: ue.func,
-  onStateChange: ue.func,
-  onIsOpenChange: ue.func,
-  onInputValueChange: ue.func,
-  environment: ue.shape({
-    addEventListener: ue.func,
-    removeEventListener: ue.func,
-    document: ue.shape({
-      getElementById: ue.func,
-      activeElement: ue.any,
-      body: ue.any
+  items: ce.array.isRequired,
+  itemToString: ce.func,
+  getA11yStatusMessage: ce.func,
+  getA11ySelectionMessage: ce.func,
+  circularNavigation: ce.bool,
+  highlightedIndex: ce.number,
+  defaultHighlightedIndex: ce.number,
+  initialHighlightedIndex: ce.number,
+  isOpen: ce.bool,
+  defaultIsOpen: ce.bool,
+  initialIsOpen: ce.bool,
+  selectedItem: ce.any,
+  initialSelectedItem: ce.any,
+  defaultSelectedItem: ce.any,
+  inputValue: ce.string,
+  defaultInputValue: ce.string,
+  initialInputValue: ce.string,
+  id: ce.string,
+  labelId: ce.string,
+  menuId: ce.string,
+  getItemId: ce.func,
+  inputId: ce.string,
+  toggleButtonId: ce.string,
+  stateReducer: ce.func,
+  onSelectedItemChange: ce.func,
+  onHighlightedIndexChange: ce.func,
+  onStateChange: ce.func,
+  onIsOpenChange: ce.func,
+  onInputValueChange: ce.func,
+  environment: ce.shape({
+    addEventListener: ce.func,
+    removeEventListener: ce.func,
+    document: ce.shape({
+      getElementById: ce.func,
+      activeElement: ce.any,
+      body: ce.any
     })
   })
 };
@@ -17124,7 +17124,7 @@ function sQ(e, t, r) {
 }
 let oB = Nr;
 process.env.NODE_ENV !== "production" && (oB = (e, t) => {
-  ue.checkPropTypes(aQ, e, "prop", t.name);
+  ce.checkPropTypes(aQ, e, "prop", t.name);
 });
 const uQ = {
   ...Ya,
@@ -17506,7 +17506,7 @@ function mo(e) {
     p({
       type: JL
     });
-  }, [p]), se = Ue(() => {
+  }, [p]), ue = Ue(() => {
     p({
       type: eB
     });
@@ -17545,7 +17545,7 @@ function mo(e) {
     // actions.
     toggleMenu: Z,
     openMenu: oe,
-    closeMenu: se,
+    closeMenu: ue,
     setHighlightedIndex: F,
     setInputValue: X,
     selectItem: W,
@@ -17557,13 +17557,13 @@ function mo(e) {
     inputValue: w
   };
 }
-ue.array, ue.array, ue.array, ue.func, ue.func, ue.func, ue.number, ue.number, ue.number, ue.func, ue.func, ue.string, ue.string, ue.shape({
-  addEventListener: ue.func,
-  removeEventListener: ue.func,
-  document: ue.shape({
-    getElementById: ue.func,
-    activeElement: ue.any,
-    body: ue.any
+ce.array, ce.array, ce.array, ce.func, ce.func, ce.func, ce.number, ce.number, ce.number, ce.func, ce.func, ce.string, ce.string, ce.shape({
+  addEventListener: ce.func,
+  removeEventListener: ce.func,
+  document: ce.shape({
+    getElementById: ce.func,
+    activeElement: ce.any,
+    body: ce.any
   })
 });
 Ya.itemToString, Ya.stateReducer, Ya.environment;
@@ -17594,7 +17594,7 @@ var lQ = Fa.exports, eT;
 function fQ() {
   return eT || (eT = 1, (function(e, t) {
     (function() {
-      var r, n = "4.17.21", i = 200, o = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", a = "Expected a function", u = "Invalid `variable` option passed into `_.template`", c = "__lodash_hash_undefined__", d = 500, f = "__lodash_placeholder__", h = 1, p = 2, v = 4, m = 1, y = 2, w = 1, b = 2, _ = 4, S = 8, E = 16, x = 32, C = 64, R = 128, P = 256, M = 512, k = 30, B = "...", L = 800, D = 16, T = 1, $ = 2, j = 3, V = 1 / 0, K = 9007199254740991, J = 17976931348623157e292, z = NaN, Z = 4294967295, se = Z - 1, oe = Z >>> 1, F = [
+      var r, n = "4.17.21", i = 200, o = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", a = "Expected a function", u = "Invalid `variable` option passed into `_.template`", c = "__lodash_hash_undefined__", d = 500, f = "__lodash_placeholder__", h = 1, p = 2, v = 4, m = 1, y = 2, w = 1, b = 2, _ = 4, S = 8, E = 16, x = 32, C = 64, R = 128, P = 256, M = 512, k = 30, B = "...", L = 800, D = 16, T = 1, $ = 2, j = 3, V = 1 / 0, K = 9007199254740991, J = 17976931348623157e292, z = NaN, Z = 4294967295, ue = Z - 1, oe = Z >>> 1, F = [
         ["ary", R],
         ["bind", w],
         ["bindKey", b],
@@ -18917,7 +18917,7 @@ function fQ() {
             else pe ? Ie = Re && (O || ye) : Y ? Ie = Re && ye && (O || !Oe) : ee ? Ie = Re && ye && !Oe && (O || !Le) : Oe || Le ? Ie = !1 : Ie = O ? me <= l : me < l;
             Ie ? N = ge + 1 : q = ge;
           }
-          return jt(q, se);
+          return jt(q, ue);
         }
         function e1(s, l) {
           for (var g = -1, O = s.length, N = 0, q = []; ++g < O; ) {
@@ -22507,18 +22507,18 @@ function IB() {
       return function() {
         return new M(this);
       };
-    }, $ = P + " Iterator", j = !1, V = R.prototype, K = V[_] || V["@@iterator"] || B && V[B], J = !b && K || T(B), z = P === "Array" && V.entries || K, Z, se, oe;
+    }, $ = P + " Iterator", j = !1, V = R.prototype, K = V[_] || V["@@iterator"] || B && V[B], J = !b && K || T(B), z = P === "Array" && V.entries || K, Z, ue, oe;
     if (z && (Z = a(z.call(new R())), Z !== Object.prototype && Z.next && (!r && a(Z) !== w && (u ? u(Z, w) : i(Z[_]) || f(Z, _, C)), c(Z, $, !0, !0), r && (p[$] = C))), m && B === E && K && K.name !== E && (!r && y ? d(V, "name", E) : (j = !0, J = function() {
       return t(K, this);
     })), B)
-      if (se = {
+      if (ue = {
         values: T(E),
         keys: L ? J : T(S),
         entries: T(x)
-      }, D) for (oe in se)
-        (b || j || !(oe in V)) && f(V, oe, se[oe]);
-      else e({ target: P, proto: !0, forced: b || j }, se);
-    return (!r || D) && V[_] !== J && f(V, _, J, { name: B }), p[P] = J, se;
+      }, D) for (oe in ue)
+        (b || j || !(oe in V)) && f(V, oe, ue[oe]);
+      else e({ target: P, proto: !0, forced: b || j }, ue);
+    return (!r || D) && V[_] !== J && f(V, _, J, { name: B }), p[P] = J, ue;
   }, Z0;
 }
 var J0, JA;
@@ -23154,13 +23154,13 @@ function iee() {
       var re = G - T, te = G - $, ae = R - re;
       return V ? m(ae, B - te) : ae;
     }
-    function se(G) {
+    function ue(G) {
       var re = G - T, te = G - $;
       return T === void 0 || re >= R || re < 0 || V && te >= B;
     }
     function oe() {
       var G = y();
-      if (se(G))
+      if (ue(G))
         return F(G);
       D = setTimeout(oe, Z(G));
     }
@@ -23174,7 +23174,7 @@ function iee() {
       return D === void 0 ? L : F(y());
     }
     function U() {
-      var G = y(), re = se(G);
+      var G = y(), re = ue(G);
       if (M = arguments, k = this, T = G, re) {
         if (D === void 0)
           return z(T);
@@ -23241,7 +23241,7 @@ function aee() {
       return P = M = void 0, T = U, B = x.apply(re, G), B;
     }
     function J(U) {
-      return T = U, L = setTimeout(se, C), $ ? K(U) : B;
+      return T = U, L = setTimeout(ue, C), $ ? K(U) : B;
     }
     function z(U) {
       var G = U - D, re = U - T, te = C - G;
@@ -23251,11 +23251,11 @@ function aee() {
       var G = U - D, re = U - T;
       return D === void 0 || G >= C || G < 0 || j && re >= k;
     }
-    function se() {
+    function ue() {
       var U = y();
       if (Z(U))
         return oe(U);
-      L = setTimeout(se, z(U));
+      L = setTimeout(ue, z(U));
     }
     function oe(U) {
       return L = void 0, V && P ? K(U) : (P = M = void 0, B);
@@ -23272,9 +23272,9 @@ function aee() {
         if (L === void 0)
           return J(D);
         if (j)
-          return L = setTimeout(se, C), K(D);
+          return L = setTimeout(ue, C), K(D);
       }
-      return L === void 0 && (L = setTimeout(se, C)), B;
+      return L === void 0 && (L = setTimeout(ue, C)), B;
     }
     return X.cancel = F, X.flush = W, X;
   }
@@ -23406,7 +23406,7 @@ function uee() {
   function Z(he) {
     return U(this, he).delete(he);
   }
-  function se(he) {
+  function ue(he) {
     return U(this, he).get(he);
   }
   function oe(he) {
@@ -23415,7 +23415,7 @@ function uee() {
   function F(he, ie) {
     return U(this, he).set(he, ie), this;
   }
-  J.prototype.clear = z, J.prototype.delete = Z, J.prototype.get = se, J.prototype.has = oe, J.prototype.set = F;
+  J.prototype.clear = z, J.prototype.delete = Z, J.prototype.get = ue, J.prototype.has = oe, J.prototype.set = F;
   function W(he, ie) {
     for (var Se = he.length; Se--; )
       if (we(he[Se][0], ie))
@@ -23912,9 +23912,9 @@ function Q_() {
     var R = this, P = u(R), M = r(C), k = P.raw, B, L, D, T, $, j, V;
     if (k)
       return k.lastIndex = R.lastIndex, B = e(p, k, M), R.lastIndex = k.lastIndex, B;
-    var K = P.groups, J = _ && R.sticky, z = e(n, R), Z = R.source, se = 0, oe = M;
+    var K = P.groups, J = _ && R.sticky, z = e(n, R), Z = R.source, ue = 0, oe = M;
     if (J && (z = y(z, "y", ""), m(z, "g") === -1 && (z += "g"), oe = w(M, R.lastIndex), R.lastIndex > 0 && (!R.multiline || R.multiline && v(M, R.lastIndex - 1) !== `
-`) && (Z = "(?: " + Z + ")", oe = " " + oe, se++), L = new RegExp("^(?:" + Z + ")", z)), S && (L = new RegExp("^" + Z + "$(?!\\s)", z)), b && (D = R.lastIndex), T = e(h, J ? L : R, oe), J ? T ? (T.input = w(T.input, se), T[0] = w(T[0], se), T.index = R.lastIndex, R.lastIndex += T[0].length) : R.lastIndex = 0 : b && T && (R.lastIndex = R.global ? T.index + T[0].length : D), S && T && T.length > 1 && e(f, T[0], L, function() {
+`) && (Z = "(?: " + Z + ")", oe = " " + oe, ue++), L = new RegExp("^(?:" + Z + ")", z)), S && (L = new RegExp("^" + Z + "$(?!\\s)", z)), b && (D = R.lastIndex), T = e(h, J ? L : R, oe), J ? T ? (T.input = w(T.input, ue), T[0] = w(T[0], ue), T.index = R.lastIndex, R.lastIndex += T[0].length) : R.lastIndex = 0 : b && T && (R.lastIndex = R.global ? T.index + T[0].length : D), S && T && T.length > 1 && e(f, T[0], L, function() {
       for ($ = 1; $ < arguments.length - 2; $++)
         arguments[$] === void 0 && (T[$] = void 0);
     }), T && K)
@@ -24161,8 +24161,8 @@ function Kee() {
           var Z = $(T, J, z, K);
           if (Z.done) return Z.value;
         }
-        var se = a(K);
-        se || (K = f(K));
+        var ue = a(K);
+        ue || (K = f(K));
         var oe = f(y(J)), F = R(oe, "g") !== -1, W;
         F && (W = R(oe, "u") !== -1, J.lastIndex = 0);
         for (var X = [], U; U = w(J, z), !(U === null || (C(X, U), !F)); ) {
@@ -24173,7 +24173,7 @@ function Kee() {
           U = X[ae];
           for (var de = f(U[0]), we = S(E(c(U.index), z.length), 0), Ee = [], _e, he = 1; he < U.length; he++) C(Ee, M(U[he]));
           var ie = U.groups;
-          if (se) {
+          if (ue) {
             var Se = x([de], Ee, we, z);
             ie !== void 0 && C(Se, ie), _e = f(e(K, void 0, Se));
           } else
@@ -24593,9 +24593,9 @@ var Jee = ["children", "scrollableNodeProps", "tag"], Qee = function(t) {
 });
 kl.displayName = "SimpleBar";
 kl.propTypes = {
-  children: ue.oneOfType([ue.node, ue.func]),
-  scrollableNodeProps: ue.object,
-  tag: ue.string
+  children: ce.oneOfType([ce.node, ce.func]),
+  scrollableNodeProps: ce.object,
+  tag: ce.string
 };
 const Fc = __, zc = x_, XB = (e) => {
   switch (e) {
@@ -24622,7 +24622,7 @@ const Fc = __, zc = x_, XB = (e) => {
     default:
       return /* @__PURE__ */ I(fc, { className: "h-6 w-6" });
   }
-}, bD = ({ children: e }) => /* @__PURE__ */ I("div", { className: "h-full w-full", children: /* @__PURE__ */ I("div", { className: "flex h-full w-full flex-1 items-center justify-center bg-grey-800", children: /* @__PURE__ */ ce("div", { className: "flex flex-col items-center justify-center space-y-4 py-4 text-grey-200", children: [
+}, bD = ({ children: e }) => /* @__PURE__ */ I("div", { className: "h-full w-full", children: /* @__PURE__ */ I("div", { className: "flex h-full w-full flex-1 items-center justify-center bg-grey-800", children: /* @__PURE__ */ se("div", { className: "flex flex-col items-center justify-center space-y-4 py-4 text-grey-200", children: [
   /* @__PURE__ */ I(pr, { className: "h-10 w-10" }),
   /* @__PURE__ */ I("div", { className: "text-center text-sm", children: e })
 ] }) }) });
@@ -24652,7 +24652,7 @@ const fo = ({
   exists: u
 }) => {
   const c = e.find((d) => d.name === t);
-  return c ? /* @__PURE__ */ ce("div", { className: "relative mx-auto flex w-fit items-center", children: [
+  return c ? /* @__PURE__ */ se("div", { className: "relative mx-auto flex w-fit items-center", children: [
     c.checked || c.from.length === 0 || t === "promote" ? /* @__PURE__ */ I(
       Pr,
       {
@@ -24668,8 +24668,8 @@ const fo = ({
         isInvalid: u === !1
       }
     ),
-    /* @__PURE__ */ ce("div", { className: "absolute left-5 top-0 flex cursor-pointer items-center space-x-1", children: [
-      t !== "promote" && (c.checked && (c.info || c.from.length > 0) || !c.checked && c.from.length > 0) && /* @__PURE__ */ I(Lt, { children: /* @__PURE__ */ ce(Fc, { openDelay: 0, closeDelay: 0, children: [
+    /* @__PURE__ */ se("div", { className: "absolute left-5 top-0 flex cursor-pointer items-center space-x-1", children: [
+      t !== "promote" && (c.checked && (c.info || c.from.length > 0) || !c.checked && c.from.length > 0) && /* @__PURE__ */ I(Lt, { children: /* @__PURE__ */ se(Fc, { openDelay: 0, closeDelay: 0, children: [
         /* @__PURE__ */ I(zc, { children: /* @__PURE__ */ I(pr, { className: "h-4 w-4 text-white" }) }),
         /* @__PURE__ */ I(Gr, { container: Gt(), children: /* @__PURE__ */ I(
           Kr,
@@ -24678,10 +24678,10 @@ const fo = ({
             avoidCollisions: !0,
             side: "top",
             className: "max-w-xs rounded bg-primary-light py-2 text-sm font-semibold text-primary",
-            children: /* @__PURE__ */ ce("div", { className: "space-y-1 px-2", children: [
-              c.from.length ? /* @__PURE__ */ ce("div", { className: "flex items-start text-s", children: [
+            children: /* @__PURE__ */ se("div", { className: "space-y-1 px-2", children: [
+              c.from.length ? /* @__PURE__ */ se("div", { className: "flex items-start text-s", children: [
                 /* @__PURE__ */ I(ln, { className: "mr-2 mt-0.5 h-4 w-4 flex-shrink-0" }),
-                /* @__PURE__ */ ce("p", { children: [
+                /* @__PURE__ */ se("p", { children: [
                   /* @__PURE__ */ I("span", { className: "mr-1", children: "Permission inherited from:" }),
                   /* @__PURE__ */ I("ul", { children: c.from.map((d) => /* @__PURE__ */ I(
                     "li",
@@ -24693,7 +24693,7 @@ const fo = ({
                   )) })
                 ] })
               ] }) : null,
-              c.info && /* @__PURE__ */ ce("div", { className: "flex items-start text-s", children: [
+              c.info && /* @__PURE__ */ se("div", { className: "flex items-start text-s", children: [
                 /* @__PURE__ */ I(Yb, { className: "mr-2 mt-0.5 h-4 w-4 flex-shrink-0" }),
                 " ",
                 c.info
@@ -24702,7 +24702,7 @@ const fo = ({
           }
         ) })
       ] }) }),
-      (c.checked || c.from.length > 0) && ["execute"].includes(t) && !!(i != null && i.length) && /* @__PURE__ */ ce(Fc, { openDelay: 0, closeDelay: 0, children: [
+      (c.checked || c.from.length > 0) && ["execute"].includes(t) && !!(i != null && i.length) && /* @__PURE__ */ se(Fc, { openDelay: 0, closeDelay: 0, children: [
         /* @__PURE__ */ I(zc, { children: /* @__PURE__ */ I(K4, { className: "h-3 w-3 text-white" }) }),
         /* @__PURE__ */ I(Gr, { container: Gt(), children: /* @__PURE__ */ I(
           Kr,
@@ -24711,10 +24711,10 @@ const fo = ({
             avoidCollisions: !0,
             side: "top",
             className: "max-w-xs rounded bg-primary-light py-2 text-sm font-semibold text-primary",
-            children: /* @__PURE__ */ I("div", { className: "space-y-1 px-2", children: /* @__PURE__ */ ce("div", { className: "flex items-start text-s", children: [
+            children: /* @__PURE__ */ I("div", { className: "space-y-1 px-2", children: /* @__PURE__ */ se("div", { className: "flex items-start text-s", children: [
               /* @__PURE__ */ I(Yb, { className: "mr-2 mt-0.5 h-4 w-4 flex-shrink-0" }),
-              /* @__PURE__ */ ce("p", { children: [
-                /* @__PURE__ */ ce("span", { className: "mr-1", children: [
+              /* @__PURE__ */ se("p", { children: [
+                /* @__PURE__ */ se("span", { className: "mr-1", children: [
                   "Function is promoted with:",
                   " "
                 ] }),
@@ -24813,7 +24813,7 @@ const fo = ({
   const S = p({}, { suppressRefError: !0 }), E = Ae(null);
   return Pe(() => {
     h && E.current && E.current.focus();
-  }, [h]), /* @__PURE__ */ ce("div", { className: "relative w-56 text-white group", ...m(), children: [
+  }, [h]), /* @__PURE__ */ se("div", { className: "relative w-56 text-white group", ...m(), children: [
     /* @__PURE__ */ I("div", { ...m(), children: /* @__PURE__ */ I(
       "input",
       {
@@ -24847,7 +24847,7 @@ const fo = ({
         ...S,
         tabIndex: 0,
         className: "absolute max-h-80 inset-x-0 top-full overflow-auto rounded-md border border-grey-50 bg-grey-900 p-0 text-grey-50 shadow-md group-focus-within:rounded-t-none group-focus-within:border-t-0",
-        children: u.map((x, C) => /* @__PURE__ */ ce(
+        children: u.map((x, C) => /* @__PURE__ */ se(
           "li",
           {
             className: Ye(
@@ -25015,20 +25015,20 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
       m(vr(T));
     }
   };
-  return /* @__PURE__ */ ce(
+  return /* @__PURE__ */ se(
     kl,
     {
       className: "z-20 h-full flex-1 overflow-auto bg-grey-800 p-[15px] pt-0",
       style: { maxHeight: "calc(100vh - 5.5rem - 85px - 20px)" },
       children: [
-        /* @__PURE__ */ ce("table", { className: "relative h-full w-full", children: [
-          /* @__PURE__ */ I("thead", { className: "sticky top-0 z-20 bg-grey-800", children: /* @__PURE__ */ ce("tr", { className: "border-b border-grey-100", children: [
-            /* @__PURE__ */ I("td", { className: "py-2", children: /* @__PURE__ */ ce("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ ce("div", { className: "relative w-56 text-white", children: [
+        /* @__PURE__ */ se("table", { className: "relative h-full w-full border-collapse", children: [
+          /* @__PURE__ */ I("thead", { className: "sticky top-0 z-20 bg-grey-800", children: /* @__PURE__ */ se("tr", { className: "border-b border-grey-100", children: [
+            /* @__PURE__ */ I("td", { className: "py-2", children: /* @__PURE__ */ se("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ se("div", { className: "relative w-56 text-white", children: [
                 /* @__PURE__ */ I("div", { className: "absolute inset-y-0 left-0 flex items-center px-1", children: /* @__PURE__ */ I(r2, { className: "h-4 w-4 text-gray-400" }) }),
-                /* @__PURE__ */ I("div", { className: "absolute inset-y-0 right-0 flex items-center px-2", children: /* @__PURE__ */ I(Ar, { className: "flex items-center", children: ({ open: L }) => /* @__PURE__ */ ce(Lt, { children: [
+                /* @__PURE__ */ I("div", { className: "absolute inset-y-0 right-0 flex items-center px-2", children: /* @__PURE__ */ I(Ar, { className: "flex items-center", children: ({ open: L }) => /* @__PURE__ */ se(Lt, { children: [
                   /* @__PURE__ */ I(Ar.Button, { ref: o, children: /* @__PURE__ */ I(n2, { className: "h-4 w-4" }) }),
-                  L && /* @__PURE__ */ I(Sl, { children: /* @__PURE__ */ ce(
+                  L && /* @__PURE__ */ I(Sl, { children: /* @__PURE__ */ se(
                     Ar.Panel,
                     {
                       ref: u,
@@ -25038,7 +25038,7 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
                       static: !0,
                       children: [
                         /* @__PURE__ */ I("h5", { className: "mb-2 text-sm", children: "Filter" }),
-                        /* @__PURE__ */ ce("div", { className: "space-y-2 text-s", children: [
+                        /* @__PURE__ */ se("div", { className: "space-y-2 text-s", children: [
                           /* @__PURE__ */ I("div", { className: "flex items-center", children: /* @__PURE__ */ I(
                             Pr,
                             {
@@ -25124,7 +25124,7 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
                 )
               ] }),
               /* @__PURE__ */ I(rte, { privilegeId: y, privileges: n }),
-              /* @__PURE__ */ I("div", { children: /* @__PURE__ */ ce(Fc, { openDelay: 0, closeDelay: 0, children: [
+              /* @__PURE__ */ I("div", { children: /* @__PURE__ */ se(Fc, { openDelay: 0, closeDelay: 0, children: [
                 /* @__PURE__ */ I(zc, { children: /* @__PURE__ */ I(
                   "button",
                   {
@@ -25137,7 +25137,7 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
                   Gr,
                   {
                     container: Gt(),
-                    children: /* @__PURE__ */ ce(
+                    children: /* @__PURE__ */ se(
                       Kr,
                       {
                         style: { zIndex: 50 },
@@ -25153,7 +25153,7 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ ce(Fc, { openDelay: 0, closeDelay: 0, children: [
+              /* @__PURE__ */ se(Fc, { openDelay: 0, closeDelay: 0, children: [
                 /* @__PURE__ */ I(zc, { children: /* @__PURE__ */ I(
                   "button",
                   {
@@ -25165,7 +25165,7 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
                     children: /* @__PURE__ */ I(G4, { className: "h-4 w-4" })
                   }
                 ) }),
-                /* @__PURE__ */ I(Gr, { container: Gt(), children: /* @__PURE__ */ ce(
+                /* @__PURE__ */ I(Gr, { container: Gt(), children: /* @__PURE__ */ se(
                   Kr,
                   {
                     style: { zIndex: 50 },
@@ -25191,18 +25191,18 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
             const T = L.permissions.some(
               ($) => $.from.length > 0
             );
-            return /* @__PURE__ */ ce(
+            return /* @__PURE__ */ se(
               "tr",
               {
-                className: Ye("group even:bg-grey-600", {
+                className: Ye("group even:bg-grey-600 hover:bg-grey-300", {
                   "opacity-60": L.exists === !1
                 }),
                 children: [
-                  /* @__PURE__ */ ce(
+                  /* @__PURE__ */ se(
                     "td",
                     {
                       className: Ye(
-                        "group flex items-center gap-3 py-2 text-xs group-hover:rounded-l group-hover:bg-grey-300",
+                        "group flex items-center gap-3 py-2 text-xs",
                         L.exists === !1 ? "text-negative-400" : "text-white",
                         {
                           "border-b-[0.5px] border-grey-300": !1
@@ -25244,7 +25244,7 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
                       ]
                     }
                   ),
-                  /* @__PURE__ */ I("td", { className: "py-2 text-center group-hover:bg-grey-300", children: /* @__PURE__ */ I(
+                  /* @__PURE__ */ I("td", { className: "py-2 text-center", children: /* @__PURE__ */ I(
                     fo,
                     {
                       permissions: L.permissions,
@@ -25256,7 +25256,7 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
                       exists: L.exists
                     }
                   ) }),
-                  /* @__PURE__ */ I("td", { className: "py-2 text-center group-hover:bg-grey-300", children: /* @__PURE__ */ I(
+                  /* @__PURE__ */ I("td", { className: "py-2 text-center", children: /* @__PURE__ */ I(
                     fo,
                     {
                       permissions: L.permissions,
@@ -25268,7 +25268,7 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
                       exists: L.exists
                     }
                   ) }),
-                  /* @__PURE__ */ I("td", { className: "py-2 text-center group-hover:bg-grey-300", children: /* @__PURE__ */ I(
+                  /* @__PURE__ */ I("td", { className: "py-2 text-center", children: /* @__PURE__ */ I(
                     fo,
                     {
                       permissions: L.permissions,
@@ -25280,7 +25280,7 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
                       exists: L.exists
                     }
                   ) }),
-                  /* @__PURE__ */ I("td", { className: "py-2 text-center group-hover:bg-grey-300", children: /* @__PURE__ */ I(
+                  /* @__PURE__ */ I("td", { className: "py-2 text-center", children: /* @__PURE__ */ I(
                     fo,
                     {
                       permissions: L.permissions,
@@ -25305,7 +25305,7 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
                       exists: L.exists
                     }
                   ) }),
-                  /* @__PURE__ */ I("td", { className: "py-2 text-center group-hover:rounded-r group-hover:bg-grey-300 ", children: /* @__PURE__ */ I(
+                  /* @__PURE__ */ I("td", { className: "py-2 text-center", children: /* @__PURE__ */ I(
                     fo,
                     {
                       permissions: L.permissions,
@@ -25324,7 +25324,7 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
           }) }) : null
         ] }),
         !R.length && p ? /* @__PURE__ */ I(bD, { children: "The Permission you're looking for can't be found " }) : null,
-        !R.length && !p ? /* @__PURE__ */ ce(bD, { children: [
+        !R.length && !p ? /* @__PURE__ */ se(bD, { children: [
           "This Privilege has no Permissions configured yet ",
           /* @__PURE__ */ I("br", {}),
           'Add a new permission by using the "Create a permission" input above'
@@ -25348,7 +25348,7 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
   });
   return Pe(() => {
     c(""), f(null);
-  }, [o]), /* @__PURE__ */ I(Ar, { children: ({ open: v, close: m }) => /* @__PURE__ */ ce(Lt, { children: [
+  }, [o]), /* @__PURE__ */ I(Ar, { children: ({ open: v, close: m }) => /* @__PURE__ */ se(Lt, { children: [
     /* @__PURE__ */ I(
       Ar.Button,
       {
@@ -25358,7 +25358,7 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
         children: /* @__PURE__ */ I("span", { children: /* @__PURE__ */ I(An, { className: "h-4 w-4 text-white" }) })
       }
     ),
-    v && /* @__PURE__ */ I(Sl, { children: /* @__PURE__ */ ce(
+    v && /* @__PURE__ */ I(Sl, { children: /* @__PURE__ */ se(
       Ar.Panel,
       {
         ref: a,
@@ -25369,8 +25369,8 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
         static: !0,
         children: [
           /* @__PURE__ */ I("h5", { className: "mb-2 text-xs font-semibold", children: "Create New Privilege" }),
-          /* @__PURE__ */ ce("div", { className: "mt-2", children: [
-            /* @__PURE__ */ ce("label", { className: "flex items-center space-x-4", children: [
+          /* @__PURE__ */ se("div", { className: "mt-2", children: [
+            /* @__PURE__ */ se("label", { className: "flex items-center space-x-4", children: [
               /* @__PURE__ */ I("span", { className: "text-grey-100", children: "Name" }),
               /* @__PURE__ */ I(
                 "input",
@@ -25404,7 +25404,7 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
             ] }),
             d && /* @__PURE__ */ I("p", { className: "mt-1 text-xs text-red-400", children: d })
           ] }),
-          /* @__PURE__ */ ce("div", { className: "mt-4 flex items-center justify-center space-x-2", children: [
+          /* @__PURE__ */ se("div", { className: "mt-4 flex items-center justify-center space-x-2", children: [
             /* @__PURE__ */ I(
               "button",
               {
@@ -25454,14 +25454,14 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
     o.length < 2 && u(!0);
   }, [o.length]);
   const [a, u] = qe(!0);
-  return /* @__PURE__ */ ce(
+  return /* @__PURE__ */ se(
     "div",
     {
       className: "flex flex-1 h-full",
       children: [
-        /* @__PURE__ */ ce("div", { className: "flex h-full w-[356px] flex-col bg-grey-800", children: [
-          /* @__PURE__ */ ce("div", { className: "flex flex-shrink-0 items-center justify-between bg-grey-800 px-3.5 py-[10px]", children: [
-            /* @__PURE__ */ ce("div", { className: "flex items-center space-x-1 text-[#DDE1E6]", children: [
+        /* @__PURE__ */ se("div", { className: "flex h-full w-[356px] flex-col bg-grey-800", children: [
+          /* @__PURE__ */ se("div", { className: "flex flex-shrink-0 items-center justify-between bg-grey-800 px-3.5 py-[10px]", children: [
+            /* @__PURE__ */ se("div", { className: "flex items-center space-x-1 text-[#DDE1E6]", children: [
               /* @__PURE__ */ I("span", { children: /* @__PURE__ */ I(Hc, { className: "h-[14px] w-[14px]" }) }),
               /* @__PURE__ */ I("span", { className: "text-[11px] font-semibold", children: "Privileges" })
             ] }),
@@ -25485,8 +25485,8 @@ const ite = ({ selectedPrivilege: e, onSelect: t, showIncluded: r, privileges: n
             }
           )
         ] }),
-        n && r[n.id] ? /* @__PURE__ */ ce("div", { className: "privileges-container relative flex flex-1 flex-col overflow-x-auto border-l-[0.5px] border-grey-900 bg-grey-800", children: [
-          /* @__PURE__ */ ce("div", { className: "mb-1 flex h-full w-full flex-col items-stretch", children: [
+        n && r[n.id] ? /* @__PURE__ */ se("div", { className: "privileges-container relative flex flex-1 flex-col overflow-x-auto border-l-[0.5px] border-grey-900 bg-grey-800", children: [
+          /* @__PURE__ */ se("div", { className: "mb-1 flex h-full w-full flex-col items-stretch", children: [
             n.privilege !== "guest" ? /* @__PURE__ */ I(
               wX,
               {
@@ -26128,7 +26128,7 @@ const Ete = ({ role: e }) => {
     }
     m(!1), i(e.role);
   };
-  return /* @__PURE__ */ I(Lt, { children: /* @__PURE__ */ ce(
+  return /* @__PURE__ */ I(Lt, { children: /* @__PURE__ */ se(
     "div",
     {
       className: Ye("rounded border bg-grey-300 p-2", {
@@ -26142,9 +26142,9 @@ const Ete = ({ role: e }) => {
       },
       ref: y,
       children: [
-        /* @__PURE__ */ I("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ ce("div", { className: "flex flex-1 items-center text-white", children: [
+        /* @__PURE__ */ I("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ se("div", { className: "flex flex-1 items-center text-white", children: [
           /* @__PURE__ */ I("span", { className: "mr-4", children: /* @__PURE__ */ I(Hc, { className: "h-6 w-6" }) }),
-          v ? /* @__PURE__ */ ce("div", { className: "relative h-6 flex-1 mr-2", children: [
+          v ? /* @__PURE__ */ se("div", { className: "relative h-6 flex-1 mr-2", children: [
             /* @__PURE__ */ I(
               "input",
               {
@@ -26183,7 +26183,7 @@ const Ete = ({ role: e }) => {
               className: Ye(
                 "justify-betwee ml-auto flex w-fit items-center gap-x-2"
               ),
-              children: v ? /* @__PURE__ */ ce(Lt, { children: [
+              children: v ? /* @__PURE__ */ se(Lt, { children: [
                 /* @__PURE__ */ I(
                   "button",
                   {
@@ -26200,7 +26200,7 @@ const Ete = ({ role: e }) => {
                     children: /* @__PURE__ */ I(QD, { className: "h-4 w-4 text-grey-50" })
                   }
                 )
-              ] }) : /* @__PURE__ */ ce(Lt, { children: [
+              ] }) : /* @__PURE__ */ se(Lt, { children: [
                 /* @__PURE__ */ I(
                   "button",
                   {
@@ -26221,7 +26221,7 @@ const Ete = ({ role: e }) => {
             }
           )
         ] }) }),
-        /* @__PURE__ */ ce("span", { className: Ye("ml-[43px] py-1 text-xs text-white"), children: [
+        /* @__PURE__ */ se("span", { className: Ye("ml-[43px] py-1 text-xs text-white"), children: [
           c,
           " Privilege",
           c > 1 ? "s" : ""
@@ -26249,9 +26249,9 @@ const Ete = ({ role: e }) => {
   }, {}) : r;
 }, Ste = () => {
   const e = Ge(Ln), t = Ge(ss), r = Dr(), { selectedRole: n } = Rw(), i = e$(n, t), o = (a, u) => u && u.privileges.includes(a.id);
-  return /* @__PURE__ */ ce("div", { className: "w-full border-b border-grey-900 p-4 ", children: [
+  return /* @__PURE__ */ se("div", { className: "w-full border-b border-grey-900 p-4 ", children: [
     /* @__PURE__ */ I("div", { className: "mb-4 flex items-center gap-x-5 text-white", children: /* @__PURE__ */ I("h4", { className: "text-[13px] font-semibold ", children: "Privileges" }) }),
-    /* @__PURE__ */ ce("div", { className: "flex flex-wrap items-center gap-1", children: [
+    /* @__PURE__ */ se("div", { className: "flex flex-wrap items-center gap-1", children: [
       /* @__PURE__ */ I(
         "div",
         {
@@ -26262,7 +26262,7 @@ const Ete = ({ role: e }) => {
           children: "guest"
         }
       ),
-      Object.values(e).filter((a) => o(a, i) && a.privilege !== "guest").map((a, u) => /* @__PURE__ */ ce(
+      Object.values(e).filter((a) => o(a, i) && a.privilege !== "guest").map((a, u) => /* @__PURE__ */ se(
         "div",
         {
           "data-cy": "item=>Permisions",
@@ -26288,7 +26288,7 @@ const Ete = ({ role: e }) => {
         },
         u
       )),
-      Object.values(e).filter((a) => !o(a, i) && a.privilege !== "guest").map((a, u) => /* @__PURE__ */ ce(
+      Object.values(e).filter((a) => !o(a, i) && a.privilege !== "guest").map((a, u) => /* @__PURE__ */ se(
         "div",
         {
           "data-cy": "item=>Permisions",
@@ -26316,7 +26316,7 @@ const Ete = ({ role: e }) => {
       ))
     ] })
   ] });
-}, Ote = ({ children: e }) => /* @__PURE__ */ I("div", { className: "h-full w-full", children: /* @__PURE__ */ I("div", { className: "flex h-full w-full flex-1 items-center justify-center bg-grey-800", children: /* @__PURE__ */ ce("div", { className: "flex flex-col items-center justify-center space-y-4 py-4 text-grey-200", children: [
+}, Ote = ({ children: e }) => /* @__PURE__ */ I("div", { className: "h-full w-full", children: /* @__PURE__ */ I("div", { className: "flex h-full w-full flex-1 items-center justify-center bg-grey-800", children: /* @__PURE__ */ se("div", { className: "flex flex-col items-center justify-center space-y-4 py-4 text-grey-200", children: [
   /* @__PURE__ */ I(pr, { className: "absolute -right-full  h-10 w-10 translate-x-1" }),
   /* @__PURE__ */ I("div", { className: "text-center text-sm", children: e })
 ] }) }) }), _w = (e, t, r, n = !1) => {
@@ -26454,38 +26454,37 @@ const Ete = ({ role: e }) => {
     e.rolePrivs,
     d
   ), [e, t, d]);
-  return /* @__PURE__ */ ce("tr", { className: Ye("group even:bg-grey-600", o), children: [
-    /* @__PURE__ */ ce(
+  return /* @__PURE__ */ se("tr", { className: Ye("group even:bg-grey-600 hover:bg-grey-300", o), children: [
+    /* @__PURE__ */ se(
       "td",
       {
         className: Ye(
-          "flex h-full w-full items-center gap-3 p-0 text-xs group-hover:rounded-l group-hover:bg-grey-300",
+          "flex h-full w-full items-stretch p-0 text-xs group-hover:rounded-l",
           { "px-1": a }
         ),
         children: [
           Array(n).fill("").map((m, y) => /* @__PURE__ */ I(
             "div",
             {
-              className: Ye(
-                "ml-1.5 mr-1 h-full w-0.5 border-l-2 border-grey-100",
-                {
-                  "mr-0.5": i
-                }
-              )
+              className: Ye("ml-1.5 mr-1 w-[2px] bg-grey-100", {
+                "mr-0.5": i
+              })
             },
             y
           )),
-          r && /* @__PURE__ */ I("button", { onClick: u, className: "w-3", children: c ? /* @__PURE__ */ I(JD, { className: "inline h-4 w-4" }) : /* @__PURE__ */ I(i2, { className: "inline h-4 w-4" }) }),
-          Cte(t.type),
-          a ? t.applyTo : p || h
+          /* @__PURE__ */ se("div", { className: "flex items-center gap-3 py-2", children: [
+            r && /* @__PURE__ */ I("button", { onClick: u, className: "w-3", children: c ? /* @__PURE__ */ I(JD, { className: "inline h-4 w-4" }) : /* @__PURE__ */ I(i2, { className: "inline h-4 w-4" }) }),
+            Cte(t.type),
+            a ? t.applyTo : p || h
+          ] })
         ]
       }
     ),
-    /* @__PURE__ */ I("td", { className: "py-2 text-center group-hover:bg-grey-300", children: [
+    /* @__PURE__ */ I("td", { className: "py-2 text-center", children: [
       Te.ATTRIBUTE,
       Te.DATASTORE,
       Te.DATACLASS
-    ].includes(t.type) && /* @__PURE__ */ ce("div", { className: "relative mx-auto flex w-fit items-center justify-center gap-x-1", children: [
+    ].includes(t.type) && /* @__PURE__ */ se("div", { className: "relative mx-auto flex w-fit items-center justify-center gap-x-1", children: [
       /* @__PURE__ */ I(
         "div",
         {
@@ -26496,7 +26495,7 @@ const Ete = ({ role: e }) => {
           children: (v.read.value || v.read.inherited) && /* @__PURE__ */ I(ha, { className: "text-grey-50" })
         }
       ),
-      /* @__PURE__ */ I("div", { className: "absolute left-full top-1/2 flex -translate-y-1/2 translate-x-1/2 cursor-pointer items-center", children: !v.read.value && v.read.inherited ? /* @__PURE__ */ ce(Ma, { openDelay: 0, closeDelay: 0, children: [
+      /* @__PURE__ */ I("div", { className: "absolute left-full top-1/2 flex -translate-y-1/2 translate-x-1/2 cursor-pointer items-center", children: !v.read.value && v.read.inherited ? /* @__PURE__ */ se(Ma, { openDelay: 0, closeDelay: 0, children: [
         /* @__PURE__ */ I(Da, { children: /* @__PURE__ */ I(pr, { className: "h-4 w-4 text-white" }) }),
         /* @__PURE__ */ I(Gr, { container: Gt(), children: /* @__PURE__ */ I(
           Kr,
@@ -26505,9 +26504,9 @@ const Ete = ({ role: e }) => {
             avoidCollisions: !0,
             side: "top",
             className: "max-w-xs rounded bg-primary-light py-2 text-sm font-semibold text-primary",
-            children: /* @__PURE__ */ I("div", { className: "space-y-1 px-2", children: v.read.from.length ? /* @__PURE__ */ ce("div", { className: "flex items-start text-s", children: [
+            children: /* @__PURE__ */ I("div", { className: "space-y-1 px-2", children: v.read.from.length ? /* @__PURE__ */ se("div", { className: "flex items-start text-s", children: [
               /* @__PURE__ */ I(ln, { className: "mr-2 mt-0.5 h-4 w-4 flex-shrink-0" }),
-              /* @__PURE__ */ ce("p", { children: [
+              /* @__PURE__ */ se("p", { children: [
                 /* @__PURE__ */ I("span", { className: "mr-1", children: "Permission inherited from:" }),
                 /* @__PURE__ */ I("ul", { children: v.read.from.map((m, y) => /* @__PURE__ */ I(
                   "li",
@@ -26523,11 +26522,11 @@ const Ete = ({ role: e }) => {
         ) })
       ] }) : "" })
     ] }) }),
-    /* @__PURE__ */ I("td", { className: "py-2 text-center group-hover:bg-grey-300", children: [
+    /* @__PURE__ */ I("td", { className: "py-2 text-center", children: [
       Te.ATTRIBUTE,
       Te.DATASTORE,
       Te.DATACLASS
-    ].includes(t.type) && /* @__PURE__ */ ce("div", { className: "relative mx-auto flex w-fit items-center justify-center gap-x-1", children: [
+    ].includes(t.type) && /* @__PURE__ */ se("div", { className: "relative mx-auto flex w-fit items-center justify-center gap-x-1", children: [
       /* @__PURE__ */ I(
         "div",
         {
@@ -26538,7 +26537,7 @@ const Ete = ({ role: e }) => {
           children: (v.create.value || v.create.inherited) && /* @__PURE__ */ I(ha, { className: "text-grey-50" })
         }
       ),
-      /* @__PURE__ */ I("div", { className: "absolute left-full top-1/2 flex -translate-y-1/2 translate-x-1/2 cursor-pointer items-center", children: !v.create.value && v.create.inherited ? /* @__PURE__ */ ce(Ma, { openDelay: 0, closeDelay: 0, children: [
+      /* @__PURE__ */ I("div", { className: "absolute left-full top-1/2 flex -translate-y-1/2 translate-x-1/2 cursor-pointer items-center", children: !v.create.value && v.create.inherited ? /* @__PURE__ */ se(Ma, { openDelay: 0, closeDelay: 0, children: [
         /* @__PURE__ */ I(Da, { children: /* @__PURE__ */ I(pr, { className: "h-4 w-4 text-white" }) }),
         /* @__PURE__ */ I(Gr, { container: Gt(), children: /* @__PURE__ */ I(
           Kr,
@@ -26547,9 +26546,9 @@ const Ete = ({ role: e }) => {
             avoidCollisions: !0,
             side: "top",
             className: "max-w-xs rounded bg-primary-light py-2 text-sm font-semibold text-primary",
-            children: /* @__PURE__ */ I("div", { className: "space-y-1 px-2", children: v.create.from.length ? /* @__PURE__ */ ce("div", { className: "flex items-start text-s", children: [
+            children: /* @__PURE__ */ I("div", { className: "space-y-1 px-2", children: v.create.from.length ? /* @__PURE__ */ se("div", { className: "flex items-start text-s", children: [
               /* @__PURE__ */ I(ln, { className: "mr-2 mt-0.5 h-4 w-4 flex-shrink-0" }),
-              /* @__PURE__ */ ce("p", { children: [
+              /* @__PURE__ */ se("p", { children: [
                 /* @__PURE__ */ I("span", { className: "mr-1", children: "Permission inherited from:" }),
                 /* @__PURE__ */ I("ul", { children: v.create.from.map((m, y) => /* @__PURE__ */ I(
                   "li",
@@ -26565,11 +26564,11 @@ const Ete = ({ role: e }) => {
         ) })
       ] }) : "" })
     ] }) }),
-    /* @__PURE__ */ I("td", { className: "py-2 text-center group-hover:bg-grey-300", children: [
+    /* @__PURE__ */ I("td", { className: "py-2 text-center", children: [
       Te.ATTRIBUTE,
       Te.DATASTORE,
       Te.DATACLASS
-    ].includes(t.type) && /* @__PURE__ */ ce("div", { className: "relative mx-auto flex w-fit items-center justify-center gap-x-1", children: [
+    ].includes(t.type) && /* @__PURE__ */ se("div", { className: "relative mx-auto flex w-fit items-center justify-center gap-x-1", children: [
       /* @__PURE__ */ I(
         "div",
         {
@@ -26580,7 +26579,7 @@ const Ete = ({ role: e }) => {
           children: (v.update.value || v.update.inherited) && /* @__PURE__ */ I(ha, { className: "text-grey-50" })
         }
       ),
-      /* @__PURE__ */ I("div", { className: "absolute left-full top-1/2 flex -translate-y-1/2 translate-x-1/2 cursor-pointer items-center", children: !v.update.value && v.update.inherited ? /* @__PURE__ */ ce(Ma, { openDelay: 0, closeDelay: 0, children: [
+      /* @__PURE__ */ I("div", { className: "absolute left-full top-1/2 flex -translate-y-1/2 translate-x-1/2 cursor-pointer items-center", children: !v.update.value && v.update.inherited ? /* @__PURE__ */ se(Ma, { openDelay: 0, closeDelay: 0, children: [
         /* @__PURE__ */ I(Da, { children: /* @__PURE__ */ I(pr, { className: "h-4 w-4 text-white" }) }),
         /* @__PURE__ */ I(Gr, { container: Gt(), children: /* @__PURE__ */ I(
           Kr,
@@ -26589,9 +26588,9 @@ const Ete = ({ role: e }) => {
             avoidCollisions: !0,
             side: "top",
             className: "max-w-xs rounded bg-primary-light py-2 text-sm font-semibold text-primary",
-            children: /* @__PURE__ */ I("div", { className: "space-y-1 px-2", children: v.update.from.length ? /* @__PURE__ */ ce("div", { className: "flex items-start text-s", children: [
+            children: /* @__PURE__ */ I("div", { className: "space-y-1 px-2", children: v.update.from.length ? /* @__PURE__ */ se("div", { className: "flex items-start text-s", children: [
               /* @__PURE__ */ I(ln, { className: "mr-2 mt-0.5 h-4 w-4 flex-shrink-0" }),
-              /* @__PURE__ */ ce("p", { children: [
+              /* @__PURE__ */ se("p", { children: [
                 /* @__PURE__ */ I("span", { className: "mr-1", children: "Permission inherited from:" }),
                 /* @__PURE__ */ I("ul", { children: v.update.from.map((m, y) => /* @__PURE__ */ I(
                   "li",
@@ -26607,11 +26606,11 @@ const Ete = ({ role: e }) => {
         ) })
       ] }) : "" })
     ] }) }),
-    /* @__PURE__ */ I("td", { className: "py-2 text-center group-hover:bg-grey-300", children: [
+    /* @__PURE__ */ I("td", { className: "py-2 text-center", children: [
       Te.ATTRIBUTE,
       Te.DATASTORE,
       Te.DATACLASS
-    ].includes(t.type) && /* @__PURE__ */ ce("div", { className: "relative mx-auto flex w-fit items-center justify-center gap-x-1", children: [
+    ].includes(t.type) && /* @__PURE__ */ se("div", { className: "relative mx-auto flex w-fit items-center justify-center gap-x-1", children: [
       /* @__PURE__ */ I(
         "div",
         {
@@ -26622,7 +26621,7 @@ const Ete = ({ role: e }) => {
           children: (v.drop.value || v.drop.inherited) && /* @__PURE__ */ I(ha, { className: "text-grey-50" })
         }
       ),
-      /* @__PURE__ */ I("div", { className: "absolute left-full top-1/2 flex -translate-y-1/2 translate-x-1/2 cursor-pointer items-center", children: !v.drop.value && v.drop.inherited ? /* @__PURE__ */ ce(Ma, { openDelay: 0, closeDelay: 0, children: [
+      /* @__PURE__ */ I("div", { className: "absolute left-full top-1/2 flex -translate-y-1/2 translate-x-1/2 cursor-pointer items-center", children: !v.drop.value && v.drop.inherited ? /* @__PURE__ */ se(Ma, { openDelay: 0, closeDelay: 0, children: [
         /* @__PURE__ */ I(Da, { children: /* @__PURE__ */ I(pr, { className: "h-4 w-4 text-white" }) }),
         /* @__PURE__ */ I(Gr, { container: Gt(), children: /* @__PURE__ */ I(
           Kr,
@@ -26631,9 +26630,9 @@ const Ete = ({ role: e }) => {
             avoidCollisions: !0,
             side: "top",
             className: "max-w-xs rounded bg-primary-light py-2 text-sm font-semibold text-primary",
-            children: /* @__PURE__ */ I("div", { className: "space-y-1 px-2", children: v.drop.from.length ? /* @__PURE__ */ ce("div", { className: "flex items-start text-s", children: [
+            children: /* @__PURE__ */ I("div", { className: "space-y-1 px-2", children: v.drop.from.length ? /* @__PURE__ */ se("div", { className: "flex items-start text-s", children: [
               /* @__PURE__ */ I(ln, { className: "mr-2 mt-0.5 h-4 w-4 flex-shrink-0" }),
-              /* @__PURE__ */ ce("p", { children: [
+              /* @__PURE__ */ se("p", { children: [
                 /* @__PURE__ */ I("span", { className: "mr-1", children: "Permission inherited from:" }),
                 /* @__PURE__ */ I("ul", { children: v.drop.from.map((m, y) => /* @__PURE__ */ I(
                   "li",
@@ -26649,7 +26648,7 @@ const Ete = ({ role: e }) => {
         ) })
       ] }) : "" })
     ] }) }),
-    /* @__PURE__ */ I("td", { className: "py-2 text-center group-hover:rounded-r group-hover:bg-grey-300", children: t.type !== "attribute" && /* @__PURE__ */ ce("div", { className: "relative mx-auto flex w-fit items-center justify-center gap-x-1", children: [
+    /* @__PURE__ */ I("td", { className: "py-2 text-center", children: t.type !== "attribute" && /* @__PURE__ */ se("div", { className: "relative mx-auto flex w-fit items-center justify-center gap-x-1", children: [
       /* @__PURE__ */ I(
         "div",
         {
@@ -26660,7 +26659,7 @@ const Ete = ({ role: e }) => {
           children: (v.execute.value || v.execute.inherited) && /* @__PURE__ */ I(ha, { className: "text-grey-50" })
         }
       ),
-      /* @__PURE__ */ I("div", { className: "absolute left-full top-1/2 flex -translate-y-1/2 translate-x-1/2 cursor-pointer items-center", children: !v.execute.value && v.execute.inherited ? /* @__PURE__ */ ce(Ma, { openDelay: 0, closeDelay: 0, children: [
+      /* @__PURE__ */ I("div", { className: "absolute left-full top-1/2 flex -translate-y-1/2 translate-x-1/2 cursor-pointer items-center", children: !v.execute.value && v.execute.inherited ? /* @__PURE__ */ se(Ma, { openDelay: 0, closeDelay: 0, children: [
         /* @__PURE__ */ I(Da, { children: /* @__PURE__ */ I(pr, { className: "h-4 w-4 text-white" }) }),
         /* @__PURE__ */ I(Gr, { container: Gt(), children: /* @__PURE__ */ I(
           Kr,
@@ -26669,9 +26668,9 @@ const Ete = ({ role: e }) => {
             avoidCollisions: !0,
             side: "top",
             className: "max-w-xs rounded bg-primary-light py-2 text-sm font-semibold text-primary",
-            children: /* @__PURE__ */ I("div", { className: "space-y-1 px-2", children: v.execute.from.length ? /* @__PURE__ */ ce("div", { className: "flex items-start text-s", children: [
+            children: /* @__PURE__ */ I("div", { className: "space-y-1 px-2", children: v.execute.from.length ? /* @__PURE__ */ se("div", { className: "flex items-start text-s", children: [
               /* @__PURE__ */ I(ln, { className: "mr-2 mt-0.5 h-4 w-4 flex-shrink-0" }),
-              /* @__PURE__ */ ce("p", { children: [
+              /* @__PURE__ */ se("p", { children: [
                 /* @__PURE__ */ I("span", { className: "mr-1", children: "Permission inherited from:" }),
                 /* @__PURE__ */ I("ul", { children: v.execute.from.map((m, y) => /* @__PURE__ */ I(
                   "li",
@@ -26699,7 +26698,7 @@ const Ete = ({ role: e }) => {
   const [a, u] = qe(n), c = Ge(xw), d = Ge(Ln);
   return Pe(() => {
     n === !0 && u(!0);
-  }, [n]), /* @__PURE__ */ ce(Lt, { children: [
+  }, [n]), /* @__PURE__ */ se(Lt, { children: [
     /* @__PURE__ */ I(
       Co,
       {
@@ -26718,7 +26717,7 @@ const Ete = ({ role: e }) => {
         toastMessageCallback: o
       }
     ),
-    !a && /* @__PURE__ */ ce(Lt, { children: [
+    !a && /* @__PURE__ */ se(Lt, { children: [
       t.attributes.map((f, h) => /* @__PURE__ */ I(
         Co,
         {
@@ -26850,15 +26849,15 @@ const Ete = ({ role: e }) => {
       customIcon: Yb
     });
   };
-  return /* @__PURE__ */ ce(
+  return /* @__PURE__ */ se(
     kl,
     {
       className: "z-20 h-full flex-1 overflow-auto bg-grey-800 p-[15px] pt-0",
       style: { maxHeight: "calc(100vh - 5.5rem - 85px - 20px)" },
       children: [
-        /* @__PURE__ */ ce("table", { className: "relative h-full w-full", children: [
-          /* @__PURE__ */ I("thead", { className: "sticky top-0 z-20 bg-grey-800", children: /* @__PURE__ */ ce("tr", { className: "border-b border-grey-100", children: [
-            /* @__PURE__ */ I("td", { className: "py-2", children: /* @__PURE__ */ ce("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ se("table", { className: "relative h-full w-full border-collapse", children: [
+          /* @__PURE__ */ I("thead", { className: "sticky top-0 z-20 bg-grey-800", children: /* @__PURE__ */ se("tr", { className: "border-b border-grey-100", children: [
+            /* @__PURE__ */ I("td", { className: "py-2", children: /* @__PURE__ */ se("div", { className: "flex items-center space-x-2", children: [
               /* @__PURE__ */ I(
                 XD,
                 {
@@ -26883,11 +26882,11 @@ const Ete = ({ role: e }) => {
                   )
                 }
               ),
-              /* @__PURE__ */ ce("div", { className: "relative w-56 text-white", children: [
+              /* @__PURE__ */ se("div", { className: "relative w-56 text-white", children: [
                 /* @__PURE__ */ I("div", { className: "absolute inset-y-0 left-0 flex items-center px-1", children: /* @__PURE__ */ I(r2, { className: "h-4 w-4 text-gray-400" }) }),
-                /* @__PURE__ */ I("div", { className: "absolute inset-y-0 right-0 flex items-center px-2", children: /* @__PURE__ */ I(Ar, { className: "flex items-center", children: ({ open: $ }) => /* @__PURE__ */ ce(Lt, { children: [
+                /* @__PURE__ */ I("div", { className: "absolute inset-y-0 right-0 flex items-center px-2", children: /* @__PURE__ */ I(Ar, { className: "flex items-center", children: ({ open: $ }) => /* @__PURE__ */ se(Lt, { children: [
                   /* @__PURE__ */ I(Ar.Button, { ref: r, children: /* @__PURE__ */ I(n2, { className: "h-4 w-4" }) }),
-                  $ && /* @__PURE__ */ I(Sl, { children: /* @__PURE__ */ ce(
+                  $ && /* @__PURE__ */ I(Sl, { children: /* @__PURE__ */ se(
                     Ar.Panel,
                     {
                       ref: i,
@@ -26897,7 +26896,7 @@ const Ete = ({ role: e }) => {
                       static: !0,
                       children: [
                         /* @__PURE__ */ I("h5", { className: "mb-2 text-sm", children: "Filter" }),
-                        /* @__PURE__ */ ce("div", { className: "space-y-2 text-s", children: [
+                        /* @__PURE__ */ se("div", { className: "space-y-2 text-s", children: [
                           /* @__PURE__ */ I("div", { className: "flex items-center", children: /* @__PURE__ */ I(
                             Pr,
                             {
@@ -27001,7 +27000,7 @@ const Ete = ({ role: e }) => {
               toastMessageCallback: T
             },
             `${$.type}-${j}`
-          )) : Object.values(w).map(($, j) => /* @__PURE__ */ ce(q4, { children: [
+          )) : Object.values(w).map(($, j) => /* @__PURE__ */ se(q4, { children: [
             /* @__PURE__ */ I(
               Co,
               {
@@ -27021,7 +27020,7 @@ const Ete = ({ role: e }) => {
                 toastMessageCallback: T
               }
             ),
-            $.type === "datastore" && !x ? /* @__PURE__ */ ce(Lt, { children: [
+            $.type === "datastore" && !x ? /* @__PURE__ */ se(Lt, { children: [
               $.methods.map((V, K) => /* @__PURE__ */ I(
                 Co,
                 {
@@ -27110,7 +27109,7 @@ const Ete = ({ role: e }) => {
         d(w.message);
       }
     };
-    return /* @__PURE__ */ ce(Lt, { children: [
+    return /* @__PURE__ */ se(Lt, { children: [
       /* @__PURE__ */ I(
         Ar.Button,
         {
@@ -27120,7 +27119,7 @@ const Ete = ({ role: e }) => {
           children: /* @__PURE__ */ I("span", { children: /* @__PURE__ */ I(An, { className: "h-4 w-4 text-white" }) })
         }
       ),
-      v && /* @__PURE__ */ I(Sl, { children: /* @__PURE__ */ ce(
+      v && /* @__PURE__ */ I(Sl, { children: /* @__PURE__ */ se(
         Ar.Panel,
         {
           ref: o,
@@ -27131,8 +27130,8 @@ const Ete = ({ role: e }) => {
           static: !0,
           children: [
             /* @__PURE__ */ I("h5", { className: "mb-2 text-xs font-semibold", children: "Create New Role" }),
-            /* @__PURE__ */ ce("div", { className: "mt-2", children: [
-              /* @__PURE__ */ ce("label", { className: "flex items-center space-x-4", children: [
+            /* @__PURE__ */ se("div", { className: "mt-2", children: [
+              /* @__PURE__ */ se("label", { className: "flex items-center space-x-4", children: [
                 /* @__PURE__ */ I("span", { className: "text-grey-100", children: "Name" }),
                 /* @__PURE__ */ I(
                   "input",
@@ -27156,7 +27155,7 @@ const Ete = ({ role: e }) => {
               ] }),
               c && /* @__PURE__ */ I("p", { className: "mt-1 text-xs text-red-400", children: c })
             ] }),
-            /* @__PURE__ */ ce("div", { className: "mt-4 flex items-center justify-center space-x-2", children: [
+            /* @__PURE__ */ se("div", { className: "mt-4 flex items-center justify-center space-x-2", children: [
               /* @__PURE__ */ I(
                 "button",
                 {
@@ -27183,23 +27182,23 @@ const Ete = ({ role: e }) => {
   } });
 }, Nte = () => {
   const e = Ge(ss), { selectedRole: t } = Rw();
-  return /* @__PURE__ */ ce(
+  return /* @__PURE__ */ se(
     "div",
     {
       className: "flex flex-1 h-full",
       children: [
-        /* @__PURE__ */ ce("div", { className: "flex h-full w-[356px] flex-col bg-grey-800", children: [
-          /* @__PURE__ */ ce("div", { className: "flex flex-shrink-0 items-center justify-between bg-grey-800 px-3.5 py-[10px]", children: [
-            /* @__PURE__ */ ce("div", { className: "flex items-center space-x-1 text-[#DDE1E6]", children: [
+        /* @__PURE__ */ se("div", { className: "flex h-full w-[356px] flex-col bg-grey-800", children: [
+          /* @__PURE__ */ se("div", { className: "flex flex-shrink-0 items-center justify-between bg-grey-800 px-3.5 py-[10px]", children: [
+            /* @__PURE__ */ se("div", { className: "flex items-center space-x-1 text-[#DDE1E6]", children: [
               /* @__PURE__ */ I("span", { children: /* @__PURE__ */ I(Hc, { className: "h-[14px] w-[14px]" }) }),
               /* @__PURE__ */ I("span", { className: "text-[11px] font-semibold", children: "Roles" })
             ] }),
             /* @__PURE__ */ I(Ite, {})
           ] }),
-          /* @__PURE__ */ I("div", { className: "flex-1 space-y-4 overflow-auto p-4 pb-10 pt-1", children: Object.values(e).length > 0 ? Object.values(e).sort((r, n) => GD(r.role, n.role)).map((r, n) => /* @__PURE__ */ I(Ete, { role: r }, n)) : /* @__PURE__ */ I("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ I("div", { className: "flex flex-1 items-center justify-center bg-grey-800", children: /* @__PURE__ */ ce("div", { className: "flex flex-col items-center justify-center space-y-4 text-grey-200", children: [
+          /* @__PURE__ */ I("div", { className: "flex-1 space-y-4 overflow-auto p-4 pb-10 pt-1", children: Object.values(e).length > 0 ? Object.values(e).sort((r, n) => GD(r.role, n.role)).map((r, n) => /* @__PURE__ */ I(Ete, { role: r }, n)) : /* @__PURE__ */ I("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ I("div", { className: "flex flex-1 items-center justify-center bg-grey-800", children: /* @__PURE__ */ se("div", { className: "flex flex-col items-center justify-center space-y-4 text-grey-200", children: [
             /* @__PURE__ */ I(pr, { className: "h-10 w-10" }),
             /* @__PURE__ */ I("div", { className: "font-semibold", children: "There are no roles" }),
-            /* @__PURE__ */ ce("div", { className: "flex items-center text-sm", children: [
+            /* @__PURE__ */ se("div", { className: "flex items-center text-sm", children: [
               "Create a new role by clicking on the",
               " ",
               /* @__PURE__ */ I(An, { className: "ml-2 inline h-4 w-4 text-white" })
@@ -27215,7 +27214,7 @@ const Ete = ({ role: e }) => {
                 "border-l-[0.5px] border-grey-900": t
               }
             ),
-            children: /* @__PURE__ */ I("div", { className: "flex h-full w-full select-none flex-col bg-grey-800", children: t ? /* @__PURE__ */ ce(Lt, { children: [
+            children: /* @__PURE__ */ I("div", { className: "flex h-full w-full select-none flex-col bg-grey-800", children: t ? /* @__PURE__ */ se(Lt, { children: [
               /* @__PURE__ */ I(Ste, {}),
               /* @__PURE__ */ I(Rte, { selectedRole: t })
             ] }) : /* @__PURE__ */ I(S2, { tab: "Role" }) })
@@ -27232,7 +27231,7 @@ const Ete = ({ role: e }) => {
       className: "relative flex flex-1 overflow-x-auto bg-grey-900",
       "data-cy": "Roles&Privileges-editor-cy",
       ref: (a) => i.current = a,
-      children: /* @__PURE__ */ ce("div", { className: "flex w-full flex-col", children: [
+      children: /* @__PURE__ */ se("div", { className: "flex w-full flex-col", children: [
         /* @__PURE__ */ I(
           eU,
           {
@@ -27305,7 +27304,7 @@ const Ete = ({ role: e }) => {
       } catch (a) {
         console.error("[Roles Editor Standalone] Error on value stringify:", a);
       }
-  }, [i]), /* @__PURE__ */ ce(Lt, { children: [
+  }, [i]), /* @__PURE__ */ se(Lt, { children: [
     /* @__PURE__ */ I(
       "div",
       {