@wsxjs/wsx-base-components 0.0.23 → 0.0.24

package/dist/index.js

@@ -1,40 +1,40 @@
-import { autoRegister as te, WebComponent as Q, jsx as $, LightComponent as _e } from "@wsxjs/wsx-core";
+import { autoRegister as te, WebComponent as J, jsx as $, LightComponent as _e } from "@wsxjs/wsx-core";
 const yt = ':host{position:relative;display:inline-flex;padding:.25em .625em;box-sizing:border-box;vertical-align:middle;line-height:1.8;overflow:hidden;align-items:center;justify-content:center;font-size:14px;color:var(--fontColor, #333);border-radius:var(--borderRadius, .25em);background:var(--fontColor, #333);transition:background .3s,box-shadow .3s,border-color .3s,color .3s}:host([size="xxxs"]){padding:.03125em .0625em;font-size:6px;line-height:1;min-width:10px;min-height:8px;border-radius:1px}:host([size="xxs"]){padding:.0625em .125em;font-size:8px;line-height:1.1;min-width:14px;min-height:12px;border-radius:2px}:host([size="xs"]){padding:.125em .25em;font-size:10px;line-height:1.2;min-width:18px;min-height:16px;border-radius:3px}:host([size="sm"]){padding:.25em .5em;font-size:12px;line-height:1.4;min-width:24px;min-height:20px;border-radius:4px}:host([size="md"]){padding:.375em .75em;font-size:14px;line-height:1.5;min-width:32px;min-height:28px;border-radius:6px}:host([size="lg"]){padding:.5em 1em;font-size:14px;line-height:1.6;min-width:40px;min-height:32px;border-radius:6px}:host([size="xl"]){padding:.625em 1.25em;font-size:16px;line-height:1.6;min-width:48px;min-height:40px;border-radius:8px}:host([shape="circle"]){border-radius:50%}:host([disabled]),:host([loading]){pointer-events:none;opacity:.6}:host([block]){display:flex}:host([disabled]:not([variant])){background:#0000001a}:host([disabled]) .btn,:host([loading]) .btn{cursor:not-allowed;pointer-events:all}:host(:not([variant="primary"]):not([variant="danger"]):not([disabled]):hover),:host(:not([variant="primary"]):not([variant="danger"]):focus-within),:host([variant="flat"][focus]){color:var(--themeColor, #42b983);border-color:var(--themeColor, #42b983)}:host(:not([variant="primary"]):not([variant="danger"])) .btn:after{background-image:radial-gradient(circle,var(--themeColor, #42b983) 10%,transparent 10.01%)}:host([variant="primary"]){color:#fff;background:var(--themeBackground, var(--themeColor, #42b983))}:host([variant="danger"]){color:#fff;background:var(--themeBackground, var(--dangerColor, #ff7875))}:host([variant="dashed"]){border-style:dashed}:host([variant="flat"]),:host([variant="primary"]),:host([variant="danger"]){border:0;padding:calc(.25em + 1px) calc(.625em + 1px)}:host([variant="flat"]) .btn:before{content:"";position:absolute;background:var(--themeColor, #42b983);pointer-events:none;left:0;right:0;top:0;bottom:0;opacity:0;transition:.3s}:host([variant="flat"]:not([disabled]):hover) .btn:before{opacity:.1}:host(:not([disabled]):hover){z-index:1}:host([variant="flat"]:focus-within) .btn:before,:host([variant="flat"][focus]) .btn:before{opacity:.2}.btn{background:none;outline:0;border:0;position:absolute;left:0;top:0;width:100%;height:100%;padding:0;-webkit-user-select:none;user-select:none;cursor:unset}.loading{margin-right:.35em}::-moz-focus-inner{border:0}.btn:before{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;transition:.2s;background:#fff;opacity:0}:host(:not([disabled]):active) .btn:before{opacity:.2}.btn:after{content:"";display:block;position:absolute;width:100%;height:100%;left:var(--x, 0);top:var(--y, 0);pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:translate(-50%,-50%) scale(10);opacity:0;transition:transform .3s,opacity .8s}.btn:not([disabled]):active:after{transform:translate(-50%,-50%) scale(0);opacity:.3;transition:0s}.icon{margin-right:.35em;transition:none}:host(:empty) .icon{margin:auto}:host(:empty){padding:.65em}:host([type="flat"]:empty),:host([type="primary"]:empty){padding:calc(.65em + 1px)}::slotted(.icon){transition:none}:host([href]){cursor:pointer}';
 var Ie;
 let Fe, Le;
 function K(t, e, r) {
   return (e = Re(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function xt(t, e, r, i, S, A) {
+function kt(t, e, r, o, S, A) {
   function b(a, s, c) {
-    return function(o, n) {
-      return c && c(o), a[s].call(o, n);
+    return function(i, n) {
+      return c && c(i), a[s].call(i, n);
     };
   }
-  function O(a, s) {
+  function T(a, s) {
     for (var c = 0; c < a.length; c++) a[c].call(s);
     return s;
   }
-  function y(a, s, c, o) {
-    if (typeof a != "function" && (o || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (o ? "" : " or undefined"));
+  function y(a, s, c, i) {
+    if (typeof a != "function" && (i || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (i ? "" : " or undefined"));
     return a;
   }
-  function D(a, s, c, o, n, u, h, p, x, k, m, d, v) {
-    function T(f) {
+  function D(a, s, c, i, n, d, h, p, k, x, m, u, v) {
+    function O(f) {
       if (!v(f)) throw new TypeError("Attempted to access private element on non-instance");
     }
     var g, _ = s[0], I = s[3], M = !p;
     if (!M) {
       c || Array.isArray(_) || (_ = [_]);
-      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || d ? "set" : "value";
-      k ? (m || d ? l = { get: he(function() {
+      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || u ? "set" : "value";
+      x ? (m || u ? l = { get: he(function() {
         return I(this);
-      }, o, "get"), set: function(f) {
+      }, i, "get"), set: function(f) {
         s[4](this, f);
-      } } : l[E] = I, m || he(l[E], o, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, o));
+      } } : l[E] = I, m || he(l[E], i, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, i));
     }
     for (var w = a, B = _.length - 1; B >= 0; B -= c ? 2 : 1) {
-      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: o, metadata: u, addInitializer: (function(f, N) {
+      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: i, metadata: d, addInitializer: (function(f, N) {
         if (f.v) throw Error("attempted to call addInitializer after decoration was finished");
         y(N, "An initializer", "be", !0), h.push(N);
       }).bind(null, Y) };
@@ -42,17 +42,17 @@ function xt(t, e, r, i, S, A) {
         if (M) (g = y(W.call(G, w, z), "class decorators", "return")) && (w = g);
         else {
           var P, U;
-          z.static = x, z.private = k, k ? n === 2 ? P = function(f) {
-            return T(f), l.value;
-          } : (n < 4 && (P = b(l, "get", T)), n !== 3 && (U = b(l, "set", T))) : (P = function(f) {
-            return f[o];
+          z.static = k, z.private = x, x ? n === 2 ? P = function(f) {
+            return O(f), l.value;
+          } : (n < 4 && (P = b(l, "get", O)), n !== 3 && (U = b(l, "set", O))) : (P = function(f) {
+            return f[i];
           }, (n < 2 || n === 4) && (U = function(f, N) {
-            f[o] = N;
+            f[i] = N;
           }));
-          var V = z.access = { has: k ? v.bind() : function(f) {
-            return o in f;
+          var V = z.access = { has: x ? v.bind() : function(f) {
+            return i in f;
           } };
-          if (P && (V.get = P), U && (V.set = U), w = W.call(G, d ? { get: l.get, set: l.set } : l[E], z), d) {
+          if (P && (V.get = P), U && (V.set = U), w = W.call(G, u ? { get: l.get, set: l.set } : l[E], z), u) {
             if (typeof w == "object" && w) (g = y(w.get, "accessor.get")) && (l.get = g), (g = y(w.set, "accessor.set")) && (l.set = g), (g = y(w.init, "accessor.init")) && R.push(g);
             else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
           } else y(w, (m ? "field" : "method") + " decorators", "return") && (m ? R.push(w) : l[E] = w);
@@ -61,39 +61,39 @@ function xt(t, e, r, i, S, A) {
         Y.v = !0;
       }
     }
-    return (m || d) && p.push(function(f, N) {
+    return (m || u) && p.push(function(f, N) {
       for (var H = R.length - 1; H >= 0; H--) N = R[H].call(f, N);
       return N;
-    }), m || M || (k ? d ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, o, l)), w;
+    }), m || M || (x ? u ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, i, l)), w;
   }
   function F(a, s) {
     return Object.defineProperty(a, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: s });
   }
   if (arguments.length >= 6) var C = A[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var L = Object.create(C ?? null), j = function(a, s, c, o) {
-    var n, u, h = [], p = function(E) {
-      return kt(E) === a;
-    }, x = /* @__PURE__ */ new Map();
-    function k(E) {
-      E && h.push(O.bind(null, E));
+  var L = Object.create(C ?? null), j = function(a, s, c, i) {
+    var n, d, h = [], p = function(E) {
+      return xt(E) === a;
+    }, k = /* @__PURE__ */ new Map();
+    function x(E) {
+      E && h.push(T.bind(null, E));
     }
     for (var m = 0; m < s.length; m++) {
-      var d = s[m];
-      if (Array.isArray(d)) {
-        var v = d[1], T = d[2], g = d.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = T + "/" + I;
+      var u = s[m];
+      if (Array.isArray(u)) {
+        var v = u[1], O = u[2], g = u.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = O + "/" + I;
         if (!M && !g) {
-          var R = x.get(l);
-          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + T);
-          x.set(l, !(v > 2) || v);
+          var R = k.get(l);
+          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + O);
+          k.set(l, !(v > 2) || v);
         }
-        D(I ? a : a.prototype, d, _, g ? "#" + T : Re(T), v, o, I ? u = u || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
+        D(I ? a : a.prototype, u, _, g ? "#" + O : Re(O), v, i, I ? d = d || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
       }
     }
-    return k(n), k(u), h;
+    return x(n), x(d), h;
   }(t, e, S, L);
   return r.length || F(t, L), { e: j, get c() {
     var a = [];
-    return r.length && [F(D(t, [r], i, t.name, 5, L, a), L), O.bind(null, a, t)];
+    return r.length && [F(D(t, [r], o, t.name, 5, L, a), L), T.bind(null, a, t)];
   } };
 }
 function Re(t) {
@@ -104,8 +104,8 @@ function wt(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
-    var i = r.call(t, e);
-    if (typeof i != "object") return i;
+    var o = r.call(t, e);
+    if (typeof o != "object") return o;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(t);
@@ -118,7 +118,7 @@ function he(t, e, r) {
   }
   return t;
 }
-function kt(t) {
+function xt(t) {
   if (Object(t) !== t) throw TypeError("right-hand side of 'in' should be an object, got " + (t !== null ? typeof t : "null"));
   return t;
 }
@@ -126,7 +126,7 @@ Le = [te({
   tagName: "wsx-button"
 })];
 let Et;
-class St extends Q {
+class St extends J {
   static get observedAttributes() {
     return ["disabled", "icon", "loading", "href", "type", "target", "rel", "download", "toggle", "checked", "variant", "shape", "block", "size"];
   }
@@ -136,7 +136,7 @@ class St extends Q {
       ...e
     }), K(this, "_autoStyles", yt), K(this, "disabled", !1), K(this, "loading", !1), K(this, "toggle", !1), K(this, "checked", !1), K(this, "icon", null), K(this, "href", null), K(this, "type", null), K(this, "target", "_blank"), K(this, "rel", null), K(this, "download", null), K(this, "variant", "flat"), K(this, "size", "md"), K(this, "btnElement", void 0), K(this, "iconElement", void 0), K(this, "loadingElement", void 0), K(this, "handleMouseDown", (r) => {
       if (this.disabled) return;
-      const i = this.getBoundingClientRect(), S = r.clientX - i.left, A = r.clientY - i.top;
+      const o = this.getBoundingClientRect(), S = r.clientX - o.left, A = r.clientY - o.top;
       this.style.setProperty("--x", `${S}px`), this.style.setProperty("--y", `${A}px`);
     }), K(this, "handleKeyDown", (r) => {
       (r.code === "Enter" || r.code === "Space") && r.stopPropagation();
@@ -147,10 +147,10 @@ class St extends Q {
   render() {
     const e = !!this.href, r = /* @__PURE__ */ $("a", { href: this.disabled || this.loading ? void 0 : this.href, target: this.target, rel: this.rel || void 0, download: this.download || void 0, className: "btn", onMouseDown: this.handleMouseDown, onKeyDown: this.handleKeyDown, ref: (S) => {
       this.btnElement = S, S && setTimeout(() => this.updateButtonState(), 0);
-    } }, this.renderContent()), i = /* @__PURE__ */ $("button", { type: this.type || "button", disabled: this.disabled, className: "btn", onMouseDown: this.handleMouseDown, onKeyDown: this.handleKeyDown, ref: (S) => {
+    } }, this.renderContent()), o = /* @__PURE__ */ $("button", { type: this.type || "button", disabled: this.disabled, className: "btn", onMouseDown: this.handleMouseDown, onKeyDown: this.handleKeyDown, ref: (S) => {
       this.btnElement = S, S && setTimeout(() => this.updateButtonState(), 0);
     }, "data-wsx-key": "Button-button-text-0" }, this.renderContent());
-    return /* @__PURE__ */ $("div", { className: "wsx-button-container" }, e ? r : i);
+    return /* @__PURE__ */ $("div", { className: "wsx-button-container" }, e ? r : o);
   }
   renderContent() {
     const e = [];
@@ -177,43 +177,43 @@ class St extends Q {
   /**
    * 属性变化处理
    */
-  onAttributeChanged(e, r, i) {
+  onAttributeChanged(e, r, o) {
     switch (e) {
       case "disabled":
-        this.disabled = i !== null, this.rerender();
+        this.disabled = o !== null, this.rerender();
         break;
       case "loading":
-        this.loading = i !== null, this.updateButtonState(), this.rerender();
+        this.loading = o !== null, this.updateButtonState(), this.rerender();
         break;
       case "icon":
-        this.icon = i, this.rerender();
+        this.icon = o, this.rerender();
         break;
       case "href":
-        this.href = i, this.rerender();
+        this.href = o, this.rerender();
         break;
       case "type":
-        this.type = i, this.updateButtonState();
+        this.type = o, this.updateButtonState();
         break;
       case "target":
-        this.target = i || "_blank";
+        this.target = o || "_blank";
         break;
       case "rel":
-        this.rel = i;
+        this.rel = o;
         break;
       case "download":
-        this.download = i;
+        this.download = o;
         break;
       case "toggle":
-        this.toggle = i !== null;
+        this.toggle = o !== null;
         break;
       case "checked":
-        this.checked = i !== null;
+        this.checked = o !== null;
         break;
       case "variant":
-        this.variant = i || "flat";
+        this.variant = o || "flat";
         break;
       case "size":
-        this.size = i || "md";
+        this.size = o || "md";
         break;
     }
   }
@@ -259,7 +259,7 @@ class St extends Q {
   }
 }
 Ie = St;
-[Et, Fe] = xt(Ie, [], Le, 0, void 0, Q).c;
+[Et, Fe] = kt(Ie, [], Le, 0, void 0, J).c;
 Fe();
 const At = ':host{display:inline-flex}::slotted(wsx-button:not(:first-of-type):not(:last-of-type)){border-radius:0}::slotted(wsx-button){margin:0!important}::slotted(wsx-button:not(:first-of-type)){margin-left:-1px!important}::slotted(wsx-button[type]:not([type="dashed"]):not(:first-of-type)){margin-left:1px!important}::slotted(wsx-button:first-of-type){border-top-right-radius:0;border-bottom-right-radius:0}::slotted(wsx-button:last-of-type){border-top-left-radius:0;border-bottom-left-radius:0}';
 var Ne;
@@ -267,36 +267,36 @@ let $e, De;
 function ge(t, e, r) {
   return (e = Me(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function Ot(t, e, r, i, S, A) {
+function Tt(t, e, r, o, S, A) {
   function b(a, s, c) {
-    return function(o, n) {
-      return c && c(o), a[s].call(o, n);
+    return function(i, n) {
+      return c && c(i), a[s].call(i, n);
     };
   }
-  function O(a, s) {
+  function T(a, s) {
     for (var c = 0; c < a.length; c++) a[c].call(s);
     return s;
   }
-  function y(a, s, c, o) {
-    if (typeof a != "function" && (o || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (o ? "" : " or undefined"));
+  function y(a, s, c, i) {
+    if (typeof a != "function" && (i || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (i ? "" : " or undefined"));
     return a;
   }
-  function D(a, s, c, o, n, u, h, p, x, k, m, d, v) {
-    function T(f) {
+  function D(a, s, c, i, n, d, h, p, k, x, m, u, v) {
+    function O(f) {
       if (!v(f)) throw new TypeError("Attempted to access private element on non-instance");
     }
     var g, _ = s[0], I = s[3], M = !p;
     if (!M) {
       c || Array.isArray(_) || (_ = [_]);
-      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || d ? "set" : "value";
-      k ? (m || d ? l = { get: fe(function() {
+      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || u ? "set" : "value";
+      x ? (m || u ? l = { get: fe(function() {
         return I(this);
-      }, o, "get"), set: function(f) {
+      }, i, "get"), set: function(f) {
         s[4](this, f);
-      } } : l[E] = I, m || fe(l[E], o, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, o));
+      } } : l[E] = I, m || fe(l[E], i, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, i));
     }
     for (var w = a, B = _.length - 1; B >= 0; B -= c ? 2 : 1) {
-      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: o, metadata: u, addInitializer: (function(f, N) {
+      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: i, metadata: d, addInitializer: (function(f, N) {
         if (f.v) throw Error("attempted to call addInitializer after decoration was finished");
         y(N, "An initializer", "be", !0), h.push(N);
       }).bind(null, Y) };
@@ -304,17 +304,17 @@ function Ot(t, e, r, i, S, A) {
         if (M) (g = y(W.call(G, w, z), "class decorators", "return")) && (w = g);
         else {
           var P, U;
-          z.static = x, z.private = k, k ? n === 2 ? P = function(f) {
-            return T(f), l.value;
-          } : (n < 4 && (P = b(l, "get", T)), n !== 3 && (U = b(l, "set", T))) : (P = function(f) {
-            return f[o];
+          z.static = k, z.private = x, x ? n === 2 ? P = function(f) {
+            return O(f), l.value;
+          } : (n < 4 && (P = b(l, "get", O)), n !== 3 && (U = b(l, "set", O))) : (P = function(f) {
+            return f[i];
           }, (n < 2 || n === 4) && (U = function(f, N) {
-            f[o] = N;
+            f[i] = N;
           }));
-          var V = z.access = { has: k ? v.bind() : function(f) {
-            return o in f;
+          var V = z.access = { has: x ? v.bind() : function(f) {
+            return i in f;
           } };
-          if (P && (V.get = P), U && (V.set = U), w = W.call(G, d ? { get: l.get, set: l.set } : l[E], z), d) {
+          if (P && (V.get = P), U && (V.set = U), w = W.call(G, u ? { get: l.get, set: l.set } : l[E], z), u) {
             if (typeof w == "object" && w) (g = y(w.get, "accessor.get")) && (l.get = g), (g = y(w.set, "accessor.set")) && (l.set = g), (g = y(w.init, "accessor.init")) && R.push(g);
             else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
           } else y(w, (m ? "field" : "method") + " decorators", "return") && (m ? R.push(w) : l[E] = w);
@@ -323,51 +323,51 @@ function Ot(t, e, r, i, S, A) {
         Y.v = !0;
       }
     }
-    return (m || d) && p.push(function(f, N) {
+    return (m || u) && p.push(function(f, N) {
       for (var H = R.length - 1; H >= 0; H--) N = R[H].call(f, N);
       return N;
-    }), m || M || (k ? d ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, o, l)), w;
+    }), m || M || (x ? u ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, i, l)), w;
   }
   function F(a, s) {
     return Object.defineProperty(a, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: s });
   }
   if (arguments.length >= 6) var C = A[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var L = Object.create(C ?? null), j = function(a, s, c, o) {
-    var n, u, h = [], p = function(E) {
+  var L = Object.create(C ?? null), j = function(a, s, c, i) {
+    var n, d, h = [], p = function(E) {
       return Ct(E) === a;
-    }, x = /* @__PURE__ */ new Map();
-    function k(E) {
-      E && h.push(O.bind(null, E));
+    }, k = /* @__PURE__ */ new Map();
+    function x(E) {
+      E && h.push(T.bind(null, E));
     }
     for (var m = 0; m < s.length; m++) {
-      var d = s[m];
-      if (Array.isArray(d)) {
-        var v = d[1], T = d[2], g = d.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = T + "/" + I;
+      var u = s[m];
+      if (Array.isArray(u)) {
+        var v = u[1], O = u[2], g = u.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = O + "/" + I;
         if (!M && !g) {
-          var R = x.get(l);
-          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + T);
-          x.set(l, !(v > 2) || v);
+          var R = k.get(l);
+          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + O);
+          k.set(l, !(v > 2) || v);
         }
-        D(I ? a : a.prototype, d, _, g ? "#" + T : Me(T), v, o, I ? u = u || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
+        D(I ? a : a.prototype, u, _, g ? "#" + O : Me(O), v, i, I ? d = d || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
       }
     }
-    return k(n), k(u), h;
+    return x(n), x(d), h;
   }(t, e, S, L);
   return r.length || F(t, L), { e: j, get c() {
     var a = [];
-    return r.length && [F(D(t, [r], i, t.name, 5, L, a), L), O.bind(null, a, t)];
+    return r.length && [F(D(t, [r], o, t.name, 5, L, a), L), T.bind(null, a, t)];
   } };
 }
 function Me(t) {
-  var e = Tt(t, "string");
+  var e = Ot(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function Tt(t, e) {
+function Ot(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
-    var i = r.call(t, e);
-    if (typeof i != "object") return i;
+    var o = r.call(t, e);
+    if (typeof o != "object") return o;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(t);
@@ -388,7 +388,7 @@ De = [te({
   tagName: "wsx-button-group"
 })];
 let _t;
-class It extends Q {
+class It extends J {
   static get observedAttributes() {
     return ["disabled"];
   }
@@ -404,10 +404,10 @@ class It extends Q {
   /**
    * 属性变化处理
    */
-  onAttributeChanged(e, r, i) {
+  onAttributeChanged(e, r, o) {
     switch (e) {
       case "disabled":
-        this.disabled = i !== null, setTimeout(() => {
+        this.disabled = o !== null, setTimeout(() => {
           this.updateChildrenDisabledState();
         }, 0);
         break;
@@ -462,9 +462,9 @@ class It extends Q {
   }
 }
 Ne = It;
-[_t, $e] = Ot(Ne, [], De, 0, void 0, Q).c;
+[_t, $e] = Tt(Ne, [], De, 0, void 0, J).c;
 $e();
-var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var ue = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function ze(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -472,24 +472,24 @@ var Pe = { exports: {} };
 (function(t) {
   (function(e, r) {
     t.exports ? t.exports = r() : e.log = r();
-  })(de, function() {
+  })(ue, function() {
     var e = function() {
-    }, r = "undefined", i = typeof window !== r && typeof window.navigator !== r && /Trident\/|MSIE /.test(window.navigator.userAgent), S = [
+    }, r = "undefined", o = typeof window !== r && typeof window.navigator !== r && /Trident\/|MSIE /.test(window.navigator.userAgent), S = [
       "trace",
       "debug",
       "info",
       "warn",
       "error"
     ], A = {}, b = null;
-    function O(s, c) {
-      var o = s[c];
-      if (typeof o.bind == "function")
-        return o.bind(s);
+    function T(s, c) {
+      var i = s[c];
+      if (typeof i.bind == "function")
+        return i.bind(s);
       try {
-        return Function.prototype.bind.call(o, s);
+        return Function.prototype.bind.call(i, s);
       } catch {
         return function() {
-          return Function.prototype.apply.apply(o, [s, arguments]);
+          return Function.prototype.apply.apply(i, [s, arguments]);
         };
       }
     }
@@ -497,12 +497,12 @@ var Pe = { exports: {} };
       console.log && (console.log.apply ? console.log.apply(console, arguments) : Function.prototype.apply.apply(console.log, [console, arguments])), console.trace && console.trace();
     }
     function D(s) {
-      return s === "debug" && (s = "log"), typeof console === r ? !1 : s === "trace" && i ? y : console[s] !== void 0 ? O(console, s) : console.log !== void 0 ? O(console, "log") : e;
+      return s === "debug" && (s = "log"), typeof console === r ? !1 : s === "trace" && o ? y : console[s] !== void 0 ? T(console, s) : console.log !== void 0 ? T(console, "log") : e;
     }
     function F() {
       for (var s = this.getLevel(), c = 0; c < S.length; c++) {
-        var o = S[c];
-        this[o] = c < s ? e : this.methodFactory(o, s, this.name);
+        var i = S[c];
+        this[i] = c < s ? e : this.methodFactory(i, s, this.name);
       }
       if (this.log = this.debug, typeof console === r && s < this.levels.SILENT)
         return "No console available for logging";
@@ -512,14 +512,14 @@ var Pe = { exports: {} };
         typeof console !== r && (F.call(this), this[s].apply(this, arguments));
       };
     }
-    function L(s, c, o) {
+    function L(s, c, i) {
       return D(s) || C.apply(this, arguments);
     }
     function j(s, c) {
-      var o = this, n, u, h, p = "loglevel";
+      var i = this, n, d, h, p = "loglevel";
       typeof s == "string" ? p += ":" + s : typeof s == "symbol" && (p = void 0);
-      function x(T) {
-        var g = (S[T] || "silent").toUpperCase();
+      function k(O) {
+        var g = (S[O] || "silent").toUpperCase();
         if (!(typeof window === r || !p)) {
           try {
             window.localStorage[p] = g;
@@ -532,22 +532,22 @@ var Pe = { exports: {} };
           }
         }
       }
-      function k() {
-        var T;
+      function x() {
+        var O;
         if (!(typeof window === r || !p)) {
           try {
-            T = window.localStorage[p];
+            O = window.localStorage[p];
           } catch {
           }
-          if (typeof T === r)
+          if (typeof O === r)
             try {
               var g = window.document.cookie, _ = encodeURIComponent(p), I = g.indexOf(_ + "=");
-              I !== -1 && (T = /^([^;]+)/.exec(
+              I !== -1 && (O = /^([^;]+)/.exec(
                 g.slice(I + _.length + 1)
               )[1]);
             } catch {
             }
-          return o.levels[T] === void 0 && (T = void 0), T;
+          return i.levels[O] === void 0 && (O = void 0), O;
         }
       }
       function m() {
@@ -562,49 +562,49 @@ var Pe = { exports: {} };
           }
         }
       }
-      function d(T) {
-        var g = T;
-        if (typeof g == "string" && o.levels[g.toUpperCase()] !== void 0 && (g = o.levels[g.toUpperCase()]), typeof g == "number" && g >= 0 && g <= o.levels.SILENT)
+      function u(O) {
+        var g = O;
+        if (typeof g == "string" && i.levels[g.toUpperCase()] !== void 0 && (g = i.levels[g.toUpperCase()]), typeof g == "number" && g >= 0 && g <= i.levels.SILENT)
           return g;
-        throw new TypeError("log.setLevel() called with invalid level: " + T);
+        throw new TypeError("log.setLevel() called with invalid level: " + O);
       }
-      o.name = s, o.levels = {
+      i.name = s, i.levels = {
         TRACE: 0,
         DEBUG: 1,
         INFO: 2,
         WARN: 3,
         ERROR: 4,
         SILENT: 5
-      }, o.methodFactory = c || L, o.getLevel = function() {
-        return h ?? u ?? n;
-      }, o.setLevel = function(T, g) {
-        return h = d(T), g !== !1 && x(h), F.call(o);
-      }, o.setDefaultLevel = function(T) {
-        u = d(T), k() || o.setLevel(T, !1);
-      }, o.resetLevel = function() {
-        h = null, m(), F.call(o);
-      }, o.enableAll = function(T) {
-        o.setLevel(o.levels.TRACE, T);
-      }, o.disableAll = function(T) {
-        o.setLevel(o.levels.SILENT, T);
-      }, o.rebuild = function() {
-        if (b !== o && (n = d(b.getLevel())), F.call(o), b === o)
-          for (var T in A)
-            A[T].rebuild();
-      }, n = d(
+      }, i.methodFactory = c || L, i.getLevel = function() {
+        return h ?? d ?? n;
+      }, i.setLevel = function(O, g) {
+        return h = u(O), g !== !1 && k(h), F.call(i);
+      }, i.setDefaultLevel = function(O) {
+        d = u(O), x() || i.setLevel(O, !1);
+      }, i.resetLevel = function() {
+        h = null, m(), F.call(i);
+      }, i.enableAll = function(O) {
+        i.setLevel(i.levels.TRACE, O);
+      }, i.disableAll = function(O) {
+        i.setLevel(i.levels.SILENT, O);
+      }, i.rebuild = function() {
+        if (b !== i && (n = u(b.getLevel())), F.call(i), b === i)
+          for (var O in A)
+            A[O].rebuild();
+      }, n = u(
         b ? b.getLevel() : "WARN"
       );
-      var v = k();
-      v != null && (h = d(v)), F.call(o);
+      var v = x();
+      v != null && (h = u(v)), F.call(i);
     }
     b = new j(), b.getLogger = function(c) {
       if (typeof c != "symbol" && typeof c != "string" || c === "")
         throw new TypeError("You must supply a name when creating a logger.");
-      var o = A[c];
-      return o || (o = A[c] = new j(
+      var i = A[c];
+      return i || (i = A[c] = new j(
         c,
         b.methodFactory
-      )), o;
+      )), i;
     };
     var a = typeof window !== r ? window.log : void 0;
     return b.noConflict = function() {
@@ -637,8 +637,8 @@ function pe() {
   try {
     const r = globalThis;
     if ((e = (t = r.import) == null ? void 0 : t.meta) != null && e.env) {
-      const i = r.import.meta.env;
-      return i.MODE === "production" || i.PROD === !0;
+      const o = r.import.meta.env;
+      return o.MODE === "production" || o.PROD === !0;
     }
   } catch {
   }
@@ -650,7 +650,7 @@ const ie = {
   pretty: !pe()
 };
 function Nt(t = {}) {
-  const { name: e, level: r } = { ...ie, ...t }, i = e || ie.name, S = Lt.getLogger(i), A = r || ie.level;
+  const { name: e, level: r } = { ...ie, ...t }, o = e || ie.name, S = Lt.getLogger(o), A = r || ie.level;
   return S.setLevel(je[A]), S;
 }
 function re(t, e) {
@@ -662,40 +662,40 @@ class Be {
   }
   debug(e, ...r) {
     if (!this.isProd || this.shouldLog("debug")) {
-      const i = re(this.name, e);
-      r.length > 0 ? this.logInstance.debug(i, ...r) : this.logInstance.debug(i);
+      const o = re(this.name, e);
+      r.length > 0 ? this.logInstance.debug(o, ...r) : this.logInstance.debug(o);
     }
   }
   info(e, ...r) {
     if (this.shouldLog("info")) {
-      const i = re(this.name, e);
-      r.length > 0 ? this.logInstance.info(i, ...r) : this.logInstance.info(i);
+      const o = re(this.name, e);
+      r.length > 0 ? this.logInstance.info(o, ...r) : this.logInstance.info(o);
     }
   }
   warn(e, ...r) {
-    const i = re(this.name, e);
-    r.length > 0 ? this.logInstance.warn(i, ...r) : this.logInstance.warn(i);
+    const o = re(this.name, e);
+    r.length > 0 ? this.logInstance.warn(o, ...r) : this.logInstance.warn(o);
   }
   error(e, ...r) {
-    const i = re(this.name, e);
-    r.length > 0 ? this.logInstance.error(i, ...r) : this.logInstance.error(i);
+    const o = re(this.name, e);
+    r.length > 0 ? this.logInstance.error(o, ...r) : this.logInstance.error(o);
   }
   fatal(e, ...r) {
-    const i = re(this.name, e);
-    r.length > 0 ? this.logInstance.error(`[FATAL] ${i}`, ...r) : this.logInstance.error(`[FATAL] ${i}`);
+    const o = re(this.name, e);
+    r.length > 0 ? this.logInstance.error(`[FATAL] ${o}`, ...r) : this.logInstance.error(`[FATAL] ${o}`);
   }
   trace(e, ...r) {
     if (!this.isProd || this.shouldLog("trace")) {
-      const i = re(this.name, e);
-      r.length > 0 ? this.logInstance.trace(i, ...r) : this.logInstance.trace(i);
+      const o = re(this.name, e);
+      r.length > 0 ? this.logInstance.trace(o, ...r) : this.logInstance.trace(o);
     }
   }
   /**
    * Check if a log level should be logged based on current level
    */
   shouldLog(e) {
-    const r = ["trace", "debug", "info", "warn", "error", "silent"], i = r.indexOf(this.currentLevel);
-    return r.indexOf(e) >= i;
+    const r = ["trace", "debug", "info", "warn", "error", "silent"], o = r.indexOf(this.currentLevel);
+    return r.indexOf(e) >= o;
   }
   /**
    * Get the underlying loglevel logger instance
@@ -753,9 +753,9 @@ function jt(t) {
 }
 function Bt(t, e) {
   let r = null;
-  return (...i) => {
+  return (...o) => {
     r || (r = setTimeout(() => {
-      t(...i), r = null;
+      t(...o), r = null;
     }, e));
   };
 }
@@ -766,39 +766,39 @@ function _r(t, e) {
 const Ir = "ce-inline-toolbar__dropdown", Fr = "ce-conversion-toolbar--showed", Ut = '.color-section{display:inline-block;position:relative}.color-popover{display:inline-block;position:relative;overflow:visible}.color-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #e1e5e9;border-radius:3px;background:var(--theme-color, #000);color:transparent;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.color-btn:hover:not(.disabled){border-color:#3f51b5;box-shadow:0 2px 8px #3f51b54d}.color-btn.disabled{opacity:.5;cursor:not-allowed}.color-indicator{font-size:12px;line-height:1;-webkit-user-select:none;user-select:none}.color-panel{position:absolute;top:100%;left:0;z-index:10000;background:#fff;border:1px solid #e1e5e9;border-radius:6px;box-shadow:0 4px 20px #00000026;padding:8px;margin-top:4px;box-sizing:border-box;transform-origin:top left;animation:colorPanelShow .2s ease-out}@keyframes colorPanelShow{0%{opacity:0;transform:scale(.9) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;min-width:160px}.color-cube{width:20px;height:20px;border:1px solid #e1e5e9;border-radius:3px;cursor:pointer;transition:all .2s ease;box-sizing:border-box;background-color:var(--cube-color, #000)}.color-cube:hover{border-color:#3f51b5;transform:scale(1.1);box-shadow:0 2px 8px #3f51b566;z-index:1}.color-cube:active{transform:scale(.95)}.color-cube.custom-picker{background:linear-gradient(45deg,red,#ff8000,#ff0,#80ff00 42%,#0f0 57%,#00ff80,#0ff 85%,#0080ff);position:relative}.color-cube.custom-picker:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,.8);pointer-events:none}:host([disabled]) .color-btn{opacity:.5;cursor:not-allowed}:host([open]) .color-panel{display:block}:host(:not([open])) .color-panel{display:none}@media (max-width: 768px){.color-panel{position:fixed;top:auto;left:50%;bottom:10px;transform:translate(-50%);width:90vw;max-width:300px}.color-grid{grid-template-columns:repeat(8,1fr);gap:6px}.color-cube{width:24px;height:24px}}@media (prefers-color-scheme: dark){.color-panel{background:#2d2d2d;border-color:#404040;color:#fff}.color-btn,.color-cube{border-color:#404040}}';
 var He;
 let Ge, We;
-function X(t, e, r) {
+function q(t, e, r) {
   return (e = Ve(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function Ht(t, e, r, i, S, A) {
+function Ht(t, e, r, o, S, A) {
   function b(a, s, c) {
-    return function(o, n) {
-      return c && c(o), a[s].call(o, n);
+    return function(i, n) {
+      return c && c(i), a[s].call(i, n);
     };
   }
-  function O(a, s) {
+  function T(a, s) {
     for (var c = 0; c < a.length; c++) a[c].call(s);
     return s;
   }
-  function y(a, s, c, o) {
-    if (typeof a != "function" && (o || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (o ? "" : " or undefined"));
+  function y(a, s, c, i) {
+    if (typeof a != "function" && (i || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (i ? "" : " or undefined"));
     return a;
   }
-  function D(a, s, c, o, n, u, h, p, x, k, m, d, v) {
-    function T(f) {
+  function D(a, s, c, i, n, d, h, p, k, x, m, u, v) {
+    function O(f) {
       if (!v(f)) throw new TypeError("Attempted to access private element on non-instance");
     }
     var g, _ = s[0], I = s[3], M = !p;
     if (!M) {
       c || Array.isArray(_) || (_ = [_]);
-      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || d ? "set" : "value";
-      k ? (m || d ? l = { get: be(function() {
+      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || u ? "set" : "value";
+      x ? (m || u ? l = { get: be(function() {
         return I(this);
-      }, o, "get"), set: function(f) {
+      }, i, "get"), set: function(f) {
         s[4](this, f);
-      } } : l[E] = I, m || be(l[E], o, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, o));
+      } } : l[E] = I, m || be(l[E], i, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, i));
     }
     for (var w = a, B = _.length - 1; B >= 0; B -= c ? 2 : 1) {
-      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: o, metadata: u, addInitializer: (function(f, N) {
+      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: i, metadata: d, addInitializer: (function(f, N) {
         if (f.v) throw Error("attempted to call addInitializer after decoration was finished");
         y(N, "An initializer", "be", !0), h.push(N);
       }).bind(null, Y) };
@@ -806,17 +806,17 @@ function Ht(t, e, r, i, S, A) {
         if (M) (g = y(W.call(G, w, z), "class decorators", "return")) && (w = g);
         else {
           var P, U;
-          z.static = x, z.private = k, k ? n === 2 ? P = function(f) {
-            return T(f), l.value;
-          } : (n < 4 && (P = b(l, "get", T)), n !== 3 && (U = b(l, "set", T))) : (P = function(f) {
-            return f[o];
+          z.static = k, z.private = x, x ? n === 2 ? P = function(f) {
+            return O(f), l.value;
+          } : (n < 4 && (P = b(l, "get", O)), n !== 3 && (U = b(l, "set", O))) : (P = function(f) {
+            return f[i];
           }, (n < 2 || n === 4) && (U = function(f, N) {
-            f[o] = N;
+            f[i] = N;
           }));
-          var V = z.access = { has: k ? v.bind() : function(f) {
-            return o in f;
+          var V = z.access = { has: x ? v.bind() : function(f) {
+            return i in f;
           } };
-          if (P && (V.get = P), U && (V.set = U), w = W.call(G, d ? { get: l.get, set: l.set } : l[E], z), d) {
+          if (P && (V.get = P), U && (V.set = U), w = W.call(G, u ? { get: l.get, set: l.set } : l[E], z), u) {
             if (typeof w == "object" && w) (g = y(w.get, "accessor.get")) && (l.get = g), (g = y(w.set, "accessor.set")) && (l.set = g), (g = y(w.init, "accessor.init")) && R.push(g);
             else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
           } else y(w, (m ? "field" : "method") + " decorators", "return") && (m ? R.push(w) : l[E] = w);
@@ -825,39 +825,39 @@ function Ht(t, e, r, i, S, A) {
         Y.v = !0;
       }
     }
-    return (m || d) && p.push(function(f, N) {
+    return (m || u) && p.push(function(f, N) {
       for (var H = R.length - 1; H >= 0; H--) N = R[H].call(f, N);
       return N;
-    }), m || M || (k ? d ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, o, l)), w;
+    }), m || M || (x ? u ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, i, l)), w;
   }
   function F(a, s) {
     return Object.defineProperty(a, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: s });
   }
   if (arguments.length >= 6) var C = A[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var L = Object.create(C ?? null), j = function(a, s, c, o) {
-    var n, u, h = [], p = function(E) {
+  var L = Object.create(C ?? null), j = function(a, s, c, i) {
+    var n, d, h = [], p = function(E) {
       return Wt(E) === a;
-    }, x = /* @__PURE__ */ new Map();
-    function k(E) {
-      E && h.push(O.bind(null, E));
+    }, k = /* @__PURE__ */ new Map();
+    function x(E) {
+      E && h.push(T.bind(null, E));
     }
     for (var m = 0; m < s.length; m++) {
-      var d = s[m];
-      if (Array.isArray(d)) {
-        var v = d[1], T = d[2], g = d.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = T + "/" + I;
+      var u = s[m];
+      if (Array.isArray(u)) {
+        var v = u[1], O = u[2], g = u.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = O + "/" + I;
         if (!M && !g) {
-          var R = x.get(l);
-          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + T);
-          x.set(l, !(v > 2) || v);
+          var R = k.get(l);
+          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + O);
+          k.set(l, !(v > 2) || v);
         }
-        D(I ? a : a.prototype, d, _, g ? "#" + T : Ve(T), v, o, I ? u = u || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
+        D(I ? a : a.prototype, u, _, g ? "#" + O : Ve(O), v, i, I ? d = d || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
       }
     }
-    return k(n), k(u), h;
+    return x(n), x(d), h;
   }(t, e, S, L);
   return r.length || F(t, L), { e: j, get c() {
     var a = [];
-    return r.length && [F(D(t, [r], i, t.name, 5, L, a), L), O.bind(null, a, t)];
+    return r.length && [F(D(t, [r], o, t.name, 5, L, a), L), T.bind(null, a, t)];
   } };
 }
 function Ve(t) {
@@ -868,8 +868,8 @@ function Gt(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
-    var i = r.call(t, e);
-    if (typeof i != "object") return i;
+    var o = r.call(t, e);
+    if (typeof o != "object") return o;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(t);
@@ -891,7 +891,7 @@ We = [te({
   tagName: "color-picker"
 })];
 let Yt;
-class Kt extends Q {
+class Kt extends J {
   static get observedAttributes() {
     return ["disabled", "selected-color", "open"];
   }
@@ -899,23 +899,23 @@ class Kt extends Q {
     super({
       styleName: "base-color-picker",
       ...e
-    }), X(this, "_autoStyles", Ut), X(this, "colorCollections", void 0), X(this, "onColorPicked", void 0), X(this, "hasCustomPicker", void 0), X(this, "defaultColor", void 0), X(this, "pluginType", void 0), X(this, "disabled", void 0), X(this, "selectedColor", void 0), X(this, "customColor", void 0), X(this, "isOpen", void 0), X(this, "colorBtn", void 0), X(this, "colorPanel", void 0), X(this, "handleButtonClick", (r) => {
+    }), q(this, "_autoStyles", Ut), q(this, "colorCollections", void 0), q(this, "onColorPicked", void 0), q(this, "hasCustomPicker", void 0), q(this, "defaultColor", void 0), q(this, "pluginType", void 0), q(this, "disabled", void 0), q(this, "selectedColor", void 0), q(this, "customColor", void 0), q(this, "isOpen", void 0), q(this, "colorBtn", void 0), q(this, "colorPanel", void 0), q(this, "handleButtonClick", (r) => {
       r.stopPropagation(), this.togglePanel();
-    }), X(this, "handlePanelClick", (r) => {
+    }), q(this, "handlePanelClick", (r) => {
       r.stopPropagation();
-    }), X(this, "handleColorSelect", (r) => {
+    }), q(this, "handleColorSelect", (r) => {
       var S;
-      const i = se(r);
-      this.setSelectedColor(i), this.closePanel(), zt(i, this.pluginType), (S = this.onColorPicked) == null || S.call(this, i), this.dispatchEvent(new CustomEvent("colorchange", {
+      const o = se(r);
+      this.setSelectedColor(o), this.closePanel(), zt(o, this.pluginType), (S = this.onColorPicked) == null || S.call(this, o), this.dispatchEvent(new CustomEvent("colorchange", {
         detail: {
-          color: i
+          color: o
         },
         bubbles: !0,
         composed: !0
       })), oe.debug("Color selected", {
-        color: i
+        color: o
       });
-    }), X(this, "handleCustomPickerClick", () => {
+    }), q(this, "handleCustomPickerClick", () => {
       const r = document.createElement("input");
       r.type = "color", r.value = this.customColor, r.style.cssText = `
             position: fixed;
@@ -923,10 +923,10 @@ class Kt extends Q {
             opacity: 0;
             pointer-events: none;
         `;
-      const i = Bt((S) => {
-        var O;
+      const o = Bt((S) => {
+        var T;
         const A = S.target, b = se(A.value);
-        this.setSelectedColor(b), this.setCustomColor(b), document.body.removeChild(r), (O = this.onColorPicked) == null || O.call(this, b), this.dispatchEvent(new CustomEvent("colorchange", {
+        this.setSelectedColor(b), this.setCustomColor(b), document.body.removeChild(r), (T = this.onColorPicked) == null || T.call(this, b), this.dispatchEvent(new CustomEvent("colorchange", {
           detail: {
             color: b
           },
@@ -936,10 +936,10 @@ class Kt extends Q {
           color: b
         });
       }, 30);
-      r.addEventListener("input", i), document.body.appendChild(r), requestAnimationFrame(() => {
+      r.addEventListener("input", o), document.body.appendChild(r), requestAnimationFrame(() => {
         r.focus(), r.click();
       });
-    }), X(this, "handleDocumentClick", (r) => {
+    }), q(this, "handleDocumentClick", (r) => {
       this.isOpen && !this.contains(r.target) && this.closePanel();
     }), this.colorCollections = e.colorCollections || Vt, this.onColorPicked = e.onColorPicked, this.hasCustomPicker = e.hasCustomPicker || !1, this.pluginType = e.pluginType || "text", this.disabled = e.disabled || !1, this.defaultColor = se(e.defaultColor || this.colorCollections[0]), this.selectedColor = this.defaultColor, this.customColor = jt(this.pluginType) || "", this.isOpen = !1, oe.debug("ColorPicker initialized", {
       colorCollections: this.colorCollections.length,
@@ -1037,16 +1037,16 @@ class Kt extends Q {
   /**
    * 属性变化处理
    */
-  onAttributeChanged(e, r, i) {
+  onAttributeChanged(e, r, o) {
     switch (e) {
       case "disabled":
-        this.disabled = i !== null, this.rerender();
+        this.disabled = o !== null, this.rerender();
         break;
       case "selected-color":
-        i && i !== this.selectedColor && (this.selectedColor = i, this.updateColorButton());
+        o && o !== this.selectedColor && (this.selectedColor = o, this.updateColorButton());
         break;
       case "open":
-        this.isOpen = i !== null;
+        this.isOpen = o !== null;
         break;
     }
   }
@@ -1071,44 +1071,44 @@ class Kt extends Q {
   }
 }
 He = Kt;
-[Yt, Ge] = Ht(He, [], We, 0, void 0, Q).c;
+[Yt, Ge] = Ht(He, [], We, 0, void 0, J).c;
 Ge();
 const Zt = ":host{display:block}.theme-switcher-container{position:relative;display:flex;align-items:center}.theme-switcher-btn{width:var(--theme-switcher-width, 2.5rem);height:var(--theme-switcher-height, 2.5rem);padding:var(--theme-switcher-padding, .5rem);border-radius:var(--theme-switcher-border-radius, 8px);background:var(--theme-switcher-bg, #dc2626);border:var(--theme-switcher-border, none);color:var(--theme-switcher-color, white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--theme-switcher-transition, .3s ease);box-shadow:var(--theme-switcher-shadow, 0 4px 15px rgba(220, 38, 38, .4));font-weight:var(--theme-switcher-font-weight, 600);font-family:var(--theme-switcher-font-family, inherit)}.theme-switcher-btn:hover{background:var(--theme-switcher-hover-bg, #b91c1c);transform:var(--theme-switcher-hover-transform, translateY(-2px));box-shadow:var(--theme-switcher-hover-shadow, 0 8px 25px rgba(220, 38, 38, .5))}.theme-switcher-btn:active{transform:var(--theme-switcher-active-transform, translateY(0))}.theme-switcher-icon{font-size:var(--theme-switcher-icon-size, 1rem);line-height:1;transition:transform var(--theme-switcher-icon-transition, .3s ease)}.theme-switcher-btn:hover .theme-switcher-icon{transform:var(--theme-switcher-icon-hover-transform, rotate(360deg))}.theme-switcher-btn[data-theme=light]{background:var(--theme-switcher-light-bg, #dc2626);color:var(--theme-switcher-light-color, white)}.theme-switcher-btn[data-theme=light]:hover{background:var(--theme-switcher-light-hover-bg, #b91c1c)}.theme-switcher-btn[data-theme=dark]{background:var(--theme-switcher-dark-bg, #dc2626);color:var(--theme-switcher-dark-color, white)}.theme-switcher-btn[data-theme=dark]:hover{background:var(--theme-switcher-dark-hover-bg, #b91c1c)}.theme-switcher-btn[data-theme=auto]{background:var(--theme-switcher-auto-bg, linear-gradient(135deg, #dc2626, #b91c1c));color:var(--theme-switcher-auto-color, white)}.theme-switcher-btn[data-theme=auto]:hover{background:var(--theme-switcher-auto-hover-bg, linear-gradient(135deg, #b91c1c, #991b1b))}@media (max-width: 768px){.theme-switcher-btn{width:var(--theme-switcher-mobile-width, 2rem);height:var(--theme-switcher-mobile-height, 2rem)}.theme-switcher-icon{font-size:var(--theme-switcher-mobile-icon-size, .9rem)}}";
 var Ye;
 let Ke, Ze;
-function ue(t, e, r) {
+function de(t, e, r) {
   return (e = Xe(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function Xt(t, e, r, i, S, A) {
+function Xt(t, e, r, o, S, A) {
   function b(a, s, c) {
-    return function(o, n) {
-      return c && c(o), a[s].call(o, n);
+    return function(i, n) {
+      return c && c(i), a[s].call(i, n);
     };
   }
-  function O(a, s) {
+  function T(a, s) {
     for (var c = 0; c < a.length; c++) a[c].call(s);
     return s;
   }
-  function y(a, s, c, o) {
-    if (typeof a != "function" && (o || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (o ? "" : " or undefined"));
+  function y(a, s, c, i) {
+    if (typeof a != "function" && (i || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (i ? "" : " or undefined"));
     return a;
   }
-  function D(a, s, c, o, n, u, h, p, x, k, m, d, v) {
-    function T(f) {
+  function D(a, s, c, i, n, d, h, p, k, x, m, u, v) {
+    function O(f) {
       if (!v(f)) throw new TypeError("Attempted to access private element on non-instance");
     }
     var g, _ = s[0], I = s[3], M = !p;
     if (!M) {
       c || Array.isArray(_) || (_ = [_]);
-      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || d ? "set" : "value";
-      k ? (m || d ? l = { get: me(function() {
+      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || u ? "set" : "value";
+      x ? (m || u ? l = { get: me(function() {
         return I(this);
-      }, o, "get"), set: function(f) {
+      }, i, "get"), set: function(f) {
         s[4](this, f);
-      } } : l[E] = I, m || me(l[E], o, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, o));
+      } } : l[E] = I, m || me(l[E], i, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, i));
     }
     for (var w = a, B = _.length - 1; B >= 0; B -= c ? 2 : 1) {
-      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: o, metadata: u, addInitializer: (function(f, N) {
+      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: i, metadata: d, addInitializer: (function(f, N) {
         if (f.v) throw Error("attempted to call addInitializer after decoration was finished");
         y(N, "An initializer", "be", !0), h.push(N);
       }).bind(null, Y) };
@@ -1116,17 +1116,17 @@ function Xt(t, e, r, i, S, A) {
         if (M) (g = y(W.call(G, w, z), "class decorators", "return")) && (w = g);
         else {
           var P, U;
-          z.static = x, z.private = k, k ? n === 2 ? P = function(f) {
-            return T(f), l.value;
-          } : (n < 4 && (P = b(l, "get", T)), n !== 3 && (U = b(l, "set", T))) : (P = function(f) {
-            return f[o];
+          z.static = k, z.private = x, x ? n === 2 ? P = function(f) {
+            return O(f), l.value;
+          } : (n < 4 && (P = b(l, "get", O)), n !== 3 && (U = b(l, "set", O))) : (P = function(f) {
+            return f[i];
           }, (n < 2 || n === 4) && (U = function(f, N) {
-            f[o] = N;
+            f[i] = N;
           }));
-          var V = z.access = { has: k ? v.bind() : function(f) {
-            return o in f;
+          var V = z.access = { has: x ? v.bind() : function(f) {
+            return i in f;
           } };
-          if (P && (V.get = P), U && (V.set = U), w = W.call(G, d ? { get: l.get, set: l.set } : l[E], z), d) {
+          if (P && (V.get = P), U && (V.set = U), w = W.call(G, u ? { get: l.get, set: l.set } : l[E], z), u) {
             if (typeof w == "object" && w) (g = y(w.get, "accessor.get")) && (l.get = g), (g = y(w.set, "accessor.set")) && (l.set = g), (g = y(w.init, "accessor.init")) && R.push(g);
             else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
           } else y(w, (m ? "field" : "method") + " decorators", "return") && (m ? R.push(w) : l[E] = w);
@@ -1135,39 +1135,39 @@ function Xt(t, e, r, i, S, A) {
         Y.v = !0;
       }
     }
-    return (m || d) && p.push(function(f, N) {
+    return (m || u) && p.push(function(f, N) {
       for (var H = R.length - 1; H >= 0; H--) N = R[H].call(f, N);
       return N;
-    }), m || M || (k ? d ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, o, l)), w;
+    }), m || M || (x ? u ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, i, l)), w;
   }
   function F(a, s) {
     return Object.defineProperty(a, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: s });
   }
   if (arguments.length >= 6) var C = A[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var L = Object.create(C ?? null), j = function(a, s, c, o) {
-    var n, u, h = [], p = function(E) {
+  var L = Object.create(C ?? null), j = function(a, s, c, i) {
+    var n, d, h = [], p = function(E) {
       return Qt(E) === a;
-    }, x = /* @__PURE__ */ new Map();
-    function k(E) {
-      E && h.push(O.bind(null, E));
+    }, k = /* @__PURE__ */ new Map();
+    function x(E) {
+      E && h.push(T.bind(null, E));
     }
     for (var m = 0; m < s.length; m++) {
-      var d = s[m];
-      if (Array.isArray(d)) {
-        var v = d[1], T = d[2], g = d.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = T + "/" + I;
+      var u = s[m];
+      if (Array.isArray(u)) {
+        var v = u[1], O = u[2], g = u.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = O + "/" + I;
         if (!M && !g) {
-          var R = x.get(l);
-          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + T);
-          x.set(l, !(v > 2) || v);
+          var R = k.get(l);
+          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + O);
+          k.set(l, !(v > 2) || v);
         }
-        D(I ? a : a.prototype, d, _, g ? "#" + T : Xe(T), v, o, I ? u = u || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
+        D(I ? a : a.prototype, u, _, g ? "#" + O : Xe(O), v, i, I ? d = d || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
       }
     }
-    return k(n), k(u), h;
+    return x(n), x(d), h;
   }(t, e, S, L);
   return r.length || F(t, L), { e: j, get c() {
     var a = [];
-    return r.length && [F(D(t, [r], i, t.name, 5, L, a), L), O.bind(null, a, t)];
+    return r.length && [F(D(t, [r], o, t.name, 5, L, a), L), T.bind(null, a, t)];
   } };
 }
 function Xe(t) {
@@ -1178,8 +1178,8 @@ function qt(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
-    var i = r.call(t, e);
-    if (typeof i != "object") return i;
+    var o = r.call(t, e);
+    if (typeof o != "object") return o;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(t);
@@ -1200,13 +1200,13 @@ Ze = [te({
   tagName: "theme-switcher"
 })];
 let Jt;
-class er extends Q {
+class er extends J {
   constructor() {
     super({
       styleName: "theme-switcher"
-    }), ue(this, "_autoStyles", Zt), ue(this, "currentTheme", "auto"), ue(this, "toggleTheme", () => {
-      const e = ["auto", "light", "dark"], i = (e.indexOf(this.currentTheme) + 1) % e.length;
-      this.setTheme(e[i]);
+    }), de(this, "_autoStyles", Zt), de(this, "currentTheme", "auto"), de(this, "toggleTheme", () => {
+      const e = ["auto", "light", "dark"], o = (e.indexOf(this.currentTheme) + 1) % e.length;
+      this.setTheme(e[o]);
     }), this.initTheme();
   }
   render() {
@@ -1240,7 +1240,7 @@ class er extends Q {
   }
 }
 Ye = er;
-[Jt, Ke] = Xt(Ye, [], Ze, 0, void 0, Q).c;
+[Jt, Ke] = Xt(Ye, [], Ze, 0, void 0, J).c;
 Ke();
 const ve = ":host{display:inline-block;position:relative}.dropdown-container{position:relative;display:inline-block}.dropdown-button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;min-width:120px;background:var(--dropdown-bg, rgba(255, 255, 255, .1));border:1px solid var(--dropdown-border, rgba(255, 255, 255, .2));border-radius:var(--dropdown-border-radius, .5rem);color:var(--dropdown-color, currentColor);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;text-align:left}.dropdown-button:hover:not(.disabled){background:var(--dropdown-hover-bg, rgba(255, 255, 255, .15));border-color:var(--dropdown-hover-border, rgba(255, 255, 255, .3))}.dropdown-button:focus:not(.disabled){outline:2px solid var(--dropdown-focus-color, var(--focus-color, #dc2626));outline-offset:2px}.dropdown-button.open{background:var(--dropdown-open-bg, rgba(255, 255, 255, .2))}.dropdown-button.disabled{opacity:.5;cursor:not-allowed}.dropdown-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:.625rem;opacity:.7;transition:transform .2s ease;flex-shrink:0}.dropdown-button.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;z-index:1000;min-width:160px;max-width:300px;max-height:300px;overflow-y:auto;background:var(--dropdown-menu-bg, #ffffff);border:1px solid var(--dropdown-menu-border, #e5e7eb);border-radius:var(--dropdown-border-radius, .5rem);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:.25rem;margin:.25rem 0 0}[data-theme=dark] .dropdown-menu{background:var(--dropdown-menu-bg-dark, #1f2937);border-color:var(--dropdown-menu-border-dark, #374151)}.dropdown-menu.dropdown-top{bottom:100%;margin:0 0 .25rem}.dropdown-menu.dropdown-bottom{top:100%;margin:.25rem 0 0}.dropdown-menu.dropdown-left{left:0}.dropdown-menu.dropdown-right{right:0}.dropdown-menu.dropdown-center{left:50%;transform:translate(-50%)}.dropdown-menu.dropdown-top.dropdown-center{transform:translate(-50%) translateY(-100%)}.dropdown-option{display:flex;align-items:center;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:.375rem;color:var(--dropdown-option-color, #1f2937);cursor:pointer;font-size:.875rem;text-align:left;transition:background-color .15s ease}[data-theme=dark] .dropdown-option{color:var(--dropdown-option-color-dark, #f3f4f6)}.dropdown-option:hover:not(.disabled){background:var(--dropdown-option-hover-bg, #f3f4f6)}[data-theme=dark] .dropdown-option:hover:not(.disabled){background:var(--dropdown-option-hover-bg-dark, #374151)}.dropdown-option.selected{background:var(--dropdown-option-selected-bg, #dc2626);color:var(--dropdown-option-selected-color, #ffffff);font-weight:600}.dropdown-option.selected:hover{background:var(--dropdown-option-selected-hover-bg, #b91c1c)}.dropdown-option.disabled{opacity:.5;cursor:not-allowed}.dropdown-empty{padding:.5rem .75rem;color:var(--dropdown-empty-color, #9ca3af);font-size:.875rem;text-align:center}@media (max-width: 768px){.dropdown-button{min-width:100px;padding:.375rem .5rem;font-size:.8125rem}.dropdown-menu{min-width:140px;max-width:200px}}";
 var qe;
@@ -1248,36 +1248,36 @@ let Qe, Je;
 function ee(t, e, r) {
   return (e = et(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function tr(t, e, r, i, S, A) {
+function tr(t, e, r, o, S, A) {
   function b(a, s, c) {
-    return function(o, n) {
-      return c && c(o), a[s].call(o, n);
+    return function(i, n) {
+      return c && c(i), a[s].call(i, n);
     };
   }
-  function O(a, s) {
+  function T(a, s) {
     for (var c = 0; c < a.length; c++) a[c].call(s);
     return s;
   }
-  function y(a, s, c, o) {
-    if (typeof a != "function" && (o || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (o ? "" : " or undefined"));
+  function y(a, s, c, i) {
+    if (typeof a != "function" && (i || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (i ? "" : " or undefined"));
     return a;
   }
-  function D(a, s, c, o, n, u, h, p, x, k, m, d, v) {
-    function T(f) {
+  function D(a, s, c, i, n, d, h, p, k, x, m, u, v) {
+    function O(f) {
       if (!v(f)) throw new TypeError("Attempted to access private element on non-instance");
     }
     var g, _ = s[0], I = s[3], M = !p;
     if (!M) {
       c || Array.isArray(_) || (_ = [_]);
-      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || d ? "set" : "value";
-      k ? (m || d ? l = { get: ye(function() {
+      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || u ? "set" : "value";
+      x ? (m || u ? l = { get: ye(function() {
         return I(this);
-      }, o, "get"), set: function(f) {
+      }, i, "get"), set: function(f) {
         s[4](this, f);
-      } } : l[E] = I, m || ye(l[E], o, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, o));
+      } } : l[E] = I, m || ye(l[E], i, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, i));
     }
     for (var w = a, B = _.length - 1; B >= 0; B -= c ? 2 : 1) {
-      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: o, metadata: u, addInitializer: (function(f, N) {
+      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: i, metadata: d, addInitializer: (function(f, N) {
         if (f.v) throw Error("attempted to call addInitializer after decoration was finished");
         y(N, "An initializer", "be", !0), h.push(N);
       }).bind(null, Y) };
@@ -1285,17 +1285,17 @@ function tr(t, e, r, i, S, A) {
         if (M) (g = y(W.call(G, w, z), "class decorators", "return")) && (w = g);
         else {
           var P, U;
-          z.static = x, z.private = k, k ? n === 2 ? P = function(f) {
-            return T(f), l.value;
-          } : (n < 4 && (P = b(l, "get", T)), n !== 3 && (U = b(l, "set", T))) : (P = function(f) {
-            return f[o];
+          z.static = k, z.private = x, x ? n === 2 ? P = function(f) {
+            return O(f), l.value;
+          } : (n < 4 && (P = b(l, "get", O)), n !== 3 && (U = b(l, "set", O))) : (P = function(f) {
+            return f[i];
           }, (n < 2 || n === 4) && (U = function(f, N) {
-            f[o] = N;
+            f[i] = N;
           }));
-          var V = z.access = { has: k ? v.bind() : function(f) {
-            return o in f;
+          var V = z.access = { has: x ? v.bind() : function(f) {
+            return i in f;
           } };
-          if (P && (V.get = P), U && (V.set = U), w = W.call(G, d ? { get: l.get, set: l.set } : l[E], z), d) {
+          if (P && (V.get = P), U && (V.set = U), w = W.call(G, u ? { get: l.get, set: l.set } : l[E], z), u) {
             if (typeof w == "object" && w) (g = y(w.get, "accessor.get")) && (l.get = g), (g = y(w.set, "accessor.set")) && (l.set = g), (g = y(w.init, "accessor.init")) && R.push(g);
             else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
           } else y(w, (m ? "field" : "method") + " decorators", "return") && (m ? R.push(w) : l[E] = w);
@@ -1304,39 +1304,39 @@ function tr(t, e, r, i, S, A) {
         Y.v = !0;
       }
     }
-    return (m || d) && p.push(function(f, N) {
+    return (m || u) && p.push(function(f, N) {
       for (var H = R.length - 1; H >= 0; H--) N = R[H].call(f, N);
       return N;
-    }), m || M || (k ? d ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, o, l)), w;
+    }), m || M || (x ? u ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, i, l)), w;
   }
   function F(a, s) {
     return Object.defineProperty(a, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: s });
   }
   if (arguments.length >= 6) var C = A[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var L = Object.create(C ?? null), j = function(a, s, c, o) {
-    var n, u, h = [], p = function(E) {
+  var L = Object.create(C ?? null), j = function(a, s, c, i) {
+    var n, d, h = [], p = function(E) {
       return nr(E) === a;
-    }, x = /* @__PURE__ */ new Map();
-    function k(E) {
-      E && h.push(O.bind(null, E));
+    }, k = /* @__PURE__ */ new Map();
+    function x(E) {
+      E && h.push(T.bind(null, E));
     }
     for (var m = 0; m < s.length; m++) {
-      var d = s[m];
-      if (Array.isArray(d)) {
-        var v = d[1], T = d[2], g = d.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = T + "/" + I;
+      var u = s[m];
+      if (Array.isArray(u)) {
+        var v = u[1], O = u[2], g = u.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = O + "/" + I;
         if (!M && !g) {
-          var R = x.get(l);
-          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + T);
-          x.set(l, !(v > 2) || v);
+          var R = k.get(l);
+          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + O);
+          k.set(l, !(v > 2) || v);
         }
-        D(I ? a : a.prototype, d, _, g ? "#" + T : et(T), v, o, I ? u = u || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
+        D(I ? a : a.prototype, u, _, g ? "#" + O : et(O), v, i, I ? d = d || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
       }
     }
-    return k(n), k(u), h;
+    return x(n), x(d), h;
   }(t, e, S, L);
   return r.length || F(t, L), { e: j, get c() {
     var a = [];
-    return r.length && [F(D(t, [r], i, t.name, 5, L, a), L), O.bind(null, a, t)];
+    return r.length && [F(D(t, [r], o, t.name, 5, L, a), L), T.bind(null, a, t)];
   } };
 }
 function et(t) {
@@ -1347,8 +1347,8 @@ function rr(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
-    var i = r.call(t, e);
-    if (typeof i != "object") return i;
+    var o = r.call(t, e);
+    if (typeof o != "object") return o;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(t);
@@ -1369,7 +1369,7 @@ Je = [te({
   tagName: "wsx-dropdown"
 })];
 let or;
-class ir extends Q {
+class ir extends J {
   constructor(e = {}) {
     super({
       styles: ve,
@@ -1386,8 +1386,8 @@ class ir extends Q {
       this.setValue(b), this.config.trigger === "click" && this.closeDropdown();
     }), ee(this, "attachOutsideClickHandler", () => {
       this.config.trigger !== "hover" && (this.outsideClickHandler = (b) => {
-        const O = b.target;
-        this.dropdownElement && this.buttonElement && !this.dropdownElement.contains(O) && !this.buttonElement.contains(O) && this.closeDropdown();
+        const T = b.target;
+        this.dropdownElement && this.buttonElement && !this.dropdownElement.contains(T) && !this.buttonElement.contains(T) && this.closeDropdown();
       }, document.addEventListener("click", this.outsideClickHandler, !0));
     }), ee(this, "detachOutsideClickHandler", () => {
       this.outsideClickHandler && (document.removeEventListener("click", this.outsideClickHandler, !0), this.outsideClickHandler = void 0);
@@ -1398,10 +1398,10 @@ class ir extends Q {
       trigger: "click",
       ...e
     };
-    const [r, i] = this.useState("selectedValue", "");
+    const [r, o] = this.useState("selectedValue", "");
     Object.defineProperty(this, "selectedValue", {
       get: r,
-      set: i,
+      set: o,
       enumerable: !0,
       configurable: !0
     });
@@ -1437,8 +1437,8 @@ class ir extends Q {
     return this.selectedValue || void 0;
   }
   render() {
-    const e = this.options.find((i) => i.value === this.selectedValue && this.selectedValue !== ""), r = (e == null ? void 0 : e.label) || this.config.placeholder || "Select...";
-    return /* @__PURE__ */ $("div", { class: "dropdown-container" }, /* @__PURE__ */ $("button", { ref: (i) => this.buttonElement = i, class: `dropdown-button ${this.isOpen ? "open" : ""} ${this.config.disabled ? "disabled" : ""}`, onClick: this.config.trigger === "click" ? this.toggleDropdown : void 0, onMouseEnter: this.config.trigger === "hover" ? this.openDropdown : void 0, onMouseLeave: this.config.trigger === "hover" ? this.closeDropdown : void 0, disabled: this.config.disabled, "aria-expanded": this.isOpen, "aria-haspopup": "listbox", "data-wsx-key": "Dropdown-button-text-1" }, /* @__PURE__ */ $("span", { class: "dropdown-text" }, r), /* @__PURE__ */ $("span", { class: "dropdown-arrow" }, this.isOpen ? "▲" : "▼")), this.isOpen && /* @__PURE__ */ $("div", { ref: (i) => this.dropdownElement = i, class: `dropdown-menu dropdown-${this.config.position} dropdown-${this.config.align}`, role: "listbox", onMouseEnter: this.config.trigger === "hover" ? this.openDropdown : void 0, onMouseLeave: this.config.trigger === "hover" ? this.closeDropdown : void 0 }, this.options.length === 0 ? /* @__PURE__ */ $("div", { class: "dropdown-empty" }, "No options") : this.options.map((i) => /* @__PURE__ */ $("button", { key: i.value, class: `dropdown-option ${i.value === this.selectedValue && this.selectedValue !== "" ? "selected" : ""} ${i.disabled ? "disabled" : ""}`, onClick: () => !i.disabled && this.selectOption(i.value), role: "option", "aria-selected": i.value === this.selectedValue && this.selectedValue !== "", disabled: i.disabled, "data-wsx-key": "Dropdown-button-text-0" }, i.render ? i.render() : /* @__PURE__ */ $("span", null, i.label)))));
+    const e = this.options.find((o) => o.value === this.selectedValue && this.selectedValue !== ""), r = (e == null ? void 0 : e.label) || this.config.placeholder || "Select...";
+    return /* @__PURE__ */ $("div", { class: "dropdown-container" }, /* @__PURE__ */ $("button", { ref: (o) => this.buttonElement = o, class: `dropdown-button ${this.isOpen ? "open" : ""} ${this.config.disabled ? "disabled" : ""}`, onClick: this.config.trigger === "click" ? this.toggleDropdown : void 0, onMouseEnter: this.config.trigger === "hover" ? this.openDropdown : void 0, onMouseLeave: this.config.trigger === "hover" ? this.closeDropdown : void 0, disabled: this.config.disabled, "aria-expanded": this.isOpen, "aria-haspopup": "listbox", "data-wsx-key": "Dropdown-button-text-1" }, /* @__PURE__ */ $("span", { class: "dropdown-text" }, r), /* @__PURE__ */ $("span", { class: "dropdown-arrow" }, this.isOpen ? "▲" : "▼")), this.isOpen && /* @__PURE__ */ $("div", { ref: (o) => this.dropdownElement = o, class: `dropdown-menu dropdown-${this.config.position} dropdown-${this.config.align}`, role: "listbox", onMouseEnter: this.config.trigger === "hover" ? this.openDropdown : void 0, onMouseLeave: this.config.trigger === "hover" ? this.closeDropdown : void 0 }, this.options.length === 0 ? /* @__PURE__ */ $("div", { class: "dropdown-empty" }, "No options") : this.options.map((o) => /* @__PURE__ */ $("button", { key: o.value, class: `dropdown-option ${o.value === this.selectedValue && this.selectedValue !== "" ? "selected" : ""} ${o.disabled ? "disabled" : ""}`, onClick: () => !o.disabled && this.selectOption(o.value), role: "option", "aria-selected": o.value === this.selectedValue && this.selectedValue !== "", disabled: o.disabled, "data-wsx-key": "Dropdown-button-text-0" }, o.render ? o.render() : /* @__PURE__ */ $("span", null, o.label)))));
   }
   /**
    * 组件断开连接时清理
@@ -1449,44 +1449,44 @@ class ir extends Q {
   }
 }
 qe = ir;
-[or, Qe] = tr(qe, [], Je, 0, void 0, Q).c;
+[or, Qe] = tr(qe, [], Je, 0, void 0, J).c;
 Qe();
-const xe = ":host{display:inline-block;position:relative}.combobox-container{position:relative;display:inline-block;width:100%}.combobox-input-wrapper{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;min-width:200px;background:var(--combobox-bg, rgba(255, 255, 255, .1));border:1px solid var(--combobox-border, rgba(255, 255, 255, .2));border-radius:var(--combobox-border-radius, .5rem);transition:all .2s ease}.combobox-input-wrapper:focus-within{background:var(--combobox-focus-bg, rgba(255, 255, 255, .15));border-color:var(--combobox-focus-border, var(--focus-color, #dc2626));outline:2px solid var(--combobox-focus-outline, rgba(220, 38, 38, .2));outline-offset:2px}.combobox-tags{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;flex:1}.combobox-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--combobox-tag-bg, #dc2626);color:var(--combobox-tag-color, #ffffff);border-radius:.25rem;font-size:.75rem;font-weight:500}.combobox-tag-remove{background:none;border:none;color:var(--combobox-tag-color, #ffffff);cursor:pointer;font-size:1rem;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s ease}.combobox-tag-remove:hover{background:#fff3}.combobox-tag-more{padding:.25rem .5rem;color:var(--combobox-tag-color, #ffffff);font-size:.75rem;font-weight:500}.combobox-input{flex:1;border:none;background:transparent;color:var(--combobox-color, currentColor);font-size:.875rem;font-weight:500;outline:none;min-width:0}.combobox-input::placeholder{color:var(--combobox-placeholder-color, rgba(255, 255, 255, .5))}.combobox-input:disabled{opacity:.5;cursor:not-allowed}.combobox-arrow{background:none;border:none;color:var(--combobox-arrow-color, currentColor);cursor:pointer;font-size:.625rem;opacity:.7;transition:transform .2s ease;flex-shrink:0;padding:.25rem;display:flex;align-items:center;justify-content:center}.combobox-arrow:hover{opacity:1}.combobox-arrow.open{transform:rotate(180deg)}.combobox-arrow:disabled{opacity:.5;cursor:not-allowed}.combobox-menu{position:absolute;z-index:1000;min-width:100%;max-width:300px;max-height:300px;overflow-y:auto;background:var(--combobox-menu-bg, #ffffff);border:1px solid var(--combobox-menu-border, #e5e7eb);border-radius:var(--combobox-border-radius, .5rem);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:.25rem;margin:.25rem 0 0}[data-theme=dark] .combobox-menu{background:var(--combobox-menu-bg-dark, #1f2937);border-color:var(--combobox-menu-border-dark, #374151)}.combobox-menu.combobox-top{bottom:100%;margin:0 0 .25rem}.combobox-menu.combobox-bottom{top:100%;margin:.25rem 0 0}.combobox-menu.combobox-left{left:0}.combobox-menu.combobox-right{right:0}.combobox-menu.combobox-center{left:50%;transform:translate(-50%)}.combobox-menu.combobox-top.combobox-center{transform:translate(-50%) translateY(-100%)}.combobox-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:.375rem;color:var(--combobox-option-color, #1f2937);cursor:pointer;font-size:.875rem;text-align:left;transition:background-color .15s ease}[data-theme=dark] .combobox-option{color:var(--combobox-option-color-dark, #f3f4f6)}.combobox-option:hover:not(.disabled){background:var(--combobox-option-hover-bg, #f3f4f6)}[data-theme=dark] .combobox-option:hover:not(.disabled){background:var(--combobox-option-hover-bg-dark, #374151)}.combobox-option.selected{background:var(--combobox-option-selected-bg, #dc2626);color:var(--combobox-option-selected-color, #ffffff);font-weight:600}.combobox-option.selected:hover{background:var(--combobox-option-selected-hover-bg, #b91c1c)}.combobox-option.disabled{opacity:.5;cursor:not-allowed}.combobox-checkbox{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem;font-weight:700}.combobox-empty{padding:.5rem .75rem;color:var(--combobox-empty-color, #9ca3af);font-size:.875rem;text-align:center}@media (max-width: 768px){.combobox-input-wrapper{min-width:150px;padding:.375rem .5rem}.combobox-input{font-size:.8125rem}.combobox-menu{max-width:200px}}";
+const ke = ":host{display:inline-block;position:relative}.combobox-container{position:relative;display:inline-block;width:100%}.combobox-input-wrapper{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;min-width:200px;background:var(--combobox-bg, rgba(255, 255, 255, .1));border:1px solid var(--combobox-border, rgba(255, 255, 255, .2));border-radius:var(--combobox-border-radius, .5rem);transition:all .2s ease}.combobox-input-wrapper:focus-within{background:var(--combobox-focus-bg, rgba(255, 255, 255, .15));border-color:var(--combobox-focus-border, var(--focus-color, #dc2626));outline:2px solid var(--combobox-focus-outline, rgba(220, 38, 38, .2));outline-offset:2px}.combobox-tags{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;flex:1}.combobox-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--combobox-tag-bg, #dc2626);color:var(--combobox-tag-color, #ffffff);border-radius:.25rem;font-size:.75rem;font-weight:500}.combobox-tag-remove{background:none;border:none;color:var(--combobox-tag-color, #ffffff);cursor:pointer;font-size:1rem;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s ease}.combobox-tag-remove:hover{background:#fff3}.combobox-tag-more{padding:.25rem .5rem;color:var(--combobox-tag-color, #ffffff);font-size:.75rem;font-weight:500}.combobox-input{flex:1;border:none;background:transparent;color:var(--combobox-color, currentColor);font-size:.875rem;font-weight:500;outline:none;min-width:0}.combobox-input::placeholder{color:var(--combobox-placeholder-color, rgba(255, 255, 255, .5))}.combobox-input:disabled{opacity:.5;cursor:not-allowed}.combobox-arrow{background:none;border:none;color:var(--combobox-arrow-color, currentColor);cursor:pointer;font-size:.625rem;opacity:.7;transition:transform .2s ease;flex-shrink:0;padding:.25rem;display:flex;align-items:center;justify-content:center}.combobox-arrow:hover{opacity:1}.combobox-arrow.open{transform:rotate(180deg)}.combobox-arrow:disabled{opacity:.5;cursor:not-allowed}.combobox-menu{position:absolute;z-index:1000;min-width:100%;max-width:300px;max-height:300px;overflow-y:auto;background:var(--combobox-menu-bg, #ffffff);border:1px solid var(--combobox-menu-border, #e5e7eb);border-radius:var(--combobox-border-radius, .5rem);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:.25rem;margin:.25rem 0 0}[data-theme=dark] .combobox-menu{background:var(--combobox-menu-bg-dark, #1f2937);border-color:var(--combobox-menu-border-dark, #374151)}.combobox-menu.combobox-top{bottom:100%;margin:0 0 .25rem}.combobox-menu.combobox-bottom{top:100%;margin:.25rem 0 0}.combobox-menu.combobox-left{left:0}.combobox-menu.combobox-right{right:0}.combobox-menu.combobox-center{left:50%;transform:translate(-50%)}.combobox-menu.combobox-top.combobox-center{transform:translate(-50%) translateY(-100%)}.combobox-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:.375rem;color:var(--combobox-option-color, #1f2937);cursor:pointer;font-size:.875rem;text-align:left;transition:background-color .15s ease}[data-theme=dark] .combobox-option{color:var(--combobox-option-color-dark, #f3f4f6)}.combobox-option:hover:not(.disabled){background:var(--combobox-option-hover-bg, #f3f4f6)}[data-theme=dark] .combobox-option:hover:not(.disabled){background:var(--combobox-option-hover-bg-dark, #374151)}.combobox-option.selected{background:var(--combobox-option-selected-bg, #dc2626);color:var(--combobox-option-selected-color, #ffffff);font-weight:600}.combobox-option.selected:hover{background:var(--combobox-option-selected-hover-bg, #b91c1c)}.combobox-option.disabled{opacity:.5;cursor:not-allowed}.combobox-checkbox{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem;font-weight:700}.combobox-empty{padding:.5rem .75rem;color:var(--combobox-empty-color, #9ca3af);font-size:.875rem;text-align:center}@media (max-width: 768px){.combobox-input-wrapper{min-width:150px;padding:.375rem .5rem}.combobox-input{font-size:.8125rem}.combobox-menu{max-width:200px}}";
 var tt;
 let rt, nt;
-function q(t, e, r) {
+function Q(t, e, r) {
   return (e = ot(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function ar(t, e, r, i, S, A) {
+function ar(t, e, r, o, S, A) {
   function b(a, s, c) {
-    return function(o, n) {
-      return c && c(o), a[s].call(o, n);
+    return function(i, n) {
+      return c && c(i), a[s].call(i, n);
     };
   }
-  function O(a, s) {
+  function T(a, s) {
     for (var c = 0; c < a.length; c++) a[c].call(s);
     return s;
   }
-  function y(a, s, c, o) {
-    if (typeof a != "function" && (o || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (o ? "" : " or undefined"));
+  function y(a, s, c, i) {
+    if (typeof a != "function" && (i || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (i ? "" : " or undefined"));
     return a;
   }
-  function D(a, s, c, o, n, u, h, p, x, k, m, d, v) {
-    function T(f) {
+  function D(a, s, c, i, n, d, h, p, k, x, m, u, v) {
+    function O(f) {
       if (!v(f)) throw new TypeError("Attempted to access private element on non-instance");
     }
     var g, _ = s[0], I = s[3], M = !p;
     if (!M) {
       c || Array.isArray(_) || (_ = [_]);
-      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || d ? "set" : "value";
-      k ? (m || d ? l = { get: we(function() {
+      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || u ? "set" : "value";
+      x ? (m || u ? l = { get: we(function() {
         return I(this);
-      }, o, "get"), set: function(f) {
+      }, i, "get"), set: function(f) {
         s[4](this, f);
-      } } : l[E] = I, m || we(l[E], o, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, o));
+      } } : l[E] = I, m || we(l[E], i, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, i));
     }
     for (var w = a, B = _.length - 1; B >= 0; B -= c ? 2 : 1) {
-      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: o, metadata: u, addInitializer: (function(f, N) {
+      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: i, metadata: d, addInitializer: (function(f, N) {
         if (f.v) throw Error("attempted to call addInitializer after decoration was finished");
         y(N, "An initializer", "be", !0), h.push(N);
       }).bind(null, Y) };
@@ -1494,17 +1494,17 @@ function ar(t, e, r, i, S, A) {
         if (M) (g = y(W.call(G, w, z), "class decorators", "return")) && (w = g);
         else {
           var P, U;
-          z.static = x, z.private = k, k ? n === 2 ? P = function(f) {
-            return T(f), l.value;
-          } : (n < 4 && (P = b(l, "get", T)), n !== 3 && (U = b(l, "set", T))) : (P = function(f) {
-            return f[o];
+          z.static = k, z.private = x, x ? n === 2 ? P = function(f) {
+            return O(f), l.value;
+          } : (n < 4 && (P = b(l, "get", O)), n !== 3 && (U = b(l, "set", O))) : (P = function(f) {
+            return f[i];
           }, (n < 2 || n === 4) && (U = function(f, N) {
-            f[o] = N;
+            f[i] = N;
           }));
-          var V = z.access = { has: k ? v.bind() : function(f) {
-            return o in f;
+          var V = z.access = { has: x ? v.bind() : function(f) {
+            return i in f;
           } };
-          if (P && (V.get = P), U && (V.set = U), w = W.call(G, d ? { get: l.get, set: l.set } : l[E], z), d) {
+          if (P && (V.get = P), U && (V.set = U), w = W.call(G, u ? { get: l.get, set: l.set } : l[E], z), u) {
             if (typeof w == "object" && w) (g = y(w.get, "accessor.get")) && (l.get = g), (g = y(w.set, "accessor.set")) && (l.set = g), (g = y(w.init, "accessor.init")) && R.push(g);
             else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
           } else y(w, (m ? "field" : "method") + " decorators", "return") && (m ? R.push(w) : l[E] = w);
@@ -1513,39 +1513,39 @@ function ar(t, e, r, i, S, A) {
         Y.v = !0;
       }
     }
-    return (m || d) && p.push(function(f, N) {
+    return (m || u) && p.push(function(f, N) {
       for (var H = R.length - 1; H >= 0; H--) N = R[H].call(f, N);
       return N;
-    }), m || M || (k ? d ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, o, l)), w;
+    }), m || M || (x ? u ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, i, l)), w;
   }
   function F(a, s) {
     return Object.defineProperty(a, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: s });
   }
   if (arguments.length >= 6) var C = A[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var L = Object.create(C ?? null), j = function(a, s, c, o) {
-    var n, u, h = [], p = function(E) {
+  var L = Object.create(C ?? null), j = function(a, s, c, i) {
+    var n, d, h = [], p = function(E) {
       return lr(E) === a;
-    }, x = /* @__PURE__ */ new Map();
-    function k(E) {
-      E && h.push(O.bind(null, E));
+    }, k = /* @__PURE__ */ new Map();
+    function x(E) {
+      E && h.push(T.bind(null, E));
     }
     for (var m = 0; m < s.length; m++) {
-      var d = s[m];
-      if (Array.isArray(d)) {
-        var v = d[1], T = d[2], g = d.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = T + "/" + I;
+      var u = s[m];
+      if (Array.isArray(u)) {
+        var v = u[1], O = u[2], g = u.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = O + "/" + I;
         if (!M && !g) {
-          var R = x.get(l);
-          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + T);
-          x.set(l, !(v > 2) || v);
+          var R = k.get(l);
+          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + O);
+          k.set(l, !(v > 2) || v);
         }
-        D(I ? a : a.prototype, d, _, g ? "#" + T : ot(T), v, o, I ? u = u || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
+        D(I ? a : a.prototype, u, _, g ? "#" + O : ot(O), v, i, I ? d = d || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
       }
     }
-    return k(n), k(u), h;
+    return x(n), x(d), h;
   }(t, e, S, L);
   return r.length || F(t, L), { e: j, get c() {
     var a = [];
-    return r.length && [F(D(t, [r], i, t.name, 5, L, a), L), O.bind(null, a, t)];
+    return r.length && [F(D(t, [r], o, t.name, 5, L, a), L), T.bind(null, a, t)];
   } };
 }
 function ot(t) {
@@ -1556,8 +1556,8 @@ function sr(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
-    var i = r.call(t, e);
-    if (typeof i != "object") return i;
+    var o = r.call(t, e);
+    if (typeof o != "object") return o;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(t);
@@ -1578,26 +1578,26 @@ nt = [te({
   tagName: "wsx-combobox"
 })];
 let cr;
-class ur extends Q {
+class dr extends J {
   constructor(e = {}) {
     super({
-      styles: xe,
+      styles: ke,
       styleName: "wsx-combobox"
-    }), q(this, "_autoStyles", xe), q(this, "options", []), q(this, "selectedValue", void 0), q(this, "searchQuery", void 0), q(this, "isOpen", void 0), q(this, "config", {}), q(this, "inputElement", void 0), q(this, "dropdownElement", void 0), q(this, "outsideClickHandler", void 0), q(this, "handleInput", (y) => {
+    }), Q(this, "_autoStyles", ke), Q(this, "options", []), Q(this, "selectedValue", void 0), Q(this, "searchQuery", void 0), Q(this, "isOpen", void 0), Q(this, "config", {}), Q(this, "inputElement", void 0), Q(this, "dropdownElement", void 0), Q(this, "outsideClickHandler", void 0), Q(this, "handleInput", (y) => {
       if (!this.config.searchable) return;
       const D = y.target;
       this.searchQuery = D.value, this.rerender();
-    }), q(this, "toggleDropdown", () => {
+    }), Q(this, "toggleDropdown", () => {
       this.config.disabled || (this.isOpen = !this.isOpen, this.isOpen && this.config.searchable && this.inputElement && this.inputElement.focus(), this.rerender(), this.isOpen ? setTimeout(() => {
         this.attachOutsideClickHandler();
       }, 0) : (this.detachOutsideClickHandler(), this.searchQuery = ""));
-    }), q(this, "openDropdown", () => {
+    }), Q(this, "openDropdown", () => {
       this.config.disabled || this.isOpen || (this.isOpen = !0, this.config.searchable && this.inputElement && this.inputElement.focus(), this.rerender(), setTimeout(() => {
         this.attachOutsideClickHandler();
       }, 0));
-    }), q(this, "closeDropdown", () => {
+    }), Q(this, "closeDropdown", () => {
       this.isOpen && (this.isOpen = !1, this.searchQuery = "", this.rerender(), this.detachOutsideClickHandler());
-    }), q(this, "selectOption", (y) => {
+    }), Q(this, "selectOption", (y) => {
       if (this.config.multiple) {
         const D = Array.isArray(this.selectedValue) ? this.selectedValue : [], F = D.includes(y) ? D.filter((C) => C !== y) : [...D, y];
         this.selectedValue = F;
@@ -1609,7 +1609,7 @@ class ur extends Q {
         },
         bubbles: !0
       }));
-    }), q(this, "removeValue", (y) => {
+    }), Q(this, "removeValue", (y) => {
       if (!this.config.multiple) return;
       const D = Array.isArray(this.selectedValue) ? this.selectedValue : [];
       this.selectedValue = D.filter((F) => F !== y), this.rerender(), this.dispatchEvent(new CustomEvent("change", {
@@ -1618,12 +1618,12 @@ class ur extends Q {
         },
         bubbles: !0
       }));
-    }), q(this, "attachOutsideClickHandler", () => {
+    }), Q(this, "attachOutsideClickHandler", () => {
       this.outsideClickHandler = (y) => {
         const D = y.target;
         this.dropdownElement && this.inputElement && !this.dropdownElement.contains(D) && !this.inputElement.contains(D) && this.closeDropdown();
       }, document.addEventListener("click", this.outsideClickHandler, !0);
-    }), q(this, "detachOutsideClickHandler", () => {
+    }), Q(this, "detachOutsideClickHandler", () => {
       this.outsideClickHandler && (document.removeEventListener("click", this.outsideClickHandler, !0), this.outsideClickHandler = void 0);
     }), this.config = {
       placeholder: "Select or search...",
@@ -1633,10 +1633,10 @@ class ur extends Q {
       position: "bottom",
       ...e
     };
-    const [r, i] = this.useState("selectedValue", "");
+    const [r, o] = this.useState("selectedValue", "");
     Object.defineProperty(this, "selectedValue", {
       get: r,
-      set: i,
+      set: o,
       enumerable: !0,
       configurable: !0
     });
@@ -1647,10 +1647,10 @@ class ur extends Q {
       enumerable: !0,
       configurable: !0
     });
-    const [b, O] = this.useState("isOpen", !1);
+    const [b, T] = this.useState("isOpen", !1);
     Object.defineProperty(this, "isOpen", {
       get: b,
-      set: O,
+      set: T,
       enumerable: !0,
       configurable: !0
     });
@@ -1666,7 +1666,7 @@ class ur extends Q {
    */
   setValue(e) {
     if (this.selectedValue = e, this.inputElement && !this.config.multiple) {
-      const r = this.options.find((i) => i.value === (Array.isArray(e) ? e[0] : e));
+      const r = this.options.find((o) => o.value === (Array.isArray(e) ? e[0] : e));
       this.inputElement.value = (r == null ? void 0 : r.label) || "";
     }
     this.rerender(), this.dispatchEvent(new CustomEvent("change", {
@@ -1692,27 +1692,27 @@ class ur extends Q {
     return this.options.filter((r) => r.label.toLowerCase().includes(e) || r.value.toLowerCase().includes(e));
   }
   render() {
-    const e = this.getFilteredOptions(), r = this.config.multiple, i = Array.isArray(this.selectedValue) ? this.selectedValue : this.selectedValue ? [this.selectedValue] : [];
+    const e = this.getFilteredOptions(), r = this.config.multiple, o = Array.isArray(this.selectedValue) ? this.selectedValue : this.selectedValue ? [this.selectedValue] : [];
     let S = "";
     if (r)
-      if (i.length === 0)
+      if (o.length === 0)
         S = this.config.placeholder || "Select...";
-      else if (i.length === 1) {
-        const A = this.options.find((b) => b.value === i[0]);
-        S = (A == null ? void 0 : A.label) || i[0];
+      else if (o.length === 1) {
+        const A = this.options.find((b) => b.value === o[0]);
+        S = (A == null ? void 0 : A.label) || o[0];
       } else
-        S = `${i.length} selected`;
+        S = `${o.length} selected`;
     else {
       const A = this.options.find((b) => b.value === this.selectedValue);
       S = (A == null ? void 0 : A.label) || this.config.placeholder || "Select...";
     }
-    return /* @__PURE__ */ $("div", { class: "combobox-container" }, /* @__PURE__ */ $("div", { class: "combobox-input-wrapper" }, r && i.length > 0 && /* @__PURE__ */ $("div", { class: "combobox-tags" }, i.slice(0, 2).map((A) => {
-      const b = this.options.find((O) => O.value === A);
-      return /* @__PURE__ */ $("span", { key: A, class: "combobox-tag" }, (b == null ? void 0 : b.label) || A, /* @__PURE__ */ $("button", { class: "combobox-tag-remove", onClick: (O) => {
-        O.stopPropagation(), this.removeValue(A);
+    return /* @__PURE__ */ $("div", { class: "combobox-container" }, /* @__PURE__ */ $("div", { class: "combobox-input-wrapper" }, r && o.length > 0 && /* @__PURE__ */ $("div", { class: "combobox-tags" }, o.slice(0, 2).map((A) => {
+      const b = this.options.find((T) => T.value === A);
+      return /* @__PURE__ */ $("span", { key: A, class: "combobox-tag" }, (b == null ? void 0 : b.label) || A, /* @__PURE__ */ $("button", { class: "combobox-tag-remove", onClick: (T) => {
+        T.stopPropagation(), this.removeValue(A);
       }, "data-wsx-key": "Combobox-button-text-3" }, "×"));
-    }), i.length > 2 && /* @__PURE__ */ $("span", { class: "combobox-tag-more" }, "+", i.length - 2)), /* @__PURE__ */ $("input", { ref: (A) => this.inputElement = A, type: "text", class: "combobox-input", placeholder: S, value: this.config.searchable && this.isOpen ? this.searchQuery : "", onInput: this.handleInput, onFocus: this.openDropdown, onClick: this.openDropdown, disabled: this.config.disabled, readonly: !this.config.searchable, "data-wsx-key": "Combobox-input-text-1-3" }), /* @__PURE__ */ $("button", { class: `combobox-arrow ${this.isOpen ? "open" : ""}`, onClick: this.toggleDropdown, disabled: this.config.disabled, "data-wsx-key": "Combobox-button-text-1-5" }, this.isOpen ? "▲" : "▼")), this.isOpen && /* @__PURE__ */ $("div", { ref: (A) => this.dropdownElement = A, class: `combobox-menu combobox-${this.config.position} combobox-${this.config.align}`, role: "listbox" }, e.length === 0 ? /* @__PURE__ */ $("div", { class: "combobox-empty" }, this.config.searchable && this.searchQuery ? "No results found" : "No options") : e.map((A) => {
-      const b = r ? i.includes(A.value) : A.value === this.selectedValue;
+    }), o.length > 2 && /* @__PURE__ */ $("span", { class: "combobox-tag-more" }, "+", o.length - 2)), /* @__PURE__ */ $("input", { ref: (A) => this.inputElement = A, type: "text", class: "combobox-input", placeholder: S, value: this.config.searchable && this.isOpen ? this.searchQuery : "", onInput: this.handleInput, onFocus: this.openDropdown, onClick: this.openDropdown, disabled: this.config.disabled, readonly: !this.config.searchable, "data-wsx-key": "Combobox-input-text-1-3" }), /* @__PURE__ */ $("button", { class: `combobox-arrow ${this.isOpen ? "open" : ""}`, onClick: this.toggleDropdown, disabled: this.config.disabled, "data-wsx-key": "Combobox-button-text-1-5" }, this.isOpen ? "▲" : "▼")), this.isOpen && /* @__PURE__ */ $("div", { ref: (A) => this.dropdownElement = A, class: `combobox-menu combobox-${this.config.position} combobox-${this.config.align}`, role: "listbox" }, e.length === 0 ? /* @__PURE__ */ $("div", { class: "combobox-empty" }, this.config.searchable && this.searchQuery ? "No results found" : "No options") : e.map((A) => {
+      const b = r ? o.includes(A.value) : A.value === this.selectedValue;
       return /* @__PURE__ */ $("button", { key: A.value, class: `combobox-option ${b ? "selected" : ""} ${A.disabled ? "disabled" : ""}`, onClick: () => !A.disabled && this.selectOption(A.value), role: "option", "aria-selected": b, disabled: A.disabled, "data-wsx-key": "Combobox-button-text-0" }, r && /* @__PURE__ */ $("span", { class: "combobox-checkbox" }, b ? "✓" : ""), A.render ? A.render() : /* @__PURE__ */ $("span", null, A.label));
     })));
   }
@@ -1724,10 +1724,10 @@ class ur extends Q {
     (e = super.onDisconnected) == null || e.call(this), this.detachOutsideClickHandler();
   }
 }
-tt = ur;
-[cr, rt] = ar(tt, [], nt, 0, void 0, Q).c;
+tt = dr;
+[cr, rt] = ar(tt, [], nt, 0, void 0, J).c;
 rt();
-class ke {
+class xe {
   /**
    * 检测 overflow 并计算可见/隐藏项
    * @param config 配置对象
@@ -1736,30 +1736,30 @@ class ke {
   static detect(e) {
     const {
       container: r,
-      items: i,
+      items: o,
       gap: S = 16,
       reservedWidth: A = 0,
       overflowButtonWidth: b = 0,
-      padding: O = 0,
+      padding: T = 0,
       minVisibleItems: y = 1
     } = e;
-    if (!r || i.length === 0)
+    if (!r || o.length === 0)
       return {
         visibleIndices: [],
         hiddenIndices: [],
         needsOverflow: !1
       };
-    const F = r.offsetWidth - A - O * 2;
+    const F = r.offsetWidth - A - T * 2;
     let C = 0;
     const L = [], j = [];
-    for (let o = 0; o < i.length; o++) {
-      const n = i[o];
+    for (let i = 0; i < o.length; i++) {
+      const n = o[i];
       if (!n || n.offsetWidth === 0) {
-        L.push(o);
+        L.push(i);
         continue;
       }
-      const u = n.offsetWidth + (o > 0 ? S : 0);
-      C + u <= F ? (C += u, L.push(o)) : j.push(o);
+      const d = n.offsetWidth + (i > 0 ? S : 0);
+      C + d <= F ? (C += d, L.push(i)) : j.push(i);
     }
     if (j.length === 0)
       return {
@@ -1770,18 +1770,18 @@ class ke {
     const a = F - b - S;
     C = 0;
     const s = [], c = [];
-    for (let o = 0; o < i.length; o++) {
-      const n = i[o];
+    for (let i = 0; i < o.length; i++) {
+      const n = o[i];
       if (!n || n.offsetWidth === 0) {
-        s.length < y ? s.push(o) : c.push(o);
+        s.length < y ? s.push(i) : c.push(i);
         continue;
       }
-      const u = n.offsetWidth + (s.length > 0 ? S : 0);
-      C + u <= a ? (C += u, s.push(o)) : c.push(o);
+      const d = n.offsetWidth + (s.length > 0 ? S : 0);
+      C + d <= a ? (C += d, s.push(i)) : c.push(i);
     }
-    if (s.length < y && i.length > 0) {
-      const o = y - s.length, n = c.splice(0, o);
-      s.push(...n), s.sort((u, h) => u - h);
+    if (s.length < y && o.length > 0) {
+      const i = y - s.length, n = c.splice(0, i);
+      s.push(...n), s.sort((d, h) => d - h);
     }
     return {
       visibleIndices: s,
@@ -1796,9 +1796,9 @@ class ke {
    * @returns 总宽度
    */
   static calculateTotalWidth(e, r = 16) {
-    return e.length === 0 ? 0 : e.reduce((i, S, A) => {
+    return e.length === 0 ? 0 : e.reduce((o, S, A) => {
       const b = S.offsetWidth || 0;
-      return i + b + (A > 0 ? r : 0);
+      return o + b + (A > 0 ? r : 0);
     }, 0);
   }
   /**
@@ -1808,8 +1808,8 @@ class ke {
    */
   static getElementTotalWidth(e) {
     if (!e) return 0;
-    const r = window.getComputedStyle(e), i = e.offsetWidth, S = parseFloat(r.marginLeft) || 0, A = parseFloat(r.marginRight) || 0;
-    return i + S + A;
+    const r = window.getComputedStyle(e), o = e.offsetWidth, S = parseFloat(r.marginLeft) || 0, A = parseFloat(r.marginRight) || 0;
+    return o + S + A;
   }
 }
 const Ee = ':host{display:block}.responsive-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--nav-bg, var(--bg-primary));-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--nav-border, var(--border-color));transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.responsive-nav.nav-scrolled{background:var(--nav-bg-scrolled, var(--bg-primary));box-shadow:0 4px 24px var(--nav-shadow, var(--card-shadow));border-bottom-color:var(--nav-border, var(--border-color))}.nav-container{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:72px;gap:1.5rem}.nav-brand{display:flex;align-items:center;gap:.75rem;font-weight:800;font-size:1.5rem;color:var(--nav-brand-color, var(--text-primary));flex-shrink:0;transition:transform .2s ease;cursor:pointer}.nav-brand:hover{transform:scale(1.05)}.nav-brand-icon{display:flex;align-items:center;font-size:1.8rem;transition:transform .3s ease}.nav-brand:hover .nav-brand-icon{transform:rotate(5deg) scale(1.1)}.nav-brand-text{background:linear-gradient(135deg,var(--hero-gradient-start, var(--primary-red)),var(--hero-gradient-end, var(--accent-orange)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;position:relative}.nav-menu{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-end;overflow:visible;padding-right:.5rem}wsx-link.nav-link{display:inline-flex;align-items:center;flex-shrink:0}wsx-link.nav-link::part(link){color:var(--nav-link-color, var(--text-secondary));text-decoration:none!important;font-weight:500;font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;padding:.5rem .75rem;border-radius:.5rem;display:inline-flex;align-items:center}wsx-link.nav-link::part(link):hover{color:var(--nav-link-hover-color, var(--text-primary));background:var(--nav-link-hover-bg, var(--bg-secondary));text-decoration:none!important;transform:translateY(-1px)}wsx-link.nav-link::part(link):after{content:none!important;display:none!important;width:0!important;height:0!important;background:none!important}wsx-link.nav-link::part(link):hover:after{content:none!important;display:none!important;width:0!important;height:0!important;background:none!important}wsx-link.nav-link::part(link):before{display:none}wsx-link.nav-link[active]::part(link),wsx-link.nav-link.nav-link-active::part(link){color:var(--nav-link-active-color, var(--primary-red))!important;font-weight:600;background:var(--nav-link-active-bg, var(--bg-secondary));text-decoration:none!important}wsx-link.nav-link[active]::part(link):after,wsx-link.nav-link.nav-link-active::part(link):after{content:none!important;display:none!important;width:0!important;height:0!important;background:none!important}wsx-link.nav-link[active]::part(link):before,wsx-link.nav-link.nav-link-active::part(link):before{content:"";display:block;position:absolute;bottom:.125rem;left:50%;transform:translate(-50%);width:calc(100% - 1.5rem);height:3px;background:linear-gradient(135deg,var(--hero-gradient-start, var(--primary-red)),var(--hero-gradient-end, var(--accent-orange)));border-radius:2px;z-index:1}.nav-link{color:var(--nav-link-color, var(--text-secondary));text-decoration:none;font-weight:500;font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;flex-shrink:0;padding:.5rem .75rem;border-radius:.5rem;display:inline-flex;align-items:center}.nav-link:hover{color:var(--nav-link-hover-color, var(--text-primary));background:var(--nav-link-hover-bg, var(--bg-secondary));transform:translateY(-1px)}.nav-link:after{content:"";position:absolute;bottom:.25rem;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(135deg,var(--hero-gradient-start, var(--primary-red)),var(--hero-gradient-end, var(--accent-orange)));border-radius:2px;transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover:after{width:calc(100% - 1.5rem)}.nav-link-active{color:var(--nav-link-active-color, var(--primary-red))!important;font-weight:600;background:var(--nav-link-active-bg, var(--bg-secondary))}.nav-link-active:after{width:calc(100% - 1.5rem)!important;height:3px!important;bottom:.125rem!important}.nav-overflow{position:relative;flex-shrink:0}.nav-overflow-button{padding:.5rem .875rem;background:var(--nav-overflow-bg, transparent);border:1px solid var(--nav-overflow-border, var(--border-color));border-radius:.5rem;color:var(--nav-link-color, var(--text-secondary));cursor:pointer;font-size:.875rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.25rem}.nav-overflow-button:hover{background:var(--nav-overflow-hover-bg, var(--bg-secondary));color:var(--nav-link-hover-color, var(--text-primary));border-color:var(--nav-overflow-hover-border, var(--border-color));transform:translateY(-1px);box-shadow:0 2px 8px var(--card-shadow)}.nav-overflow-menu{position:absolute;top:calc(100% + .75rem);right:0;min-width:180px;background:var(--nav-overflow-menu-bg, var(--bg-primary));border:1px solid var(--nav-overflow-menu-border, var(--border-color));border-radius:.75rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:.5rem;z-index:1001;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);animation:slideDown .2s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}wsx-link.nav-overflow-link::part(link){display:block;padding:.625rem .875rem;color:var(--nav-link-color, var(--text-secondary));text-decoration:none!important;font-weight:500;font-size:.9rem;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);margin-bottom:.25rem;border-left:3px solid transparent}wsx-link.nav-overflow-link::part(link):hover{background:var(--nav-overflow-link-hover-bg, var(--bg-secondary));color:var(--nav-link-hover-color, var(--text-primary));text-decoration:none!important;transform:translate(4px)}wsx-link.nav-overflow-link[active]::part(link),wsx-link.nav-overflow-link.nav-link-active::part(link){background:var(--nav-overflow-link-active-bg, var(--bg-secondary));color:var(--nav-link-active-color, var(--primary-red));font-weight:600;border-left-color:var(--primary-red);padding-left:.625rem}.nav-overflow-link{display:block;padding:.625rem .875rem;color:var(--nav-link-color, var(--text-secondary));text-decoration:none;font-weight:500;font-size:.9rem;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);margin-bottom:.25rem;border-left:3px solid transparent}.nav-overflow-link:hover{background:var(--nav-overflow-link-hover-bg, var(--bg-secondary));color:var(--nav-link-hover-color, var(--text-primary));transform:translate(4px)}.nav-overflow-link.nav-link-active{background:var(--nav-overflow-link-active-bg, var(--bg-secondary));color:var(--nav-link-active-color, var(--primary-red));font-weight:600;border-left-color:var(--primary-red);padding-left:.625rem}.nav-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;margin-left:.5rem;z-index:1002;padding-left:.75rem;border-left:1px solid var(--nav-actions-border, var(--border-color))}.nav-action{display:flex;align-items:center;transition:transform .2s ease}.nav-action:hover{transform:scale(1.05)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:var(--nav-toggle-bg, transparent);border:1px solid var(--nav-toggle-border, var(--border-color));border-radius:.5rem;cursor:pointer;padding:.625rem .5rem;z-index:1001;transition:all .25s ease}.nav-toggle:hover{background:var(--nav-toggle-hover-bg, var(--bg-secondary));border-color:var(--nav-toggle-hover-border, var(--border-color))}.nav-toggle-line{width:24px;height:3px;background:var(--nav-toggle-color, var(--text-primary));border-radius:3px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.nav-toggle-line.open:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.nav-toggle-line.open:nth-child(2){opacity:0}.nav-toggle-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-mobile-menu{position:fixed;top:72px;left:0;right:0;background:var(--nav-mobile-bg, var(--bg-primary));-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);flex-direction:column;padding:1.5rem;gap:.5rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--nav-border, var(--border-color));max-height:calc(100vh - 72px);overflow-y:auto;z-index:999;box-shadow:0 4px 24px #0000001a}.nav-mobile-menu.open{transform:translateY(0);opacity:1;visibility:visible}wsx-link.nav-mobile-link::part(link){display:block;padding:.875rem 1.25rem;color:var(--nav-link-color, var(--text-secondary));text-decoration:none!important;font-weight:500;font-size:1rem;border-radius:.625rem;transition:all .25s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent}wsx-link.nav-mobile-link::part(link):hover{background:var(--nav-mobile-link-hover-bg, var(--bg-secondary));color:var(--nav-link-hover-color, var(--text-primary));text-decoration:none!important;transform:translate(4px);border-left-color:var(--primary-red)}wsx-link.nav-mobile-link[active]::part(link),wsx-link.nav-mobile-link.nav-link-active::part(link){background:var(--nav-mobile-link-active-bg, var(--bg-secondary));color:var(--nav-link-active-color, var(--primary-red));font-weight:600;border-left-color:var(--primary-red);box-shadow:0 2px 8px var(--card-shadow)}.nav-mobile-link{display:block;padding:.875rem 1.25rem;color:var(--nav-link-color, var(--text-secondary));text-decoration:none;font-weight:500;font-size:1rem;border-radius:.625rem;transition:all .25s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent}.nav-mobile-link:hover{background:var(--nav-mobile-link-hover-bg, var(--bg-secondary));color:var(--nav-link-hover-color, var(--text-primary));transform:translate(4px);border-left-color:var(--primary-red)}.nav-mobile-link.nav-link-active{background:var(--nav-mobile-link-active-bg, var(--bg-secondary));color:var(--nav-link-active-color, var(--primary-red));font-weight:600;border-left-color:var(--primary-red);box-shadow:0 2px 8px var(--card-shadow)}@media (max-width: 768px){.nav-container{padding:0 1.25rem;height:68px}.nav-brand{font-size:1.35rem}.nav-menu{display:none}.nav-actions{margin-left:0;gap:.5rem;padding-left:.5rem;border-left:none}.nav-toggle{display:flex;margin-left:.5rem}.nav-mobile-menu{display:flex;top:68px;max-height:calc(100vh - 68px)}}@media (min-width: 769px){.nav-mobile-menu{display:none!important}}@media (prefers-reduced-motion: no-preference){.responsive-nav,.nav-link,.nav-overflow-button,.nav-toggle{transition-duration:.25s}}@media (prefers-reduced-motion: reduce){.responsive-nav,.nav-link,.nav-overflow-button,.nav-toggle,.nav-mobile-menu{transition:none;animation:none}}';
@@ -1818,36 +1818,36 @@ let at, st;
 function Z(t, e, r) {
   return (e = lt(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function dr(t, e, r, i, S, A) {
+function ur(t, e, r, o, S, A) {
   function b(a, s, c) {
-    return function(o, n) {
-      return c && c(o), a[s].call(o, n);
+    return function(i, n) {
+      return c && c(i), a[s].call(i, n);
     };
   }
-  function O(a, s) {
+  function T(a, s) {
     for (var c = 0; c < a.length; c++) a[c].call(s);
     return s;
   }
-  function y(a, s, c, o) {
-    if (typeof a != "function" && (o || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (o ? "" : " or undefined"));
+  function y(a, s, c, i) {
+    if (typeof a != "function" && (i || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (i ? "" : " or undefined"));
     return a;
   }
-  function D(a, s, c, o, n, u, h, p, x, k, m, d, v) {
-    function T(f) {
+  function D(a, s, c, i, n, d, h, p, k, x, m, u, v) {
+    function O(f) {
       if (!v(f)) throw new TypeError("Attempted to access private element on non-instance");
     }
     var g, _ = s[0], I = s[3], M = !p;
     if (!M) {
       c || Array.isArray(_) || (_ = [_]);
-      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || d ? "set" : "value";
-      k ? (m || d ? l = { get: Se(function() {
+      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || u ? "set" : "value";
+      x ? (m || u ? l = { get: Se(function() {
         return I(this);
-      }, o, "get"), set: function(f) {
+      }, i, "get"), set: function(f) {
         s[4](this, f);
-      } } : l[E] = I, m || Se(l[E], o, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, o));
+      } } : l[E] = I, m || Se(l[E], i, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, i));
     }
     for (var w = a, B = _.length - 1; B >= 0; B -= c ? 2 : 1) {
-      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: o, metadata: u, addInitializer: (function(f, N) {
+      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: i, metadata: d, addInitializer: (function(f, N) {
         if (f.v) throw Error("attempted to call addInitializer after decoration was finished");
         y(N, "An initializer", "be", !0), h.push(N);
       }).bind(null, Y) };
@@ -1855,17 +1855,17 @@ function dr(t, e, r, i, S, A) {
         if (M) (g = y(W.call(G, w, z), "class decorators", "return")) && (w = g);
         else {
           var P, U;
-          z.static = x, z.private = k, k ? n === 2 ? P = function(f) {
-            return T(f), l.value;
-          } : (n < 4 && (P = b(l, "get", T)), n !== 3 && (U = b(l, "set", T))) : (P = function(f) {
-            return f[o];
+          z.static = k, z.private = x, x ? n === 2 ? P = function(f) {
+            return O(f), l.value;
+          } : (n < 4 && (P = b(l, "get", O)), n !== 3 && (U = b(l, "set", O))) : (P = function(f) {
+            return f[i];
           }, (n < 2 || n === 4) && (U = function(f, N) {
-            f[o] = N;
+            f[i] = N;
           }));
-          var V = z.access = { has: k ? v.bind() : function(f) {
-            return o in f;
+          var V = z.access = { has: x ? v.bind() : function(f) {
+            return i in f;
           } };
-          if (P && (V.get = P), U && (V.set = U), w = W.call(G, d ? { get: l.get, set: l.set } : l[E], z), d) {
+          if (P && (V.get = P), U && (V.set = U), w = W.call(G, u ? { get: l.get, set: l.set } : l[E], z), u) {
             if (typeof w == "object" && w) (g = y(w.get, "accessor.get")) && (l.get = g), (g = y(w.set, "accessor.set")) && (l.set = g), (g = y(w.init, "accessor.init")) && R.push(g);
             else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
           } else y(w, (m ? "field" : "method") + " decorators", "return") && (m ? R.push(w) : l[E] = w);
@@ -1874,39 +1874,39 @@ function dr(t, e, r, i, S, A) {
         Y.v = !0;
       }
     }
-    return (m || d) && p.push(function(f, N) {
+    return (m || u) && p.push(function(f, N) {
       for (var H = R.length - 1; H >= 0; H--) N = R[H].call(f, N);
       return N;
-    }), m || M || (k ? d ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, o, l)), w;
+    }), m || M || (x ? u ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, i, l)), w;
   }
   function F(a, s) {
     return Object.defineProperty(a, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: s });
   }
   if (arguments.length >= 6) var C = A[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var L = Object.create(C ?? null), j = function(a, s, c, o) {
-    var n, u, h = [], p = function(E) {
+  var L = Object.create(C ?? null), j = function(a, s, c, i) {
+    var n, d, h = [], p = function(E) {
       return hr(E) === a;
-    }, x = /* @__PURE__ */ new Map();
-    function k(E) {
-      E && h.push(O.bind(null, E));
+    }, k = /* @__PURE__ */ new Map();
+    function x(E) {
+      E && h.push(T.bind(null, E));
     }
     for (var m = 0; m < s.length; m++) {
-      var d = s[m];
-      if (Array.isArray(d)) {
-        var v = d[1], T = d[2], g = d.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = T + "/" + I;
+      var u = s[m];
+      if (Array.isArray(u)) {
+        var v = u[1], O = u[2], g = u.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = O + "/" + I;
         if (!M && !g) {
-          var R = x.get(l);
-          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + T);
-          x.set(l, !(v > 2) || v);
+          var R = k.get(l);
+          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + O);
+          k.set(l, !(v > 2) || v);
         }
-        D(I ? a : a.prototype, d, _, g ? "#" + T : lt(T), v, o, I ? u = u || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
+        D(I ? a : a.prototype, u, _, g ? "#" + O : lt(O), v, i, I ? d = d || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
       }
     }
-    return k(n), k(u), h;
+    return x(n), x(d), h;
   }(t, e, S, L);
   return r.length || F(t, L), { e: j, get c() {
     var a = [];
-    return r.length && [F(D(t, [r], i, t.name, 5, L, a), L), O.bind(null, a, t)];
+    return r.length && [F(D(t, [r], o, t.name, 5, L, a), L), T.bind(null, a, t)];
   } };
 }
 function lt(t) {
@@ -1917,8 +1917,8 @@ function pr(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
-    var i = r.call(t, e);
-    if (typeof i != "object") return i;
+    var o = r.call(t, e);
+    if (typeof o != "object") return o;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(t);
@@ -1939,7 +1939,7 @@ st = [te({
   tagName: "wsx-responsive-nav"
 })];
 let gr;
-class fr extends Q {
+class fr extends J {
   constructor(e) {
     super({
       styles: Ee,
@@ -1958,10 +1958,10 @@ class fr extends Q {
       const L = C.target, j = this.querySelector(".nav-overflow"), a = j == null ? void 0 : j.querySelector(".nav-overflow-menu"), s = j == null ? void 0 : j.querySelector(".nav-overflow-button");
       a && s && !a.contains(L) && !s.contains(L) && this.closeOverflow();
     }), Z(this, "updateVisibleItems", () => {
-      var u;
+      var d;
       if (!this.navigation.autoOverflow || this.isMobile || !this.navMenuElement) {
         if (!this.isMobile) {
-          const h = this.navigation.items.map((p, x) => x);
+          const h = this.navigation.items.map((p, k) => k);
           JSON.stringify(h.sort()) !== JSON.stringify(this.visibleItemIndices.sort()) && (this.visibleItemIndices = h, this.hiddenItemIndices = [], this.rerender());
         }
         return;
@@ -1970,19 +1970,19 @@ class fr extends Q {
       for (let h = 0; h < this.navigation.items.length; h++) {
         let p = this.navItemsElements[h];
         if (!p) {
-          const x = Array.from(this.navMenuElement.querySelectorAll(".nav-link"));
-          x[h] && (p = x[h], this.navItemsElements[h] = p);
+          const k = Array.from(this.navMenuElement.querySelectorAll(".nav-link"));
+          k[h] && (p = k[h], this.navItemsElements[h] = p);
         }
         if (p)
           C.push(p);
         else {
-          const x = document.createElement("wsx-link");
-          x.textContent = this.navigation.items[h].label, x.style.visibility = "hidden", x.style.position = "absolute", document.body.appendChild(x), C.push(x), setTimeout(() => {
-            x.parentElement && x.parentElement.removeChild(x);
+          const k = document.createElement("wsx-link");
+          k.textContent = this.navigation.items[h].label, k.style.visibility = "hidden", k.style.position = "absolute", document.body.appendChild(k), C.push(k), setTimeout(() => {
+            k.parentElement && k.parentElement.removeChild(k);
           }, 0);
         }
       }
-      const L = (u = this.navMenuElement.parentElement) == null ? void 0 : u.querySelector(".nav-actions"), j = L ? Array.from(L.children).reduce((h, p) => h + ke.getElementTotalWidth(p), 0) + 8 : 0, c = ke.detect({
+      const L = (d = this.navMenuElement.parentElement) == null ? void 0 : d.querySelector(".nav-actions"), j = L ? Array.from(L.children).reduce((h, p) => h + xe.getElementTotalWidth(p), 0) + 8 : 0, c = xe.detect({
         container: this.navMenuElement,
         items: C,
         gap: 16,
@@ -1990,10 +1990,10 @@ class fr extends Q {
         overflowButtonWidth: 90,
         padding: 0,
         minVisibleItems: 1
-      }), o = c.visibleIndices, n = c.hiddenIndices;
+      }), i = c.visibleIndices, n = c.hiddenIndices;
       C.forEach((h) => {
         h.parentElement === document.body && document.body.removeChild(h);
-      }), (JSON.stringify(o.sort()) !== JSON.stringify(this.visibleItemIndices.sort()) || JSON.stringify(n.sort()) !== JSON.stringify(this.hiddenItemIndices.sort())) && (this.visibleItemIndices = o, this.hiddenItemIndices = n, this.rerender());
+      }), (JSON.stringify(i.sort()) !== JSON.stringify(this.visibleItemIndices.sort()) || JSON.stringify(n.sort()) !== JSON.stringify(this.hiddenItemIndices.sort())) && (this.visibleItemIndices = i, this.hiddenItemIndices = n, this.rerender());
     }), Z(this, "checkMobile", () => {
       var L;
       const C = window.innerWidth <= (((L = this.navigation) == null ? void 0 : L.mobileBreakpoint) || 768);
@@ -2014,9 +2014,9 @@ class fr extends Q {
       enumerable: !0,
       configurable: !0
     });
-    const [i, S] = this.useState("isMobileMenuOpen", !1);
+    const [o, S] = this.useState("isMobileMenuOpen", !1);
     Object.defineProperty(this, "isMobileMenuOpen", {
-      get: i,
+      get: o,
       set: S,
       enumerable: !0,
       configurable: !0
@@ -2039,9 +2039,9 @@ class fr extends Q {
       enumerable: !0,
       configurable: !0
     });
-    const [O, y] = this.useState("isMobile", !1);
+    const [T, y] = this.useState("isMobile", !1);
     Object.defineProperty(this, "isMobile", {
-      get: O,
+      get: T,
       set: y,
       enumerable: !0,
       configurable: !0
@@ -2055,14 +2055,14 @@ class fr extends Q {
     });
   }
   render() {
-    var r, i;
-    if (!((r = this.navigation) != null && r.items) || ((i = this.navigation) == null ? void 0 : i.items.length) === 0)
+    var r, o;
+    if (!((r = this.navigation) != null && r.items) || ((o = this.navigation) == null ? void 0 : o.items.length) === 0)
       return /* @__PURE__ */ $("nav", { class: "responsive-nav" });
     const e = this.hiddenItemIndices.map((S) => this.navigation.items[S]);
     return /* @__PURE__ */ $("nav", { class: "responsive-nav" }, /* @__PURE__ */ $("div", { class: "nav-container" }, /* @__PURE__ */ $("div", { class: "nav-brand" }, /* @__PURE__ */ $("slot", { name: "brand-icon" }, this.navigation.brandIcon && typeof this.navigation.brandIcon == "string" && /* @__PURE__ */ $("span", { class: "nav-brand-icon" }, this.navigation.brandIcon)), this.navigation.brand && /* @__PURE__ */ $("span", { class: "nav-brand-text" }, this.navigation.brand)), !this.isMobile && /* @__PURE__ */ $("div", { ref: (S) => this.navMenuElement = S, class: "nav-menu" }, this.navigation.items.map((S, A) => {
       const b = this.visibleItemIndices.includes(A);
-      return /* @__PURE__ */ $("wsx-link", { key: `nav-${A}`, ref: (O) => {
-        O && (this.navItemsElements[A] = O);
+      return /* @__PURE__ */ $("wsx-link", { key: `nav-${A}`, ref: (T) => {
+        T && (this.navItemsElements[A] = T);
       }, to: S.to, class: `nav-link ${b ? "" : "hidden-item"}`, "active-class": "nav-link-active", exact: S.exact, style: b ? "" : "position: absolute; visibility: hidden; pointer-events: none;" }, S.label);
     }), this.navigation.autoOverflow && e.length > 0 && !this.isMobile && /* @__PURE__ */ $("div", { class: "nav-overflow" }, /* @__PURE__ */ $("button", { class: "nav-overflow-button", onClick: this.toggleOverflow, "data-wsx-key": "ResponsiveNav-button-text-1-1" }, "More ▼"), this.isOverflowOpen && /* @__PURE__ */ $("div", { class: "nav-overflow-menu" }, e.map((S, A) => {
       const b = this.hiddenItemIndices[A];
@@ -2073,8 +2073,8 @@ class fr extends Q {
    * 组件连接时初始化
    */
   onConnected() {
-    var r, i, S;
-    if ((r = super.onConnected) == null || r.call(this), !((i = this.navigation) != null && i.items) || ((S = this.navigation) == null ? void 0 : S.items.length) === 0)
+    var r, o, S;
+    if ((r = super.onConnected) == null || r.call(this), !((o = this.navigation) != null && o.items) || ((S = this.navigation) == null ? void 0 : S.items.length) === 0)
       try {
         this.visibleItemIndices = this.navigation.items.map((A, b) => b), this.rerender();
       } catch (A) {
@@ -2083,7 +2083,7 @@ class fr extends Q {
     this.checkMobile();
     const e = (A = 0) => {
       A > 10 || setTimeout(() => {
-        this.navMenuElement && (this.navigation.items.every((O, y) => this.navItemsElements[y]) || A > 5 ? this.updateVisibleItems() : e(A + 1));
+        this.navMenuElement && (this.navigation.items.every((T, y) => this.navItemsElements[y]) || A > 5 ? this.updateVisibleItems() : e(A + 1));
       }, 50);
     };
     e(), this.resizeHandler = () => {
@@ -2107,43 +2107,43 @@ class fr extends Q {
   }
 }
 it = fr;
-[gr, at] = dr(it, [], st, 0, void 0, Q).c;
+[gr, at] = ur(it, [], st, 0, void 0, J).c;
 at();
 var ct;
-let ut, dt;
+let dt, ut;
 function ne(t, e, r) {
   return (e = pt(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function br(t, e, r, i, S, A) {
+function br(t, e, r, o, S, A) {
   function b(a, s, c) {
-    return function(o, n) {
-      return c && c(o), a[s].call(o, n);
+    return function(i, n) {
+      return c && c(i), a[s].call(i, n);
     };
   }
-  function O(a, s) {
+  function T(a, s) {
     for (var c = 0; c < a.length; c++) a[c].call(s);
     return s;
   }
-  function y(a, s, c, o) {
-    if (typeof a != "function" && (o || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (o ? "" : " or undefined"));
+  function y(a, s, c, i) {
+    if (typeof a != "function" && (i || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (i ? "" : " or undefined"));
     return a;
   }
-  function D(a, s, c, o, n, u, h, p, x, k, m, d, v) {
-    function T(f) {
+  function D(a, s, c, i, n, d, h, p, k, x, m, u, v) {
+    function O(f) {
       if (!v(f)) throw new TypeError("Attempted to access private element on non-instance");
     }
     var g, _ = s[0], I = s[3], M = !p;
     if (!M) {
       c || Array.isArray(_) || (_ = [_]);
-      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || d ? "set" : "value";
-      k ? (m || d ? l = { get: Ae(function() {
+      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || u ? "set" : "value";
+      x ? (m || u ? l = { get: Ae(function() {
         return I(this);
-      }, o, "get"), set: function(f) {
+      }, i, "get"), set: function(f) {
         s[4](this, f);
-      } } : l[E] = I, m || Ae(l[E], o, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, o));
+      } } : l[E] = I, m || Ae(l[E], i, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, i));
     }
     for (var w = a, B = _.length - 1; B >= 0; B -= c ? 2 : 1) {
-      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: o, metadata: u, addInitializer: (function(f, N) {
+      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: i, metadata: d, addInitializer: (function(f, N) {
         if (f.v) throw Error("attempted to call addInitializer after decoration was finished");
         y(N, "An initializer", "be", !0), h.push(N);
       }).bind(null, Y) };
@@ -2151,17 +2151,17 @@ function br(t, e, r, i, S, A) {
         if (M) (g = y(W.call(G, w, z), "class decorators", "return")) && (w = g);
         else {
           var P, U;
-          z.static = x, z.private = k, k ? n === 2 ? P = function(f) {
-            return T(f), l.value;
-          } : (n < 4 && (P = b(l, "get", T)), n !== 3 && (U = b(l, "set", T))) : (P = function(f) {
-            return f[o];
+          z.static = k, z.private = x, x ? n === 2 ? P = function(f) {
+            return O(f), l.value;
+          } : (n < 4 && (P = b(l, "get", O)), n !== 3 && (U = b(l, "set", O))) : (P = function(f) {
+            return f[i];
           }, (n < 2 || n === 4) && (U = function(f, N) {
-            f[o] = N;
+            f[i] = N;
           }));
-          var V = z.access = { has: k ? v.bind() : function(f) {
-            return o in f;
+          var V = z.access = { has: x ? v.bind() : function(f) {
+            return i in f;
           } };
-          if (P && (V.get = P), U && (V.set = U), w = W.call(G, d ? { get: l.get, set: l.set } : l[E], z), d) {
+          if (P && (V.get = P), U && (V.set = U), w = W.call(G, u ? { get: l.get, set: l.set } : l[E], z), u) {
             if (typeof w == "object" && w) (g = y(w.get, "accessor.get")) && (l.get = g), (g = y(w.set, "accessor.set")) && (l.set = g), (g = y(w.init, "accessor.init")) && R.push(g);
             else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
           } else y(w, (m ? "field" : "method") + " decorators", "return") && (m ? R.push(w) : l[E] = w);
@@ -2170,39 +2170,39 @@ function br(t, e, r, i, S, A) {
         Y.v = !0;
       }
     }
-    return (m || d) && p.push(function(f, N) {
+    return (m || u) && p.push(function(f, N) {
       for (var H = R.length - 1; H >= 0; H--) N = R[H].call(f, N);
       return N;
-    }), m || M || (k ? d ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, o, l)), w;
+    }), m || M || (x ? u ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, i, l)), w;
   }
   function F(a, s) {
     return Object.defineProperty(a, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: s });
   }
   if (arguments.length >= 6) var C = A[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var L = Object.create(C ?? null), j = function(a, s, c, o) {
-    var n, u, h = [], p = function(E) {
+  var L = Object.create(C ?? null), j = function(a, s, c, i) {
+    var n, d, h = [], p = function(E) {
       return vr(E) === a;
-    }, x = /* @__PURE__ */ new Map();
-    function k(E) {
-      E && h.push(O.bind(null, E));
+    }, k = /* @__PURE__ */ new Map();
+    function x(E) {
+      E && h.push(T.bind(null, E));
     }
     for (var m = 0; m < s.length; m++) {
-      var d = s[m];
-      if (Array.isArray(d)) {
-        var v = d[1], T = d[2], g = d.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = T + "/" + I;
+      var u = s[m];
+      if (Array.isArray(u)) {
+        var v = u[1], O = u[2], g = u.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = O + "/" + I;
         if (!M && !g) {
-          var R = x.get(l);
-          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + T);
-          x.set(l, !(v > 2) || v);
+          var R = k.get(l);
+          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + O);
+          k.set(l, !(v > 2) || v);
         }
-        D(I ? a : a.prototype, d, _, g ? "#" + T : pt(T), v, o, I ? u = u || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
+        D(I ? a : a.prototype, u, _, g ? "#" + O : pt(O), v, i, I ? d = d || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
       }
     }
-    return k(n), k(u), h;
+    return x(n), x(d), h;
   }(t, e, S, L);
   return r.length || F(t, L), { e: j, get c() {
     var a = [];
-    return r.length && [F(D(t, [r], i, t.name, 5, L, a), L), O.bind(null, a, t)];
+    return r.length && [F(D(t, [r], o, t.name, 5, L, a), L), T.bind(null, a, t)];
   } };
 }
 function pt(t) {
@@ -2213,8 +2213,8 @@ function mr(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
-    var i = r.call(t, e);
-    if (typeof i != "object") return i;
+    var o = r.call(t, e);
+    if (typeof o != "object") return o;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(t);
@@ -2231,28 +2231,28 @@ function vr(t) {
   if (Object(t) !== t) throw TypeError("right-hand side of 'in' should be an object, got " + (t !== null ? typeof t : "null"));
   return t;
 }
-const Oe = Ue("SvgIcon");
-dt = [te({
+const Te = Ue("SvgIcon");
+ut = [te({
   tagName: "svg-icon"
 })];
 let yr;
-class xr extends Q {
+class kr extends J {
   constructor() {
-    super(), ne(this, "size", void 0), ne(this, "color", void 0), ne(this, "name", void 0), ne(this, "handleClick", (O) => {
-      Oe.debug("SVG icon clicked", {
+    super(), ne(this, "size", void 0), ne(this, "color", void 0), ne(this, "name", void 0), ne(this, "handleClick", (T) => {
+      Te.debug("SVG icon clicked", {
         name: this.name
       }), this.dispatchEvent(new CustomEvent("icon-click", {
         detail: {
           name: this.name,
-          originalEvent: O
+          originalEvent: T
         },
         bubbles: !0
       }));
-    }), ne(this, "handleMouseEnter", (O) => {
-      const y = O.target;
+    }), ne(this, "handleMouseEnter", (T) => {
+      const y = T.target;
       y.style.transform = "scale(1.1)";
-    }), ne(this, "handleMouseLeave", (O) => {
-      const y = O.target;
+    }), ne(this, "handleMouseLeave", (T) => {
+      const y = T.target;
       y.style.transform = "scale(1)";
     });
     const [e, r] = this.useState("size", 24);
@@ -2262,9 +2262,9 @@ class xr extends Q {
       enumerable: !0,
       configurable: !0
     });
-    const [i, S] = this.useState("color", "currentColor");
+    const [o, S] = this.useState("color", "currentColor");
     Object.defineProperty(this, "color", {
-      get: i,
+      get: o,
       set: S,
       enumerable: !0,
       configurable: !0
@@ -2278,7 +2278,7 @@ class xr extends Q {
     });
   }
   render() {
-    const e = this.size || "24", r = this.color || "currentColor", i = this.name || "star", S = {
+    const e = this.size || "24", r = this.color || "currentColor", o = this.name || "star", S = {
       star: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",
       heart: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z",
       check: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z",
@@ -2286,19 +2286,19 @@ class xr extends Q {
       github: "M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22",
       play: "M8 5v14l11-7z",
       settings: "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1 1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"
-    }, A = S[i] || S.star;
+    }, A = S[o] || S.star;
     return /* @__PURE__ */ $("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: r, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "svg-icon", onClick: this.handleClick, style: "cursor: pointer; transition: transform 0.2s ease; display: inline-block;", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, /* @__PURE__ */ $("path", { d: A, fill: r }));
   }
   static get observedAttributes() {
     return ["name", "size", "color"];
   }
-  onAttributeChanged(e, r, i) {
-    Oe.debug(`Attribute ${e} changed from ${r} to ${i}`), this.connected && this.rerender();
+  onAttributeChanged(e, r, o) {
+    Te.debug(`Attribute ${e} changed from ${r} to ${o}`), this.connected && this.rerender();
   }
 }
-ct = xr;
-[yr, ut] = br(ct, [], dt, 0, void 0, Q).c;
-ut();
+ct = kr;
+[yr, dt] = br(ct, [], ut, 0, void 0, J).c;
+dt();
 var ht = { exports: {} };
 (function(t) {
   var e = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};
@@ -2310,8 +2310,8 @@ var ht = { exports: {} };
    * @namespace
    * @public
    */
-  var r = function(i) {
-    var S = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, A = 0, b = {}, O = {
+  var r = function(o) {
+    var S = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, A = 0, b = {}, T = {
       /**
        * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
        * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load
@@ -2333,7 +2333,7 @@ var ht = { exports: {} };
        * @memberof Prism
        * @public
        */
-      manual: i.Prism && i.Prism.manual,
+      manual: o.Prism && o.Prism.manual,
       /**
        * By default, if Prism is in a web worker, it assumes that it is in a worker it created itself, so it uses
        * `addEventListener` to communicate with its parent instance. However, if you're using Prism manually in your
@@ -2355,7 +2355,7 @@ var ht = { exports: {} };
        * @memberof Prism
        * @public
        */
-      disableWorkerMessageHandler: i.Prism && i.Prism.disableWorkerMessageHandler,
+      disableWorkerMessageHandler: o.Prism && o.Prism.disableWorkerMessageHandler,
       /**
        * A namespace for utility methods.
        *
@@ -2366,8 +2366,8 @@ var ht = { exports: {} };
        * @memberof Prism
        */
       util: {
-        encode: function n(u) {
-          return u instanceof y ? new y(u.type, n(u.content), u.alias) : Array.isArray(u) ? u.map(n) : u.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
+        encode: function n(d) {
+          return d instanceof y ? new y(d.type, n(d.content), d.alias) : Array.isArray(d) ? d.map(n) : d.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
         },
         /**
          * Returns the name of the type of the given value.
@@ -2407,30 +2407,30 @@ var ht = { exports: {} };
          * @returns {T}
          * @template T
          */
-        clone: function n(u, h) {
+        clone: function n(d, h) {
           h = h || {};
-          var p, x;
-          switch (O.util.type(u)) {
+          var p, k;
+          switch (T.util.type(d)) {
             case "Object":
-              if (x = O.util.objId(u), h[x])
-                return h[x];
+              if (k = T.util.objId(d), h[k])
+                return h[k];
               p = /** @type {Record<string, any>} */
-              {}, h[x] = p;
-              for (var k in u)
-                u.hasOwnProperty(k) && (p[k] = n(u[k], h));
+              {}, h[k] = p;
+              for (var x in d)
+                d.hasOwnProperty(x) && (p[x] = n(d[x], h));
               return (
                 /** @type {any} */
                 p
               );
             case "Array":
-              return x = O.util.objId(u), h[x] ? h[x] : (p = [], h[x] = p, /** @type {Array} */
+              return k = T.util.objId(d), h[k] ? h[k] : (p = [], h[k] = p, /** @type {Array} */
               /** @type {any} */
-              u.forEach(function(m, d) {
-                p[d] = n(m, h);
+              d.forEach(function(m, u) {
+                p[u] = n(m, h);
               }), /** @type {any} */
               p);
             default:
-              return u;
+              return d;
           }
         },
         /**
@@ -2443,9 +2443,9 @@ var ht = { exports: {} };
          */
         getLanguage: function(n) {
           for (; n; ) {
-            var u = S.exec(n.className);
-            if (u)
-              return u[1].toLowerCase();
+            var d = S.exec(n.className);
+            if (d)
+              return d[1].toLowerCase();
             n = n.parentElement;
           }
           return "none";
@@ -2457,8 +2457,8 @@ var ht = { exports: {} };
          * @param {string} language
          * @returns {void}
          */
-        setLanguage: function(n, u) {
-          n.className = n.className.replace(RegExp(S, "gi"), ""), n.classList.add("language-" + u);
+        setLanguage: function(n, d) {
+          n.className = n.className.replace(RegExp(S, "gi"), ""), n.classList.add("language-" + d);
         },
         /**
          * Returns the script element that is currently executing.
@@ -2480,10 +2480,10 @@ var ht = { exports: {} };
           } catch (p) {
             var n = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(p.stack) || [])[1];
             if (n) {
-              var u = document.getElementsByTagName("script");
-              for (var h in u)
-                if (u[h].src == n)
-                  return u[h];
+              var d = document.getElementsByTagName("script");
+              for (var h in d)
+                if (d[h].src == n)
+                  return d[h];
             }
             return null;
           }
@@ -2507,12 +2507,12 @@ var ht = { exports: {} };
          * @param {boolean} [defaultActivation=false]
          * @returns {boolean}
          */
-        isActive: function(n, u, h) {
-          for (var p = "no-" + u; n; ) {
-            var x = n.classList;
-            if (x.contains(u))
+        isActive: function(n, d, h) {
+          for (var p = "no-" + d; n; ) {
+            var k = n.classList;
+            if (k.contains(d))
               return !0;
-            if (x.contains(p))
+            if (k.contains(p))
               return !1;
             n = n.parentElement;
           }
@@ -2562,10 +2562,10 @@ var ht = { exports: {} };
          *     'color': /\b(?:red|green|blue)\b/
          * });
          */
-        extend: function(n, u) {
-          var h = O.util.clone(O.languages[n]);
-          for (var p in u)
-            h[p] = u[p];
+        extend: function(n, d) {
+          var h = T.util.clone(T.languages[n]);
+          for (var p in d)
+            h[p] = d[p];
           return h;
         },
         /**
@@ -2643,31 +2643,31 @@ var ht = { exports: {} };
          * @returns {Grammar} The new grammar object.
          * @public
          */
-        insertBefore: function(n, u, h, p) {
+        insertBefore: function(n, d, h, p) {
           p = p || /** @type {any} */
-          O.languages;
-          var x = p[n], k = {};
-          for (var m in x)
-            if (x.hasOwnProperty(m)) {
-              if (m == u)
-                for (var d in h)
-                  h.hasOwnProperty(d) && (k[d] = h[d]);
-              h.hasOwnProperty(m) || (k[m] = x[m]);
+          T.languages;
+          var k = p[n], x = {};
+          for (var m in k)
+            if (k.hasOwnProperty(m)) {
+              if (m == d)
+                for (var u in h)
+                  h.hasOwnProperty(u) && (x[u] = h[u]);
+              h.hasOwnProperty(m) || (x[m] = k[m]);
             }
           var v = p[n];
-          return p[n] = k, O.languages.DFS(O.languages, function(T, g) {
-            g === v && T != n && (this[T] = k);
-          }), k;
+          return p[n] = x, T.languages.DFS(T.languages, function(O, g) {
+            g === v && O != n && (this[O] = x);
+          }), x;
         },
         // Traverse a language definition with Depth First Search
-        DFS: function n(u, h, p, x) {
-          x = x || {};
-          var k = O.util.objId;
-          for (var m in u)
-            if (u.hasOwnProperty(m)) {
-              h.call(u, m, u[m], p || m);
-              var d = u[m], v = O.util.type(d);
-              v === "Object" && !x[k(d)] ? (x[k(d)] = !0, n(d, h, null, x)) : v === "Array" && !x[k(d)] && (x[k(d)] = !0, n(d, h, m, x));
+        DFS: function n(d, h, p, k) {
+          k = k || {};
+          var x = T.util.objId;
+          for (var m in d)
+            if (d.hasOwnProperty(m)) {
+              h.call(d, m, d[m], p || m);
+              var u = d[m], v = T.util.type(u);
+              v === "Object" && !k[x(u)] ? (k[x(u)] = !0, n(u, h, null, k)) : v === "Array" && !k[x(u)] && (k[x(u)] = !0, n(u, h, m, k));
             }
         }
       },
@@ -2684,8 +2684,8 @@ var ht = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightAll: function(n, u) {
-        O.highlightAllUnder(document, n, u);
+      highlightAll: function(n, d) {
+        T.highlightAllUnder(document, n, d);
       },
       /**
        * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
@@ -2702,15 +2702,15 @@ var ht = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightAllUnder: function(n, u, h) {
+      highlightAllUnder: function(n, d, h) {
         var p = {
           callback: h,
           container: n,
           selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
         };
-        O.hooks.run("before-highlightall", p), p.elements = Array.prototype.slice.apply(p.container.querySelectorAll(p.selector)), O.hooks.run("before-all-elements-highlight", p);
-        for (var x = 0, k; k = p.elements[x++]; )
-          O.highlightElement(k, u === !0, p.callback);
+        T.hooks.run("before-highlightall", p), p.elements = Array.prototype.slice.apply(p.container.querySelectorAll(p.selector)), T.hooks.run("before-all-elements-highlight", p);
+        for (var k = 0, x; x = p.elements[k++]; )
+          T.highlightElement(x, d === !0, p.callback);
       },
       /**
        * Highlights the code inside a single element.
@@ -2740,39 +2740,39 @@ var ht = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightElement: function(n, u, h) {
-        var p = O.util.getLanguage(n), x = O.languages[p];
-        O.util.setLanguage(n, p);
-        var k = n.parentElement;
-        k && k.nodeName.toLowerCase() === "pre" && O.util.setLanguage(k, p);
-        var m = n.textContent, d = {
+      highlightElement: function(n, d, h) {
+        var p = T.util.getLanguage(n), k = T.languages[p];
+        T.util.setLanguage(n, p);
+        var x = n.parentElement;
+        x && x.nodeName.toLowerCase() === "pre" && T.util.setLanguage(x, p);
+        var m = n.textContent, u = {
           element: n,
           language: p,
-          grammar: x,
+          grammar: k,
           code: m
         };
         function v(g) {
-          d.highlightedCode = g, O.hooks.run("before-insert", d), d.element.innerHTML = d.highlightedCode, O.hooks.run("after-highlight", d), O.hooks.run("complete", d), h && h.call(d.element);
+          u.highlightedCode = g, T.hooks.run("before-insert", u), u.element.innerHTML = u.highlightedCode, T.hooks.run("after-highlight", u), T.hooks.run("complete", u), h && h.call(u.element);
         }
-        if (O.hooks.run("before-sanity-check", d), k = d.element.parentElement, k && k.nodeName.toLowerCase() === "pre" && !k.hasAttribute("tabindex") && k.setAttribute("tabindex", "0"), !d.code) {
-          O.hooks.run("complete", d), h && h.call(d.element);
+        if (T.hooks.run("before-sanity-check", u), x = u.element.parentElement, x && x.nodeName.toLowerCase() === "pre" && !x.hasAttribute("tabindex") && x.setAttribute("tabindex", "0"), !u.code) {
+          T.hooks.run("complete", u), h && h.call(u.element);
           return;
         }
-        if (O.hooks.run("before-highlight", d), !d.grammar) {
-          v(O.util.encode(d.code));
+        if (T.hooks.run("before-highlight", u), !u.grammar) {
+          v(T.util.encode(u.code));
           return;
         }
-        if (u && i.Worker) {
-          var T = new Worker(O.filename);
-          T.onmessage = function(g) {
+        if (d && o.Worker) {
+          var O = new Worker(T.filename);
+          O.onmessage = function(g) {
             v(g.data);
-          }, T.postMessage(JSON.stringify({
-            language: d.language,
-            code: d.code,
+          }, O.postMessage(JSON.stringify({
+            language: u.language,
+            code: u.code,
             immediateClose: !0
           }));
         } else
-          v(O.highlight(d.code, d.grammar, d.language));
+          v(T.highlight(u.code, u.grammar, u.language));
       },
       /**
        * Low-level function, only use if you know what you’re doing. It accepts a string of text as input
@@ -2794,15 +2794,15 @@ var ht = { exports: {} };
        * @example
        * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
        */
-      highlight: function(n, u, h) {
+      highlight: function(n, d, h) {
         var p = {
           code: n,
-          grammar: u,
+          grammar: d,
           language: h
         };
-        if (O.hooks.run("before-tokenize", p), !p.grammar)
+        if (T.hooks.run("before-tokenize", p), !p.grammar)
           throw new Error('The language "' + p.language + '" has no grammar.');
-        return p.tokens = O.tokenize(p.code, p.grammar), O.hooks.run("after-tokenize", p), y.stringify(O.util.encode(p.tokens), p.language);
+        return p.tokens = T.tokenize(p.code, p.grammar), T.hooks.run("after-tokenize", p), y.stringify(T.util.encode(p.tokens), p.language);
       },
       /**
        * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input
@@ -2828,15 +2828,15 @@ var ht = { exports: {} };
        *     }
        * });
        */
-      tokenize: function(n, u) {
-        var h = u.rest;
+      tokenize: function(n, d) {
+        var h = d.rest;
         if (h) {
           for (var p in h)
-            u[p] = h[p];
-          delete u.rest;
+            d[p] = h[p];
+          delete d.rest;
         }
-        var x = new C();
-        return L(x, x.head, n), F(n, x, u, x.head, 0), a(x);
+        var k = new C();
+        return L(k, k.head, n), F(n, k, d, k.head, 0), a(k);
       },
       /**
        * @namespace
@@ -2857,9 +2857,9 @@ var ht = { exports: {} };
          * @param {HookCallback} callback The callback function which is given environment variables.
          * @public
          */
-        add: function(n, u) {
-          var h = O.hooks.all;
-          h[n] = h[n] || [], h[n].push(u);
+        add: function(n, d) {
+          var h = T.hooks.all;
+          h[n] = h[n] || [], h[n].push(d);
         },
         /**
          * Runs a hook invoking all registered callbacks with the given environment variables.
@@ -2870,67 +2870,67 @@ var ht = { exports: {} };
          * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
          * @public
          */
-        run: function(n, u) {
-          var h = O.hooks.all[n];
+        run: function(n, d) {
+          var h = T.hooks.all[n];
           if (!(!h || !h.length))
-            for (var p = 0, x; x = h[p++]; )
-              x(u);
+            for (var p = 0, k; k = h[p++]; )
+              k(d);
         }
       },
       Token: y
     };
-    i.Prism = O;
-    function y(n, u, h, p) {
-      this.type = n, this.content = u, this.alias = h, this.length = (p || "").length | 0;
+    o.Prism = T;
+    function y(n, d, h, p) {
+      this.type = n, this.content = d, this.alias = h, this.length = (p || "").length | 0;
     }
-    y.stringify = function n(u, h) {
-      if (typeof u == "string")
-        return u;
-      if (Array.isArray(u)) {
+    y.stringify = function n(d, h) {
+      if (typeof d == "string")
+        return d;
+      if (Array.isArray(d)) {
         var p = "";
-        return u.forEach(function(v) {
+        return d.forEach(function(v) {
           p += n(v, h);
         }), p;
       }
-      var x = {
-        type: u.type,
-        content: n(u.content, h),
+      var k = {
+        type: d.type,
+        content: n(d.content, h),
         tag: "span",
-        classes: ["token", u.type],
+        classes: ["token", d.type],
         attributes: {},
         language: h
-      }, k = u.alias;
-      k && (Array.isArray(k) ? Array.prototype.push.apply(x.classes, k) : x.classes.push(k)), O.hooks.run("wrap", x);
+      }, x = d.alias;
+      x && (Array.isArray(x) ? Array.prototype.push.apply(k.classes, x) : k.classes.push(x)), T.hooks.run("wrap", k);
       var m = "";
-      for (var d in x.attributes)
-        m += " " + d + '="' + (x.attributes[d] || "").replace(/"/g, "&quot;") + '"';
-      return "<" + x.tag + ' class="' + x.classes.join(" ") + '"' + m + ">" + x.content + "</" + x.tag + ">";
+      for (var u in k.attributes)
+        m += " " + u + '="' + (k.attributes[u] || "").replace(/"/g, "&quot;") + '"';
+      return "<" + k.tag + ' class="' + k.classes.join(" ") + '"' + m + ">" + k.content + "</" + k.tag + ">";
     };
-    function D(n, u, h, p) {
-      n.lastIndex = u;
-      var x = n.exec(h);
-      if (x && p && x[1]) {
-        var k = x[1].length;
-        x.index += k, x[0] = x[0].slice(k);
+    function D(n, d, h, p) {
+      n.lastIndex = d;
+      var k = n.exec(h);
+      if (k && p && k[1]) {
+        var x = k[1].length;
+        k.index += x, k[0] = k[0].slice(x);
       }
-      return x;
+      return k;
     }
-    function F(n, u, h, p, x, k) {
+    function F(n, d, h, p, k, x) {
       for (var m in h)
         if (!(!h.hasOwnProperty(m) || !h[m])) {
-          var d = h[m];
-          d = Array.isArray(d) ? d : [d];
-          for (var v = 0; v < d.length; ++v) {
-            if (k && k.cause == m + "," + v)
+          var u = h[m];
+          u = Array.isArray(u) ? u : [u];
+          for (var v = 0; v < u.length; ++v) {
+            if (x && x.cause == m + "," + v)
               return;
-            var T = d[v], g = T.inside, _ = !!T.lookbehind, I = !!T.greedy, M = T.alias;
-            if (I && !T.pattern.global) {
-              var l = T.pattern.toString().match(/[imsuy]*$/)[0];
-              T.pattern = RegExp(T.pattern.source, l + "g");
+            var O = u[v], g = O.inside, _ = !!O.lookbehind, I = !!O.greedy, M = O.alias;
+            if (I && !O.pattern.global) {
+              var l = O.pattern.toString().match(/[imsuy]*$/)[0];
+              O.pattern = RegExp(O.pattern.source, l + "g");
             }
-            for (var R = T.pattern || T, E = p.next, w = x; E !== u.tail && !(k && w >= k.reach); w += E.value.length, E = E.next) {
+            for (var R = O.pattern || O, E = p.next, w = k; E !== d.tail && !(x && w >= x.reach); w += E.value.length, E = E.next) {
               var B = E.value;
-              if (u.length > n.length)
+              if (d.length > n.length)
                 return;
               if (!(B instanceof y)) {
                 var W = 1, G;
@@ -2942,22 +2942,22 @@ var ht = { exports: {} };
                     E = E.next, z += E.value.length;
                   if (z -= E.value.length, w = z, E.value instanceof y)
                     continue;
-                  for (var P = E; P !== u.tail && (z < Y || typeof P.value == "string"); P = P.next)
+                  for (var P = E; P !== d.tail && (z < Y || typeof P.value == "string"); P = P.next)
                     W++, z += P.value.length;
                   W--, B = n.slice(w, z), G.index -= w;
                 } else if (G = D(R, 0, B, _), !G)
                   continue;
                 var U = G.index, V = G[0], f = B.slice(0, U), N = B.slice(U + V.length), H = w + B.length;
-                k && H > k.reach && (k.reach = H);
+                x && H > x.reach && (x.reach = H);
                 var ae = E.prev;
-                f && (ae = L(u, ae, f), w += f.length), j(u, ae, W);
-                var vt = new y(m, g ? O.tokenize(V, g) : V, M, V);
-                if (E = L(u, ae, vt), N && L(u, E, N), W > 1) {
+                f && (ae = L(d, ae, f), w += f.length), j(d, ae, W);
+                var vt = new y(m, g ? T.tokenize(V, g) : V, M, V);
+                if (E = L(d, ae, vt), N && L(d, E, N), W > 1) {
                   var ce = {
                     cause: m + "," + v,
                     reach: H
                   };
-                  F(n, u, h, E.prev, w, ce), k && ce.reach > k.reach && (k.reach = ce.reach);
+                  F(n, d, h, E.prev, w, ce), x && ce.reach > x.reach && (x.reach = ce.reach);
                 }
               }
             }
@@ -2965,40 +2965,40 @@ var ht = { exports: {} };
         }
     }
     function C() {
-      var n = { value: null, prev: null, next: null }, u = { value: null, prev: n, next: null };
-      n.next = u, this.head = n, this.tail = u, this.length = 0;
+      var n = { value: null, prev: null, next: null }, d = { value: null, prev: n, next: null };
+      n.next = d, this.head = n, this.tail = d, this.length = 0;
     }
-    function L(n, u, h) {
-      var p = u.next, x = { value: h, prev: u, next: p };
-      return u.next = x, p.prev = x, n.length++, x;
+    function L(n, d, h) {
+      var p = d.next, k = { value: h, prev: d, next: p };
+      return d.next = k, p.prev = k, n.length++, k;
     }
-    function j(n, u, h) {
-      for (var p = u.next, x = 0; x < h && p !== n.tail; x++)
+    function j(n, d, h) {
+      for (var p = d.next, k = 0; k < h && p !== n.tail; k++)
         p = p.next;
-      u.next = p, p.prev = u, n.length -= x;
+      d.next = p, p.prev = d, n.length -= k;
     }
     function a(n) {
-      for (var u = [], h = n.head.next; h !== n.tail; )
-        u.push(h.value), h = h.next;
-      return u;
+      for (var d = [], h = n.head.next; h !== n.tail; )
+        d.push(h.value), h = h.next;
+      return d;
     }
-    if (!i.document)
-      return i.addEventListener && (O.disableWorkerMessageHandler || i.addEventListener("message", function(n) {
-        var u = JSON.parse(n.data), h = u.language, p = u.code, x = u.immediateClose;
-        i.postMessage(O.highlight(p, O.languages[h], h)), x && i.close();
-      }, !1)), O;
-    var s = O.util.currentScript();
-    s && (O.filename = s.src, s.hasAttribute("data-manual") && (O.manual = !0));
+    if (!o.document)
+      return o.addEventListener && (T.disableWorkerMessageHandler || o.addEventListener("message", function(n) {
+        var d = JSON.parse(n.data), h = d.language, p = d.code, k = d.immediateClose;
+        o.postMessage(T.highlight(p, T.languages[h], h)), k && o.close();
+      }, !1)), T;
+    var s = T.util.currentScript();
+    s && (T.filename = s.src, s.hasAttribute("data-manual") && (T.manual = !0));
     function c() {
-      O.manual || O.highlightAll();
+      T.manual || T.highlightAll();
     }
-    if (!O.manual) {
-      var o = document.readyState;
-      o === "loading" || o === "interactive" && s && s.defer ? document.addEventListener("DOMContentLoaded", c) : window.requestAnimationFrame ? window.requestAnimationFrame(c) : window.setTimeout(c, 16);
+    if (!T.manual) {
+      var i = document.readyState;
+      i === "loading" || i === "interactive" && s && s.defer ? document.addEventListener("DOMContentLoaded", c) : window.requestAnimationFrame ? window.requestAnimationFrame(c) : window.setTimeout(c, 16);
     }
-    return O;
+    return T;
   }(e);
-  t.exports && (t.exports = r), typeof de < "u" && (de.Prism = r), r.languages.markup = {
+  t.exports && (t.exports = r), typeof ue < "u" && (ue.Prism = r), r.languages.markup = {
     comment: {
       pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
       greedy: !0
@@ -3075,8 +3075,8 @@ var ht = { exports: {} };
       },
       /&#x?[\da-f]{1,8};/i
     ]
-  }, r.languages.markup.tag.inside["attr-value"].inside.entity = r.languages.markup.entity, r.languages.markup.doctype.inside["internal-subset"].inside = r.languages.markup, r.hooks.add("wrap", function(i) {
-    i.type === "entity" && (i.attributes.title = i.content.replace(/&amp;/, "&"));
+  }, r.languages.markup.tag.inside["attr-value"].inside.entity = r.languages.markup.entity, r.languages.markup.doctype.inside["internal-subset"].inside = r.languages.markup, r.hooks.add("wrap", function(o) {
+    o.type === "entity" && (o.attributes.title = o.content.replace(/&amp;/, "&"));
   }), Object.defineProperty(r.languages.markup.tag, "addInlined", {
     /**
      * Adds an inlined language to markup.
@@ -3096,13 +3096,13 @@ var ht = { exports: {} };
         lookbehind: !0,
         inside: r.languages[A]
       }, b.cdata = /^<!\[CDATA\[|\]\]>$/i;
-      var O = {
+      var T = {
         "included-cdata": {
           pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
           inside: b
         }
       };
-      O["language-" + A] = {
+      T["language-" + A] = {
         pattern: /[\s\S]+/,
         inside: r.languages[A]
       };
@@ -3113,7 +3113,7 @@ var ht = { exports: {} };
         }), "i"),
         lookbehind: !0,
         greedy: !0,
-        inside: O
+        inside: T
       }, r.languages.insertBefore("markup", "cdata", y);
     }
   }), Object.defineProperty(r.languages.markup.tag, "addAttribute", {
@@ -3128,10 +3128,10 @@ var ht = { exports: {} };
      * @example
      * addAttribute('style', 'css');
      */
-    value: function(i, S) {
+    value: function(o, S) {
       r.languages.markup.tag.inside["special-attr"].push({
         pattern: RegExp(
-          /(^|["'\s])/.source + "(?:" + i + ")" + /\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,
+          /(^|["'\s])/.source + "(?:" + o + ")" + /\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,
           "i"
         ),
         lookbehind: !0,
@@ -3158,9 +3158,9 @@ var ht = { exports: {} };
         }
       });
     }
-  }), r.languages.html = r.languages.markup, r.languages.mathml = r.languages.markup, r.languages.svg = r.languages.markup, r.languages.xml = r.languages.extend("markup", {}), r.languages.ssml = r.languages.xml, r.languages.atom = r.languages.xml, r.languages.rss = r.languages.xml, function(i) {
+  }), r.languages.html = r.languages.markup, r.languages.mathml = r.languages.markup, r.languages.svg = r.languages.markup, r.languages.xml = r.languages.extend("markup", {}), r.languages.ssml = r.languages.xml, r.languages.atom = r.languages.xml, r.languages.rss = r.languages.xml, function(o) {
     var S = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
-    i.languages.css = {
+    o.languages.css = {
       comment: /\/\*[\s\S]*?\*\//,
       atrule: {
         pattern: RegExp("@[\\w-](?:" + /[^;{\s"']|\s+(?!\s)/.source + "|" + S.source + ")*?" + /(?:;|(?=\s*\{))/.source),
@@ -3209,8 +3209,8 @@ var ht = { exports: {} };
         lookbehind: !0
       },
       punctuation: /[(){};:,]/
-    }, i.languages.css.atrule.inside.rest = i.languages.css;
-    var A = i.languages.markup;
+    }, o.languages.css.atrule.inside.rest = o.languages.css;
+    var A = o.languages.markup;
     A && (A.tag.addInlined("style", "css"), A.tag.addAttribute("style", "css"));
   }(r), r.languages.clike = {
     comment: [
@@ -3376,7 +3376,7 @@ var ht = { exports: {} };
     if (typeof r > "u" || typeof document > "u")
       return;
     Element.prototype.matches || (Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector);
-    var i = "Loading…", S = function(s, c) {
+    var o = "Loading…", S = function(s, c) {
       return "✖ Error " + s + " while fetching file: " + c;
     }, A = "✖ Error: File does not exist or is empty", b = {
       js: "javascript",
@@ -3388,18 +3388,18 @@ var ht = { exports: {} };
       bat: "batch",
       h: "c",
       tex: "latex"
-    }, O = "data-src-status", y = "loading", D = "loaded", F = "failed", C = "pre[data-src]:not([" + O + '="' + D + '"]):not([' + O + '="' + y + '"])';
-    function L(s, c, o) {
+    }, T = "data-src-status", y = "loading", D = "loaded", F = "failed", C = "pre[data-src]:not([" + T + '="' + D + '"]):not([' + T + '="' + y + '"])';
+    function L(s, c, i) {
       var n = new XMLHttpRequest();
       n.open("GET", s, !0), n.onreadystatechange = function() {
-        n.readyState == 4 && (n.status < 400 && n.responseText ? c(n.responseText) : n.status >= 400 ? o(S(n.status, n.statusText)) : o(A));
+        n.readyState == 4 && (n.status < 400 && n.responseText ? c(n.responseText) : n.status >= 400 ? i(S(n.status, n.statusText)) : i(A));
       }, n.send(null);
     }
     function j(s) {
       var c = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(s || "");
       if (c) {
-        var o = Number(c[1]), n = c[2], u = c[3];
-        return n ? u ? [o, Number(u)] : [o, void 0] : [o, o];
+        var i = Number(c[1]), n = c[2], d = c[3];
+        return n ? d ? [i, Number(d)] : [i, void 0] : [i, i];
       }
     }
     r.hooks.add("before-highlightall", function(s) {
@@ -3410,30 +3410,30 @@ var ht = { exports: {} };
         s.element
       );
       if (c.matches(C)) {
-        s.code = "", c.setAttribute(O, y);
-        var o = c.appendChild(document.createElement("CODE"));
-        o.textContent = i;
-        var n = c.getAttribute("data-src"), u = s.language;
-        if (u === "none") {
+        s.code = "", c.setAttribute(T, y);
+        var i = c.appendChild(document.createElement("CODE"));
+        i.textContent = o;
+        var n = c.getAttribute("data-src"), d = s.language;
+        if (d === "none") {
           var h = (/\.(\w+)$/.exec(n) || [, "none"])[1];
-          u = b[h] || h;
+          d = b[h] || h;
         }
-        r.util.setLanguage(o, u), r.util.setLanguage(c, u);
+        r.util.setLanguage(i, d), r.util.setLanguage(c, d);
         var p = r.plugins.autoloader;
-        p && p.loadLanguages(u), L(
+        p && p.loadLanguages(d), L(
           n,
-          function(x) {
-            c.setAttribute(O, D);
-            var k = j(c.getAttribute("data-range"));
-            if (k) {
-              var m = x.split(/\r\n?|\n/g), d = k[0], v = k[1] == null ? m.length : k[1];
-              d < 0 && (d += m.length), d = Math.max(0, Math.min(d - 1, m.length)), v < 0 && (v += m.length), v = Math.max(0, Math.min(v, m.length)), x = m.slice(d, v).join(`
-`), c.hasAttribute("data-start") || c.setAttribute("data-start", String(d + 1));
+          function(k) {
+            c.setAttribute(T, D);
+            var x = j(c.getAttribute("data-range"));
+            if (x) {
+              var m = k.split(/\r\n?|\n/g), u = x[0], v = x[1] == null ? m.length : x[1];
+              u < 0 && (u += m.length), u = Math.max(0, Math.min(u - 1, m.length)), v < 0 && (v += m.length), v = Math.max(0, Math.min(v, m.length)), k = m.slice(u, v).join(`
+`), c.hasAttribute("data-start") || c.setAttribute("data-start", String(u + 1));
             }
-            o.textContent = x, r.highlightElement(o);
+            i.textContent = k, r.highlightElement(i);
           },
-          function(x) {
-            c.setAttribute(O, F), o.textContent = x;
+          function(k) {
+            c.setAttribute(T, F), i.textContent = k;
           }
         );
       }
@@ -3446,8 +3446,8 @@ var ht = { exports: {} };
        * @param {ParentNode} [container=document]
        */
       highlight: function(c) {
-        for (var o = (c || document).querySelectorAll(C), n = 0, u; u = o[n++]; )
-          r.highlightElement(u);
+        for (var i = (c || document).querySelectorAll(C), n = 0, d; d = i[n++]; )
+          r.highlightElement(d);
       }
     };
     var a = !1;
@@ -3457,7 +3457,7 @@ var ht = { exports: {} };
   }();
 })(ht);
 var wr = ht.exports;
-const Te = /* @__PURE__ */ ze(wr);
+const Oe = /* @__PURE__ */ ze(wr);
 Prism.languages.markup = {
   comment: {
     pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
@@ -3554,16 +3554,16 @@ Object.defineProperty(Prism.languages.markup.tag, "addInlined", {
    * addInlined('style', 'css');
    */
   value: function(e, r) {
-    var i = {};
-    i["language-" + r] = {
+    var o = {};
+    o["language-" + r] = {
       pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
       lookbehind: !0,
       inside: Prism.languages[r]
-    }, i.cdata = /^<!\[CDATA\[|\]\]>$/i;
+    }, o.cdata = /^<!\[CDATA\[|\]\]>$/i;
     var S = {
       "included-cdata": {
         pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
-        inside: i
+        inside: o
       }
     };
     S["language-" + r] = {
@@ -3856,7 +3856,7 @@ Prism.languages.webmanifest = Prism.languages.json;
     // this looks reasonably well in all themes
     inside: null
     // see below
-  }, i = {
+  }, o = {
     bash: r,
     environment: {
       pattern: RegExp("\\$" + e),
@@ -3968,7 +3968,7 @@ Prism.languages.webmanifest = Prism.languages.json;
         pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
         lookbehind: !0,
         greedy: !0,
-        inside: i
+        inside: o
       },
       // Here-document with quotes around the tag
       // → No expansion (so no “inside”).
@@ -3986,7 +3986,7 @@ Prism.languages.webmanifest = Prism.languages.json;
         pattern: /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
         lookbehind: !0,
         greedy: !0,
-        inside: i
+        inside: o
       },
       {
         // https://www.gnu.org/software/bash/manual/html_node/Single-Quotes.html
@@ -3999,7 +3999,7 @@ Prism.languages.webmanifest = Prism.languages.json;
         pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
         greedy: !0,
         inside: {
-          entity: i.entity
+          entity: o.entity
         }
       }
     ],
@@ -4007,7 +4007,7 @@ Prism.languages.webmanifest = Prism.languages.json;
       pattern: RegExp("\\$?" + e),
       alias: "constant"
     },
-    variable: i.variable,
+    variable: o.variable,
     function: {
       pattern: /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,
       lookbehind: !0
@@ -4063,7 +4063,7 @@ Prism.languages.webmanifest = Prism.languages.json;
     "operator",
     "punctuation",
     "number"
-  ], A = i.variable[1].inside, b = 0; b < S.length; b++)
+  ], A = o.variable[1].inside, b = 0; b < S.length; b++)
     A[S[b]] = t.languages.bash[S[b]];
   t.languages.sh = t.languages.bash, t.languages.shell = t.languages.bash;
 })(Prism);
@@ -4101,22 +4101,22 @@ Prism.languages.sql = {
   punctuation: /[;[\]()`,.]/
 };
 (function(t) {
-  var e = /[*&][^\s[\]{},]+/, r = /!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/, i = "(?:" + r.source + "(?:[ 	]+" + e.source + ")?|" + e.source + "(?:[ 	]+" + r.source + ")?)", S = /(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g, function() {
+  var e = /[*&][^\s[\]{},]+/, r = /!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/, o = "(?:" + r.source + "(?:[ 	]+" + e.source + ")?|" + e.source + "(?:[ 	]+" + r.source + ")?)", S = /(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g, function() {
     return /[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source;
   }), A = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;
-  function b(O, y) {
+  function b(T, y) {
     y = (y || "").replace(/m/g, "") + "m";
     var D = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, function() {
-      return i;
+      return o;
     }).replace(/<<value>>/g, function() {
-      return O;
+      return T;
     });
     return RegExp(D, y);
   }
   t.languages.yaml = {
     scalar: {
       pattern: RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g, function() {
-        return i;
+        return o;
       })),
       lookbehind: !0,
       alias: "string"
@@ -4124,7 +4124,7 @@ Prism.languages.sql = {
     comment: /#.*/,
     key: {
       pattern: RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g, function() {
-        return i;
+        return o;
       }).replace(/<<key>>/g, function() {
         return "(?:" + S + "|" + A + ")";
       })),
@@ -4249,8 +4249,8 @@ delete Prism.languages.c.boolean;
       return e;
     }), RegExp(/((?:^|[^\\])(?:\\{2})*)/.source + "(?:" + F + ")");
   }
-  var i = /(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source, S = /\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g, function() {
-    return i;
+  var o = /(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source, S = /\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g, function() {
+    return o;
   }), A = /\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;
   t.languages.markdown = t.languages.extend("markup", {}), t.languages.insertBefore("markdown", "prolog", {
     "front-matter-block": {
@@ -4279,7 +4279,7 @@ delete Prism.languages.c.boolean;
           lookbehind: !0,
           inside: {
             "table-data": {
-              pattern: RegExp(i),
+              pattern: RegExp(o),
               inside: t.languages.markdown
             },
             punctuation: /\|/
@@ -4296,7 +4296,7 @@ delete Prism.languages.c.boolean;
           pattern: RegExp("^" + S + "$"),
           inside: {
             "table-header": {
-              pattern: RegExp(i),
+              pattern: RegExp(o),
               alias: "important",
               inside: t.languages.markdown
             },
@@ -4491,12 +4491,12 @@ delete Prism.languages.c.boolean;
             C(s.content);
             continue;
           }
-          var c = s.content[1], o = s.content[3];
-          if (c && o && c.type === "code-language" && o.type === "code-block" && typeof c.content == "string") {
+          var c = s.content[1], i = s.content[3];
+          if (c && i && c.type === "code-language" && i.type === "code-block" && typeof c.content == "string") {
             var n = c.content.replace(/\b#/g, "sharp").replace(/\b\+\+/g, "pp");
             n = (/[a-z][\w-]*/i.exec(n) || [""])[0].toLowerCase();
-            var u = "language-" + n;
-            o.alias ? typeof o.alias == "string" ? o.alias = [o.alias, u] : o.alias.push(u) : o.alias = [u];
+            var d = "language-" + n;
+            i.alias ? typeof i.alias == "string" ? i.alias = [i.alias, d] : i.alias.push(d) : i.alias = [d];
           }
         }
     }
@@ -4514,15 +4514,15 @@ delete Prism.languages.c.boolean;
       if (c)
         F.content = t.highlight(D(F.content), c, C);
       else if (C && C !== "none" && t.plugins.autoloader) {
-        var o = "md-" + (/* @__PURE__ */ new Date()).valueOf() + "-" + Math.floor(Math.random() * 1e16);
-        F.attributes.id = o, t.plugins.autoloader.loadLanguages(C, function() {
-          var n = document.getElementById(o);
+        var i = "md-" + (/* @__PURE__ */ new Date()).valueOf() + "-" + Math.floor(Math.random() * 1e16);
+        F.attributes.id = i, t.plugins.autoloader.loadLanguages(C, function() {
+          var n = document.getElementById(i);
           n && (n.innerHTML = t.highlight(n.textContent, t.languages[C], C));
         });
       }
     }
   });
-  var b = RegExp(t.languages.markup.tag.pattern.source, "gi"), O = {
+  var b = RegExp(t.languages.markup.tag.pattern.source, "gi"), T = {
     amp: "&",
     lt: "<",
     gt: ">",
@@ -4535,7 +4535,7 @@ delete Prism.languages.c.boolean;
         var a;
         return j[1] === "x" ? a = parseInt(j.slice(2), 16) : a = Number(j.slice(1)), y(a);
       } else {
-        var s = O[j];
+        var s = T[j];
         return s || L;
       }
     }), C;
@@ -4606,7 +4606,7 @@ Prism.languages.python = {
 Prism.languages.python["string-interpolation"].inside.interpolation.inside.rest = Prism.languages.python;
 Prism.languages.py = Prism.languages.python;
 (function(t) {
-  var e = /\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record(?!\s*[(){}[\]<>=%~.:,;?+\-*/&|^])|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/, r = /(?:[a-z]\w*\s*\.\s*)*(?:[A-Z]\w*\s*\.\s*)*/.source, i = {
+  var e = /\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record(?!\s*[(){}[\]<>=%~.:,;?+\-*/&|^])|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/, r = /(?:[a-z]\w*\s*\.\s*)*(?:[A-Z]\w*\s*\.\s*)*/.source, o = {
     pattern: RegExp(/(^|[^\w.])/.source + r + /[A-Z](?:[\d_A-Z]*[a-z]\w*)?\b/.source),
     lookbehind: !0,
     inside: {
@@ -4626,20 +4626,20 @@ Prism.languages.py = Prism.languages.python;
       greedy: !0
     },
     "class-name": [
-      i,
+      o,
       {
         // variables, parameters, and constructor references
         // this to support class names (or generic parameters) which do not contain a lower case letter (also works for methods)
         pattern: RegExp(/(^|[^\w.])/.source + r + /[A-Z]\w*(?=\s+\w+\s*[;,=()]|\s*(?:\[[\s,]*\]\s*)?::\s*new\b)/.source),
         lookbehind: !0,
-        inside: i.inside
+        inside: o.inside
       },
       {
         // class names based on keyword
         // this to support class names (or generic parameters) which do not contain a lower case letter (also works for methods)
         pattern: RegExp(/(\b(?:class|enum|extends|implements|instanceof|interface|new|record|throws)\s+)/.source + r + /[A-Z]\w*\b/.source),
         lookbehind: !0,
-        inside: i.inside
+        inside: o.inside
       }
     ],
     keyword: e,
@@ -4676,7 +4676,7 @@ Prism.languages.py = Prism.languages.python;
     generics: {
       pattern: /<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&))*>)*>)*>)*>/,
       inside: {
-        "class-name": i,
+        "class-name": o,
         keyword: e,
         punctuation: /[<>(),.:]/,
         operator: /[?&|]/
@@ -4687,7 +4687,7 @@ Prism.languages.py = Prism.languages.python;
         pattern: RegExp(/(\bimport\s+)/.source + r + /(?:[A-Z]\w*|\*)(?=\s*;)/.source),
         lookbehind: !0,
         inside: {
-          namespace: i.inside.namespace,
+          namespace: o.inside.namespace,
           punctuation: /\./,
           operator: /\*/,
           "class-name": /\w+/
@@ -4698,7 +4698,7 @@ Prism.languages.py = Prism.languages.python;
         lookbehind: !0,
         alias: "static",
         inside: {
-          namespace: i.inside.namespace,
+          namespace: o.inside.namespace,
           static: /\b\w+$/,
           punctuation: /\./,
           operator: /\*/,
@@ -4907,12 +4907,12 @@ delete Prism.languages.go["class-name"];
   }), t.languages.ts = t.languages.typescript;
 })(Prism);
 (function(t) {
-  var e = t.util.clone(t.languages.javascript), r = /(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source, i = /(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source, S = /(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;
+  var e = t.util.clone(t.languages.javascript), r = /(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source, o = /(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source, S = /(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;
   function A(y, D) {
     return y = y.replace(/<S>/g, function() {
       return r;
     }).replace(/<BRACES>/g, function() {
-      return i;
+      return o;
     }).replace(/<SPREAD>/g, function() {
       return S;
     }), RegExp(y, D);
@@ -4940,7 +4940,7 @@ delete Prism.languages.go["class-name"];
   }, t.languages.jsx.tag);
   var b = function(y) {
     return y ? typeof y == "string" ? y : typeof y.content == "string" ? y.content : y.content.map(b).join("") : "";
-  }, O = function(y) {
+  }, T = function(y) {
     for (var D = [], F = 0; F < y.length; F++) {
       var C = y[F], L = !1;
       if (typeof C != "string" && (C.type === "tag" && C.content[0] && C.content[0].type === "tag" ? C.content[0].content[0].content === "</" ? D.length > 0 && D[D.length - 1].tagName === b(C.content[0].content[1]) && D.pop() : C.content[C.content.length - 1].content === "/>" || D.push({
@@ -4950,11 +4950,11 @@ delete Prism.languages.go["class-name"];
         var j = b(C);
         F < y.length - 1 && (typeof y[F + 1] == "string" || y[F + 1].type === "plain-text") && (j += b(y[F + 1]), y.splice(F + 1, 1)), F > 0 && (typeof y[F - 1] == "string" || y[F - 1].type === "plain-text") && (j = b(y[F - 1]) + j, y.splice(F - 1, 1), F--), y[F] = new t.Token("plain-text", j, null, j);
       }
-      C.content && typeof C.content != "string" && O(C.content);
+      C.content && typeof C.content != "string" && T(C.content);
     }
   };
   t.hooks.add("after-tokenize", function(y) {
-    y.language !== "jsx" && y.language !== "tsx" || O(y.tokens);
+    y.language !== "jsx" && y.language !== "tsx" || T(y.tokens);
   });
 })(Prism);
 (function(t) {
@@ -5048,42 +5048,42 @@ delete Prism.languages.go["class-name"];
   var r = t.languages.tsx.tag;
   r.pattern = RegExp(/(^|[^\w$]|(?=<\/))/.source + "(?:" + r.pattern.source + ")", r.pattern.flags), r.lookbehind = !0;
 })(Prism);
-const kr = ".code-block{background:var(--bg-secondary, #f9fafb);border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #0000001a;border:1px solid var(--border-color, #e5e7eb)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-primary, #ffffff);border-bottom:1px solid var(--border-color, #e5e7eb)}.code-title{color:var(--text-primary, #111827);font-weight:600;font-size:.9rem}.code-actions{display:flex;gap:.75rem}.btn-copy,.btn-try{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.btn-copy{background:var(--border-color, #e5e7eb);color:var(--text-primary, #111827)}.btn-copy:hover{background:var(--text-secondary, #6b7280);color:var(--bg-primary, #ffffff)}.btn-copy.copied{background:#10b981;color:#fff}.btn-try{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff}.btn-try:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ea580c4d}.code-content{padding:2rem;margin:0;background:#f8f9fa;color:#24292e;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto;position:relative}@media (prefers-color-scheme: dark){.code-content{background:#2d2d2d;color:#f8f8f2}}.code-segment{margin:0;padding:0;background:transparent}.code-segment:not(:last-child){margin-bottom:1.5rem}.code-content code{display:block;white-space:pre;word-wrap:normal;word-break:normal;tab-size:4;-moz-tab-size:4;-o-tab-size:4}.code-content code[class*=language-]{background:transparent}.code-content .token.comment,.code-content .token.prolog,.code-content .token.doctype,.code-content .token.cdata{color:#5a6268!important;font-style:italic}.code-content .token.punctuation{color:#1a1a1a!important}.code-content .token.property,.code-content .token.tag,.code-content .token.boolean,.code-content .token.number,.code-content .token.constant,.code-content .token.symbol,.code-content .token.deleted{color:#c7254e!important}.code-content .token.selector,.code-content .token.attr-name,.code-content .token.string,.code-content .token.char,.code-content .token.builtin,.code-content .token.inserted{color:#005cc5!important}.code-content .token.operator,.code-content .token.entity,.code-content .token.url,.code-content .language-css .token.string,.code-content .style .token.string{color:#1a1a1a!important}.code-content .token.atrule,.code-content .token.attr-value,.code-content .token.keyword{color:#d73a49!important;font-weight:600}.code-content .token.function,.code-content .token.class-name{color:#6f42c1!important}.code-content .token.regex,.code-content .token.important,.code-content .token.variable{color:#e36209!important}.code-content code[class*=language-]{color:#24292e!important}@media (prefers-color-scheme: dark){.code-content code[class*=language-]{color:#f8f8f2!important}.code-content .token.comment,.code-content .token.prolog,.code-content .token.doctype,.code-content .token.cdata{color:#75715e!important;font-style:italic}.code-content .token.punctuation{color:#f8f8f2!important}.code-content .token.property,.code-content .token.tag,.code-content .token.boolean,.code-content .token.number,.code-content .token.constant,.code-content .token.symbol,.code-content .token.deleted{color:#f92672!important}.code-content .token.selector,.code-content .token.attr-name,.code-content .token.string,.code-content .token.char,.code-content .token.builtin,.code-content .token.inserted{color:#e6db74!important}.code-content .token.operator,.code-content .token.entity,.code-content .token.url,.code-content .language-css .token.string,.code-content .style .token.string{color:#f8f8f2!important}.code-content .token.atrule,.code-content .token.attr-value,.code-content .token.keyword{color:#66d9ef!important;font-weight:500}.code-content .token.function,.code-content .token.class-name{color:#a6e22e!important}.code-content .token.regex,.code-content .token.important,.code-content .token.variable{color:#fd971f!important}}.code-content .token.namespace{opacity:.7}.code-content .token.important,.code-content .token.bold{font-weight:700}.code-content .token.italic{font-style:italic}@media (max-width: 768px){.code-header{flex-direction:column;gap:1rem;align-items:flex-start}.code-actions{width:100%;justify-content:flex-end}.code-content{padding:1.5rem;font-size:.85rem}}";
+const xr = ".code-block{background:var(--bg-secondary, #fde8d1);border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #0000001a;border:1px solid var(--border-color, #fed7aa)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-primary, #fef2e5);border-bottom:1px solid var(--border-color, #fed7aa)}.code-title{color:var(--text-primary, #2c3e50);font-weight:600;font-size:.9rem}.code-actions{display:flex;gap:.75rem}.btn-copy,.btn-try{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.btn-copy{background:var(--border-color, #fed7aa);color:var(--text-primary, #2c3e50)}.btn-copy:hover{background:var(--text-secondary, #7f8c8d);color:var(--bg-primary, #fef2e5)}.btn-copy.copied{background:#10b981;color:#fff}.btn-try{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff}.btn-try:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ea580c4d}.code-content{padding:2rem;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto;position:relative}.code-segment{margin:0;padding:0;background:transparent}.code-segment:not(:last-child){margin-bottom:1.5rem}.code-content code{display:block;white-space:pre;word-wrap:normal;word-break:normal;tab-size:4;-moz-tab-size:4;-o-tab-size:4}.code-content code[class*=language-]{background:transparent}.code-block.light{background:var(--bg-secondary, #fde8d1);border-color:var(--border-color, #fed7aa)}.code-block.light .code-header{background:var(--bg-primary, #fef2e5);border-color:var(--border-color, #fed7aa)}.code-block.light .code-title{color:var(--text-primary, #2c3e50)}.code-block.light .btn-copy{background:var(--border-color, #fed7aa);color:var(--text-primary, #2c3e50)}.code-block.light .btn-copy:hover{background:var(--text-secondary, #7f8c8d);color:var(--bg-primary, #fef2e5)}.code-block.light .code-content{background:var(--bg-primary, #fef2e5);color:var(--text-primary, #2c3e50)}.code-block.light .code-content code[class*=language-]{color:#1a1a1a!important}.code-block.light .code-content .token.comment,.code-block.light .code-content .token.prolog,.code-block.light .code-content .token.doctype,.code-block.light .code-content .token.cdata{color:#6b5b47!important;font-style:italic}.code-block.light .code-content .token.punctuation{color:#1a1a1a!important}.code-block.light .code-content .token.property,.code-block.light .code-content .token.tag,.code-block.light .code-content .token.boolean,.code-block.light .code-content .token.number,.code-block.light .code-content .token.constant,.code-block.light .code-content .token.symbol,.code-block.light .code-content .token.deleted{color:#9f1239!important}.code-block.light .code-content .token.selector,.code-block.light .code-content .token.attr-name,.code-block.light .code-content .token.string,.code-block.light .code-content .token.char,.code-block.light .code-content .token.builtin,.code-block.light .code-content .token.inserted{color:#166534!important}.code-block.light .code-content .token.operator,.code-block.light .code-content .token.entity,.code-block.light .code-content .token.url,.code-block.light .code-content .language-css .token.string,.code-block.light .code-content .style .token.string{color:#1a1a1a!important}.code-block.light .code-content .token.atrule,.code-block.light .code-content .token.attr-value,.code-block.light .code-content .token.keyword{color:#6d28d9!important;font-weight:600}.code-block.light .code-content .token.function,.code-block.light .code-content .token.class-name{color:#0c4a6e!important}.code-block.light .code-content .token.regex,.code-block.light .code-content .token.important,.code-block.light .code-content .token.variable{color:#9a3412!important}.code-block.dark{background:#1e1e1e;border-color:#374151}.code-block.dark .code-header{background:#2d2d2d;border-color:#374151}.code-block.dark .code-title{color:#e5e7eb}.code-block.dark .btn-copy{background:#374151;color:#e5e7eb}.code-block.dark .btn-copy:hover{background:#4b5563;color:#f3f4f6}.code-block.dark .code-content{background:#2d2d2d;color:#f8f8f2}.code-block.dark .code-content code[class*=language-]{color:#f8f8f2!important}.code-block.dark .code-content .token.comment,.code-block.dark .code-content .token.prolog,.code-block.dark .code-content .token.doctype,.code-block.dark .code-content .token.cdata{color:#75715e!important;font-style:italic}.code-block.dark .code-content .token.punctuation{color:#f8f8f2!important}.code-block.dark .code-content .token.property,.code-block.dark .code-content .token.tag,.code-block.dark .code-content .token.boolean,.code-block.dark .code-content .token.number,.code-block.dark .code-content .token.constant,.code-block.dark .code-content .token.symbol,.code-block.dark .code-content .token.deleted{color:#f92672!important}.code-block.dark .code-content .token.selector,.code-block.dark .code-content .token.attr-name,.code-block.dark .code-content .token.string,.code-block.dark .code-content .token.char,.code-block.dark .code-content .token.builtin,.code-block.dark .code-content .token.inserted{color:#e6db74!important}.code-block.dark .code-content .token.operator,.code-block.dark .code-content .token.entity,.code-block.dark .code-content .token.url,.code-block.dark .code-content .language-css .token.string,.code-block.dark .code-content .style .token.string{color:#f8f8f2!important}.code-block.dark .code-content .token.atrule,.code-block.dark .code-content .token.attr-value,.code-block.dark .code-content .token.keyword{color:#66d9ef!important;font-weight:500}.code-block.dark .code-content .token.function,.code-block.dark .code-content .token.class-name{color:#a6e22e!important}.code-block.dark .code-content .token.regex,.code-block.dark .code-content .token.important,.code-block.dark .code-content .token.variable{color:#fd971f!important}.code-content .token.namespace{opacity:.7}.code-content .token.important,.code-content .token.bold{font-weight:700}.code-content .token.italic{font-style:italic}@media (max-width: 768px){.code-header{flex-direction:column;gap:1rem;align-items:flex-start}.code-actions{width:100%;justify-content:flex-end}.code-content{padding:1.5rem;font-size:.85rem}}";
 var gt;
 let ft, bt;
-function J(t, e, r) {
+function X(t, e, r) {
   return (e = mt(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function Er(t, e, r, i, S, A) {
+function Er(t, e, r, o, S, A) {
   function b(a, s, c) {
-    return function(o, n) {
-      return c && c(o), a[s].call(o, n);
+    return function(i, n) {
+      return c && c(i), a[s].call(i, n);
     };
   }
-  function O(a, s) {
+  function T(a, s) {
     for (var c = 0; c < a.length; c++) a[c].call(s);
     return s;
   }
-  function y(a, s, c, o) {
-    if (typeof a != "function" && (o || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (o ? "" : " or undefined"));
+  function y(a, s, c, i) {
+    if (typeof a != "function" && (i || a !== void 0)) throw new TypeError(s + " must " + (c || "be") + " a function" + (i ? "" : " or undefined"));
     return a;
   }
-  function D(a, s, c, o, n, u, h, p, x, k, m, d, v) {
-    function T(f) {
+  function D(a, s, c, i, n, d, h, p, k, x, m, u, v) {
+    function O(f) {
       if (!v(f)) throw new TypeError("Attempted to access private element on non-instance");
     }
     var g, _ = s[0], I = s[3], M = !p;
     if (!M) {
       c || Array.isArray(_) || (_ = [_]);
-      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || d ? "set" : "value";
-      k ? (m || d ? l = { get: Ce(function() {
+      var l = {}, R = [], E = n === 3 ? "get" : n === 4 || u ? "set" : "value";
+      x ? (m || u ? l = { get: Ce(function() {
         return I(this);
-      }, o, "get"), set: function(f) {
+      }, i, "get"), set: function(f) {
         s[4](this, f);
-      } } : l[E] = I, m || Ce(l[E], o, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, o));
+      } } : l[E] = I, m || Ce(l[E], i, n === 2 ? "" : E)) : m || (l = Object.getOwnPropertyDescriptor(a, i));
     }
     for (var w = a, B = _.length - 1; B >= 0; B -= c ? 2 : 1) {
-      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: o, metadata: u, addInitializer: (function(f, N) {
+      var W = _[B], G = c ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: i, metadata: d, addInitializer: (function(f, N) {
         if (f.v) throw Error("attempted to call addInitializer after decoration was finished");
         y(N, "An initializer", "be", !0), h.push(N);
       }).bind(null, Y) };
@@ -5091,17 +5091,17 @@ function Er(t, e, r, i, S, A) {
         if (M) (g = y(W.call(G, w, z), "class decorators", "return")) && (w = g);
         else {
           var P, U;
-          z.static = x, z.private = k, k ? n === 2 ? P = function(f) {
-            return T(f), l.value;
-          } : (n < 4 && (P = b(l, "get", T)), n !== 3 && (U = b(l, "set", T))) : (P = function(f) {
-            return f[o];
+          z.static = k, z.private = x, x ? n === 2 ? P = function(f) {
+            return O(f), l.value;
+          } : (n < 4 && (P = b(l, "get", O)), n !== 3 && (U = b(l, "set", O))) : (P = function(f) {
+            return f[i];
           }, (n < 2 || n === 4) && (U = function(f, N) {
-            f[o] = N;
+            f[i] = N;
           }));
-          var V = z.access = { has: k ? v.bind() : function(f) {
-            return o in f;
+          var V = z.access = { has: x ? v.bind() : function(f) {
+            return i in f;
           } };
-          if (P && (V.get = P), U && (V.set = U), w = W.call(G, d ? { get: l.get, set: l.set } : l[E], z), d) {
+          if (P && (V.get = P), U && (V.set = U), w = W.call(G, u ? { get: l.get, set: l.set } : l[E], z), u) {
             if (typeof w == "object" && w) (g = y(w.get, "accessor.get")) && (l.get = g), (g = y(w.set, "accessor.set")) && (l.set = g), (g = y(w.init, "accessor.init")) && R.push(g);
             else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
           } else y(w, (m ? "field" : "method") + " decorators", "return") && (m ? R.push(w) : l[E] = w);
@@ -5110,39 +5110,39 @@ function Er(t, e, r, i, S, A) {
         Y.v = !0;
       }
     }
-    return (m || d) && p.push(function(f, N) {
+    return (m || u) && p.push(function(f, N) {
       for (var H = R.length - 1; H >= 0; H--) N = R[H].call(f, N);
       return N;
-    }), m || M || (k ? d ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, o, l)), w;
+    }), m || M || (x ? u ? p.push(b(l, "get"), b(l, "set")) : p.push(n === 2 ? l[E] : b.call.bind(l[E])) : Object.defineProperty(a, i, l)), w;
   }
   function F(a, s) {
     return Object.defineProperty(a, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: s });
   }
   if (arguments.length >= 6) var C = A[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var L = Object.create(C ?? null), j = function(a, s, c, o) {
-    var n, u, h = [], p = function(E) {
+  var L = Object.create(C ?? null), j = function(a, s, c, i) {
+    var n, d, h = [], p = function(E) {
       return Ar(E) === a;
-    }, x = /* @__PURE__ */ new Map();
-    function k(E) {
-      E && h.push(O.bind(null, E));
+    }, k = /* @__PURE__ */ new Map();
+    function x(E) {
+      E && h.push(T.bind(null, E));
     }
     for (var m = 0; m < s.length; m++) {
-      var d = s[m];
-      if (Array.isArray(d)) {
-        var v = d[1], T = d[2], g = d.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = T + "/" + I;
+      var u = s[m];
+      if (Array.isArray(u)) {
+        var v = u[1], O = u[2], g = u.length > 3, _ = 16 & v, I = !!(8 & v), M = (v &= 7) == 0, l = O + "/" + I;
         if (!M && !g) {
-          var R = x.get(l);
-          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + T);
-          x.set(l, !(v > 2) || v);
+          var R = k.get(l);
+          if (R === !0 || R === 3 && v !== 4 || R === 4 && v !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + O);
+          k.set(l, !(v > 2) || v);
         }
-        D(I ? a : a.prototype, d, _, g ? "#" + T : mt(T), v, o, I ? u = u || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
+        D(I ? a : a.prototype, u, _, g ? "#" + O : mt(O), v, i, I ? d = d || [] : n = n || [], h, I, g, M, v === 1, I && g ? p : c);
       }
     }
-    return k(n), k(u), h;
+    return x(n), x(d), h;
   }(t, e, S, L);
   return r.length || F(t, L), { e: j, get c() {
     var a = [];
-    return r.length && [F(D(t, [r], i, t.name, 5, L, a), L), O.bind(null, a, t)];
+    return r.length && [F(D(t, [r], o, t.name, 5, L, a), L), T.bind(null, a, t)];
   } };
 }
 function mt(t) {
@@ -5153,8 +5153,8 @@ function Sr(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
-    var i = r.call(t, e);
-    if (typeof i != "object") return i;
+    var o = r.call(t, e);
+    if (typeof o != "object") return o;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(t);
@@ -5174,31 +5174,31 @@ function Ar(t) {
 bt = [te({
   tagName: "wsx-code-block"
 })];
-let Or;
-class Tr extends _e {
+let Tr;
+class Or extends _e {
   constructor() {
-    super(), J(this, "_autoStyles", kr), J(this, "copied", void 0), J(this, "highlighted", void 0), J(this, "code", void 0), J(this, "segments", void 0), J(this, "codeTitle", void 0), J(this, "language", void 0), J(this, "showCopy", void 0), J(this, "showTryOnline", void 0), J(this, "tryOnlineUrl", void 0), J(this, "onTryOnlineCallback", void 0), J(this, "codeElements", []), J(this, "isHighlighting", !1), J(this, "copyCode", async (n) => {
-      const u = n || this.code || this.segments.map((h) => h.code).join(`
+    super(), X(this, "_autoStyles", xr), X(this, "copied", void 0), X(this, "highlighted", void 0), X(this, "code", void 0), X(this, "segments", void 0), X(this, "codeTitle", void 0), X(this, "language", void 0), X(this, "showCopy", void 0), X(this, "showTryOnline", void 0), X(this, "tryOnlineUrl", void 0), X(this, "currentTheme", "light"), X(this, "onTryOnlineCallback", void 0), X(this, "codeElements", []), X(this, "isHighlighting", !1), X(this, "themeObserver", null), X(this, "codeBlockElement", null), X(this, "copyCode", async (n) => {
+      const d = n || this.code || this.segments.map((h) => h.code).join(`
 
 `);
       try {
-        await navigator.clipboard.writeText(u), this.copied = !0, setTimeout(() => {
+        await navigator.clipboard.writeText(d), this.copied = !0, setTimeout(() => {
           this.copied = !1;
         }, 2e3);
       } catch (h) {
         console.error("Failed to copy code:", h);
         const p = document.createElement("textarea");
-        p.value = u, p.style.position = "fixed", p.style.opacity = "0", document.body.appendChild(p), p.select();
+        p.value = d, p.style.position = "fixed", p.style.opacity = "0", document.body.appendChild(p), p.select();
         try {
           document.execCommand("copy"), this.copied = !0, setTimeout(() => {
             this.copied = !1;
           }, 2e3);
-        } catch (x) {
-          console.error("Fallback copy failed:", x);
+        } catch (k) {
+          console.error("Fallback copy failed:", k);
         }
         document.body.removeChild(p);
       }
-    }), J(this, "openPlayground", () => {
+    }), X(this, "openPlayground", () => {
       this.onTryOnlineCallback ? this.onTryOnlineCallback() : this.tryOnlineUrl ? window.location.href = this.tryOnlineUrl : window.location.href = "/playground";
     });
     const [e, r] = this.useState("copied", !1);
@@ -5208,9 +5208,9 @@ class Tr extends _e {
       enumerable: !0,
       configurable: !0
     });
-    const [i, S] = this.useState("highlighted", !1);
+    const [o, S] = this.useState("highlighted", !1);
     Object.defineProperty(this, "highlighted", {
-      get: i,
+      get: o,
       set: S,
       enumerable: !0,
       configurable: !0
@@ -5222,11 +5222,11 @@ class Tr extends _e {
       enumerable: !0,
       configurable: !0
     });
-    let O = this.reactive([]);
+    let T = this.reactive([]);
     Object.defineProperty(this, "segments", {
-      get: () => O,
+      get: () => T,
       set: (n) => {
-        O = n !== null && typeof n < "u" && (Array.isArray(n) || typeof n == "object") ? this.reactive(n) : n, this.scheduleRerender();
+        T = n !== null && typeof n < "u" && (Array.isArray(n) || typeof n == "object") ? this.reactive(n) : n, this.scheduleRerender();
       },
       enumerable: !0,
       configurable: !0
@@ -5259,10 +5259,10 @@ class Tr extends _e {
       enumerable: !0,
       configurable: !0
     });
-    const [c, o] = this.useState("tryOnlineUrl", "");
+    const [c, i] = this.useState("tryOnlineUrl", "");
     Object.defineProperty(this, "tryOnlineUrl", {
       get: c,
-      set: o,
+      set: i,
       enumerable: !0,
       configurable: !0
     });
@@ -5270,7 +5270,47 @@ class Tr extends _e {
   static get observedAttributes() {
     return ["code", "title", "language", "show-copy", "show-try-online", "try-online-url"];
   }
-  // 防止重复高亮
+  // 缓存根元素引用
+  /**
+   * 检测当前主题
+   * 优先级: html[data-theme] > html.light/dark > prefers-color-scheme
+   */
+  detectTheme() {
+    var o;
+    const e = document.documentElement, r = e.getAttribute("data-theme");
+    return r === "light" || r === "dark" ? r : e.classList.contains("dark") ? "dark" : e.classList.contains("light") ? "light" : (o = window.matchMedia) != null && o.call(window, "(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  /**
+   * 更新组件根元素的主题类
+   * 直接操作 DOM，不触发重新渲染
+   */
+  updateThemeClass(e) {
+    this.codeBlockElement && (this.codeBlockElement.classList.remove("light", "dark"), this.codeBlockElement.classList.add(e));
+  }
+  /**
+   * 设置主题观察器，监听主题变化
+   */
+  setupThemeObserver() {
+    var e, r;
+    (e = this.themeObserver) == null || e.disconnect(), this.themeObserver = new MutationObserver(() => {
+      const o = this.detectTheme();
+      o !== this.currentTheme && (this.currentTheme = o, this.updateThemeClass(o));
+    }), this.themeObserver.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["class", "data-theme"]
+    }), (r = window.matchMedia) == null || r.call(window, "(prefers-color-scheme: dark)").addEventListener("change", () => {
+      const o = this.detectTheme();
+      o !== this.currentTheme && (this.currentTheme = o, this.updateThemeClass(o));
+    });
+  }
+  onConnected() {
+    var e;
+    (e = super.onConnected) == null || e.call(this), this.currentTheme = this.detectTheme(), this.setupThemeObserver();
+  }
+  onDisconnected() {
+    var e, r;
+    (e = super.onDisconnected) == null || e.call(this), (r = this.themeObserver) == null || r.disconnect(), this.themeObserver = null;
+  }
   onRendered() {
     var e;
     (e = super.onRendered) == null || e.call(this), this.isHighlighting || this.highlightCode();
@@ -5289,13 +5329,15 @@ class Tr extends _e {
       language: this.language
     }] : [];
     if (e.length === 0)
-      return /* @__PURE__ */ $("div", { class: "code-block" });
-    const r = e.map((i) => i.code).join(`
+      return /* @__PURE__ */ $("div", { class: `code-block ${this.currentTheme}` });
+    const r = e.map((o) => o.code).join(`
 
 `);
-    return /* @__PURE__ */ $("div", { class: "code-block" }, (this.codeTitle || this.showCopy || this.showTryOnline) && /* @__PURE__ */ $("div", { class: "code-header" }, this.codeTitle && /* @__PURE__ */ $("span", { class: "code-title" }, this.codeTitle), /* @__PURE__ */ $("div", { class: "code-actions" }, this.showCopy && /* @__PURE__ */ $("button", { onClick: () => this.copyCode(r), class: `btn-copy ${this.copied ? "copied" : ""}`, "data-wsx-key": "CodeBlock-button-text-3" }, this.copied ? "✓ Copied!" : "Copy"), this.showTryOnline && /* @__PURE__ */ $("button", { onClick: this.openPlayground, class: "btn-try", "data-wsx-key": "CodeBlock-button-text-3" }, "Try Online"))), /* @__PURE__ */ $("div", { class: "code-content" }, e.map((i, S) => /* @__PURE__ */ $("pre", { key: S, class: "code-segment" }, /* @__PURE__ */ $("code", { class: `language-${i.language}`, ref: (A) => {
+    return /* @__PURE__ */ $("div", { class: `code-block ${this.currentTheme}`, ref: (o) => {
+      o && (this.codeBlockElement = o);
+    } }, (this.codeTitle || this.showCopy || this.showTryOnline) && /* @__PURE__ */ $("div", { class: "code-header" }, this.codeTitle && /* @__PURE__ */ $("span", { class: "code-title" }, this.codeTitle), /* @__PURE__ */ $("div", { class: "code-actions" }, this.showCopy && /* @__PURE__ */ $("button", { onClick: () => this.copyCode(r), class: `btn-copy ${this.copied ? "copied" : ""}`, "data-wsx-key": "CodeBlock-button-text-3" }, this.copied ? "✓ Copied!" : "Copy"), this.showTryOnline && /* @__PURE__ */ $("button", { onClick: this.openPlayground, class: "btn-try", "data-wsx-key": "CodeBlock-button-text-3" }, "Try Online"))), /* @__PURE__ */ $("div", { class: "code-content" }, e.map((o, S) => /* @__PURE__ */ $("pre", { key: S, class: "code-segment" }, /* @__PURE__ */ $("code", { class: `language-${o.language}`, ref: (A) => {
       A && (this.codeElements[S] = A);
-    } }, i.code)))));
+    } }, o.code)))));
   }
   /**
    * 应用语法高亮
@@ -5308,17 +5350,17 @@ class Tr extends _e {
           try {
             if (this.segments.length > 0)
               this.segments.forEach((e, r) => {
-                const i = this.codeElements[r] || this.querySelectorAll("code")[r];
-                if (i && !i.hasAttribute("data-prism-highlighted")) {
+                const o = this.codeElements[r] || this.querySelectorAll("code")[r];
+                if (o && !o.hasAttribute("data-prism-highlighted")) {
                   const S = e.language.toLowerCase();
-                  i.className = `language-${S}`, Te.highlightElement(i), i.setAttribute("data-prism-highlighted", "true");
+                  o.className = `language-${S}`, Oe.highlightElement(o), o.setAttribute("data-prism-highlighted", "true");
                 }
               });
             else if (this.code) {
               const e = this.codeElements[0] || this.querySelector("code");
               if (e && !e.hasAttribute("data-prism-highlighted")) {
                 const r = this.language.toLowerCase();
-                e.className = `language-${r}`, Te.highlightElement(e), e.setAttribute("data-prism-highlighted", "true");
+                e.className = `language-${r}`, Oe.highlightElement(e), e.setAttribute("data-prism-highlighted", "true");
               }
             }
             this.highlighted = !0;
@@ -5334,19 +5376,19 @@ class Tr extends _e {
     }
   }
 }
-gt = Tr;
-[Or, ft] = Er(gt, [], bt, 0, void 0, _e).c;
+gt = Or;
+[Tr, ft] = Er(gt, [], bt, 0, void 0, _e).c;
 ft();
 export {
   Et as Button,
   _t as ButtonGroup,
   Ir as CONVERTER_BTN,
   Fr as CONVERTER_PANEL,
-  Or as CodeBlock,
+  Tr as CodeBlock,
   Yt as ColorPicker,
   cr as Combobox,
   or as Dropdown,
-  ke as OverflowDetector,
+  xe as OverflowDetector,
   gr as ResponsiveNav,
   yr as SvgIcon,
   Jt as ThemeSwitcher,