@kosdev-code/kos-ui-plugin 2.1.21 → 2.1.23

package/index.js

@@ -1,7 +1,7 @@
 import * as te from "react/jsx-runtime";
 import * as j from "react";
-import Y, { forwardRef as Vt, useContext as Re, createContext as Je, useState as B, useEffect as W, useMemo as L, Suspense as jt } from "react";
-import h from "@emotion/styled";
+import Y, { forwardRef as Vt, useContext as Re, createContext as Je, useState as B, useEffect as W, useMemo as O, Suspense as jt } from "react";
+import m from "@emotion/styled";
 import { r as ne, m as Bt, R as Kt, a as Yt, b as Wt, P as re, g as Ht, c as _e, D as Ut } from "./documentation-generator-Di4c9D9P.js";
 import { C as mi, f as gi, h as xi, e as yi, d as bi, l as vi } from "./documentation-generator-Di4c9D9P.js";
 import { useKosTranslation as Gt } from "@kosdev-code/kos-ui-sdk";
@@ -46,7 +46,7 @@ var Xt = /* @__PURE__ */ function() {
       return (i = r.parentNode) == null ? void 0 : i.removeChild(r);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), z = "-ms-", he = "-moz-", E = "-webkit-", Qe = "comm", Te = "rule", Me = "decl", Jt = "@import", et = "@keyframes", Qt = "@layer", en = Math.abs, me = String.fromCharCode, tn = Object.assign;
+}(), N = "-ms-", he = "-moz-", E = "-webkit-", Qe = "comm", Te = "rule", Me = "decl", Jt = "@import", et = "@keyframes", Qt = "@layer", en = Math.abs, me = String.fromCharCode, tn = Object.assign;
 function nn(e, t) {
   return A(e, 0) ^ 45 ? (((t << 2 ^ A(e, 0)) << 2 ^ A(e, 1)) << 2 ^ A(e, 2)) << 2 ^ A(e, 3) : 0;
 }
