@wsxjs/wsx-base-components 0.0.26 → 0.0.27

package/dist/index.js

@@ -1,11 +1,11 @@
-import { autoRegister as te, WebComponent as J, jsx as $, LightComponent as Ie } from "@wsxjs/wsx-core";
-const mt = ':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 Fe;
-let Re, Le;
+import { autoRegister as te, WebComponent as J, jsx as $, LightComponent as _e } from "@wsxjs/wsx-core";
+const ft = ':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, Re;
 function K(t, e, r) {
-  return (e = Ne(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
+  return (e = Le(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function vt(t, e, r, o, S, T) {
+function mt(t, e, r, o, S, T) {
   function E(i, l, d) {
     return function(a, n) {
       return d && d(a), i[l].call(a, n);
@@ -72,7 +72,7 @@ function vt(t, e, r, o, S, T) {
   if (arguments.length >= 6) var O = T[Symbol.metadata || Symbol.for("Symbol.metadata")];
   var L = Object.create(O ?? null), j = function(i, l, d, a) {
     var n, c, h = [], p = function(x) {
-      return kt(x) === i;
+      return yt(x) === i;
     }, y = /* @__PURE__ */ new Map();
     function w(x) {
       x && h.push(A.bind(null, x));
@@ -86,7 +86,7 @@ function vt(t, e, r, o, S, T) {
           if (F === !0 || F === 3 && f !== 4 || F === 4 && f !== 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: " + C);
           y.set(s, !(f > 2) || f);
         }
-        D(I ? i : i.prototype, u, _, k ? "#" + C : Ne(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
+        D(I ? i : i.prototype, u, _, k ? "#" + C : Le(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
       }
     }
     return w(n), w(c), h;
@@ -96,11 +96,11 @@ function vt(t, e, r, o, S, T) {
     return r.length && [N(D(t, [r], o, t.name, 5, L, i), L), A.bind(null, i, t)];
   } };
 }
-function Ne(t) {
-  var e = yt(t, "string");
+function Le(t) {
+  var e = vt(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function yt(t, e) {
+function vt(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -118,15 +118,15 @@ function he(t, e, r) {
   }
   return t;
 }
-function kt(t) {
+function yt(t) {
   if (Object(t) !== t) throw TypeError("right-hand side of 'in' should be an object, got " + (t !== null ? typeof t : "null"));
   return t;
 }
-Le = [te({
+Re = [te({
   tagName: "wsx-button"
 })];
-let xt;
-class wt extends J {
+let kt;
+class xt extends J {
   static get observedAttributes() {
     return ["disabled", "icon", "loading", "href", "type", "target", "rel", "download", "toggle", "checked", "variant", "shape", "block", "size"];
   }
@@ -134,7 +134,7 @@ class wt extends J {
     super({
       styleName: "wsx-button",
       ...e
-    }), K(this, "_autoStyles", mt), 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) => {
+    }), K(this, "_autoStyles", ft), 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 o = this.getBoundingClientRect(), S = r.clientX - o.left, T = r.clientY - o.top;
       this.style.setProperty("--x", `${S}px`), this.style.setProperty("--y", `${T}px`);
@@ -145,7 +145,7 @@ class wt extends J {
     }), this.disabled = e.disabled || !1, this.loading = e.loading || !1, this.toggle = e.toggle || !1, this.checked = e.checked || !1, this.icon = e.icon || null, this.href = e.href || null, this.type = e.type || null, this.target = e.target || "_blank", this.rel = e.rel || null, this.download = e.download || null, this.variant = e.variant || "flat", this.size = e.size || "md";
   }
   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) => {
+    const e = !!this.href, r = /* @__PURE__ */ $("a", { href: this.disabled || this.loading ? null : this.href || void 0, 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()), 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);
@@ -258,16 +258,16 @@ class wt extends J {
     e ? this.setAttr("icon", e) : this.removeAttr("icon");
   }
 }
-Fe = wt;
-[xt, Re] = vt(Fe, [], Le, 0, void 0, J).c;
-Re();
-const Et = ':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 $e;
-let De, Me;
+Ie = xt;
+[kt, Fe] = mt(Ie, [], Re, 0, void 0, J).c;
+Fe();
+const wt = ':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;
+let $e, De;
 function pe(t, e, r) {
-  return (e = ze(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
+  return (e = Me(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function St(t, e, r, o, S, T) {
+function Et(t, e, r, o, S, T) {
   function E(i, l, d) {
     return function(a, n) {
       return d && d(a), i[l].call(a, n);
@@ -334,7 +334,7 @@ function St(t, e, r, o, S, T) {
   if (arguments.length >= 6) var O = T[Symbol.metadata || Symbol.for("Symbol.metadata")];
   var L = Object.create(O ?? null), j = function(i, l, d, a) {
     var n, c, h = [], p = function(x) {
-      return Tt(x) === i;
+      return At(x) === i;
     }, y = /* @__PURE__ */ new Map();
     function w(x) {
       x && h.push(A.bind(null, x));
@@ -348,7 +348,7 @@ function St(t, e, r, o, S, T) {
           if (F === !0 || F === 3 && f !== 4 || F === 4 && f !== 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: " + C);
           y.set(s, !(f > 2) || f);
         }
-        D(I ? i : i.prototype, u, _, k ? "#" + C : ze(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
+        D(I ? i : i.prototype, u, _, k ? "#" + C : Me(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
       }
     }
     return w(n), w(c), h;
@@ -358,11 +358,11 @@ function St(t, e, r, o, S, T) {
     return r.length && [N(D(t, [r], o, t.name, 5, L, i), L), A.bind(null, i, t)];
   } };
 }
-function ze(t) {
-  var e = At(t, "string");
+function Me(t) {
+  var e = St(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function At(t, e) {
+function St(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -380,15 +380,15 @@ function ge(t, e, r) {
   }
   return t;
 }
-function Tt(t) {
+function At(t) {
   if (Object(t) !== t) throw TypeError("right-hand side of 'in' should be an object, got " + (t !== null ? typeof t : "null"));
   return t;
 }
-Me = [te({
+De = [te({
   tagName: "wsx-button-group"
 })];
-let Ot;
-class Ct extends J {
+let Tt;
+class Ot extends J {
   static get observedAttributes() {
     return ["disabled"];
   }
@@ -396,7 +396,7 @@ class Ct extends J {
     super({
       styleName: "wsx-button-group",
       ...e
-    }), pe(this, "_autoStyles", Et), pe(this, "disabled", !1), this.disabled = e.disabled || !1;
+    }), pe(this, "_autoStyles", wt), pe(this, "disabled", !1), this.disabled = e.disabled || !1;
   }
   render() {
     return /* @__PURE__ */ $("div", { class: "button-group-container" }, /* @__PURE__ */ $("slot", null));
@@ -461,9 +461,9 @@ class Ct extends J {
     });
   }
 }
-$e = Ct;
-[Ot, De] = St($e, [], Me, 0, void 0, J).c;
-De();
+Ne = Ot;
+[Tt, $e] = Et(Ne, [], De, 0, void 0, J).c;
+$e();
 const ce = {
   trace: 0,
   debug: 1,
@@ -494,7 +494,7 @@ const be = {
 function ne(t, e) {
   return t ? `[${t}] ${e}` : e;
 }
-class _t {
+class Ct {
   constructor(e, r) {
     this.name = e, this.level = r, this.levelValue = ce[r], this.isProd = ue();
   }
@@ -547,9 +547,9 @@ class _t {
     return this.level;
   }
 }
-class Pe {
+class ze {
   constructor(e = {}) {
-    this.name = e.name || be.name, this.currentLevel = e.level || be.level, this.nativeLogger = new _t(this.name, this.currentLevel);
+    this.name = e.name || be.name, this.currentLevel = e.level || be.level, this.nativeLogger = new Ct(this.name, this.currentLevel);
   }
   debug(e, ...r) {
     this.nativeLogger.debug(e, ...r);
@@ -583,41 +583,41 @@ class Pe {
     return this.nativeLogger.getLevel();
   }
 }
-new Pe();
-function je(t, e = {}) {
-  return new Pe({
+new ze();
+function Pe(t, e = {}) {
+  return new ze({
     ...e,
     name: e.name || `WSX:${t}`
   });
 }
 const se = "editor-js-text-color-cache";
-function It(t) {
+function _t(t) {
   return t.startsWith("var(") && t.endsWith(")");
 }
-function Ft(t) {
+function It(t) {
   return t.slice(4, -1).trim();
 }
-function Rt(t) {
+function Ft(t) {
   return getComputedStyle(document.documentElement).getPropertyValue(t).trim() || t;
 }
 function ae(t) {
-  if (It(t)) {
-    const e = Ft(t);
-    return Rt(e);
+  if (_t(t)) {
+    const e = It(t);
+    return Ft(e);
   }
   return t;
 }
-function Lt(t, e) {
+function Rt(t, e) {
   return sessionStorage.setItem(`${se}-${e}`, JSON.stringify(t)), t;
 }
-function Nt(t, e) {
+function Lt(t, e) {
   sessionStorage.setItem(`${se}-${e}-custom`, JSON.stringify(t));
 }
-function $t(t) {
+function Nt(t) {
   const e = sessionStorage.getItem(`${se}-${t}-custom`);
   return e ? JSON.parse(e) : null;
 }
-function Dt(t, e) {
+function $t(t, e) {
   let r = null;
   return (...o) => {
     r || (r = setTimeout(() => {
@@ -629,13 +629,13 @@ function Ar(t, e) {
   const r = sessionStorage.getItem(`${se}-${e}`);
   return r ? JSON.parse(r) : t;
 }
-const Tr = "ce-inline-toolbar__dropdown", Or = "ce-conversion-toolbar--showed", Mt = '.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 Be;
-let He, Ue;
+const Tr = "ce-inline-toolbar__dropdown", Or = "ce-conversion-toolbar--showed", Dt = '.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 je;
+let Be, He;
 function q(t, e, r) {
-  return (e = Ge(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
+  return (e = Ue(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function zt(t, e, r, o, S, T) {
+function Mt(t, e, r, o, S, T) {
   function E(i, l, d) {
     return function(a, n) {
       return d && d(a), i[l].call(a, n);
@@ -702,7 +702,7 @@ function zt(t, e, r, o, S, T) {
   if (arguments.length >= 6) var O = T[Symbol.metadata || Symbol.for("Symbol.metadata")];
   var L = Object.create(O ?? null), j = function(i, l, d, a) {
     var n, c, h = [], p = function(x) {
-      return jt(x) === i;
+      return Pt(x) === i;
     }, y = /* @__PURE__ */ new Map();
     function w(x) {
       x && h.push(A.bind(null, x));
@@ -716,7 +716,7 @@ function zt(t, e, r, o, S, T) {
           if (F === !0 || F === 3 && f !== 4 || F === 4 && f !== 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: " + C);
           y.set(s, !(f > 2) || f);
         }
-        D(I ? i : i.prototype, u, _, k ? "#" + C : Ge(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
+        D(I ? i : i.prototype, u, _, k ? "#" + C : Ue(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
       }
     }
     return w(n), w(c), h;
@@ -726,11 +726,11 @@ function zt(t, e, r, o, S, T) {
     return r.length && [N(D(t, [r], o, t.name, 5, L, i), L), A.bind(null, i, t)];
   } };
 }
-function Ge(t) {
-  var e = Pt(t, "string");
+function Ue(t) {
+  var e = zt(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function Pt(t, e) {
+function zt(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -748,16 +748,16 @@ function fe(t, e, r) {
   }
   return t;
 }
-function jt(t) {
+function Pt(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 = je("ColorPicker"), Bt = ["#ff1300", "#EC7878", "#9C27B0", "#673AB7", "#3F51B5", "#0070FF", "#03A9F4", "#00BCD4", "#4CAF50", "#8BC34A", "#CDDC39", "#FFE500", "#FFBF00", "#FF9800", "#795548", "#9E9E9E", "#5A5A5A", "#FFF"];
-Ue = [te({
-  tagName: "color-picker"
+const oe = Pe("ColorPicker"), jt = ["#ff1300", "#EC7878", "#9C27B0", "#673AB7", "#3F51B5", "#0070FF", "#03A9F4", "#00BCD4", "#4CAF50", "#8BC34A", "#CDDC39", "#FFE500", "#FFBF00", "#FF9800", "#795548", "#9E9E9E", "#5A5A5A", "#FFF"];
+He = [te({
+  tagName: "wsx-color-picker"
 })];
-let Ht;
-class Ut extends J {
+let Bt;
+class Ht extends J {
   static get observedAttributes() {
     return ["disabled", "selected-color", "open"];
   }
@@ -765,14 +765,14 @@ class Ut extends J {
     super({
       styleName: "base-color-picker",
       ...e
-    }), q(this, "_autoStyles", Mt), 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) => {
+    }), q(this, "_autoStyles", Dt), 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();
     }), q(this, "handlePanelClick", (r) => {
       r.stopPropagation();
     }), q(this, "handleColorSelect", (r) => {
       var S;
       const o = ae(r);
-      this.setSelectedColor(o), this.closePanel(), Lt(o, this.pluginType), (S = this.onColorPicked) == null || S.call(this, o), this.dispatchEvent(new CustomEvent("colorchange", {
+      this.setSelectedColor(o), this.closePanel(), Rt(o, this.pluginType), (S = this.onColorPicked) == null || S.call(this, o), this.dispatchEvent(new CustomEvent("colorchange", {
         detail: {
           color: o
         },
@@ -789,7 +789,7 @@ class Ut extends J {
             opacity: 0;
             pointer-events: none;
         `;
-      const o = Dt((S) => {
+      const o = $t((S) => {
         var A;
         const T = S.target, E = ae(T.value);
         this.setSelectedColor(E), this.setCustomColor(E), document.body.removeChild(r), (A = this.onColorPicked) == null || A.call(this, E), this.dispatchEvent(new CustomEvent("colorchange", {
@@ -807,7 +807,7 @@ class Ut extends J {
       });
     }), q(this, "handleDocumentClick", (r) => {
       this.isOpen && !this.contains(r.target) && this.closePanel();
-    }), this.colorCollections = e.colorCollections || Bt, this.onColorPicked = e.onColorPicked, this.hasCustomPicker = e.hasCustomPicker || !1, this.pluginType = e.pluginType || "text", this.disabled = e.disabled || !1, this.defaultColor = ae(e.defaultColor || this.colorCollections[0]), this.selectedColor = this.defaultColor, this.customColor = $t(this.pluginType) || "", this.isOpen = !1, oe.debug("ColorPicker initialized", {
+    }), this.colorCollections = e.colorCollections || jt, this.onColorPicked = e.onColorPicked, this.hasCustomPicker = e.hasCustomPicker || !1, this.pluginType = e.pluginType || "text", this.disabled = e.disabled || !1, this.defaultColor = ae(e.defaultColor || this.colorCollections[0]), this.selectedColor = this.defaultColor, this.customColor = Nt(this.pluginType) || "", this.isOpen = !1, oe.debug("ColorPicker initialized", {
       colorCollections: this.colorCollections.length,
       hasCustomPicker: this.hasCustomPicker,
       pluginType: this.pluginType
@@ -872,7 +872,7 @@ class Ut extends J {
    * 设置自定义颜色
    */
   setCustomColor(e) {
-    this.customColor = e, Nt(e, this.pluginType);
+    this.customColor = e, Lt(e, this.pluginType);
   }
   /**
    * 设置面板开关状态
@@ -936,16 +936,16 @@ class Ut extends J {
     (e = this.colorBtn) == null || e.focus();
   }
 }
-Be = Ut;
-[Ht, He] = zt(Be, [], Ue, 0, void 0, J).c;
-He();
-const Gt = ":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 Ve;
-let We, Ye;
+je = Ht;
+[Bt, Be] = Mt(je, [], He, 0, void 0, J).c;
+Be();
+const Ut = ":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 Ge;
+let Ve, We;
 function de(t, e, r) {
-  return (e = Ke(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
+  return (e = Ye(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function Vt(t, e, r, o, S, T) {
+function Gt(t, e, r, o, S, T) {
   function E(i, l, d) {
     return function(a, n) {
       return d && d(a), i[l].call(a, n);
@@ -1012,7 +1012,7 @@ function Vt(t, e, r, o, S, T) {
   if (arguments.length >= 6) var O = T[Symbol.metadata || Symbol.for("Symbol.metadata")];
   var L = Object.create(O ?? null), j = function(i, l, d, a) {
     var n, c, h = [], p = function(x) {
-      return Yt(x) === i;
+      return Wt(x) === i;
     }, y = /* @__PURE__ */ new Map();
     function w(x) {
       x && h.push(A.bind(null, x));
@@ -1026,7 +1026,7 @@ function Vt(t, e, r, o, S, T) {
           if (F === !0 || F === 3 && f !== 4 || F === 4 && f !== 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: " + C);
           y.set(s, !(f > 2) || f);
         }
-        D(I ? i : i.prototype, u, _, k ? "#" + C : Ke(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
+        D(I ? i : i.prototype, u, _, k ? "#" + C : Ye(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
       }
     }
     return w(n), w(c), h;
@@ -1036,11 +1036,11 @@ function Vt(t, e, r, o, S, T) {
     return r.length && [N(D(t, [r], o, t.name, 5, L, i), L), A.bind(null, i, t)];
   } };
 }
-function Ke(t) {
-  var e = Wt(t, "string");
+function Ye(t) {
+  var e = Vt(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function Wt(t, e) {
+function Vt(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -1058,19 +1058,19 @@ function me(t, e, r) {
   }
   return t;
 }
-function Yt(t) {
+function Wt(t) {
   if (Object(t) !== t) throw TypeError("right-hand side of 'in' should be an object, got " + (t !== null ? typeof t : "null"));
   return t;
 }
-Ye = [te({
-  tagName: "theme-switcher"
+We = [te({
+  tagName: "wsx-theme-switcher"
 })];
-let Kt;
-class Zt extends J {
+let Yt;
+class Kt extends J {
   constructor() {
     super({
       styleName: "theme-switcher"
-    }), de(this, "_autoStyles", Gt), de(this, "currentTheme", "auto"), de(this, "toggleTheme", () => {
+    }), de(this, "_autoStyles", Ut), 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();
@@ -1105,16 +1105,16 @@ class Zt extends J {
     });
   }
 }
-Ve = Zt;
-[Kt, We] = Vt(Ve, [], Ye, 0, void 0, J).c;
-We();
+Ge = Kt;
+[Yt, Ve] = Gt(Ge, [], We, 0, void 0, J).c;
+Ve();
 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 Ze;
-let Xe, qe;
+var Ke;
+let Ze, Xe;
 function ee(t, e, r) {
-  return (e = Qe(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
+  return (e = qe(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function Xt(t, e, r, o, S, T) {
+function Zt(t, e, r, o, S, T) {
   function E(i, l, d) {
     return function(a, n) {
       return d && d(a), i[l].call(a, n);
@@ -1181,7 +1181,7 @@ function Xt(t, e, r, o, S, T) {
   if (arguments.length >= 6) var O = T[Symbol.metadata || Symbol.for("Symbol.metadata")];
   var L = Object.create(O ?? null), j = function(i, l, d, a) {
     var n, c, h = [], p = function(x) {
-      return Qt(x) === i;
+      return qt(x) === i;
     }, y = /* @__PURE__ */ new Map();
     function w(x) {
       x && h.push(A.bind(null, x));
@@ -1195,7 +1195,7 @@ function Xt(t, e, r, o, S, T) {
           if (F === !0 || F === 3 && f !== 4 || F === 4 && f !== 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: " + C);
           y.set(s, !(f > 2) || f);
         }
-        D(I ? i : i.prototype, u, _, k ? "#" + C : Qe(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
+        D(I ? i : i.prototype, u, _, k ? "#" + C : qe(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
       }
     }
     return w(n), w(c), h;
@@ -1205,11 +1205,11 @@ function Xt(t, e, r, o, S, T) {
     return r.length && [N(D(t, [r], o, t.name, 5, L, i), L), A.bind(null, i, t)];
   } };
 }
-function Qe(t) {
-  var e = qt(t, "string");
+function qe(t) {
+  var e = Xt(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function qt(t, e) {
+function Xt(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -1227,15 +1227,15 @@ function ye(t, e, r) {
   }
   return t;
 }
-function Qt(t) {
+function qt(t) {
   if (Object(t) !== t) throw TypeError("right-hand side of 'in' should be an object, got " + (t !== null ? typeof t : "null"));
   return t;
 }
-qe = [te({
+Xe = [te({
   tagName: "wsx-dropdown"
 })];
-let Jt;
-class er extends J {
+let Qt;
+class Jt extends J {
   constructor(e = {}) {
     super({
       styles: ve,
@@ -1314,16 +1314,16 @@ class er extends J {
     (e = super.onDisconnected) == null || e.call(this), this.detachOutsideClickHandler();
   }
 }
-Ze = er;
-[Jt, Xe] = Xt(Ze, [], qe, 0, void 0, J).c;
-Xe();
+Ke = Jt;
+[Qt, Ze] = Zt(Ke, [], Xe, 0, void 0, J).c;
+Ze();
 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 Je;
-let et, tt;
+var Qe;
+let Je, et;
 function Q(t, e, r) {
-  return (e = rt(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
+  return (e = tt(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function tr(t, e, r, o, S, T) {
+function er(t, e, r, o, S, T) {
   function E(i, l, d) {
     return function(a, n) {
       return d && d(a), i[l].call(a, n);
@@ -1390,7 +1390,7 @@ function tr(t, e, r, o, S, T) {
   if (arguments.length >= 6) var O = T[Symbol.metadata || Symbol.for("Symbol.metadata")];
   var L = Object.create(O ?? null), j = function(i, l, d, a) {
     var n, c, h = [], p = function(x) {
-      return nr(x) === i;
+      return rr(x) === i;
     }, y = /* @__PURE__ */ new Map();
     function w(x) {
       x && h.push(A.bind(null, x));
@@ -1404,7 +1404,7 @@ function tr(t, e, r, o, S, T) {
           if (F === !0 || F === 3 && f !== 4 || F === 4 && f !== 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: " + C);
           y.set(s, !(f > 2) || f);
         }
-        D(I ? i : i.prototype, u, _, k ? "#" + C : rt(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
+        D(I ? i : i.prototype, u, _, k ? "#" + C : tt(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
       }
     }
     return w(n), w(c), h;
@@ -1414,11 +1414,11 @@ function tr(t, e, r, o, S, T) {
     return r.length && [N(D(t, [r], o, t.name, 5, L, i), L), A.bind(null, i, t)];
   } };
 }
-function rt(t) {
-  var e = rr(t, "string");
+function tt(t) {
+  var e = tr(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function rr(t, e) {
+function tr(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -1436,15 +1436,15 @@ function xe(t, e, r) {
   }
   return t;
 }
-function nr(t) {
+function rr(t) {
   if (Object(t) !== t) throw TypeError("right-hand side of 'in' should be an object, got " + (t !== null ? typeof t : "null"));
   return t;
 }
-tt = [te({
+et = [te({
   tagName: "wsx-combobox"
 })];
-let or;
-class ir extends J {
+let nr;
+class or extends J {
   constructor(e = {}) {
     super({
       styles: ke,
@@ -1590,9 +1590,9 @@ class ir extends J {
     (e = super.onDisconnected) == null || e.call(this), this.detachOutsideClickHandler();
   }
 }
-Je = ir;
-[or, et] = tr(Je, [], tt, 0, void 0, J).c;
-et();
+Qe = or;
+[nr, Je] = er(Qe, [], et, 0, void 0, J).c;
+Je();
 class we {
   /**
    * 检测 overflow 并计算可见/隐藏项
@@ -1679,12 +1679,12 @@ class we {
   }
 }
 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}}';
-var nt;
-let ot, it;
+var rt;
+let nt, ot;
 function Z(t, e, r) {
-  return (e = at(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
+  return (e = it(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function ar(t, e, r, o, S, T) {
+function ir(t, e, r, o, S, T) {
   function E(i, l, d) {
     return function(a, n) {
       return d && d(a), i[l].call(a, n);
@@ -1751,7 +1751,7 @@ function ar(t, e, r, o, S, T) {
   if (arguments.length >= 6) var O = T[Symbol.metadata || Symbol.for("Symbol.metadata")];
   var L = Object.create(O ?? null), j = function(i, l, d, a) {
     var n, c, h = [], p = function(x) {
-      return lr(x) === i;
+      return sr(x) === i;
     }, y = /* @__PURE__ */ new Map();
     function w(x) {
       x && h.push(A.bind(null, x));
@@ -1765,7 +1765,7 @@ function ar(t, e, r, o, S, T) {
           if (F === !0 || F === 3 && f !== 4 || F === 4 && f !== 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: " + C);
           y.set(s, !(f > 2) || f);
         }
-        D(I ? i : i.prototype, u, _, k ? "#" + C : at(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
+        D(I ? i : i.prototype, u, _, k ? "#" + C : it(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
       }
     }
     return w(n), w(c), h;
@@ -1775,11 +1775,11 @@ function ar(t, e, r, o, S, T) {
     return r.length && [N(D(t, [r], o, t.name, 5, L, i), L), A.bind(null, i, t)];
   } };
 }
-function at(t) {
-  var e = sr(t, "string");
+function it(t) {
+  var e = ar(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function sr(t, e) {
+function ar(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -1797,15 +1797,15 @@ function Se(t, e, r) {
   }
   return t;
 }
-function lr(t) {
+function sr(t) {
   if (Object(t) !== t) throw TypeError("right-hand side of 'in' should be an object, got " + (t !== null ? typeof t : "null"));
   return t;
 }
-it = [te({
+ot = [te({
   tagName: "wsx-responsive-nav"
 })];
-let cr;
-class dr extends J {
+let lr;
+class cr extends J {
   constructor(e) {
     super({
       styles: Ee,
@@ -1972,15 +1972,15 @@ class dr extends J {
     (e = super.onDisconnected) == null || e.call(this), this.resizeHandler && window.removeEventListener("resize", this.resizeHandler), this.resizeObserver && this.resizeObserver.disconnect();
   }
 }
-nt = dr;
-[cr, ot] = ar(nt, [], it, 0, void 0, J).c;
-ot();
-var st;
-let lt, ct;
+rt = cr;
+[lr, nt] = ir(rt, [], ot, 0, void 0, J).c;
+nt();
+var at;
+let st, lt;
 function re(t, e, r) {
-  return (e = dt(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
+  return (e = ct(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function ur(t, e, r, o, S, T) {
+function dr(t, e, r, o, S, T) {
   function E(i, l, d) {
     return function(a, n) {
       return d && d(a), i[l].call(a, n);
@@ -2047,7 +2047,7 @@ function ur(t, e, r, o, S, T) {
   if (arguments.length >= 6) var O = T[Symbol.metadata || Symbol.for("Symbol.metadata")];
   var L = Object.create(O ?? null), j = function(i, l, d, a) {
     var n, c, h = [], p = function(x) {
-      return pr(x) === i;
+      return hr(x) === i;
     }, y = /* @__PURE__ */ new Map();
     function w(x) {
       x && h.push(A.bind(null, x));
@@ -2061,7 +2061,7 @@ function ur(t, e, r, o, S, T) {
           if (F === !0 || F === 3 && f !== 4 || F === 4 && f !== 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: " + C);
           y.set(s, !(f > 2) || f);
         }
-        D(I ? i : i.prototype, u, _, k ? "#" + C : dt(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
+        D(I ? i : i.prototype, u, _, k ? "#" + C : ct(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
       }
     }
     return w(n), w(c), h;
@@ -2071,11 +2071,11 @@ function ur(t, e, r, o, S, T) {
     return r.length && [N(D(t, [r], o, t.name, 5, L, i), L), A.bind(null, i, t)];
   } };
 }
-function dt(t) {
-  var e = hr(t, "string");
+function ct(t) {
+  var e = ur(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function hr(t, e) {
+function ur(t, e) {
   if (typeof t != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -2093,19 +2093,19 @@ function Ae(t, e, r) {
   }
   return t;
 }
-function pr(t) {
+function hr(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 Te = je("SvgIcon");
-ct = [te({
-  tagName: "svg-icon"
+const pr = Pe("SvgIcon");
+lt = [te({
+  tagName: "wsx-svg-icon"
 })];
 let gr;
 class br extends J {
   constructor() {
     super(), re(this, "size", void 0), re(this, "color", void 0), re(this, "name", void 0), re(this, "handleClick", (A) => {
-      Te.debug("SVG icon clicked", {
+      pr.debug("SVG icon clicked", {
         name: this.name
       }), this.dispatchEvent(new CustomEvent("icon-click", {
         detail: {
@@ -2155,21 +2155,15 @@ class br extends J {
     }, T = 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: T, fill: r }));
   }
-  static get observedAttributes() {
-    return ["name", "size", "color"];
-  }
-  onAttributeChanged(e, r, o) {
-    Te.debug(`Attribute ${e} changed from ${r} to ${o}`), this.connected && this.rerender();
-  }
 }
-st = br;
-[gr, lt] = ur(st, [], ct, 0, void 0, J).c;
-lt();
-var Oe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+at = br;
+[gr, st] = dr(at, [], lt, 0, void 0, J).c;
+st();
+var Te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function fr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ut = { exports: {} };
+var dt = { exports: {} };
 (function(t) {
   var e = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};
   /**
@@ -2821,8 +2815,8 @@ var ut = { exports: {} };
                 w && U > w.reach && (w.reach = U);
                 var ie = x.prev;
                 g && (ie = L(c, ie, g), v += g.length), j(c, ie, V);
-                var ft = new m(b, k ? A.tokenize(W, k) : W, M, W);
-                if (x = L(c, ie, ft), R && L(c, x, R), V > 1) {
+                var bt = new m(b, k ? A.tokenize(W, k) : W, M, W);
+                if (x = L(c, ie, bt), R && L(c, x, R), V > 1) {
                   var le = {
                     cause: b + "," + f,
                     reach: U
@@ -2868,7 +2862,7 @@ var ut = { exports: {} };
     }
     return A;
   }(e);
-  t.exports && (t.exports = r), typeof Oe < "u" && (Oe.Prism = r), r.languages.markup = {
+  t.exports && (t.exports = r), typeof Te < "u" && (Te.Prism = r), r.languages.markup = {
     comment: {
       pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
       greedy: !0
@@ -3325,9 +3319,9 @@ var ut = { exports: {} };
       i || (console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."), i = !0), r.plugins.fileHighlight.highlight.apply(this, arguments);
     };
   }();
-})(ut);
-var mr = ut.exports;
-const Ce = /* @__PURE__ */ fr(mr);
+})(dt);
+var mr = dt.exports;
+const Oe = /* @__PURE__ */ fr(mr);
 Prism.languages.markup = {
   comment: {
     pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
@@ -4919,10 +4913,10 @@ delete Prism.languages.go["class-name"];
   r.pattern = RegExp(/(^|[^\w$]|(?=<\/))/.source + "(?:" + r.pattern.source + ")", r.pattern.flags), r.lookbehind = !0;
 })(Prism);
 const vr = ".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 ht;
-let pt, gt;
+var ut;
+let ht, pt;
 function X(t, e, r) {
-  return (e = bt(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
+  return (e = gt(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
 function yr(t, e, r, o, S, T) {
   function E(i, l, d) {
@@ -4946,11 +4940,11 @@ function yr(t, e, r, o, S, T) {
     if (!M) {
       d || Array.isArray(_) || (_ = [_]);
       var s = {}, F = [], x = n === 3 ? "get" : n === 4 || u ? "set" : "value";
-      w ? (b || u ? s = { get: _e(function() {
+      w ? (b || u ? s = { get: Ce(function() {
         return I(this);
       }, a, "get"), set: function(g) {
         l[4](this, g);
-      } } : s[x] = I, b || _e(s[x], a, n === 2 ? "" : x)) : b || (s = Object.getOwnPropertyDescriptor(i, a));
+      } } : s[x] = I, b || Ce(s[x], a, n === 2 ? "" : x)) : b || (s = Object.getOwnPropertyDescriptor(i, a));
     }
     for (var v = i, B = _.length - 1; B >= 0; B -= d ? 2 : 1) {
       var V = _[B], G = d ? _[B - 1] : void 0, Y = {}, z = { kind: ["field", "accessor", "method", "getter", "setter", "class"][n], name: a, metadata: c, addInitializer: (function(g, R) {
@@ -5005,7 +4999,7 @@ function yr(t, e, r, o, S, T) {
           if (F === !0 || F === 3 && f !== 4 || F === 4 && f !== 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: " + C);
           y.set(s, !(f > 2) || f);
         }
-        D(I ? i : i.prototype, u, _, k ? "#" + C : bt(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
+        D(I ? i : i.prototype, u, _, k ? "#" + C : gt(C), f, a, I ? c = c || [] : n = n || [], h, I, k, M, f === 1, I && k ? p : d);
       }
     }
     return w(n), w(c), h;
@@ -5015,7 +5009,7 @@ function yr(t, e, r, o, S, T) {
     return r.length && [N(D(t, [r], o, t.name, 5, L, i), L), A.bind(null, i, t)];
   } };
 }
-function bt(t) {
+function gt(t) {
   var e = kr(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
@@ -5029,7 +5023,7 @@ function kr(t, e) {
   }
   return String(t);
 }
-function _e(t, e, r) {
+function Ce(t, e, r) {
   typeof e == "symbol" && (e = (e = e.description) ? "[" + e + "]" : "");
   try {
     Object.defineProperty(t, "name", { configurable: !0, value: r ? r + " " + e : e });
@@ -5041,11 +5035,11 @@ function xr(t) {
   if (Object(t) !== t) throw TypeError("right-hand side of 'in' should be an object, got " + (t !== null ? typeof t : "null"));
   return t;
 }
-gt = [te({
+pt = [te({
   tagName: "wsx-code-block"
 })];
 let wr;
-class Er extends Ie {
+class Er extends _e {
   constructor() {
     super(), X(this, "_autoStyles", vr), 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 c = n || this.code || this.segments.map((h) => h.code).join(`
@@ -5223,14 +5217,14 @@ class Er extends Ie {
                 const o = this.codeElements[r] || this.querySelectorAll("code")[r];
                 if (o && !o.hasAttribute("data-prism-highlighted")) {
                   const S = e.language.toLowerCase();
-                  o.className = `language-${S}`, Ce.highlightElement(o), o.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}`, Ce.highlightElement(e), e.setAttribute("data-prism-highlighted", "true");
+                e.className = `language-${r}`, Oe.highlightElement(e), e.setAttribute("data-prism-highlighted", "true");
               }
             }
             this.highlighted = !0;
@@ -5246,26 +5240,26 @@ class Er extends Ie {
     }
   }
 }
-ht = Er;
-[wr, pt] = yr(ht, [], gt, 0, void 0, Ie).c;
-pt();
+ut = Er;
+[wr, ht] = yr(ut, [], pt, 0, void 0, _e).c;
+ht();
 export {
-  xt as Button,
-  Ot as ButtonGroup,
+  kt as Button,
+  Tt as ButtonGroup,
   Tr as CONVERTER_BTN,
   Or as CONVERTER_PANEL,
   wr as CodeBlock,
-  Ht as ColorPicker,
-  or as Combobox,
-  Jt as Dropdown,
+  Bt as ColorPicker,
+  nr as Combobox,
+  Qt as Dropdown,
   we as OverflowDetector,
-  cr as ResponsiveNav,
+  lr as ResponsiveNav,
   gr as SvgIcon,
-  Kt as ThemeSwitcher,
-  $t as getCustomColorCache,
+  Yt as ThemeSwitcher,
+  Nt as getCustomColorCache,
   Ar as getDefaultColorCache,
   ae as handleCSSVariables,
-  Nt as setCustomColorCache,
-  Lt as setDefaultColorCache,
-  Dt as throttle
+  Lt as setCustomColorCache,
+  Rt as setDefaultColorCache,
+  $t as throttle
 };