wox-gui 0.1.5 → 0.1.7

package/dist/wox-gui.cdn.js

@@ -1,11 +1,11 @@
-var mt = Object.defineProperty;
-var ft = (p, c, t) => c in p ? mt(p, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[c] = t;
-var s = (p, c, t) => ft(p, typeof c != "symbol" ? c + "" : c, t);
-const O = class O extends HTMLElement {
+var yt = Object.defineProperty;
+var kt = (p, c, t) => c in p ? yt(p, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[c] = t;
+var s = (p, c, t) => kt(p, typeof c != "symbol" ? c + "" : c, t);
+const T = class T extends HTMLElement {
   constructor() {
     super();
     s(this, "render", (t, e) => {
-      this.shadowRoot.innerHTML = `<style>${O.BASE_STYLES}${t}</style>${e}`;
+      this.shadowRoot.innerHTML = `<style>${T.BASE_STYLES}${t}</style>${e}`;
     });
     s(this, "emit", (t, e) => {
       this.dispatchEvent(new CustomEvent(t, { detail: e, bubbles: !0, composed: !0 }));
@@ -15,12 +15,12 @@ const O = class O extends HTMLElement {
     this.attachShadow({ mode: "open" });
   }
 };
-s(O, "BASE_STYLES", `
+s(T, "BASE_STYLES", `
     *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
     :host { display: inline-block; font-family: var(--wox-font, 'Inter', sans-serif); color: var(--wox-text-primary, #eee); font-size: var(--wox-font-size-base, 12px); }
     :host([hidden]) { display: none !important; }
 `);
-let v = O;
+let w = T;
 const S = `
     /* glow: neon glow effect using --wox-fx-color */
     .glow {
@@ -49,7 +49,7 @@ const S = `
         to   { opacity: 0.4; }
     }
 `;
-class J extends v {
+class H extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -70,8 +70,8 @@ class J extends v {
     this.isConnected && this._render();
   }
 }
-s(J, "observedAttributes", ["name", "size", "color", "glow", "pulse"]);
-class K extends v {
+s(H, "observedAttributes", ["name", "size", "color", "glow", "pulse"]);
+class G extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -92,8 +92,8 @@ class K extends v {
     this.isConnected && this._render();
   }
 }
-s(K, "observedAttributes", ["direction", "spacing"]);
-class V extends v {
+s(G, "observedAttributes", ["direction", "spacing"]);
+class j extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -115,8 +115,8 @@ class V extends v {
     this.isConnected && this._render();
   }
 }
-s(V, "observedAttributes", ["variant", "text", "color"]);
-class U extends v {
+s(j, "observedAttributes", ["variant", "text", "color"]);
+class Y extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -201,8 +201,8 @@ class U extends v {
     this.isConnected && this._render();
   }
 }
-s(U, "observedAttributes", ["variant", "icon", "label", "active", "disabled", "color", "size", "dash", "glow", "pulse"]);
-class Q extends v {
+s(Y, "observedAttributes", ["variant", "icon", "label", "active", "disabled", "color", "size", "dash", "glow", "pulse"]);
+class X extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -240,15 +240,15 @@ class Q extends v {
         `);
       const x = this.$("input");
       if (x.addEventListener("input", () => {
-        const w = d ? parseFloat(x.value) : x.value;
-        this.emit("wox-input", { value: w });
+        const v = d ? parseFloat(x.value) : x.value;
+        this.emit("wox-input", { value: v });
       }), x.addEventListener("change", () => {
-        const w = d ? parseFloat(x.value) : x.value;
-        this.emit("wox-change", { value: w });
-      }), x.addEventListener("keydown", (w) => {
-        w.key === "Enter" && x.blur();
+        const v = d ? parseFloat(x.value) : x.value;
+        this.emit("wox-change", { value: v });
+      }), x.addEventListener("keydown", (v) => {
+        v.key === "Enter" && x.blur();
       }), d && o) {
-        const w = this.$("label");
+        const v = this.$("label");
         let g = 0, b = 0;
         const y = (A) => {
           const M = A.clientX - g, m = parseFloat(r) || 1;
@@ -257,7 +257,7 @@ class Q extends v {
         }, E = () => {
           document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", E), this.emit("wox-change", { value: parseFloat(x.value) });
         };
-        w.addEventListener("mousedown", (A) => {
+        v.addEventListener("mousedown", (A) => {
           h || (g = A.clientX, b = parseFloat(x.value) || 0, document.addEventListener("mousemove", y), document.addEventListener("mouseup", E), A.preventDefault());
         });
       }
@@ -285,9 +285,9 @@ class Q extends v {
     e && (e.value = t);
   }
 }
-s(Q, "observedAttributes", ["type", "value", "unit", "label", "min", "max", "step", "placeholder", "disabled"]);
+s(X, "observedAttributes", ["type", "value", "unit", "label", "min", "max", "step", "placeholder", "disabled"]);
 const k = (p) => String(p).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-class Z extends v {
+class q extends w {
   constructor() {
     super(...arguments);
     s(this, "_isOpen", !1);
@@ -706,8 +706,8 @@ class Z extends v {
     this._selectedOptions = [], this._filteredOptions = [...t], this._parsedOptions = null, this.setAttribute("options", JSON.stringify(t));
   }
 }
-s(Z, "observedAttributes", ["multiple", "searchable", "placeholder", "disabled", "value", "options"]);
-class tt extends v {
+s(q, "observedAttributes", ["multiple", "searchable", "placeholder", "disabled", "value", "options"]);
+class J extends w {
   constructor() {
     super();
     s(this, "_getConfig", () => ({ min: parseFloat(this.getAttribute("min") ?? 0), max: parseFloat(this.getAttribute("max") ?? 100), step: parseFloat(this.getAttribute("step") ?? 1), unit: this.getAttribute("unit") || "" }));
@@ -758,25 +758,25 @@ class tt extends v {
     });
     s(this, "_attachDrag", () => {
       const { min: t, max: e, step: n, unit: o } = this._getConfig(), i = this.$(".track-wrap"), a = this.$(".fill"), r = this.$(".thumb"), l = this.$(".value"), h = (x) => {
-        const w = i.getBoundingClientRect();
-        let g = (x - w.left) / w.width;
+        const v = i.getBoundingClientRect();
+        let g = (x - v.left) / v.width;
         g = Math.max(0, Math.min(1, g));
         let b = t + g * (e - t);
         b = Math.round(b / n) * n, b = Math.max(t, Math.min(e, b));
         const y = (b - t) / (e - t) * 100;
         return a.style.width = y + "%", r.style.left = y + "%", l && (l.textContent = o === "%" ? Math.round(100 * b) + "%" : n < 1 ? b.toFixed(2) : String(b)), b;
       }, d = (x) => {
-        const w = h(x.clientX);
-        this.emit("wox-input", { value: w });
+        const v = h(x.clientX);
+        this.emit("wox-input", { value: v });
       }, u = (x) => {
         this._dragging = !1, r.classList.remove("dragging"), document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", u);
-        const w = h(x.clientX);
-        this.setAttribute("value", w), this.emit("wox-change", { value: w });
+        const v = h(x.clientX);
+        this.setAttribute("value", v), this.emit("wox-change", { value: v });
       };
       i.addEventListener("mousedown", (x) => {
         this._dragging = !0, r.classList.add("dragging");
-        const w = h(x.clientX);
-        this.emit("wox-input", { value: w }), document.addEventListener("mousemove", d), document.addEventListener("mouseup", u), x.preventDefault();
+        const v = h(x.clientX);
+        this.emit("wox-input", { value: v }), document.addEventListener("mousemove", d), document.addEventListener("mouseup", u), x.preventDefault();
       });
     });
     this._dragging = !1;
@@ -788,8 +788,8 @@ class tt extends v {
     this.isConnected && (this._dragging || (t === "value" ? this._updateVisuals() : this._build()));
   }
 }
-s(tt, "observedAttributes", ["value", "min", "max", "step", "label", "unit", "show-value", "color", "glow", "pulse"]);
-class et extends v {
+s(J, "observedAttributes", ["value", "min", "max", "step", "label", "unit", "show-value", "color", "glow", "pulse"]);
+class K extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -826,8 +826,8 @@ class et extends v {
     this.isConnected && this._render();
   }
 }
-s(et, "observedAttributes", ["color", "size", "selected", "glow", "pulse"]);
-class nt extends v {
+s(K, "observedAttributes", ["color", "size", "selected", "glow", "pulse"]);
+class V extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -863,8 +863,8 @@ class nt extends v {
     this.isConnected && this._render();
   }
 }
-s(nt, "observedAttributes", ["text", "position", "delay"]);
-class ot extends v {
+s(V, "observedAttributes", ["text", "position", "delay"]);
+class U extends w {
   constructor() {
     super();
     s(this, "_initFromAttrs", () => {
@@ -1050,8 +1050,8 @@ class ot extends v {
     } else t !== "color" && t !== "alpha" || (this._initFromAttrs(), this.hasAttribute("open") && this._redraw());
   }
 }
-s(ot, "observedAttributes", ["color", "alpha", "open"]);
-const T = `
+s(U, "observedAttributes", ["color", "alpha", "open"]);
+const P = `
     :host { display: block; }
     .item {
         color: var(--wox-text-primary, #eee); padding: 8px 12px; display: flex; align-items: center;
@@ -1072,12 +1072,12 @@ const T = `
     }
     .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; }
 `;
-class it extends v {
+class Q extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
       const t = this.getAttribute("type") || "item", e = this.getAttribute("label") || "", n = this.getAttribute("shortcut") || "", o = this.getAttribute("icon") || "", i = this.hasAttribute("disabled"), a = this.hasAttribute("submenu");
-      t !== "separator" ? t !== "header" ? (this.render(T, `
+      t !== "separator" ? t !== "header" ? (this.render(P, `
             <div class="item ${i ? "disabled" : ""}">
                 ${o ? `<span class="icon material-icons">${o}</span>` : ""}
                 <span class="label">${e}</span>
@@ -1086,7 +1086,7 @@ class it extends v {
             </div>
         `), i || this.$(".item").addEventListener("click", () => {
         this.emit("wox-select", { label: e });
-      })) : this.render(T, `<div class="header">${e}</div>`) : this.render(T, '<div class="separator"></div>');
+      })) : this.render(P, `<div class="header">${e}</div>`) : this.render(P, '<div class="separator"></div>');
     });
   }
   connectedCallback() {
@@ -1096,8 +1096,8 @@ class it extends v {
     this.isConnected && this._render();
   }
 }
-s(it, "observedAttributes", ["label", "shortcut", "icon", "disabled", "type", "submenu"]);
-class st extends v {
+s(Q, "observedAttributes", ["label", "shortcut", "icon", "disabled", "type", "submenu"]);
+class Z extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -1165,13 +1165,13 @@ class st extends v {
     this._outsideClick && document.removeEventListener("mousedown", this._outsideClick);
   }
 }
-s(st, "observedAttributes", ["label", "open", "trigger"]);
-const _t = { rectangle: "crop_square", ellipse: "radio_button_unchecked", path: "timeline", image: "image", text: "text_fields", group: "folder", layer: "layers" };
-class at extends v {
+s(Z, "observedAttributes", ["label", "open", "trigger"]);
+const $t = { rectangle: "crop_square", ellipse: "radio_button_unchecked", path: "timeline", image: "image", text: "text_fields", group: "folder", layer: "layers" };
+class tt extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
-      const t = this.getAttribute("name") || "Layer", e = this.getAttribute("type") || "layer", n = this.hasAttribute("visible"), o = this.hasAttribute("locked"), i = this.hasAttribute("selected"), a = _t[e] || "layers";
+      const t = this.getAttribute("name") || "Layer", e = this.getAttribute("type") || "layer", n = this.hasAttribute("visible"), o = this.hasAttribute("locked"), i = this.hasAttribute("selected"), a = $t[e] || "layers";
       this.render(`
     :host { display: block; }
     .layer {
@@ -1235,8 +1235,8 @@ class at extends v {
     this.isConnected && !this._editing && this._render();
   }
 }
-s(at, "observedAttributes", ["name", "type", "visible", "locked", "selected", "depth"]);
-class rt extends v {
+s(tt, "observedAttributes", ["name", "type", "visible", "locked", "selected", "depth"]);
+class et extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -1293,8 +1293,8 @@ class rt extends v {
     this.isConnected && this._render();
   }
 }
-s(rt, "observedAttributes", ["title", "collapsed", "icon"]);
-class dt extends v {
+s(et, "observedAttributes", ["title", "collapsed", "icon"]);
+class nt extends w {
   connectedCallback() {
     this.render(`
     :host { display: none; flex: 1; overflow-y: auto; overflow-x: hidden; flex-direction: column; }
@@ -1302,8 +1302,8 @@ class dt extends v {
 `, "<slot></slot>");
   }
 }
-s(dt, "observedAttributes", ["name", "label", "icon", "active"]);
-class lt extends v {
+s(nt, "observedAttributes", ["name", "label", "icon", "active"]);
+class ot extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -1385,8 +1385,8 @@ class lt extends v {
     this.isConnected && this._updateActive();
   }
 }
-s(lt, "observedAttributes", ["active", "placement"]);
-class ct extends v {
+s(ot, "observedAttributes", ["active", "placement"]);
+class it extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -1408,8 +1408,8 @@ class ct extends v {
     this.isConnected && this._render();
   }
 }
-s(ct, "observedAttributes", ["label"]);
-class pt extends v {
+s(it, "observedAttributes", ["label"]);
+class st extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -1433,8 +1433,8 @@ class pt extends v {
     this.isConnected && this._render();
   }
 }
-s(pt, "observedAttributes", ["width", "position"]);
-class ht extends v {
+s(st, "observedAttributes", ["width", "position"]);
+class at extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -1479,8 +1479,8 @@ class ht extends v {
     this.isConnected && this._render();
   }
 }
-s(ht, "observedAttributes", ["width", "position", "resizable"]);
-class xt extends v {
+s(at, "observedAttributes", ["width", "position", "resizable"]);
+class rt extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -1506,8 +1506,8 @@ class xt extends v {
     this.isConnected && this._render();
   }
 }
-s(xt, "observedAttributes", ["height"]);
-class ut extends v {
+s(rt, "observedAttributes", ["height"]);
+class dt extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -1535,8 +1535,8 @@ class ut extends v {
     this.isConnected && this._render();
   }
 }
-s(ut, "observedAttributes", ["height"]);
-class gt extends v {
+s(dt, "observedAttributes", ["height"]);
+class lt extends w {
   constructor() {
     super(...arguments);
     s(this, "_render", () => {
@@ -1641,8 +1641,8 @@ class gt extends v {
     t ? this.setAttribute("open", "") : this.removeAttribute("open");
   }
 }
-s(gt, "observedAttributes", ["open", "title", "closable", "width", "color", "glow", "pulse"]);
-class yt extends v {
+s(lt, "observedAttributes", ["open", "title", "closable", "width", "color", "glow", "pulse"]);
+class vt extends w {
   constructor() {
     super(...arguments);
     s(this, "_columns", []);
@@ -1864,12 +1864,12 @@ class yt extends v {
     return this._rows;
   }
 }
-const kt = 4e3, j = { TL: { top: "16px", left: "16px" }, TC: { top: "16px", left: "50%", transform: "translateX(-50%)" }, TR: { top: "16px", right: "16px" }, BL: { bottom: "16px", left: "16px" }, BC: { bottom: "16px", left: "50%", transform: "translateX(-50%)" }, BR: { bottom: "16px", right: "16px" } }, $t = { TL: "translateX(-120%)", TC: "translateY(-120%)", TR: "translateX(120%)", BL: "translateX(-120%)", BC: "translateY(120%)", BR: "translateX(120%)" }, Et = { success: { bg: "#1a2e1a", border: "#4CAF50", icon: "#66BB6A", progress: "#4CAF50", text: "#c8e6c9" }, error: { bg: "#2e1a1a", border: "#f44336", icon: "#ef5350", progress: "#f44336", text: "#ffcdd2" }, warning: { bg: "#2e2a1a", border: "#FF9800", icon: "#FFA726", progress: "#FF9800", text: "#ffe0b2" }, info: { bg: "#1a222e", border: "#2196F3", icon: "#42A5F5", progress: "#2196F3", text: "#bbdefb" } }, Ct = { success: { bg: "#e8f5e9", border: "#2e7d32", icon: "#388e3c", progress: "#2e7d32", text: "#1b5e20" }, error: { bg: "#fce4ec", border: "#c62828", icon: "#d32f2f", progress: "#c62828", text: "#b71c1c" }, warning: { bg: "#fff8e1", border: "#e65100", icon: "#ef6c00", progress: "#e65100", text: "#bf360c" }, info: { bg: "#e3f2fd", border: "#1565c0", icon: "#1976d2", progress: "#1565c0", text: "#0d47a1" } }, G = { success: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>', error: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>', warning: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>', info: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>' };
-let Y = !1;
-const P = /* @__PURE__ */ new Set(), N = {}, D = (p, c, t = {}) => {
+const Et = 4e3, ht = { TL: { top: "16px", left: "16px" }, TC: { top: "16px", left: "50%", transform: "translateX(-50%)" }, TR: { top: "16px", right: "16px" }, BL: { bottom: "16px", left: "16px" }, BC: { bottom: "16px", left: "50%", transform: "translateX(-50%)" }, BR: { bottom: "16px", right: "16px" } }, Ct = { TL: "translateX(-120%)", TC: "translateY(-120%)", TR: "translateX(120%)", BL: "translateX(-120%)", BC: "translateY(120%)", BR: "translateX(120%)" }, At = { success: { bg: "#1a2e1a", border: "#4CAF50", icon: "#66BB6A", progress: "#4CAF50", text: "#c8e6c9" }, error: { bg: "#2e1a1a", border: "#f44336", icon: "#ef5350", progress: "#f44336", text: "#ffcdd2" }, warning: { bg: "#2e2a1a", border: "#FF9800", icon: "#FFA726", progress: "#FF9800", text: "#ffe0b2" }, info: { bg: "#1a222e", border: "#2196F3", icon: "#42A5F5", progress: "#2196F3", text: "#bbdefb" } }, zt = { success: { bg: "#e8f5e9", border: "#2e7d32", icon: "#388e3c", progress: "#2e7d32", text: "#1b5e20" }, error: { bg: "#fce4ec", border: "#c62828", icon: "#d32f2f", progress: "#c62828", text: "#b71c1c" }, warning: { bg: "#fff8e1", border: "#e65100", icon: "#ef6c00", progress: "#e65100", text: "#bf360c" }, info: { bg: "#e3f2fd", border: "#1565c0", icon: "#1976d2", progress: "#1565c0", text: "#0d47a1" } }, xt = { success: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>', error: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>', warning: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>', info: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>' };
+let ut = !1;
+const N = /* @__PURE__ */ new Set(), F = {}, D = (p, c, t = {}) => {
   (() => {
-    if (Y) return;
-    Y = !0;
+    if (ut) return;
+    ut = !0;
     const m = document.createElement("style");
     m.textContent = `
 .wox-toast-container {
@@ -1928,21 +1928,21 @@ const P = /* @__PURE__ */ new Set(), N = {}, D = (p, c, t = {}) => {
 `, document.head.appendChild(m);
   })();
   const e = `${p}::${c}`;
-  if (P.has(e)) return;
-  P.add(e);
-  const { duration: n = kt, closable: o = !0, position: i = "BR" } = t, a = document.documentElement.dataset.woxTheme === "light", r = ((m) => {
-    const _ = document.documentElement.dataset.woxTheme === "light" ? Ct : Et;
+  if (N.has(e)) return;
+  N.add(e);
+  const { duration: n = Et, closable: o = !0, position: i = "BR" } = t, a = document.documentElement.dataset.woxTheme === "light", r = ((m) => {
+    const _ = document.documentElement.dataset.woxTheme === "light" ? zt : At;
     return _[m] || _.info;
-  })(p), l = j[i] ? i : "BR", h = ((m) => {
-    if (N[m]) return N[m];
+  })(p), l = ht[i] ? i : "BR", h = ((m) => {
+    if (F[m]) return F[m];
     const _ = document.createElement("div");
     _.className = `wox-toast-container wox-toast-container-${m}`;
-    const wt = j[m];
-    return Object.assign(_.style, wt), m.startsWith("B") && (_.style.flexDirection = "column-reverse"), document.body.appendChild(_), N[m] = _, _;
+    const _t = ht[m];
+    return Object.assign(_.style, _t), m.startsWith("B") && (_.style.flexDirection = "column-reverse"), document.body.appendChild(_), F[m] = _, _;
   })(l), d = document.createElement("div");
   d.className = `wox-toast wox-toast-${p}`, d.style.backgroundColor = r.bg, d.style.borderLeftColor = r.border, d.style.color = r.text;
   let u = `
-		<span class="wox-toast-icon" style="color:${r.icon}">${G[p] || G.info}</span>
+		<span class="wox-toast-icon" style="color:${r.icon}">${xt[p] || xt.info}</span>
 		<span class="wox-toast-message">${c}</span>
 	`;
   if (o && (u += '<button class="wox-toast-close" aria-label="Close">&times;</button>'), d.innerHTML = u, o) {
@@ -1955,13 +1955,13 @@ const P = /* @__PURE__ */ new Set(), N = {}, D = (p, c, t = {}) => {
   }
   let x = null;
   n > 0 && (x = document.createElement("div"), x.className = "wox-toast-progress", x.style.backgroundColor = r.progress, x.style.width = "100%", d.appendChild(x));
-  const w = $t[l];
-  d.animate([{ transform: w, opacity: 0 }, { transform: "translateX(0) translateY(0)", opacity: 1 }], { duration: 300, easing: "cubic-bezier(.22,1,.36,1)", fill: "forwards" }), h.appendChild(d);
+  const v = Ct[l];
+  d.animate([{ transform: v, opacity: 0 }, { transform: "translateX(0) translateY(0)", opacity: 1 }], { duration: 300, easing: "cubic-bezier(.22,1,.36,1)", fill: "forwards" }), h.appendChild(d);
   let g = null, b = n, y = 0, E = null;
   const A = () => {
     n <= 0 || (y = Date.now(), x && (E = x.animate([{ width: x.style.width }, { width: "0%" }], { duration: b, easing: "linear", fill: "forwards" })), g = setTimeout(() => M(), b));
   }, M = () => {
-    P.delete(e), g && (clearTimeout(g), g = null), E && E.cancel(), d.animate([{ transform: "translateX(0) translateY(0)", opacity: 1 }, { transform: w, opacity: 0 }], { duration: 300, easing: "cubic-bezier(.22,1,.36,1)", fill: "forwards" }).onfinish = () => {
+    N.delete(e), g && (clearTimeout(g), g = null), E && E.cancel(), d.animate([{ transform: "translateX(0) translateY(0)", opacity: 1 }, { transform: v, opacity: 0 }], { duration: 300, easing: "cubic-bezier(.22,1,.36,1)", fill: "forwards" }).onfinish = () => {
       const m = d.offsetHeight;
       d.style.minHeight = "0", d.style.padding = "0", d.style.margin = "0", d.style.overflow = "hidden", d.animate([{ height: `${m}px` }, { height: "0px" }], { duration: 200, easing: "ease" }).onfinish = () => d.remove();
     };
@@ -1979,10 +1979,10 @@ const P = /* @__PURE__ */ new Set(), N = {}, D = (p, c, t = {}) => {
   }
   A();
 };
-class z extends v {
+class z extends w {
 }
 s(z, "success", (c, t) => D("success", c, t)), s(z, "error", (c, t) => D("error", c, t)), s(z, "warning", (c, t) => D("warning", c, t)), s(z, "info", (c, t) => D("info", c, t));
-const f = class f extends v {
+const f = class f extends w {
 };
 s(f, "_el", null), s(f, "_listenersReady", !1), s(f, "show", (c, t) => {
   if (!c || !t) return;
@@ -2047,12 +2047,12 @@ s(f, "_el", null), s(f, "_listenersReady", !1), s(f, "show", (c, t) => {
 }), s(f, "_onKeyDown", (c) => {
   c.key === "Escape" && f.hide();
 });
-let H = f;
+let O = f;
 const C = (p) => {
   if (!p || !p.stops || p.stops.length < 2) return "";
   const c = [...p.stops].sort((t, e) => t.position - e.position).map((t) => `${t.color} ${t.position}%`).join(", ");
   return p.type === "linear" ? `linear-gradient(${p.angle}deg, ${c})` : `radial-gradient(circle, ${c})`;
-}, W = (p) => {
+}, gt = (p) => {
   if (!p) return null;
   let c = null, t = 90, e = null;
   const n = p.match(/^linear-gradient\(\s*(\d+)deg\s*,\s*(.+)\)$/i);
@@ -2066,7 +2066,7 @@ const C = (p) => {
   for (; (a = i.exec(e)) !== null; ) o.push({ color: a[1], position: parseFloat(a[2]) });
   return o.length < 2 ? null : { type: c, angle: t, stops: o };
 };
-class At extends v {
+class mt extends w {
   constructor() {
     super(...arguments);
     s(this, "_gradient", null);
@@ -2134,15 +2134,15 @@ class At extends v {
           const l = r.getBoundingClientRect(), h = parseInt(o.dataset.index, 10);
           this._dragging = { idx: h, startY: a.clientY }, o.classList.add("dragging");
           const d = (x) => {
-            const w = (x.clientX - l.left) / l.width * 100, g = Math.max(0, Math.min(100, Math.round(10 * w) / 10));
+            const v = (x.clientX - l.left) / l.width * 100, g = Math.max(0, Math.min(100, Math.round(10 * v) / 10));
             this._gradient.stops[h].position = g, o.style.left = g + "%", Math.abs(x.clientY - this._dragging.startY) > 40 && this._gradient.stops.length > 2 ? o.classList.add("removing") : o.classList.remove("removing"), this._updatePreview(), this._emitGradient("wox-gradient-input");
           }, u = (x) => {
             var b;
             document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", u), o.classList.remove("dragging");
-            const w = Math.abs(x.clientY - this._dragging.startY);
-            w > 40 && this._gradient.stops.length > 2 ? (this._gradient.stops.splice(h, 1), this._renderStops(), this._updatePreview(), this._emitGradient("wox-gradient-change")) : this._emitGradient("wox-gradient-change");
+            const v = Math.abs(x.clientY - this._dragging.startY);
+            v > 40 && this._gradient.stops.length > 2 ? (this._gradient.stops.splice(h, 1), this._renderStops(), this._updatePreview(), this._emitGradient("wox-gradient-change")) : this._emitGradient("wox-gradient-change");
             const g = Math.abs(x.clientX - (l.left + (((b = this._gradient.stops[h]) == null ? void 0 : b.position) || 0) * l.width / 100));
-            (w > 3 || g > 3) && (this._justDragged = !0), this._dragging = null;
+            (v > 3 || g > 3) && (this._justDragged = !0), this._dragging = null;
           };
           document.addEventListener("mousemove", d), document.addEventListener("mouseup", u);
         }), t.appendChild(o);
@@ -2171,8 +2171,8 @@ class At extends v {
     return this._gradient ? JSON.parse(JSON.stringify(this._gradient)) : null;
   }
 }
-const zt = [{ id: "grad_preset_sunset", name: "Sunset", type: "linear", angle: 135, stops: [{ color: "#ff512f", position: 0 }, { color: "#f09819", position: 100 }] }, { id: "grad_preset_ocean", name: "Ocean", type: "linear", angle: 135, stops: [{ color: "#2193b0", position: 0 }, { color: "#6dd5ed", position: 100 }] }, { id: "grad_preset_forest", name: "Forest", type: "linear", angle: 135, stops: [{ color: "#11998e", position: 0 }, { color: "#38ef7d", position: 100 }] }, { id: "grad_preset_purple_haze", name: "Purple Haze", type: "linear", angle: 135, stops: [{ color: "#7b4397", position: 0 }, { color: "#dc2430", position: 100 }] }, { id: "grad_preset_midnight", name: "Midnight", type: "linear", angle: 135, stops: [{ color: "#232526", position: 0 }, { color: "#414345", position: 100 }] }, { id: "grad_preset_peach", name: "Peach", type: "linear", angle: 135, stops: [{ color: "#ffecd2", position: 0 }, { color: "#fcb69f", position: 100 }] }], R = () => "grad_" + Date.now().toString(36) + "_" + Math.random().toString(36).slice(2, 7), X = (p) => !!p && (p.startsWith("linear-gradient") || p.startsWith("radial-gradient"));
-class bt extends v {
+const Lt = [{ id: "grad_preset_sunset", name: "Sunset", type: "linear", angle: 135, stops: [{ color: "#ff512f", position: 0 }, { color: "#f09819", position: 100 }] }, { id: "grad_preset_ocean", name: "Ocean", type: "linear", angle: 135, stops: [{ color: "#2193b0", position: 0 }, { color: "#6dd5ed", position: 100 }] }, { id: "grad_preset_forest", name: "Forest", type: "linear", angle: 135, stops: [{ color: "#11998e", position: 0 }, { color: "#38ef7d", position: 100 }] }, { id: "grad_preset_purple_haze", name: "Purple Haze", type: "linear", angle: 135, stops: [{ color: "#7b4397", position: 0 }, { color: "#dc2430", position: 100 }] }, { id: "grad_preset_midnight", name: "Midnight", type: "linear", angle: 135, stops: [{ color: "#232526", position: 0 }, { color: "#414345", position: 100 }] }, { id: "grad_preset_peach", name: "Peach", type: "linear", angle: 135, stops: [{ color: "#ffecd2", position: 0 }, { color: "#fcb69f", position: 100 }] }], R = () => "grad_" + Date.now().toString(36) + "_" + Math.random().toString(36).slice(2, 7), bt = (p) => !!p && (p.startsWith("linear-gradient") || p.startsWith("radial-gradient"));
+class ct extends w {
   constructor() {
     super(...arguments);
     s(this, "_value", "#ffffff");
@@ -2185,7 +2185,7 @@ class bt extends v {
     s(this, "_editingName", "");
     s(this, "_syncFromAttributes", () => {
       const t = this.getAttribute("value");
-      t && (this._value = t, this._gradient = X(t) ? W(t) : null);
+      t && (this._value = t, this._gradient = bt(t) ? gt(t) : null);
       const e = this.getAttribute("animation-speed");
       e !== null && (this._animationSpeed = parseInt(e, 10) || 0);
       const n = this.getAttribute("animation-type");
@@ -2197,7 +2197,7 @@ class bt extends v {
         if (t) return void (this._gradients = JSON.parse(t));
       } catch {
       }
-      this._gradients = zt.map((t) => ({ ...t, stops: t.stops.map((e) => ({ ...e })) })), this._persistGradients();
+      this._gradients = Lt.map((t) => ({ ...t, stops: t.stops.map((e) => ({ ...e })) })), this._persistGradients();
     });
     s(this, "_persistGradients", () => {
       try {
@@ -2215,7 +2215,7 @@ class bt extends v {
     s(this, "_getById", (t) => this._gradients.find((e) => e.id === t));
     s(this, "_labelForValue", (t) => {
       if (!t) return "None";
-      if (X(t)) {
+      if (bt(t)) {
         for (const e of this._gradients) if (C(e) === t) return e.name;
         return "Custom Gradient";
       }
@@ -2521,7 +2521,7 @@ class bt extends v {
     });
     s(this, "_openEditorDialog", (t) => {
       let e;
-      t ? e = JSON.parse(JSON.stringify(t)) : (e = W(this._value), e ? (e.id = e.id || R(), e.name = e.name || "Custom Gradient") : e = { id: R(), name: "Custom Gradient", type: "linear", angle: 90, stops: [{ color: this._value.startsWith("#") ? this._value : "#000000", position: 0 }, { color: "#ffffff", position: 100 }] }), this._editingGradient = JSON.parse(JSON.stringify(e)), this._editingName = e.name;
+      t ? e = JSON.parse(JSON.stringify(t)) : (e = gt(this._value), e ? (e.id = e.id || R(), e.name = e.name || "Custom Gradient") : e = { id: R(), name: "Custom Gradient", type: "linear", angle: 90, stops: [{ color: this._value.startsWith("#") ? this._value : "#000000", position: 0 }, { color: "#ffffff", position: 100 }] }), this._editingGradient = JSON.parse(JSON.stringify(e)), this._editingName = e.name;
       const n = this.$(".modal-editor");
       n && (n.gradient = this._editingGradient);
       const o = this.$(".name-input");
@@ -2557,9 +2557,9 @@ class bt extends v {
     this.isConnected && (this._syncFromAttributes(), this._updatePreview(), this._syncControls());
   }
 }
-s(bt, "observedAttributes", ["value", "animation-speed", "animation-type"]);
-const Lt = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], St = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-class vt extends v {
+s(ct, "observedAttributes", ["value", "animation-speed", "animation-type"]);
+const St = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], Mt = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+class pt extends w {
   constructor() {
     super(...arguments);
     s(this, "_currentDate", /* @__PURE__ */ new Date());
@@ -2573,7 +2573,7 @@ class vt extends v {
       this._currentDate = new Date(t, this._currentDate.getMonth(), 1), this._render();
     });
     s(this, "_goToday", () => {
-      const t = /* @__PURE__ */ new Date(), e = q(t);
+      const t = /* @__PURE__ */ new Date(), e = wt(t);
       this._currentDate = new Date(t.getFullYear(), t.getMonth(), 1), this.rangeMode ? this._selectedRange = { start: e, end: null } : (this._selectedDate = e, this.emit("wox-change", { date: e })), this._render();
     });
     s(this, "_handleDayClick", (t) => {
@@ -2606,21 +2606,21 @@ class vt extends v {
       return e;
     });
     s(this, "_generateGrid", (t, e) => {
-      const n = /* @__PURE__ */ new Date(), o = q(n), i = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate();
+      const n = /* @__PURE__ */ new Date(), o = wt(n), i = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate();
       let r = "";
       const l = e === 0 ? t - 1 : t, h = e === 0 ? 11 : e - 1, d = new Date(l, h + 1, 0).getDate();
       for (let g = i - 1; g >= 0; g--) {
         const b = d - g;
-        r += `<div class="day-cell other-month" data-date="${F(l, h, b)}">${b}</div>`;
+        r += `<div class="day-cell other-month" data-date="${B(l, h, b)}">${b}</div>`;
       }
       for (let g = 1; g <= a; g++) {
-        const b = F(t, e, g);
+        const b = B(t, e, g);
         let y = "day-cell";
-        b === o && (y += " today"), this.rangeMode ? this._selectedRange.start && b === this._selectedRange.start ? y += " range-start" : this._selectedRange.end && b === this._selectedRange.end ? y += " range-end" : Mt(b, this._selectedRange.start, this._selectedRange.end) && (y += " in-range") : this._selectedDate && b === this._selectedDate && (y += " selected"), r += `<div class="${y}" data-date="${b}">${g}</div>`;
+        b === o && (y += " today"), this.rangeMode ? this._selectedRange.start && b === this._selectedRange.start ? y += " range-start" : this._selectedRange.end && b === this._selectedRange.end ? y += " range-end" : Dt(b, this._selectedRange.start, this._selectedRange.end) && (y += " in-range") : this._selectedDate && b === this._selectedDate && (y += " selected"), r += `<div class="${y}" data-date="${b}">${g}</div>`;
       }
-      const u = 7 * Math.ceil((i + a) / 7), x = e === 11 ? t + 1 : t, w = e === 11 ? 0 : e + 1;
+      const u = 7 * Math.ceil((i + a) / 7), x = e === 11 ? t + 1 : t, v = e === 11 ? 0 : e + 1;
       for (let g = 1; g <= u - i - a; g++)
-        r += `<div class="day-cell other-month" data-date="${F(x, w, g)}">${g}</div>`;
+        r += `<div class="day-cell other-month" data-date="${B(x, v, g)}">${g}</div>`;
       return r;
     });
     s(this, "_getModeHint", () => this.rangeMode ? this._selectedRange.start ? this._selectedRange.end ? `${this._selectedRange.start} → ${this._selectedRange.end}` : "Select end date" : "Select start date" : "Select a date");
@@ -2829,13 +2829,13 @@ class vt extends v {
             <div class="header">
                 <button class="nav-btn" id="prev-month">&#8249;</button>
                 <div class="month-year">
-                    ${Lt[e]}
+                    ${St[e]}
                     <select class="year-select">${this._generateYearOptions(t)}</select>
                 </div>
                 <button class="nav-btn" id="next-month">&#8250;</button>
             </div>
             <div class="day-headers">
-                ${St.map((n) => `<div class="day-header">${n}</div>`).join("")}
+                ${Mt.map((n) => `<div class="day-header">${n}</div>`).join("")}
             </div>
             <div class="calendar-grid">
                 ${this._generateGrid(t, e)}
@@ -2916,15 +2916,15 @@ class vt extends v {
     this._selectedDate = null, this._selectedRange = { start: null, end: null }, this._render();
   }
 }
-s(vt, "observedAttributes", ["range-mode", "value", "range-start", "range-end", "disabled"]);
-const q = (p) => `${p.getFullYear()}-${String(p.getMonth() + 1).padStart(2, "0")}-${String(p.getDate()).padStart(2, "0")}`, I = (p) => {
+s(pt, "observedAttributes", ["range-mode", "value", "range-start", "range-end", "disabled"]);
+const wt = (p) => `${p.getFullYear()}-${String(p.getMonth() + 1).padStart(2, "0")}-${String(p.getDate()).padStart(2, "0")}`, I = (p) => {
   const [c, t, e] = p.split("-").map(Number);
   return new Date(c, t - 1, e);
-}, F = (p, c, t) => `${p}-${String(c + 1).padStart(2, "0")}-${String(t).padStart(2, "0")}`, Mt = (p, c, t) => !(!c || !t) && p > c && p < t, B = "woxTheme", $ = class $ {
+}, B = (p, c, t) => `${p}-${String(c + 1).padStart(2, "0")}-${String(t).padStart(2, "0")}`, Dt = (p, c, t) => !(!c || !t) && p > c && p < t, W = "woxTheme", $ = class $ {
 };
-s($, "get", () => document.documentElement.dataset[B] === "light" ? "light" : "dark"), s($, "set", (c) => {
+s($, "get", () => document.documentElement.dataset[W] === "light" ? "light" : "dark"), s($, "set", (c) => {
   if (c === "dark" || c === "light") {
-    c === "light" ? document.documentElement.dataset[B] = "light" : delete document.documentElement.dataset[B];
+    c === "light" ? document.documentElement.dataset[W] = "light" : delete document.documentElement.dataset[W];
     try {
       localStorage.setItem("wox-theme", c);
     } catch {
@@ -2943,7 +2943,7 @@ s($, "get", () => document.documentElement.dataset[B] === "light" ? "light" : "d
   $.set(c ? "light" : "dark");
 });
 let L = $;
-class Dt extends v {
+class ft extends w {
   constructor() {
     super(...arguments);
     s(this, "_onThemeChange", null);
@@ -2998,7 +2998,7 @@ class Dt extends v {
     t.textContent = e ? "light_mode" : "dark_mode", this.$("button").title = e ? "Switch to light mode" : "Switch to dark mode";
   }
 }
-customElements.define("wox-icon", J), customElements.define("wox-separator", K), customElements.define("wox-badge", V), customElements.define("wox-button", U), customElements.define("wox-input", Q), customElements.define("wox-select", Z), customElements.define("wox-slider", tt), customElements.define("wox-color-swatch", et), customElements.define("wox-tooltip", nt), customElements.define("wox-color-picker", ot), customElements.define("wox-menu-item", it), customElements.define("wox-menu", st), customElements.define("wox-layer-item", at), customElements.define("wox-section", rt), customElements.define("wox-tab", dt), customElements.define("wox-tabs", lt), customElements.define("wox-toolbar-group", ct), customElements.define("wox-toolbar", pt), customElements.define("wox-panel", ht), customElements.define("wox-menubar", xt), customElements.define("wox-statusbar", ut), customElements.define("wox-modal", gt), customElements.define("wox-datagrid", yt), customElements.define("wox-toast", z), customElements.define("wox-context-menu", H), customElements.define("wox-gradient-editor", At), customElements.define("wox-gradient-selector", bt), customElements.define("wox-date-picker", vt), customElements.define("wox-theme-toggle", Dt);
+customElements.define("wox-icon", H), customElements.define("wox-separator", G), customElements.define("wox-badge", j), customElements.define("wox-button", Y), customElements.define("wox-input", X), customElements.define("wox-select", q), customElements.define("wox-slider", J), customElements.define("wox-color-swatch", K), customElements.define("wox-tooltip", V), customElements.define("wox-color-picker", U), customElements.define("wox-menu-item", Q), customElements.define("wox-menu", Z), customElements.define("wox-layer-item", tt), customElements.define("wox-section", et), customElements.define("wox-tab", nt), customElements.define("wox-tabs", ot), customElements.define("wox-toolbar-group", it), customElements.define("wox-toolbar", st), customElements.define("wox-panel", at), customElements.define("wox-menubar", rt), customElements.define("wox-statusbar", dt), customElements.define("wox-modal", lt), customElements.define("wox-datagrid", vt), customElements.define("wox-toast", z), customElements.define("wox-context-menu", O), customElements.define("wox-gradient-editor", mt), customElements.define("wox-gradient-selector", ct), customElements.define("wox-date-picker", pt), customElements.define("wox-theme-toggle", ft);
 const Rt = `/* wox-theme.css — Global CSS custom properties for the WOX component library */
 :root {
     --wox-bg-app: #121214;
@@ -3086,40 +3086,40 @@ const Rt = `/* wox-theme.css — Global CSS custom properties for the WOX compon
   if (document.getElementById("wox-theme")) return;
   const p = document.createElement("style");
   p.id = "wox-theme", p.textContent = Rt, document.head.appendChild(p);
-})();
+})(), window.WoxIcon = H, window.WoxSeparator = G, window.WoxBadge = j, window.WoxButton = Y, window.WoxInput = X, window.WoxSelect = q, window.WoxSlider = J, window.WoxColorSwatch = K, window.WoxTooltip = V, window.WoxColorPicker = U, window.WoxMenuItem = Q, window.WoxMenu = Z, window.WoxLayerItem = tt, window.WoxSection = et, window.WoxTab = nt, window.WoxTabs = ot, window.WoxToolbarGroup = it, window.WoxToolbar = st, window.WoxPanel = at, window.WoxMenubar = rt, window.WoxStatusbar = dt, window.WoxModal = lt, window.WoxDatagrid = vt, window.WoxToast = z, window.WoxContextMenu = O, window.WoxGradientEditor = mt, window.WoxGradientSelector = ct, window.WoxDatePicker = pt, window.WoxThemeToggle = ft;
 export {
   S as FX_STYLES,
-  V as WoxBadge,
-  U as WoxButton,
-  ot as WoxColorPicker,
-  et as WoxColorSwatch,
-  H as WoxContextMenu,
-  yt as WoxDatagrid,
-  vt as WoxDatePicker,
-  v as WoxElement,
-  At as WoxGradientEditor,
-  bt as WoxGradientSelector,
-  J as WoxIcon,
-  Q as WoxInput,
-  at as WoxLayerItem,
-  st as WoxMenu,
-  it as WoxMenuItem,
-  xt as WoxMenubar,
-  gt as WoxModal,
-  ht as WoxPanel,
-  rt as WoxSection,
-  Z as WoxSelect,
-  K as WoxSeparator,
-  tt as WoxSlider,
-  ut as WoxStatusbar,
-  dt as WoxTab,
-  lt as WoxTabs,
+  j as WoxBadge,
+  Y as WoxButton,
+  U as WoxColorPicker,
+  K as WoxColorSwatch,
+  O as WoxContextMenu,
+  vt as WoxDatagrid,
+  pt as WoxDatePicker,
+  w as WoxElement,
+  mt as WoxGradientEditor,
+  ct as WoxGradientSelector,
+  H as WoxIcon,
+  X as WoxInput,
+  tt as WoxLayerItem,
+  Z as WoxMenu,
+  Q as WoxMenuItem,
+  rt as WoxMenubar,
+  lt as WoxModal,
+  at as WoxPanel,
+  et as WoxSection,
+  q as WoxSelect,
+  G as WoxSeparator,
+  J as WoxSlider,
+  dt as WoxStatusbar,
+  nt as WoxTab,
+  ot as WoxTabs,
   L as WoxTheme,
-  Dt as WoxThemeToggle,
+  ft as WoxThemeToggle,
   z as WoxToast,
-  pt as WoxToolbar,
-  ct as WoxToolbarGroup,
-  nt as WoxTooltip,
-  W as cssToGradient,
+  st as WoxToolbar,
+  it as WoxToolbarGroup,
+  V as WoxTooltip,
+  gt as cssToGradient,
   C as gradientToCSS
 };

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "wox-gui",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "WOX — Web Component UI library",
   "type": "module",
   "main": "./dist/wox-gui.js",
   "module": "./dist/wox-gui.js",
   "sideEffects": [
-    "./dist/register.js"
+    "./dist/register.js",
+    "./dist/wox-gui.cdn.js"
   ],
   "exports": {
     ".": "./dist/wox-gui.js",