@@ -59,7 +59,7 @@ function rn(e, t) {
 function w(e, t, n) {
   return e.replace(t, n);
 }
-function Ce(e, t) {
+function Se(e, t) {
   return e.indexOf(t);
 }
 function A(e, t) {
@@ -80,7 +80,7 @@ function le(e, t) {
 function on(e, t) {
   return e.map(t).join("");
 }
-var ge = 1, q = 1, nt = 0, O = 0, T = 0, Z = "";
+var ge = 1, q = 1, nt = 0, F = 0, M = 0, Z = "";
 function xe(e, t, n, r, i, o, s) {
   return { value: e, root: t, parent: n, type: r, props: i, children: o, line: ge, column: q, length: s, return: "" };
 }
@@ -88,19 +88,19 @@ function J(e, t) {
   return tn(xe("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function sn() {
-  return T;
+  return M;
 }
 function an() {
-  return T = O > 0 ? A(Z, --O) : 0, q--, T === 10 && (q = 1, ge--), T;
+  return M = F > 0 ? A(Z, --F) : 0, q--, M === 10 && (q = 1, ge--), M;
 }
-function F() {
-  return T = O < nt ? A(Z, O++) : 0, q++, T === 10 && (q = 1, ge++), T;
+function L() {
+  return M = F < nt ? A(Z, F++) : 0, q++, M === 10 && (q = 1, ge++), M;
 }
 function V() {
-  return A(Z, O);
+  return A(Z, F);
 }
 function fe() {
-  return O;
+  return F;
 }
 function ae(e, t) {
   return ie(Z, e, t);
@@ -138,74 +138,74 @@ function oe(e) {
   return 0;
 }
 function rt(e) {
-  return ge = q = 1, nt = D(Z = e), O = 0, [];
+  return ge = q = 1, nt = D(Z = e), F = 0, [];
 }
 function it(e) {
   return Z = "", e;
 }
 function ue(e) {
-  return tt(ae(O - 1, Se(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return tt(ae(F - 1, Ce(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function cn(e) {
-  for (; (T = V()) && T < 33; )
-    F();
-  return oe(e) > 2 || oe(T) > 3 ? "" : " ";
+  for (; (M = V()) && M < 33; )
+    L();
+  return oe(e) > 2 || oe(M) > 3 ? "" : " ";
 }
 function ln(e, t) {
-  for (; --t && F() && !(T < 48 || T > 102 || T > 57 && T < 65 || T > 70 && T < 97); )
+  for (; --t && L() && !(M < 48 || M > 102 || M > 57 && M < 65 || M > 70 && M < 97); )
     ;
-  return ae(e, fe() + (t < 6 && V() == 32 && F() == 32));
+  return ae(e, fe() + (t < 6 && V() == 32 && L() == 32));
 }
-function Se(e) {
-  for (; F(); )
-    switch (T) {
+function Ce(e) {
+  for (; L(); )
+    switch (M) {
       case e:
-        return O;
+        return F;
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Se(T);
+        e !== 34 && e !== 39 && Ce(M);
         break;
       case 40:
-        e === 41 && Se(e);
+        e === 41 && Ce(e);
         break;
       case 92:
-        F();
+        L();
         break;
     }
-  return O;
+  return F;
 }
 function dn(e, t) {
-  for (; F() && e + T !== 57; )
-    if (e + T === 84 && V() === 47)
+  for (; L() && e + M !== 57; )
+    if (e + M === 84 && V() === 47)
       break;
-  return "/*" + ae(t, O - 1) + "*" + me(e === 47 ? e : F());
+  return "/*" + ae(t, F - 1) + "*" + me(e === 47 ? e : L());
 }
 function fn(e) {
   for (; !oe(V()); )
-    F();
-  return ae(e, O);
+    L();
+  return ae(e, F);
 }
 function un(e) {
   return it(pe("", null, null, null, [""], e = rt(e), 0, [0], e));
 }
-function pe(e, t, n, r, i, o, s, a, f) {
-  for (var u = 0, d = 0, c = s, x = 0, b = 0, y = 0, v = 1, M = 1, $ = 1, _ = 0, k = "", R = i, p = o, N = r, P = k; M; )
-    switch (y = _, _ = F()) {
+function pe(e, t, n, r, i, o, s, a, l) {
+  for (var u = 0, d = 0, c = s, h = 0, y = 0, b = 0, v = 1, R = 1, $ = 1, T = 0, k = "", _ = i, p = o, z = r, P = k; R; )
+    switch (b = T, T = L()) {
       case 40:
-        if (y != 108 && A(P, c - 1) == 58) {
-          Ce(P += w(ue(_), "&", "&\f"), "&\f") != -1 && ($ = -1);
+        if (b != 108 && A(P, c - 1) == 58) {
+          Se(P += w(ue(T), "&", "&\f"), "&\f") != -1 && ($ = -1);
           break;
         }
       case 34:
       case 39:
       case 91:
-        P += ue(_);
+        P += ue(T);
         break;
       case 9:
       case 10:
       case 13:
       case 32:
-        P += cn(y);
+        P += cn(b);
         break;
       case 92:
         P += ln(fe() - 1, 7);
@@ -214,7 +214,7 @@ function pe(e, t, n, r, i, o, s, a, f) {
         switch (V()) {
           case 42:
           case 47:
-            le(pn(dn(F(), fe()), t, n), f);
+            le(pn(dn(L(), fe()), t, n), l);
             break;
           default:
             P += "/";
@@ -225,43 +225,43 @@ function pe(e, t, n, r, i, o, s, a, f) {
       case 125 * v:
       case 59:
       case 0:
-        switch (_) {
+        switch (T) {
           case 0:
           case 125:
-            M = 0;
+            R = 0;
           case 59 + d:
-            $ == -1 && (P = w(P, /\f/g, "")), b > 0 && D(P) - c && le(b > 32 ? Ve(P + ";", r, n, c - 1) : Ve(w(P, " ", "") + ";", r, n, c - 2), f);
+            $ == -1 && (P = w(P, /\f/g, "")), y > 0 && D(P) - c && le(y > 32 ? Ve(P + ";", r, n, c - 1) : Ve(w(P, " ", "") + ";", r, n, c - 2), l);
             break;
           case 59:
             P += ";";
           default:
-            if (le(N = Ie(P, t, n, u, d, i, a, k, R = [], p = [], c), o), _ === 123)
+            if (le(z = Ie(P, t, n, u, d, i, a, k, _ = [], p = [], c), o), T === 123)
               if (d === 0)
-                pe(P, t, N, N, R, o, c, a, p);
+                pe(P, t, z, z, _, o, c, a, p);
               else
-                switch (x === 99 && A(P, 3) === 110 ? 100 : x) {
+                switch (h === 99 && A(P, 3) === 110 ? 100 : h) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    pe(e, N, N, r && le(Ie(e, N, N, 0, 0, i, a, k, i, R = [], c), p), i, p, c, a, r ? R : p);
+                    pe(e, z, z, r && le(Ie(e, z, z, 0, 0, i, a, k, i, _ = [], c), p), i, p, c, a, r ? _ : p);
                     break;
                   default:
-                    pe(P, N, N, N, [""], p, 0, a, p);
+                    pe(P, z, z, z, [""], p, 0, a, p);
                 }
         }
-        u = d = b = 0, v = $ = 1, k = P = "", c = s;
+        u = d = y = 0, v = $ = 1, k = P = "", c = s;
         break;
       case 58:
-        c = 1 + D(P), b = y;
+        c = 1 + D(P), y = b;
       default:
         if (v < 1) {
-          if (_ == 123)
+          if (T == 123)
             --v;
-          else if (_ == 125 && v++ == 0 && an() == 125)
+          else if (T == 125 && v++ == 0 && an() == 125)
             continue;
         }
-        switch (P += me(_), _ * v) {
+        switch (P += me(T), T * v) {
           case 38:
             $ = d > 0 ? 1 : (P += "\f", -1);
             break;
@@ -269,19 +269,19 @@ function pe(e, t, n, r, i, o, s, a, f) {
             a[u++] = (D(P) - 1) * $, $ = 1;
             break;
           case 64:
-            V() === 45 && (P += ue(F())), x = V(), d = c = D(k = P += fn(fe())), _++;
+            V() === 45 && (P += ue(L())), h = V(), d = c = D(k = P += fn(fe())), T++;
             break;
           case 45:
-            y === 45 && D(P) == 2 && (v = 0);
+            b === 45 && D(P) == 2 && (v = 0);
         }
     }
   return o;
 }
-function Ie(e, t, n, r, i, o, s, a, f, u, d) {
-  for (var c = i - 1, x = i === 0 ? o : [""], b = Ae(x), y = 0, v = 0, M = 0; y < r; ++y)
-    for (var $ = 0, _ = ie(e, c + 1, c = en(v = s[y])), k = e; $ < b; ++$)
-      (k = tt(v > 0 ? x[$] + " " + _ : w(_, /&\f/g, x[$]))) && (f[M++] = k);
-  return xe(e, t, n, i === 0 ? Te : a, f, u, d);
+function Ie(e, t, n, r, i, o, s, a, l, u, d) {
+  for (var c = i - 1, h = i === 0 ? o : [""], y = Ae(h), b = 0, v = 0, R = 0; b < r; ++b)
+    for (var $ = 0, T = ie(e, c + 1, c = en(v = s[b])), k = e; $ < y; ++$)
+      (k = tt(v > 0 ? h[$] + " " + T : w(T, /&\f/g, h[$]))) && (l[R++] = k);
+  return xe(e, t, n, i === 0 ? Te : a, l, u, d);
 }
 function pn(e, t, n) {
   return xe(e, t, n, Qe, me(sn()), ie(e, 2, -2), 0);
@@ -326,14 +326,14 @@ function gn(e) {
 }
 var xn = function(t, n, r) {
   for (var i = 0, o = 0; i = o, o = V(), i === 38 && o === 12 && (n[r] = 1), !oe(o); )
-    F();
-  return ae(t, O);
+    L();
+  return ae(t, F);
 }, yn = function(t, n) {
   var r = -1, i = 44;
   do
     switch (oe(i)) {
       case 0:
-        i === 38 && V() === 12 && (n[r] = 1), t[r] += xn(O - 1, n, r);
+        i === 38 && V() === 12 && (n[r] = 1), t[r] += xn(F - 1, n, r);
         break;
       case 2:
         t[r] += ue(i);
@@ -346,7 +346,7 @@ var xn = function(t, n, r) {
       default:
         t[r] += me(i);
     }
-  while (i = F());
+  while (i = L());
   return t;
 }, bn = function(t, n) {
   return it(yn(rt(t), n));
@@ -359,9 +359,9 @@ var xn = function(t, n, r) {
         return;
     if (!(t.props.length === 1 && n.charCodeAt(0) !== 58 && !je.get(r)) && !i) {
       je.set(t, !0);
-      for (var o = [], s = bn(n, o), a = r.props, f = 0, u = 0; f < s.length; f++)
+      for (var o = [], s = bn(n, o), a = r.props, l = 0, u = 0; l < s.length; l++)
         for (var d = 0; d < a.length; d++, u++)
-          t.props[u] = o[f] ? s[f].replace(/&\f/g, a[d]) : a[d] + " " + s[f];
+          t.props[u] = o[l] ? s[l].replace(/&\f/g, a[d]) : a[d] + " " + s[l];
     }
   }
 }, En = function(t) {
@@ -407,24 +407,24 @@ function ot(e, t) {
     case 4810:
     case 6968:
     case 2756:
-      return E + e + he + e + z + e + e;
+      return E + e + he + e + N + e + e;
     case 6828:
     case 4268:
-      return E + e + z + e + e;
+      return E + e + N + e + e;
     case 6165:
-      return E + e + z + "flex-" + e + e;
+      return E + e + N + "flex-" + e + e;
     case 5187:
-      return E + e + w(e, /(\w+).+(:[^]+)/, E + "box-$1$2" + z + "flex-$1$2") + e;
+      return E + e + w(e, /(\w+).+(:[^]+)/, E + "box-$1$2" + N + "flex-$1$2") + e;
     case 5443:
-      return E + e + z + "flex-item-" + w(e, /flex-|-self/, "") + e;
+      return E + e + N + "flex-item-" + w(e, /flex-|-self/, "") + e;
     case 4675:
-      return E + e + z + "flex-line-pack" + w(e, /align-content|flex-|-self/, "") + e;
+      return E + e + N + "flex-line-pack" + w(e, /align-content|flex-|-self/, "") + e;
     case 5548:
-      return E + e + z + w(e, "shrink", "negative") + e;
+      return E + e + N + w(e, "shrink", "negative") + e;
     case 5292:
-      return E + e + z + w(e, "basis", "preferred-size") + e;
+      return E + e + N + w(e, "basis", "preferred-size") + e;
     case 6060:
-      return E + "box-" + w(e, "-grow", "") + E + e + z + w(e, "grow", "positive") + e;
+      return E + "box-" + w(e, "-grow", "") + E + e + N + w(e, "grow", "positive") + e;
     case 4554:
       return E + w(e, /([^-])(transform)/g, "$1" + E + "$2") + e;
     case 6187:
@@ -433,7 +433,7 @@ function ot(e, t) {
     case 3959:
       return w(e, /(image-set\([^]*)/, E + "$1$`$1");
     case 4968:
-      return w(w(e, /(.+:)(flex-)?(.*)/, E + "box-pack:$3" + z + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + E + e + e;
+      return w(w(e, /(.+:)(flex-)?(.*)/, E + "box-pack:$3" + N + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + E + e + e;
     case 4095:
     case 3583:
     case 4068:
@@ -459,30 +459,30 @@ function ot(e, t) {
           case 102:
             return w(e, /(.+:)(.+)-([^]+)/, "$1" + E + "$2-$3$1" + he + (A(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
-            return ~Ce(e, "stretch") ? ot(w(e, "stretch", "fill-available"), t) + e : e;
+            return ~Se(e, "stretch") ? ot(w(e, "stretch", "fill-available"), t) + e : e;
         }
       break;
     case 4949:
       if (A(e, t + 1) !== 115)
         break;
     case 6444:
-      switch (A(e, D(e) - 3 - (~Ce(e, "!important") && 10))) {
+      switch (A(e, D(e) - 3 - (~Se(e, "!important") && 10))) {
         case 107:
           return w(e, ":", ":" + E) + e;
         case 101:
-          return w(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + E + (A(e, 14) === 45 ? "inline-" : "") + "box$3$1" + E + "$2$3$1" + z + "$2box$3") + e;
+          return w(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + E + (A(e, 14) === 45 ? "inline-" : "") + "box$3$1" + E + "$2$3$1" + N + "$2box$3") + e;
       }
       break;
     case 5936:
       switch (A(e, t + 11)) {
         case 114:
-          return E + e + z + w(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return E + e + N + w(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         case 108:
-          return E + e + z + w(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return E + e + N + w(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         case 45:
-          return E + e + z + w(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return E + e + N + w(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return E + e + z + e + e;
+      return E + e + N + e + e;
   }
   return e;
 }
@@ -511,44 +511,44 @@ var wn = function(t, n, r, i) {
                 }), J(t, {
                   props: [w(o, /:(plac\w+)/, ":" + he + "$1")]
                 }), J(t, {
-                  props: [w(o, /:(plac\w+)/, z + "input-$1")]
+                  props: [w(o, /:(plac\w+)/, N + "input-$1")]
                 })], i);
             }
             return "";
           });
     }
-}, Cn = [wn], Sn = function(t) {
+}, Sn = [wn], Cn = function(t) {
   var n = t.key;
   if (n === "css") {
     var r = document.querySelectorAll("style[data-emotion]:not([data-s])");
     Array.prototype.forEach.call(r, function(v) {
-      var M = v.getAttribute("data-emotion");
-      M.indexOf(" ") !== -1 && (document.head.appendChild(v), v.setAttribute("data-s", ""));
+      var R = v.getAttribute("data-emotion");
+      R.indexOf(" ") !== -1 && (document.head.appendChild(v), v.setAttribute("data-s", ""));
     });
   }
-  var i = t.stylisPlugins || Cn, o = {}, s, a = [];
+  var i = t.stylisPlugins || Sn, o = {}, s, a = [];
   s = t.container || document.head, Array.prototype.forEach.call(
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + n + ' "]'),
     function(v) {
-      for (var M = v.getAttribute("data-emotion").split(" "), $ = 1; $ < M.length; $++)
-        o[M[$]] = !0;
+      for (var R = v.getAttribute("data-emotion").split(" "), $ = 1; $ < R.length; $++)
+        o[R[$]] = !0;
       a.push(v);
     }
   );
-  var f, u = [vn, En];
+  var l, u = [vn, En];
   {
     var d, c = [hn, gn(function(v) {
       d.insert(v);
-    })], x = mn(u.concat(i, c)), b = function(M) {
-      return G(un(M), x);
+    })], h = mn(u.concat(i, c)), y = function(R) {
+      return G(un(R), h);
     };
-    f = function(M, $, _, k) {
-      d = _, b(M ? M + "{" + $.styles + "}" : $.styles), k && (y.inserted[$.name] = !0);
+    l = function(R, $, T, k) {
+      d = T, y(R ? R + "{" + $.styles + "}" : $.styles), k && (b.inserted[$.name] = !0);
     };
   }
-  var y = {
+  var b = {
     key: n,
     sheet: new Xt({
       key: n,
@@ -561,10 +561,10 @@ var wn = function(t, n, r, i) {
     nonce: t.nonce,
     inserted: o,
     registered: {},
-    insert: f
+    insert: l
   };
-  return y.sheet.hydrate(a), y;
-}, Pe = { exports: {} }, C = {};
+  return b.sheet.hydrate(a), b;
+}, Pe = { exports: {} }, S = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -576,16 +576,16 @@ var wn = function(t, n, r, i) {
 var Be;
 function Pn() {
   if (Be)
-    return C;
+    return S;
   Be = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, c = e ? Symbol.for("react.suspense") : 60113, x = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, v = e ? Symbol.for("react.block") : 60121, M = e ? Symbol.for("react.fundamental") : 60117, $ = e ? Symbol.for("react.responder") : 60118, _ = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, c = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, v = e ? Symbol.for("react.block") : 60121, R = e ? Symbol.for("react.fundamental") : 60117, $ = e ? Symbol.for("react.responder") : 60118, T = e ? Symbol.for("react.scope") : 60119;
   function k(p) {
     if (typeof p == "object" && p !== null) {
-      var N = p.$$typeof;
-      switch (N) {
+      var z = p.$$typeof;
+      switch (z) {
         case t:
           switch (p = p.type, p) {
-            case f:
+            case l:
             case u:
             case r:
             case o:
@@ -596,51 +596,51 @@ function Pn() {
               switch (p = p && p.$$typeof, p) {
                 case a:
                 case d:
-                case y:
                 case b:
+                case y:
                 case s:
                   return p;
                 default:
-                  return N;
+                  return z;
               }
           }
         case n:
-          return N;
+          return z;
       }
     }
   }
-  function R(p) {
+  function _(p) {
     return k(p) === u;
   }
-  return C.AsyncMode = f, C.ConcurrentMode = u, C.ContextConsumer = a, C.ContextProvider = s, C.Element = t, C.ForwardRef = d, C.Fragment = r, C.Lazy = y, C.Memo = b, C.Portal = n, C.Profiler = o, C.StrictMode = i, C.Suspense = c, C.isAsyncMode = function(p) {
-    return R(p) || k(p) === f;
-  }, C.isConcurrentMode = R, C.isContextConsumer = function(p) {
+  return S.AsyncMode = l, S.ConcurrentMode = u, S.ContextConsumer = a, S.ContextProvider = s, S.Element = t, S.ForwardRef = d, S.Fragment = r, S.Lazy = b, S.Memo = y, S.Portal = n, S.Profiler = o, S.StrictMode = i, S.Suspense = c, S.isAsyncMode = function(p) {
+    return _(p) || k(p) === l;
+  }, S.isConcurrentMode = _, S.isContextConsumer = function(p) {
     return k(p) === a;
-  }, C.isContextProvider = function(p) {
+  }, S.isContextProvider = function(p) {
     return k(p) === s;
-  }, C.isElement = function(p) {
+  }, S.isElement = function(p) {
     return typeof p == "object" && p !== null && p.$$typeof === t;
-  }, C.isForwardRef = function(p) {
+  }, S.isForwardRef = function(p) {
     return k(p) === d;
-  }, C.isFragment = function(p) {
+  }, S.isFragment = function(p) {
     return k(p) === r;
-  }, C.isLazy = function(p) {
-    return k(p) === y;
-  }, C.isMemo = function(p) {
+  }, S.isLazy = function(p) {
     return k(p) === b;
-  }, C.isPortal = function(p) {
+  }, S.isMemo = function(p) {
+    return k(p) === y;
+  }, S.isPortal = function(p) {
     return k(p) === n;
-  }, C.isProfiler = function(p) {
+  }, S.isProfiler = function(p) {
     return k(p) === o;
-  }, C.isStrictMode = function(p) {
+  }, S.isStrictMode = function(p) {
     return k(p) === i;
-  }, C.isSuspense = function(p) {
+  }, S.isSuspense = function(p) {
     return k(p) === c;
-  }, C.isValidElementType = function(p) {
-    return typeof p == "string" || typeof p == "function" || p === r || p === u || p === o || p === i || p === c || p === x || typeof p == "object" && p !== null && (p.$$typeof === y || p.$$typeof === b || p.$$typeof === s || p.$$typeof === a || p.$$typeof === d || p.$$typeof === M || p.$$typeof === $ || p.$$typeof === _ || p.$$typeof === v);
-  }, C.typeOf = k, C;
+  }, S.isValidElementType = function(p) {
+    return typeof p == "string" || typeof p == "function" || p === r || p === u || p === o || p === i || p === c || p === h || typeof p == "object" && p !== null && (p.$$typeof === b || p.$$typeof === y || p.$$typeof === s || p.$$typeof === a || p.$$typeof === d || p.$$typeof === R || p.$$typeof === $ || p.$$typeof === T || p.$$typeof === v);
+  }, S.typeOf = k, S;
 }
-var S = {};
+var C = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -652,19 +652,19 @@ var S = {};
 var Ke;
 function kn() {
   return Ke || (Ke = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, c = e ? Symbol.for("react.suspense") : 60113, x = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, v = e ? Symbol.for("react.block") : 60121, M = e ? Symbol.for("react.fundamental") : 60117, $ = e ? Symbol.for("react.responder") : 60118, _ = e ? Symbol.for("react.scope") : 60119;
-    function k(m) {
-      return typeof m == "string" || typeof m == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      m === r || m === u || m === o || m === i || m === c || m === x || typeof m == "object" && m !== null && (m.$$typeof === y || m.$$typeof === b || m.$$typeof === s || m.$$typeof === a || m.$$typeof === d || m.$$typeof === M || m.$$typeof === $ || m.$$typeof === _ || m.$$typeof === v);
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, c = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, v = e ? Symbol.for("react.block") : 60121, R = e ? Symbol.for("react.fundamental") : 60117, $ = e ? Symbol.for("react.responder") : 60118, T = e ? Symbol.for("react.scope") : 60119;
+    function k(g) {
+      return typeof g == "string" || typeof g == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      g === r || g === u || g === o || g === i || g === c || g === h || typeof g == "object" && g !== null && (g.$$typeof === b || g.$$typeof === y || g.$$typeof === s || g.$$typeof === a || g.$$typeof === d || g.$$typeof === R || g.$$typeof === $ || g.$$typeof === T || g.$$typeof === v);
     }
-    function R(m) {
-      if (typeof m == "object" && m !== null) {
-        var be = m.$$typeof;
+    function _(g) {
+      if (typeof g == "object" && g !== null) {
+        var be = g.$$typeof;
         switch (be) {
           case t:
-            var ce = m.type;
+            var ce = g.type;
             switch (ce) {
-              case f:
+              case l:
               case u:
               case r:
               case o:
@@ -676,8 +676,8 @@ function kn() {
                 switch (De) {
                   case a:
                   case d:
-                  case y:
                   case b:
+                  case y:
                   case s:
                     return De;
                   default:
@@ -689,48 +689,48 @@ function kn() {
         }
       }
     }
-    var p = f, N = u, P = a, yt = s, bt = t, vt = d, Et = r, wt = y, Ct = b, St = n, Pt = o, kt = i, $t = c, Fe = !1;
-    function Rt(m) {
-      return Fe || (Fe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), Le(m) || R(m) === f;
+    var p = l, z = u, P = a, yt = s, bt = t, vt = d, Et = r, wt = b, St = y, Ct = n, Pt = o, kt = i, $t = c, Le = !1;
+    function Rt(g) {
+      return Le || (Le = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), Oe(g) || _(g) === l;
     }
-    function Le(m) {
-      return R(m) === u;
+    function Oe(g) {
+      return _(g) === u;
     }
-    function _t(m) {
-      return R(m) === a;
+    function _t(g) {
+      return _(g) === a;
     }
-    function Tt(m) {
-      return R(m) === s;
+    function Tt(g) {
+      return _(g) === s;
     }
-    function Mt(m) {
-      return typeof m == "object" && m !== null && m.$$typeof === t;
+    function Mt(g) {
+      return typeof g == "object" && g !== null && g.$$typeof === t;
     }
-    function At(m) {
-      return R(m) === d;
+    function At(g) {
+      return _(g) === d;
     }
-    function Nt(m) {
-      return R(m) === r;
+    function zt(g) {
+      return _(g) === r;
     }
-    function zt(m) {
-      return R(m) === y;
+    function Nt(g) {
+      return _(g) === b;
     }
-    function Ot(m) {
-      return R(m) === b;
+    function Ft(g) {
+      return _(g) === y;
     }
-    function Ft(m) {
-      return R(m) === n;
+    function Lt(g) {
+      return _(g) === n;
     }
-    function Lt(m) {
-      return R(m) === o;
+    function Ot(g) {
+      return _(g) === o;
     }
-    function Dt(m) {
-      return R(m) === i;
+    function Dt(g) {
+      return _(g) === i;
     }
-    function It(m) {
-      return R(m) === c;
+    function It(g) {
+      return _(g) === c;
     }
-    S.AsyncMode = p, S.ConcurrentMode = N, S.ContextConsumer = P, S.ContextProvider = yt, S.Element = bt, S.ForwardRef = vt, S.Fragment = Et, S.Lazy = wt, S.Memo = Ct, S.Portal = St, S.Profiler = Pt, S.StrictMode = kt, S.Suspense = $t, S.isAsyncMode = Rt, S.isConcurrentMode = Le, S.isContextConsumer = _t, S.isContextProvider = Tt, S.isElement = Mt, S.isForwardRef = At, S.isFragment = Nt, S.isLazy = zt, S.isMemo = Ot, S.isPortal = Ft, S.isProfiler = Lt, S.isStrictMode = Dt, S.isSuspense = It, S.isValidElementType = k, S.typeOf = R;
-  }()), S;
+    C.AsyncMode = p, C.ConcurrentMode = z, C.ContextConsumer = P, C.ContextProvider = yt, C.Element = bt, C.ForwardRef = vt, C.Fragment = Et, C.Lazy = wt, C.Memo = St, C.Portal = Ct, C.Profiler = Pt, C.StrictMode = kt, C.Suspense = $t, C.isAsyncMode = Rt, C.isConcurrentMode = Oe, C.isContextConsumer = _t, C.isContextProvider = Tt, C.isElement = Mt, C.isForwardRef = At, C.isFragment = zt, C.isLazy = Nt, C.isMemo = Ft, C.isPortal = Lt, C.isProfiler = Ot, C.isStrictMode = Dt, C.isSuspense = It, C.isValidElementType = k, C.typeOf = _;
+  }()), C;
 }
 process.env.NODE_ENV === "production" ? Pe.exports = Pn() : Pe.exports = kn();
 var $n = Pe.exports, st = $n, Rn = {
@@ -778,7 +778,7 @@ var ct = function(t, n, r) {
     while (o !== void 0);
   }
 };
-function Nn(e) {
+function zn(e) {
   for (var t = 0, n, r = 0, i = e.length; i >= 4; ++r, i -= 4)
     n = e.charCodeAt(r) & 255 | (e.charCodeAt(++r) & 255) << 8 | (e.charCodeAt(++r) & 255) << 16 | (e.charCodeAt(++r) & 255) << 24, n = /* Math.imul(k, m): */
     (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= /* k >>> r: */
@@ -797,7 +797,7 @@ function Nn(e) {
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var zn = {
+var Nn = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -847,24 +847,24 @@ var zn = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function On(e) {
+function Fn(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(n) {
     return t[n] === void 0 && (t[n] = e(n)), t[n];
   };
 }
-var Fn = /[A-Z]|^ms/g, Ln = /_EMO_([^_]+?)_([^]*?)_EMO_/g, lt = function(t) {
+var Ln = /[A-Z]|^ms/g, On = /_EMO_([^_]+?)_([^]*?)_EMO_/g, lt = function(t) {
   return t.charCodeAt(1) === 45;
 }, Ye = function(t) {
   return t != null && typeof t != "boolean";
-}, ve = /* @__PURE__ */ On(function(e) {
-  return lt(e) ? e : e.replace(Fn, "-$&").toLowerCase();
+}, ve = /* @__PURE__ */ Fn(function(e) {
+  return lt(e) ? e : e.replace(Ln, "-$&").toLowerCase();
 }), We = function(t, n) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof n == "string")
-        return n.replace(Ln, function(r, i, o) {
+        return n.replace(On, function(r, i, o) {
           return I = {
             name: i,
             styles: o,
@@ -872,7 +872,7 @@ var Fn = /[A-Z]|^ms/g, Ln = /_EMO_([^_]+?)_([^]*?)_EMO_/g, lt = function(t) {
           }, i;
         });
   }
-  return zn[t] !== 1 && !lt(t) && typeof n == "number" && n !== 0 ? n + "px" : n;
+  return Nn[t] !== 1 && !lt(t) && typeof n == "number" && n !== 0 ? n + "px" : n;
 };
 function se(e, t, n) {
   if (n == null)
@@ -908,8 +908,8 @@ function se(e, t, n) {
     }
     case "function": {
       if (e !== void 0) {
-        var f = I, u = n(e);
-        return I = f, se(e, t, u);
+        var l = I, u = n(e);
+        return I = l, se(e, t, u);
       }
       break;
     }
@@ -929,8 +929,8 @@ function Dn(e, t, n) {
         var a = s;
         Ye(a) && (r += ve(o) + ":" + We(o, a) + ";");
       } else if (Array.isArray(s) && typeof s[0] == "string" && t == null)
-        for (var f = 0; f < s.length; f++)
-          Ye(s[f]) && (r += ve(o) + ":" + We(o, s[f]) + ";");
+        for (var l = 0; l < s.length; l++)
+          Ye(s[l]) && (r += ve(o) + ":" + We(o, s[l]) + ";");
       else {
         var u = se(e, t, s);
         switch (o) {
@@ -961,13 +961,13 @@ function Ue(e, t, n) {
   }
   for (var a = 1; a < e.length; a++)
     if (i += se(n, t, e[a]), r) {
-      var f = o;
-      i += f[a];
+      var l = o;
+      i += l[a];
     }
   He.lastIndex = 0;
   for (var u = "", d; (d = He.exec(i)) !== null; )
     u += "-" + d[1];
-  var c = Nn(i) + u;
+  var c = zn(i) + u;
   return {
     name: c,
     styles: i,
@@ -976,22 +976,22 @@ function Ue(e, t, n) {
 }
 var In = function(t) {
   return t();
-}, Vn = j.useInsertionEffect ? j.useInsertionEffect : !1, jn = Vn || In, ye = {}.hasOwnProperty, Ne = /* @__PURE__ */ j.createContext(
+}, Vn = j.useInsertionEffect ? j.useInsertionEffect : !1, jn = Vn || In, ye = {}.hasOwnProperty, ze = /* @__PURE__ */ j.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
   // and we could have a special build just for that
   // but this is much easier and the native packages
   // might use a different theme context in the future anyway
-  typeof HTMLElement < "u" ? /* @__PURE__ */ Sn({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ Cn({
     key: "css"
   }) : null
 );
-process.env.NODE_ENV !== "production" && (Ne.displayName = "EmotionCacheContext");
-Ne.Provider;
+process.env.NODE_ENV !== "production" && (ze.displayName = "EmotionCacheContext");
+ze.Provider;
 var Bn = function(t) {
   return /* @__PURE__ */ Vt(function(n, r) {
-    var i = Re(Ne);
+    var i = Re(ze);
     return t(n, i, r);
   });
 }, dt = /* @__PURE__ */ j.createContext({});
@@ -1041,8 +1041,8 @@ var Ge = function(t) {
   typeof e.className == "string" ? s = Mn(t.registered, o, e.className) : e.className != null && (s = e.className + " ");
   var a = Ue(o, void 0, j.useContext(dt));
   if (process.env.NODE_ENV !== "production" && a.name.indexOf("-") === -1) {
-    var f = e[$e];
-    f && (a = Ue([a, "label:" + f + ";"]));
+    var l = e[$e];
+    l && (a = Ue([a, "label:" + l + ";"]));
   }
   s += t.key + "-" + a.name;
   var u = {};
@@ -1056,10 +1056,10 @@ var Ge = function(t) {
 });
 process.env.NODE_ENV !== "production" && (ut.displayName = "EmotionCssPropInternal");
 var pt = ut, K = te.Fragment;
-function l(e, t, n) {
+function f(e, t, n) {
   return ye.call(t, "css") ? te.jsx(pt, ft(e, t), n) : te.jsx(e, t, n);
 }
-function g(e, t, n) {
+function x(e, t, n) {
   return ye.call(t, "css") ? te.jsxs(pt, ft(e, t), n) : te.jsxs(e, t, n);
 }
 const ht = Je(null), Gn = () => {
@@ -1077,7 +1077,7 @@ function mt(e, t) {
   W(() => (s(n.getExtensions(e, r)), n.subscribe(e, () => {
     s(n.getExtensions(e, r));
   })), [n, e, r]);
-  const a = L(() => i ? ne(o) : null, [o, i]);
+  const a = O(() => i ? ne(o) : null, [o, i]);
   return {
     extensions: o,
     best: a,
@@ -1101,27 +1101,26 @@ const qn = (e) => {
     // We'll resolve manually based on module prop
   }), [o, s] = B(
     null
-  ), [a, f] = B(null), u = L(() => {
+  ), [a, l] = B(!0), u = O(() => {
     if (t) {
-      const d = i[t];
-      return d || (r && !n ? ne(i) : null);
+      const c = i[t];
+      return c || (r && !n ? ne(i) : null);
     }
     return ne(i);
-  }, [i, t, n, r]);
+  }, [i, t, n, r]), d = u ?? null;
   return W(() => {
-    async function d() {
-      const c = u;
-      f(c ?? null);
-      const x = (c == null ? void 0 : c.remote) || "", b = qn(c) ? c.view.component : c == null ? void 0 : c.component, y = b ? `./${b}` : "";
-      if (!x) {
-        s(null);
+    async function c() {
+      l(!0);
+      const h = u, y = (h == null ? void 0 : h.remote) || "", b = qn(h) ? h.view.component : h == null ? void 0 : h.component, v = b ? `./${b}` : "";
+      if (!y) {
+        s(null), l(!1);
         return;
       }
-      const v = Y.lazy(() => Bt.loadRemoteModule(x, y));
-      s(v);
+      const R = Y.lazy(() => Bt.loadRemoteModule(y, v));
+      s(R), l(!1);
     }
-    d();
-  }, [u]), [o, a];
+    c();
+  }, [u]), [o, d, a];
 };
 class Xn extends Y.Component {
   constructor(t) {
@@ -1137,63 +1136,60 @@ class Xn extends Y.Component {
     return this.state.hasError ? this.props.fallback : this.props.children;
   }
 }
-const Jn = h.div`
+const Jn = m.div`
   align-items: center;
   display: flex;
   height: 100%;
   justify-content: center;
   width: 100%;
-`, Qn = h.div`
+`, Qn = m.div`
   align-items: center;
   background-color: transparent;
   display: flex;
   flex-direction: column;
-  height: ${(e) => e.height};
   justify-content: center;
-  width: ${(e) => e.width};
-`, ze = ({
+
+  /* Only apply flexible sizing when no explicit size is provided */
+  flex: ${(e) => e.hasExplicitSize ? "0 0 auto" : "1"};
+  height: ${(e) => e.hasExplicitSize ? "auto" : "100%"};
+  width: ${(e) => e.hasExplicitSize ? "auto" : "100%"};
+`, Ne = ({
   extension: e,
   fallback: t,
   module: n,
   props: r,
   fallbackOnDisabled: i = !0,
-  autoSwitchOnDisabled: o = !1
+  autoSwitchOnDisabled: o = !1,
+  waitForLoad: s = !1,
+  onLoadingChange: a
 }) => {
-  const [s, a] = Zn({
+  const [l, u, d] = Zn({
     extension: e,
     module: n,
     fallbackOnDisabled: i,
     autoSwitchOnDisabled: o
-  }), f = !s, u = t || /* @__PURE__ */ l(Jn, { children: `Dynamic component, ${e}, not found...` });
-  return f ? /* @__PURE__ */ l(K, { children: u }) : /* @__PURE__ */ l(Xn, { fallback: u, children: /* @__PURE__ */ l(
-    jt,
-    {
-      fallback: a != null && a.size ? /* @__PURE__ */ l(
-        Qn,
-        {
-          width: a.size.width,
-          height: a.size.height
-        }
-      ) : null,
-      children: /* @__PURE__ */ l(s, { ...r })
-    }
-  ) });
-}, er = h.div`
+  });
+  Y.useEffect(() => {
+    a == null || a(d);
+  }, [d, a]);
+  const c = t || /* @__PURE__ */ f(Jn, { children: `Dynamic component, ${e}, not found...` }), h = u == null ? void 0 : u.data, y = (u == null ? void 0 : u.size) || (h == null ? void 0 : h.size), b = y ? { width: y.width, height: y.height } : {}, R = /* @__PURE__ */ f(Qn, { hasExplicitSize: !!y, style: b });
+  return d ? s ? null : R : l ? /* @__PURE__ */ f(Xn, { fallback: c, children: /* @__PURE__ */ f(jt, { fallback: R, children: /* @__PURE__ */ f(l, { ...r }) }) }) : /* @__PURE__ */ f(K, { children: c });
+}, er = m.div`
   display: flex;
   flex-direction: column;
   height: 100%;
   min-height: 0; /* Important for flexbox children to shrink */
-`, tr = h.div`
+`, tr = m.div`
   padding: 16px;
   border-bottom: 1px solid #e1e5e9;
   background: #f6f8fa;
   flex-shrink: 0; /* Prevent header from shrinking */
-`, nr = h.h3`
+`, nr = m.h3`
   margin: 0 0 8px 0;
   font-size: 16px;
   font-weight: 600;
   color: #24292f;
-`, rr = h.input`
+`, rr = m.input`
   width: 100%;
   padding: 8px 12px;
   border: 1px solid #d0d7de;
@@ -1206,11 +1202,11 @@ const Jn = h.div`
     border-color: #0969da;
     box-shadow: 0 0 0 3px rgba(9, 105, 218, 0.1);
   }
-`, ir = h.div`
+`, ir = m.div`
   flex: 1;
   overflow-y: auto;
   min-height: 0; /* Critical for making overflow work in flexbox */
-`, or = h.div`
+`, or = m.div`
   padding: 12px 16px;
   border-bottom: 1px solid #f0f0f0;
   cursor: pointer;
@@ -1221,17 +1217,17 @@ const Jn = h.div`
   &:hover {
     background: #f6f8fa;
   }
-`, sr = h.div`
+`, sr = m.div`
   font-weight: 500;
   font-size: 14px;
   color: #24292f;
   margin-bottom: 4px;
-`, ar = h.div`
+`, ar = m.div`
   font-size: 12px;
   color: #656d76;
   display: flex;
   justify-content: space-between;
-`, qe = h.span`
+`, qe = m.span`
   display: inline-block;
   padding: 2px 6px;
   border-radius: 12px;
@@ -1250,7 +1246,7 @@ const Jn = h.div`
       return "background: #f6f8fa; color: #656d76;";
   }
 }}
-`, cr = h.div`
+`, cr = m.div`
   padding: 40px 16px;
   text-align: center;
   color: #656d76;
@@ -1262,10 +1258,10 @@ const Jn = h.div`
   searchTerm: r,
   onSearchChange: i,
   className: o
-}) => /* @__PURE__ */ g(er, { className: o, children: [
-  /* @__PURE__ */ g(tr, { children: [
-    /* @__PURE__ */ l(nr, { children: "Extension Points" }),
-    /* @__PURE__ */ l(
+}) => /* @__PURE__ */ x(er, { className: o, children: [
+  /* @__PURE__ */ x(tr, { children: [
+    /* @__PURE__ */ f(nr, { children: "Extension Points" }),
+    /* @__PURE__ */ f(
       rr,
       {
         placeholder: "Search extension points...",
@@ -1274,21 +1270,21 @@ const Jn = h.div`
       }
     )
   ] }),
-  /* @__PURE__ */ l(ir, { children: e.length > 0 ? e.map((s) => {
+  /* @__PURE__ */ f(ir, { children: e.length > 0 ? e.map((s) => {
     var a;
-    return /* @__PURE__ */ g(
+    return /* @__PURE__ */ x(
       or,
       {
         selected: s.id === t,
         onClick: () => n(s.id),
         children: [
-          /* @__PURE__ */ l(sr, { children: s.displayName || s.id }),
-          /* @__PURE__ */ g(ar, { children: [
-            /* @__PURE__ */ g("div", { children: [
-              /* @__PURE__ */ l(qe, { variant: s.source, children: s.source }),
-              ((a = s.metadata) == null ? void 0 : a.deprecated) && /* @__PURE__ */ l(qe, { variant: "deprecated", style: { marginLeft: 4 }, children: "deprecated" })
+          /* @__PURE__ */ f(sr, { children: s.displayName || s.id }),
+          /* @__PURE__ */ x(ar, { children: [
+            /* @__PURE__ */ x("div", { children: [
+              /* @__PURE__ */ f(qe, { variant: s.source, children: s.source }),
+              ((a = s.metadata) == null ? void 0 : a.deprecated) && /* @__PURE__ */ f(qe, { variant: "deprecated", style: { marginLeft: 4 }, children: "deprecated" })
             ] }),
-            /* @__PURE__ */ g("div", { children: [
+            /* @__PURE__ */ x("div", { children: [
               s.pluginCount,
               " plugin",
               s.pluginCount !== 1 ? "s" : ""
@@ -1298,8 +1294,8 @@ const Jn = h.div`
       },
       s.id
     );
-  }) : /* @__PURE__ */ l(cr, { children: r ? `No extension points match "${r}"` : "No extension points available" }) })
-] }), gt = Je(void 0), Ze = h.div`
+  }) : /* @__PURE__ */ f(cr, { children: r ? `No extension points match "${r}"` : "No extension points available" }) })
+] }), gt = Je(void 0), Ze = m.div`
   padding-inline: 20px;
   width: 100%;
   height: 100vh;
@@ -1313,12 +1309,12 @@ const Jn = h.div`
   left: 0;
   z-index: 10000;
 `, ni = ({ remotesOverride: e, onBeforeInitialize: t, pluginConfig: n, children: r }) => {
-  const [i, o] = B(), [s, a] = B(null), f = L(() => i != null && i.extensions ? new Kt(i.extensions) : null, [i == null ? void 0 : i.extensions]);
+  const [i, o] = B(), [s, a] = B(null), l = O(() => i != null && i.extensions ? new Kt(i.extensions) : null, [i == null ? void 0 : i.extensions]);
   return W(
     () => () => {
-      f == null || f.destroy();
+      l == null || l.destroy();
     },
-    [f]
+    [l]
   ), W(() => {
     (async () => {
       var d, c;
@@ -1326,22 +1322,22 @@ const Jn = h.div`
         t && (console.log(
           "KosPluginProvider: Waiting for pre-initialization conditions..."
         ), await t(), console.log("KosPluginProvider: Pre-initialization complete"));
-        let x = e;
-        const b = (d = window.KosPlugins) == null ? void 0 : d.__dynamicRemotes;
-        x || (b && Object.keys(b).length > 0 ? (console.log(
+        let h = e;
+        const y = (d = window.KosPlugins) == null ? void 0 : d.__dynamicRemotes;
+        h || (y && Object.keys(y).length > 0 ? (console.log(
           "KosPluginProvider: Using existing plugin initialization"
-        ), x = b) : (console.log("KosPluginProvider: Initializing plugins..."), await Yt(n), x = (c = window.KosPlugins) == null ? void 0 : c.__dynamicRemotes));
-        const y = await Wt(x);
-        o(y);
-      } catch (x) {
-        console.error("KosPluginProvider: Failed to initialize plugins", x), a(x);
+        ), h = y) : (console.log("KosPluginProvider: Initializing plugins..."), await Yt(n), h = (c = window.KosPlugins) == null ? void 0 : c.__dynamicRemotes));
+        const b = await Wt(h);
+        o(b);
+      } catch (h) {
+        console.error("KosPluginProvider: Failed to initialize plugins", h), a(h);
       }
     })();
-  }, [e, t, n]), s ? /* @__PURE__ */ g(Ze, { children: [
-    /* @__PURE__ */ l("div", { children: "Failed to load plugins" }),
-    /* @__PURE__ */ l("div", { style: { fontSize: "12px", marginTop: "10px", opacity: 0.8 }, children: s.message })
-  ] }) : /* @__PURE__ */ l(gt.Provider, { value: i, children: /* @__PURE__ */ l(ht.Provider, { value: f, children: i ? r : /* @__PURE__ */ l(Ze, { children: "Loading remote plugins..." }) }) });
-}, Oe = () => {
+  }, [e, t, n]), s ? /* @__PURE__ */ x(Ze, { children: [
+    /* @__PURE__ */ f("div", { children: "Failed to load plugins" }),
+    /* @__PURE__ */ f("div", { style: { fontSize: "12px", marginTop: "10px", opacity: 0.8 }, children: s.message })
+  ] }) : /* @__PURE__ */ f(gt.Provider, { value: i, children: /* @__PURE__ */ f(ht.Provider, { value: l, children: i ? r : /* @__PURE__ */ f(Ze, { children: "Loading remote plugins..." }) }) });
+}, Fe = () => {
   const e = Re(gt);
   if (!e)
     throw new Error(
@@ -1350,8 +1346,8 @@ const Jn = h.div`
   return e;
 };
 function xt(e) {
-  const { extensions: t } = Oe();
-  return L(() => {
+  const { extensions: t } = Fe();
+  return O(() => {
     try {
       const r = re.getExtensionPoints(
         t,
@@ -1381,7 +1377,7 @@ function xt(e) {
   }, [t, e]);
 }
 function dr(e, t) {
-  const n = xt(t), r = L(
+  const n = xt(t), r = O(
     () => re.filterExtensionPoints(
       n.extensionPoints,
       e
@@ -1395,7 +1391,7 @@ function dr(e, t) {
 }
 function ri(e) {
   const { extensionPoints: t } = xt();
-  return L(
+  return O(
     () => re.getExtensionPointById(
       t,
       e
@@ -1403,21 +1399,21 @@ function ri(e) {
     [t, e]
   );
 }
-const fr = h.div`
+const fr = m.div`
   border: 1px solid #e1e5e9;
   border-radius: 6px;
   padding: 12px;
   background: white;
   transition: all 0.2s ease;
-`, ur = h.div`
+`, ur = m.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 8px;
-`, pr = h.div`
+`, pr = m.div`
   display: flex;
   align-items: center;
-`, hr = h.div`
+`, hr = m.div`
   display: inline-block;
   width: 8px;
   height: 8px;
@@ -1436,18 +1432,18 @@ const fr = h.div`
       return "background: #656d76;";
   }
 }}
-`, mr = h.h5`
+`, mr = m.h5`
   margin: 0;
   font-size: 14px;
   font-weight: 600;
   color: #24292f;
-`, gr = h.div`
+`, gr = m.div`
   font-size: 12px;
   color: #656d76;
   line-height: 1.4;
   display: grid;
   gap: 2px;
-`, Q = h.div`
+`, Q = m.div`
   display: grid;
   grid-template-columns: 80px 1fr; /* Fixed label width, flexible value */
   gap: 8px;
@@ -1463,28 +1459,28 @@ const fr = h.div`
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, xr = h.div`
+`, xr = m.div`
   color: #656d76;
   font-style: italic;
   margin-top: 4px;
   font-size: 12px;
-`, yr = h.div`
+`, yr = m.div`
   margin-top: 6px;
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
-`, br = h.span`
+`, br = m.span`
   background: #f6f8fa;
   border: 1px solid #d0d7de;
   border-radius: 12px;
   padding: 2px 6px;
   font-size: 10px;
   color: #24292f;
-`, vr = h.div`
+`, vr = m.div`
   margin-top: 8px;
   padding-top: 8px;
   border-top: 1px solid #f0f0f0;
-`, Er = h.div`
+`, Er = m.div`
   display: flex;
   align-items: flex-start;
   gap: 6px;
@@ -1506,7 +1502,7 @@ const fr = h.div`
       return "background: #f6f8fa; color: #656d76;";
   }
 }}
-`, wr = h.span`
+`, wr = m.span`
   font-size: 12px;
   font-weight: bold;
   flex-shrink: 0;
@@ -1526,10 +1522,10 @@ const fr = h.div`
   }
 }}";
   }
-`, Cr = h.div`
+`, Sr = m.div`
   flex: 1;
 `;
-function Sr(e, t) {
+function Cr(e, t) {
   if (_e().getExtensionPoint(t) && e.data)
     return e.data;
 }
@@ -1542,64 +1538,64 @@ const kr = ({
   extensionPointId: t,
   className: n
 }) => {
-  const r = re.analyzePlugin(e), { hasComponent: i, healthStatus: o, capabilities: s } = r, a = Ht(e.id), f = Sr(e, t), u = Pr(t);
-  return /* @__PURE__ */ g(fr, { className: n, children: [
-    /* @__PURE__ */ l(ur, { children: /* @__PURE__ */ g(pr, { children: [
-      /* @__PURE__ */ l(hr, { status: o }),
-      /* @__PURE__ */ l(mr, { children: e.id })
+  const r = re.analyzePlugin(e), { hasComponent: i, healthStatus: o, capabilities: s } = r, a = Ht(e.id), l = Cr(e, t), u = Pr(t);
+  return /* @__PURE__ */ x(fr, { className: n, children: [
+    /* @__PURE__ */ f(ur, { children: /* @__PURE__ */ x(pr, { children: [
+      /* @__PURE__ */ f(hr, { status: o }),
+      /* @__PURE__ */ f(mr, { children: e.id })
     ] }) }),
-    /* @__PURE__ */ g(gr, { children: [
-      /* @__PURE__ */ g(Q, { children: [
-        /* @__PURE__ */ l("strong", { children: "Source:" }),
-        /* @__PURE__ */ l("span", { children: e.remote ? `${e.remote} plugin` : "Local" })
+    /* @__PURE__ */ x(gr, { children: [
+      /* @__PURE__ */ x(Q, { children: [
+        /* @__PURE__ */ f("strong", { children: "Source:" }),
+        /* @__PURE__ */ f("span", { children: e.remote ? `${e.remote} plugin` : "Local" })
       ] }),
-      /* @__PURE__ */ g(Q, { children: [
-        /* @__PURE__ */ l("strong", { children: "Type:" }),
-        /* @__PURE__ */ l("span", { children: e.type })
+      /* @__PURE__ */ x(Q, { children: [
+        /* @__PURE__ */ f("strong", { children: "Type:" }),
+        /* @__PURE__ */ f("span", { children: e.type })
       ] }),
-      typeof e.rank == "number" && /* @__PURE__ */ g(Q, { children: [
-        /* @__PURE__ */ l("strong", { children: "Priority:" }),
-        /* @__PURE__ */ g("span", { children: [
+      typeof e.rank == "number" && /* @__PURE__ */ x(Q, { children: [
+        /* @__PURE__ */ f("strong", { children: "Priority:" }),
+        /* @__PURE__ */ x("span", { children: [
           e.rank,
           " (higher = preferred)"
         ] })
       ] }),
-      e.component && /* @__PURE__ */ g(Q, { children: [
-        /* @__PURE__ */ l("strong", { children: "Component:" }),
-        /* @__PURE__ */ l("span", { children: e.component })
+      e.component && /* @__PURE__ */ x(Q, { children: [
+        /* @__PURE__ */ f("strong", { children: "Component:" }),
+        /* @__PURE__ */ f("span", { children: e.component })
       ] }),
-      f && u.map((d) => {
-        const c = f[d];
+      l && u.map((d) => {
+        const c = l[d];
         if (c == null)
           return null;
-        const x = d.replace(/([A-Z])/g, " $1").replace(/^./, (b) => b.toUpperCase()).trim();
-        return /* @__PURE__ */ g(Q, { children: [
-          /* @__PURE__ */ g("strong", { children: [
-            x,
+        const h = d.replace(/([A-Z])/g, " $1").replace(/^./, (y) => y.toUpperCase()).trim();
+        return /* @__PURE__ */ x(Q, { children: [
+          /* @__PURE__ */ x("strong", { children: [
+            h,
             ":"
           ] }),
-          /* @__PURE__ */ l("span", { children: String(c) })
+          /* @__PURE__ */ f("span", { children: String(c) })
         ] }, d);
       }),
-      !i && /* @__PURE__ */ l(xr, { children: "No UI component (data/utility plugin)" }),
-      s.length > 0 && /* @__PURE__ */ l(yr, { children: s.map((d) => /* @__PURE__ */ l(br, { children: d }, d)) }),
-      a.length > 0 && /* @__PURE__ */ l(vr, { children: a.map((d, c) => /* @__PURE__ */ g(Er, { type: d.type, children: [
-        /* @__PURE__ */ l(wr, { type: d.type }),
-        /* @__PURE__ */ l(Cr, { children: d.message })
+      !i && /* @__PURE__ */ f(xr, { children: "No UI component (data/utility plugin)" }),
+      s.length > 0 && /* @__PURE__ */ f(yr, { children: s.map((d) => /* @__PURE__ */ f(br, { children: d }, d)) }),
+      a.length > 0 && /* @__PURE__ */ f(vr, { children: a.map((d, c) => /* @__PURE__ */ x(Er, { type: d.type, children: [
+        /* @__PURE__ */ f(wr, { type: d.type }),
+        /* @__PURE__ */ f(Sr, { children: d.message })
       ] }, c)) })
     ] })
   ] });
-}, $r = h.div`
+}, $r = m.div`
   padding: 12px 16px;
   border-bottom: 1px solid #e1e5e9;
   background: #f9f9f9;
   font-size: 12px;
   flex-shrink: 0; /* Prevent from shrinking */
-`, Rr = h.div`
+`, Rr = m.div`
   font-weight: 600;
   margin-bottom: 8px;
   color: #24292f;
-`, Xe = h.div`
+`, Xe = m.div`
   display: flex;
   gap: 12px;
   align-items: center;
@@ -1607,11 +1603,11 @@ const kr = ({
   &:not(:last-child) {
     margin-bottom: 4px;
   }
-`, ee = h.div`
+`, ee = m.div`
   display: flex;
   align-items: center;
   gap: 4px;
-`, _r = h.div`
+`, _r = m.div`
   display: inline-block;
   width: 8px;
   height: 8px;
@@ -1630,7 +1626,7 @@ const kr = ({
       return "background: #656d76;";
   }
 }}
-`, Ee = h.span`
+`, Ee = m.span`
   display: inline-block;
   padding: 2px 6px;
   border-radius: 12px;
@@ -1649,7 +1645,7 @@ const kr = ({
       return "background: #f6f8fa; color: #656d76;";
   }
 }}
-`, Tr = h.button`
+`, Tr = m.button`
   background: #0969da;
   border: 1px solid #0969da;
   border-radius: 4px;
@@ -1672,13 +1668,13 @@ const kr = ({
   healthStats: e,
   className: t
 }) => {
-  const { extensions: n } = Oe(), {
+  const { extensions: n } = Fe(), {
     totalPlugins: r,
     extensionPointsWithPlugins: i,
     totalExtensionPoints: o,
     simplifiedExtensionPoints: s,
     legacyExtensionPoints: a,
-    deprecatedExtensionPoints: f
+    deprecatedExtensionPoints: l
   } = e, u = () => {
     try {
       const d = Ut.generateFullDocumentation(
@@ -1689,46 +1685,46 @@ const kr = ({
           includeLegacyExtensions: !0,
           includePluginHealth: !0
         }
-      ), c = new Blob([d.content], { type: "text/markdown" }), x = URL.createObjectURL(c), b = document.createElement("a");
-      b.href = x, b.download = `kos-extension-points-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.md`, document.body.appendChild(b), b.click(), document.body.removeChild(b), URL.revokeObjectURL(x);
+      ), c = new Blob([d.content], { type: "text/markdown" }), h = URL.createObjectURL(c), y = document.createElement("a");
+      y.href = h, y.download = `kos-extension-points-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.md`, document.body.appendChild(y), y.click(), document.body.removeChild(y), URL.revokeObjectURL(h);
     } catch (d) {
       console.error("Failed to generate documentation:", d);
     }
   };
-  return /* @__PURE__ */ g($r, { className: t, children: [
-    /* @__PURE__ */ l(Rr, { children: "System Health" }),
-    /* @__PURE__ */ g(Xe, { children: [
-      /* @__PURE__ */ g(ee, { children: [
-        /* @__PURE__ */ l(_r, { status: "healthy" }),
-        /* @__PURE__ */ g("span", { children: [
+  return /* @__PURE__ */ x($r, { className: t, children: [
+    /* @__PURE__ */ f(Rr, { children: "System Health" }),
+    /* @__PURE__ */ x(Xe, { children: [
+      /* @__PURE__ */ x(ee, { children: [
+        /* @__PURE__ */ f(_r, { status: "healthy" }),
+        /* @__PURE__ */ x("span", { children: [
           r,
           " plugins"
         ] })
       ] }),
-      /* @__PURE__ */ l(ee, { children: /* @__PURE__ */ g("span", { children: [
+      /* @__PURE__ */ f(ee, { children: /* @__PURE__ */ x("span", { children: [
         i,
         "/",
         o,
         " active"
       ] }) })
     ] }),
-    /* @__PURE__ */ g(Xe, { children: [
-      /* @__PURE__ */ g(ee, { children: [
-        /* @__PURE__ */ l(Ee, { variant: "simplified", children: s }),
-        /* @__PURE__ */ l("span", { children: "simplified" })
+    /* @__PURE__ */ x(Xe, { children: [
+      /* @__PURE__ */ x(ee, { children: [
+        /* @__PURE__ */ f(Ee, { variant: "simplified", children: s }),
+        /* @__PURE__ */ f("span", { children: "simplified" })
       ] }),
-      /* @__PURE__ */ g(ee, { children: [
-        /* @__PURE__ */ l(Ee, { variant: "legacy", children: a }),
-        /* @__PURE__ */ l("span", { children: "legacy" })
+      /* @__PURE__ */ x(ee, { children: [
+        /* @__PURE__ */ f(Ee, { variant: "legacy", children: a }),
+        /* @__PURE__ */ f("span", { children: "legacy" })
       ] }),
-      f > 0 && /* @__PURE__ */ g(ee, { children: [
-        /* @__PURE__ */ l(Ee, { variant: "deprecated", children: f }),
-        /* @__PURE__ */ l("span", { children: "deprecated" })
+      l > 0 && /* @__PURE__ */ x(ee, { children: [
+        /* @__PURE__ */ f(Ee, { variant: "deprecated", children: l }),
+        /* @__PURE__ */ f("span", { children: "deprecated" })
       ] })
     ] }),
-    /* @__PURE__ */ l(Tr, { onClick: u, children: "Export Documentation" })
+    /* @__PURE__ */ f(Tr, { onClick: u, children: "Export Documentation" })
   ] });
-}, we = h.div`
+}, we = m.div`
   display: flex;
   width: 100%;
   height: 100%;
@@ -1740,7 +1736,7 @@ const kr = ({
     sans-serif;
   background: white;
   container-type: inline-size; /* Enable container queries */
-`, Ar = h.div`
+`, Ar = m.div`
   flex: 0 0 35%; /* Take 35% of container width */
   min-width: 280px; /* Minimum usable width */
   max-width: 400px; /* Maximum width to prevent too wide */
@@ -1755,7 +1751,7 @@ const kr = ({
     max-width: 100%;
     border-right: none;
   }
-`, Nr = h.div`
+`, zr = m.div`
   flex: 1;
   min-width: 0; /* Allows flex child to shrink below content size */
   display: flex;
@@ -1766,29 +1762,29 @@ const kr = ({
   @media (max-width: 768px) {
     display: none; /* We'll add mobile navigation later if needed */
   }
-`, zr = h.div`
+`, Nr = m.div`
   padding: 16px;
   border-bottom: 1px solid #e1e5e9;
   background: #f6f8fa;
-`, Or = h.h4`
+`, Fr = m.h4`
   margin: 0 0 8px 0;
   font-size: 16px;
   font-weight: 600;
   color: #24292f;
-`, Fr = h.p`
+`, Lr = m.p`
   margin: 0;
   font-size: 14px;
   color: #656d76;
-`, Lr = h.div`
+`, Or = m.div`
   flex: 1;
   padding: 16px;
   overflow-y: auto;
-`, Dr = h.div`
+`, Dr = m.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
   margin-bottom: 24px;
-`, de = h.div`
+`, de = m.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1796,24 +1792,24 @@ const kr = ({
   height: 100%;
   color: #656d76;
   text-align: center;
-`, Ir = h.div`
+`, Ir = m.div`
   margin-top: 16px;
   padding-top: 16px;
   border-top: 1px solid #e1e5e9;
-`, Vr = h.h5`
+`, Vr = m.h5`
   margin: 0 0 8px 0;
   font-size: 14px;
   font-weight: 600;
   color: #24292f;
-`, jr = h.div`
+`, jr = m.div`
   display: grid;
   grid-template-columns: auto 1fr;
   gap: 8px 16px;
   font-size: 12px;
-`, H = h.div`
+`, H = m.div`
   color: #656d76;
   font-weight: 500;
-`, U = h.div`
+`, U = m.div`
   color: #24292f;
 `, Br = ({
   className: e,
@@ -1822,40 +1818,40 @@ const kr = ({
 }) => {
   const [r, i] = B(
     null
-  ), [o, s] = B(n), { filteredExtensionPoints: a, healthStats: f, isLoading: u, error: d } = dr(o, {
+  ), [o, s] = B(n), { filteredExtensionPoints: a, healthStats: l, isLoading: u, error: d } = dr(o, {
     includeLegacyExtensions: t
   }), c = a.find(
-    (y) => y.id === r
-  ), x = (y) => {
-    i(y);
-  }, b = (y) => {
-    s(y);
+    (b) => b.id === r
+  ), h = (b) => {
+    i(b);
+  }, y = (b) => {
+    s(b);
   };
-  return d ? /* @__PURE__ */ l(we, { className: e, children: /* @__PURE__ */ l(de, { children: /* @__PURE__ */ g("div", { children: [
+  return d ? /* @__PURE__ */ f(we, { className: e, children: /* @__PURE__ */ f(de, { children: /* @__PURE__ */ x("div", { children: [
     "Error loading plugins: ",
     d.message
-  ] }) }) }) : u ? /* @__PURE__ */ l(we, { className: e, children: /* @__PURE__ */ l(de, { children: /* @__PURE__ */ l("div", { children: "Loading plugins..." }) }) }) : /* @__PURE__ */ g(we, { className: e, children: [
-    /* @__PURE__ */ g(Ar, { children: [
-      /* @__PURE__ */ l(Mr, { healthStats: f }),
-      /* @__PURE__ */ l(
+  ] }) }) }) : u ? /* @__PURE__ */ f(we, { className: e, children: /* @__PURE__ */ f(de, { children: /* @__PURE__ */ f("div", { children: "Loading plugins..." }) }) }) : /* @__PURE__ */ x(we, { className: e, children: [
+    /* @__PURE__ */ x(Ar, { children: [
+      /* @__PURE__ */ f(Mr, { healthStats: l }),
+      /* @__PURE__ */ f(
         lr,
         {
           extensionPoints: a,
           selectedExtensionId: r,
-          onExtensionSelect: x,
+          onExtensionSelect: h,
           searchTerm: o,
-          onSearchChange: b
+          onSearchChange: y
         }
       )
     ] }),
-    /* @__PURE__ */ l(Nr, { children: c ? /* @__PURE__ */ g(K, { children: [
-      /* @__PURE__ */ g(zr, { children: [
-        /* @__PURE__ */ l(Or, { children: c.displayName || c.id }),
-        c.description && /* @__PURE__ */ l(Fr, { children: c.description })
+    /* @__PURE__ */ f(zr, { children: c ? /* @__PURE__ */ x(K, { children: [
+      /* @__PURE__ */ x(Nr, { children: [
+        /* @__PURE__ */ f(Fr, { children: c.displayName || c.id }),
+        c.description && /* @__PURE__ */ f(Lr, { children: c.description })
       ] }),
-      /* @__PURE__ */ g(Lr, { children: [
-        c.plugins.length > 0 ? /* @__PURE__ */ g(K, { children: [
-          /* @__PURE__ */ g(
+      /* @__PURE__ */ x(Or, { children: [
+        c.plugins.length > 0 ? /* @__PURE__ */ x(K, { children: [
+          /* @__PURE__ */ x(
             "h5",
             {
               style: {
@@ -1870,17 +1866,17 @@ const kr = ({
               ]
             }
           ),
-          /* @__PURE__ */ l(Dr, { children: c.plugins.map((y) => /* @__PURE__ */ l(
+          /* @__PURE__ */ f(Dr, { children: c.plugins.map((b) => /* @__PURE__ */ f(
             kr,
             {
-              plugin: y,
+              plugin: b,
               extensionPointId: c.id
             },
-            y.id
+            b.id
           )) })
-        ] }) : /* @__PURE__ */ g(de, { children: [
-          /* @__PURE__ */ l("div", { style: { fontSize: "48px", marginBottom: "12px" }, children: "🔌" }),
-          /* @__PURE__ */ l(
+        ] }) : /* @__PURE__ */ x(de, { children: [
+          /* @__PURE__ */ f("div", { style: { fontSize: "48px", marginBottom: "12px" }, children: "🔌" }),
+          /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -1891,47 +1887,47 @@ const kr = ({
               children: "No plugins registered"
             }
           ),
-          /* @__PURE__ */ l("div", { style: { fontSize: "14px" }, children: "This extension point is available but no plugins are currently contributing to it." })
+          /* @__PURE__ */ f("div", { style: { fontSize: "14px" }, children: "This extension point is available but no plugins are currently contributing to it." })
         ] }),
-        c.metadata && /* @__PURE__ */ g(Ir, { children: [
-          /* @__PURE__ */ l(Vr, { children: "Extension Point Details" }),
-          /* @__PURE__ */ g(jr, { children: [
-            /* @__PURE__ */ l(H, { children: "ID:" }),
-            /* @__PURE__ */ l(U, { children: c.id }),
-            /* @__PURE__ */ l(H, { children: "Source:" }),
-            /* @__PURE__ */ l(U, { children: c.source }),
-            c.metadata.category && /* @__PURE__ */ g(K, { children: [
-              /* @__PURE__ */ l(H, { children: "Category:" }),
-              /* @__PURE__ */ l(U, { children: c.metadata.category })
+        c.metadata && /* @__PURE__ */ x(Ir, { children: [
+          /* @__PURE__ */ f(Vr, { children: "Extension Point Details" }),
+          /* @__PURE__ */ x(jr, { children: [
+            /* @__PURE__ */ f(H, { children: "ID:" }),
+            /* @__PURE__ */ f(U, { children: c.id }),
+            /* @__PURE__ */ f(H, { children: "Source:" }),
+            /* @__PURE__ */ f(U, { children: c.source }),
+            c.metadata.category && /* @__PURE__ */ x(K, { children: [
+              /* @__PURE__ */ f(H, { children: "Category:" }),
+              /* @__PURE__ */ f(U, { children: c.metadata.category })
             ] }),
-            c.metadata.owner && /* @__PURE__ */ g(K, { children: [
-              /* @__PURE__ */ l(H, { children: "Owner:" }),
-              /* @__PURE__ */ l(U, { children: c.metadata.owner })
+            c.metadata.owner && /* @__PURE__ */ x(K, { children: [
+              /* @__PURE__ */ f(H, { children: "Owner:" }),
+              /* @__PURE__ */ f(U, { children: c.metadata.owner })
             ] }),
-            c.metadata.since && /* @__PURE__ */ g(K, { children: [
-              /* @__PURE__ */ l(H, { children: "Since:" }),
-              /* @__PURE__ */ l(U, { children: c.metadata.since })
+            c.metadata.since && /* @__PURE__ */ x(K, { children: [
+              /* @__PURE__ */ f(H, { children: "Since:" }),
+              /* @__PURE__ */ f(U, { children: c.metadata.since })
             ] }),
-            c.metadata.tags && c.metadata.tags.length > 0 && /* @__PURE__ */ g(K, { children: [
-              /* @__PURE__ */ l(H, { children: "Tags:" }),
-              /* @__PURE__ */ l(U, { children: c.metadata.tags.join(", ") })
+            c.metadata.tags && c.metadata.tags.length > 0 && /* @__PURE__ */ x(K, { children: [
+              /* @__PURE__ */ f(H, { children: "Tags:" }),
+              /* @__PURE__ */ f(U, { children: c.metadata.tags.join(", ") })
             ] })
           ] })
         ] })
       ] })
-    ] }) : /* @__PURE__ */ g(de, { children: [
-      /* @__PURE__ */ l("div", { style: { fontSize: "48px", marginBottom: "12px" }, children: "🔍" }),
-      /* @__PURE__ */ l(
+    ] }) : /* @__PURE__ */ x(de, { children: [
+      /* @__PURE__ */ f("div", { style: { fontSize: "48px", marginBottom: "12px" }, children: "🔍" }),
+      /* @__PURE__ */ f(
         "div",
         {
           style: { fontSize: "16px", fontWeight: 500, marginBottom: "8px" },
           children: "Select an extension point"
         }
       ),
-      /* @__PURE__ */ l("div", { style: { fontSize: "14px" }, children: "Choose an extension point from the sidebar to view its plugins and details." })
+      /* @__PURE__ */ f("div", { style: { fontSize: "14px" }, children: "Choose an extension point from the sidebar to view its plugins and details." })
     ] }) })
   ] });
-}, Kr = h.div`
+}, Kr = m.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -1944,7 +1940,7 @@ const kr = ({
   justify-content: center;
   padding: 20px;
   box-sizing: border-box;
-`, Yr = h.div`
+`, Yr = m.div`
   background: white;
   border-radius: 12px;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
@@ -1954,19 +1950,19 @@ const kr = ({
   position: relative;
   display: flex;
   flex-direction: column;
-`, Wr = h.div`
+`, Wr = m.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 16px 20px;
   border-bottom: 1px solid #e1e5e9;
   background: #f6f8fa;
-`, Hr = h.h3`
+`, Hr = m.h3`
   margin: 0;
   font-size: 18px;
   font-weight: 600;
   color: #24292f;
-`, Ur = h.button`
+`, Ur = m.button`
   background: none;
   border: none;
   font-size: 20px;
@@ -1979,7 +1975,7 @@ const kr = ({
     background: #f0f0f0;
     color: #24292f;
   }
-`, Gr = h.button`
+`, Gr = m.button`
   position: fixed;
   ${(e) => {
   switch (e.position) {
@@ -2020,7 +2016,7 @@ const kr = ({
   &:active {
     transform: scale(0.95);
   }
-`, qr = h.div`
+`, qr = m.div`
   font-size: 12px;
   color: #656d76;
   margin-left: 8px;
@@ -2032,35 +2028,35 @@ const kr = ({
 }) => {
   const [i, o] = B(!1);
   W(() => {
-    const f = (u) => {
-      const c = e.toLowerCase().split("+").map((y) => y.trim());
-      let x = !0;
-      c.includes("ctrl") && !u.ctrlKey && (x = !1), c.includes("shift") && !u.shiftKey && (x = !1), c.includes("alt") && !u.altKey && (x = !1), c.includes("meta") && !u.metaKey && (x = !1);
-      const b = c.find(
-        (y) => !["ctrl", "shift", "alt", "meta"].includes(y)
+    const l = (u) => {
+      const c = e.toLowerCase().split("+").map((b) => b.trim());
+      let h = !0;
+      c.includes("ctrl") && !u.ctrlKey && (h = !1), c.includes("shift") && !u.shiftKey && (h = !1), c.includes("alt") && !u.altKey && (h = !1), c.includes("meta") && !u.metaKey && (h = !1);
+      const y = c.find(
+        (b) => !["ctrl", "shift", "alt", "meta"].includes(b)
       );
-      b && u.key.toLowerCase() !== b.toLowerCase() && (x = !1), x && (u.preventDefault(), o((y) => !y));
+      y && u.key.toLowerCase() !== y.toLowerCase() && (h = !1), h && (u.preventDefault(), o((b) => !b));
     };
-    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
   }, [e]), W(() => {
-    const f = (u) => {
+    const l = (u) => {
       u.key === "Escape" && i && o(!1);
     };
-    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
   }, [i]);
   const s = () => {
-    o((f) => !f);
-  }, a = (f) => {
-    f.target === f.currentTarget && o(!1);
+    o((l) => !l);
+  }, a = (l) => {
+    l.target === l.currentTarget && o(!1);
   };
-  return process.env.NODE_ENV !== "development" ? null : /* @__PURE__ */ g(K, { children: [
-    t && /* @__PURE__ */ l(
+  return process.env.NODE_ENV !== "development" ? null : /* @__PURE__ */ x(K, { children: [
+    t && /* @__PURE__ */ f(
       Gr,
       {
         position: n,
         onClick: s,
         title: `Plugin Explorer (${e})`,
-        children: /* @__PURE__ */ l(
+        children: /* @__PURE__ */ f(
           "svg",
           {
             fill: "#ffffff",
@@ -2071,7 +2067,7 @@ const kr = ({
             xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 512 512",
             style: { display: "block" },
-            children: /* @__PURE__ */ l("g", { children: /* @__PURE__ */ l(
+            children: /* @__PURE__ */ f("g", { children: /* @__PURE__ */ f(
               "path",
               {
                 fill: "#ffffff",
@@ -2093,18 +2089,18 @@ const kr = ({
         )
       }
     ),
-    /* @__PURE__ */ l(Kr, { visible: i, onClick: a, children: /* @__PURE__ */ g(Yr, { children: [
-      /* @__PURE__ */ g(Wr, { children: [
-        /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center" }, children: [
-          /* @__PURE__ */ l(Hr, { children: "KOS Plugin Explorer" }),
-          /* @__PURE__ */ g(qr, { children: [
+    /* @__PURE__ */ f(Kr, { visible: i, onClick: a, children: /* @__PURE__ */ x(Yr, { children: [
+      /* @__PURE__ */ x(Wr, { children: [
+        /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center" }, children: [
+          /* @__PURE__ */ f(Hr, { children: "KOS Plugin Explorer" }),
+          /* @__PURE__ */ x(qr, { children: [
             e,
             " to toggle"
           ] })
         ] }),
-        /* @__PURE__ */ l(Ur, { onClick: () => o(!1), "aria-label": "Close", children: "×" })
+        /* @__PURE__ */ f(Ur, { onClick: () => o(!1), "aria-label": "Close", children: "×" })
       ] }),
-      /* @__PURE__ */ l(Br, { ...r })
+      /* @__PURE__ */ f(Br, { ...r })
     ] }) })
   ] });
 };
@@ -2118,15 +2114,19 @@ function oi(e) {
         fallback: i,
         fallbackOnDisabled: o,
         autoSwitchOnDisabled: s,
-        ...a
+        waitForLoad: a,
+        onLoadingChange: l,
+        ...u
       } = n;
-      return Y.createElement(ze, {
+      return Y.createElement(Ne, {
         extension: e.id,
         module: r,
         fallback: i,
         fallbackOnDisabled: o,
         autoSwitchOnDisabled: s,
-        props: a
+        waitForLoad: a,
+        onLoadingChange: l,
+        props: u
       });
     };
     return t.displayName = `${e.config.displayName || e.id}.Component`, t;
@@ -2141,15 +2141,19 @@ function si(e) {
       fallback: i,
       fallbackOnDisabled: o,
       autoSwitchOnDisabled: s,
-      ...a
+      waitForLoad: a,
+      onLoadingChange: l,
+      ...u
     } = n;
-    return Y.createElement(ze, {
+    return Y.createElement(Ne, {
       extension: e.id,
       module: r,
       fallback: i,
       fallbackOnDisabled: o,
       autoSwitchOnDisabled: s,
-      props: a
+      waitForLoad: a,
+      onLoadingChange: l,
+      props: u
     });
   };
   return t.displayName = `${e.config.displayName || e.id}.Component`, t;
@@ -2166,16 +2170,20 @@ function Zr(e) {
         module: o,
         fallback: s,
         fallbackOnDisabled: a,
-        autoSwitchOnDisabled: f,
-        ...u
+        autoSwitchOnDisabled: l,
+        waitForLoad: u,
+        onLoadingChange: d,
+        ...c
       } = i;
-      return Y.createElement(ze, {
+      return Y.createElement(Ne, {
         extension: e,
         module: o,
         fallback: s,
         fallbackOnDisabled: a,
-        autoSwitchOnDisabled: f,
-        props: u
+        autoSwitchOnDisabled: l,
+        waitForLoad: u,
+        onLoadingChange: d,
+        props: c
       });
     };
     return r.displayName = `${n.config.displayName || e}.Component`, r;
@@ -2190,7 +2198,7 @@ function X(e) {
       autoResolve: !1
     }
   );
-  return L(() => {
+  return O(() => {
     if (typeof e == "object" && e.id) {
       const r = e;
       if (r.getExtensions) {
@@ -2207,8 +2215,8 @@ function X(e) {
   }, [e, n]);
 }
 function ai(e, t) {
-  const { extensions: n } = Oe(), r = X(e);
-  return L(() => {
+  const { extensions: n } = Fe(), r = X(e);
+  return O(() => {
     if (!r || r.length === 0)
       return null;
     if (t != null && t.customRanker)
@@ -2218,8 +2226,8 @@ function ai(e, t) {
       if (t.propertyMatches && (a = a.filter(
         (u) => Object.entries(t.propertyMatches).every(
           ([d, c]) => {
-            var x;
-            return ((x = u.data) == null ? void 0 : x[d]) === c;
+            var h;
+            return ((h = u.data) == null ? void 0 : h[d]) === c;
           }
         )
       )), t.preferredModule) {
@@ -2229,8 +2237,8 @@ function ai(e, t) {
         if (u)
           return u;
       }
-      const f = a.reduce((u, d) => (u[d.id] = d, u), {});
-      return ne(f);
+      const l = a.reduce((u, d) => (u[d.id] = d, u), {});
+      return ne(l);
     }
     const i = typeof e == "string" ? e : e.id, o = (n == null ? void 0 : n[i]) || {};
     return ne(o, t == null ? void 0 : t.preferredModule);
@@ -2244,19 +2252,19 @@ function li(e) {
 }
 function di(e, t) {
   const n = X(e);
-  return L(() => {
+  return O(() => {
     let r = n.filter(t.filter);
     return t.sort && (r = r.sort(t.sort)), r;
   }, [n, t.filter, t.sort]);
 }
 function fi(e, t) {
-  const n = X(e), [r, i] = B(/* @__PURE__ */ new Map()), o = L(
+  const n = X(e), [r, i] = B(/* @__PURE__ */ new Map()), o = O(
     () => t != null && t.filter ? n.filter(t.filter) : n,
     [n, t == null ? void 0 : t.filter]
   ), s = (t == null ? void 0 : t.moduleProperty) || "module";
   return W(() => {
     (async () => {
-      var f;
+      var l;
       for (const u of o) {
         const d = u.id;
         if (!r.has(d)) {
@@ -2268,54 +2276,54 @@ function fi(e, t) {
             })
           );
           try {
-            const c = ((f = u.data) == null ? void 0 : f[s]) || u[s] || `./${u.id}`, x = u.remote;
-            if (!x)
+            const c = ((l = u.data) == null ? void 0 : l[s]) || u[s] || `./${u.id}`, h = u.remote;
+            if (!h)
               throw new Error(`No remote specified for extension ${d}`);
-            const { loadRemoteModule: b } = await import("./documentation-generator-Di4c9D9P.js").then((v) => v.i), y = await b(x, c);
+            const { loadRemoteModule: y } = await import("./documentation-generator-Di4c9D9P.js").then((v) => v.i), b = await y(h, c);
             i(
               (v) => new Map(v).set(d, {
-                module: y,
+                module: b,
                 loading: !1,
                 error: null
               })
             );
           } catch (c) {
-            const x = c instanceof Error ? c.message : "Unknown error";
+            const h = c instanceof Error ? c.message : "Unknown error";
             i(
-              (b) => new Map(b).set(d, {
+              (y) => new Map(y).set(d, {
                 module: null,
                 loading: !1,
-                error: x
+                error: h
               })
             );
           }
         }
       }
     })();
-  }, [o, s, r]), L(
+  }, [o, s, r]), O(
     () => o.map((a) => {
-      const f = r.get(a.id) || {
+      const l = r.get(a.id) || {
         module: null,
         loading: !0,
         error: null
       };
       return {
         extension: a,
-        module: f.module,
-        loading: f.loading,
-        error: f.error
+        module: l.module,
+        loading: l.loading,
+        error: l.error
       };
     }),
     [o, r]
   );
 }
 function ui(e, t) {
-  const n = X(e), r = Zr(e), i = (t == null ? void 0 : t.namespaceProperty) || "namespace", o = L(() => {
-    const f = n.map((u) => {
+  const n = X(e), r = Zr(e), i = (t == null ? void 0 : t.namespaceProperty) || "namespace", o = O(() => {
+    const l = n.map((u) => {
       var d;
       return (d = u.data) == null ? void 0 : d[i];
     }).filter(Boolean);
-    return Array.from(new Set(f));
+    return Array.from(new Set(l));
   }, [n, i]), { t: s, i18n: a } = Gt(o);
   return {
     extensions: n,
@@ -2327,7 +2335,7 @@ function ui(e, t) {
 }
 export {
   mi as ContributionRegistry,
-  ze as DynamicComponent,
+  Ne as DynamicComponent,
   lr as ExtensionPointList,
   ii as FloatingPluginExplorer,
   ni as KosPluginProvider,
@@ -2357,7 +2365,7 @@ export {
   dr as useFilteredExtensionPoints,
   di as useFilteredExtensions,
   ci as useHasExtensions,
-  Oe as useKosPluginsContext,
+  Fe as useKosPluginsContext,
   fi as useModules,
   xt as usePluginDiscovery,
   Gn as useReactiveExtensionRegistry,