@vasakgroup/vue-libvasak 0.2.2 → 0.3.0

package/dist/vue-libvasak.es.js

@@ -1,2087 +1,288 @@
-import { createElementBlock as s, openBlock as r, renderSlot as k, defineComponent as m, createElementVNode as u, ref as x, onMounted as q, toDisplayString as g, unref as W, Fragment as F, createVNode as Z, normalizeClass as d, createCommentVNode as w, renderList as Q, withModifiers as Y, computed as T } from "vue";
-const D = (t, e) => {
-  const i = t.__vccOpts || t;
-  for (const [a, l] of e)
-    i[a] = l;
-  return i;
-}, K = {}, X = { class: "sidebar" };
-function ee(t, e) {
-  return r(), s("div", X, [
-    k(t.$slots, "default")
-  ]);
-}
-const te = /* @__PURE__ */ D(K, [["render", ee]]), ie = {
-  href: "#",
-  class: "sidebar-button"
-}, ne = ["src", "alt"], ae = /* @__PURE__ */ m({
-  __name: "SideButton",
+import { defineComponent as h, ref as x, watch as L, createElementBlock as l, openBlock as a, createCommentVNode as u, createElementVNode as i, toDisplayString as m, normalizeClass as b, renderSlot as y, toRef as D, onMounted as T, onUnmounted as E, computed as w, onBeforeUnmount as O, Fragment as $, renderList as I, createBlock as A, withCtx as P, unref as z, createVNode as W, withModifiers as G } from "vue";
+import { getIconSource as C } from "@vasakgroup/plugin-vicons";
+import { listen as N } from "@tauri-apps/api/event";
+import { getCurrentWindow as R } from "@tauri-apps/api/window";
+const U = { class: "flex flex-col gap-2" }, q = ["aria-expanded"], H = {
+  key: 1,
+  class: "flex flex-col gap-1"
+}, V = /* @__PURE__ */ h({
+  __name: "SideGroup",
   props: {
-    title: {
-      type: String,
-      default: "Link"
-    },
-    image: {
-      type: String,
-      default: ""
-    }
+    title: {},
+    collapsed: { type: Boolean, default: !1 },
+    defaultOpen: { type: Boolean, default: !0 }
   },
-  setup(t) {
-    return (e, i) => (r(), s("a", ie, [
-      u("img", {
-        src: t.image,
-        alt: t.title,
-        class: "img-fluid"
-      }, null, 8, ne)
-    ]));
-  }
-});
-function le(t, e, i, a) {
-  if (typeof e == "function" ? t !== e || !a : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return i === "m" ? a : i === "a" ? a.call(t) : a ? a.value : e.get(t);
-}
-function se(t, e, i, a, l) {
-  if (typeof e == "function" ? t !== e || !0 : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return e.set(t, i), i;
-}
-var I;
-const y = "__TAURI_TO_IPC_KEY__";
-function re(t, e = !1) {
-  return window.__TAURI_INTERNALS__.transformCallback(t, e);
-}
-async function n(t, e = {}, i) {
-  return window.__TAURI_INTERNALS__.invoke(t, e, i);
-}
-class oe {
-  get rid() {
-    return le(this, I, "f");
-  }
-  constructor(e) {
-    I.set(this, void 0), se(this, I, e);
-  }
-  /**
-   * Destroys and cleans up this resource from memory.
-   * **You should not call any method on this object anymore and should drop any reference to it.**
-   */
-  async close() {
-    return n("plugin:resources|close", {
-      rid: this.rid
-    });
-  }
-}
-I = /* @__PURE__ */ new WeakMap();
-class V {
-  constructor(...e) {
-    this.type = "Logical", e.length === 1 ? "Logical" in e[0] ? (this.width = e[0].Logical.width, this.height = e[0].Logical.height) : (this.width = e[0].width, this.height = e[0].height) : (this.width = e[0], this.height = e[1]);
-  }
-  /**
-   * Converts the logical size to a physical one.
-   * @example
-   * ```typescript
-   * import { LogicalSize } from '@tauri-apps/api/dpi';
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   *
-   * const appWindow = getCurrentWindow();
-   * const factor = await appWindow.scaleFactor();
-   * const size = new LogicalSize(400, 500);
-   * const physical = size.toPhysical(factor);
-   * ```
-   *
-   * @since 2.0.0
-   */
-  toPhysical(e) {
-    return new C(this.width * e, this.height * e);
-  }
-  [y]() {
-    return {
-      width: this.width,
-      height: this.height
-    };
-  }
-  toJSON() {
-    return this[y]();
-  }
-}
-class C {
-  constructor(...e) {
-    this.type = "Physical", e.length === 1 ? "Physical" in e[0] ? (this.width = e[0].Physical.width, this.height = e[0].Physical.height) : (this.width = e[0].width, this.height = e[0].height) : (this.width = e[0], this.height = e[1]);
-  }
-  /**
-   * Converts the physical size to a logical one.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const appWindow = getCurrentWindow();
-   * const factor = await appWindow.scaleFactor();
-   * const size = await appWindow.innerSize(); // PhysicalSize
-   * const logical = size.toLogical(factor);
-   * ```
-   */
-  toLogical(e) {
-    return new V(this.width / e, this.height / e);
-  }
-  [y]() {
-    return {
-      width: this.width,
-      height: this.height
-    };
-  }
-  toJSON() {
-    return this[y]();
-  }
-}
-class _ {
-  constructor(e) {
-    this.size = e;
-  }
-  toLogical(e) {
-    return this.size instanceof V ? this.size : this.size.toLogical(e);
-  }
-  toPhysical(e) {
-    return this.size instanceof C ? this.size : this.size.toPhysical(e);
-  }
-  [y]() {
-    return {
-      [`${this.size.type}`]: {
-        width: this.size.width,
-        height: this.size.height
+  setup(e) {
+    const s = e, t = x(s.defaultOpen);
+    return L(
+      () => s.collapsed,
+      (n) => {
+        n && (t.value = !0);
       }
-    };
-  }
-  toJSON() {
-    return this[y]();
-  }
-}
-class U {
-  constructor(...e) {
-    this.type = "Logical", e.length === 1 ? "Logical" in e[0] ? (this.x = e[0].Logical.x, this.y = e[0].Logical.y) : (this.x = e[0].x, this.y = e[0].y) : (this.x = e[0], this.y = e[1]);
-  }
-  /**
-   * Converts the logical position to a physical one.
-   * @example
-   * ```typescript
-   * import { LogicalPosition } from '@tauri-apps/api/dpi';
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   *
-   * const appWindow = getCurrentWindow();
-   * const factor = await appWindow.scaleFactor();
-   * const position = new LogicalPosition(400, 500);
-   * const physical = position.toPhysical(factor);
-   * ```
-   *
-   * @since 2.0.0
-   */
-  toPhysical(e) {
-    return new f(this.x * e, this.y * e);
-  }
-  [y]() {
-    return {
-      x: this.x,
-      y: this.y
-    };
-  }
-  toJSON() {
-    return this[y]();
-  }
-}
-class f {
-  constructor(...e) {
-    this.type = "Physical", e.length === 1 ? "Physical" in e[0] ? (this.x = e[0].Physical.x, this.y = e[0].Physical.y) : (this.x = e[0].x, this.y = e[0].y) : (this.x = e[0], this.y = e[1]);
-  }
-  /**
-   * Converts the physical position to a logical one.
-   * @example
-   * ```typescript
-   * import { PhysicalPosition } from '@tauri-apps/api/dpi';
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   *
-   * const appWindow = getCurrentWindow();
-   * const factor = await appWindow.scaleFactor();
-   * const position = new PhysicalPosition(400, 500);
-   * const physical = position.toLogical(factor);
-   * ```
-   *
-   * @since 2.0.0
-   */
-  toLogical(e) {
-    return new U(this.x / e, this.y / e);
-  }
-  [y]() {
-    return {
-      x: this.x,
-      y: this.y
-    };
-  }
-  toJSON() {
-    return this[y]();
-  }
-}
-class z {
-  constructor(e) {
-    this.position = e;
-  }
-  toLogical(e) {
-    return this.position instanceof U ? this.position : this.position.toLogical(e);
-  }
-  toPhysical(e) {
-    return this.position instanceof f ? this.position : this.position.toPhysical(e);
+    ), (n, r) => (a(), l("section", U, [
+      e.collapsed ? u("", !0) : (a(), l("button", {
+        key: 0,
+        type: "button",
+        class: "group flex w-full items-center justify-between rounded-corner px-2 py-1 text-tx-muted text-xs uppercase tracking-[0.08em] hover:bg-ui-surface/60",
+        "aria-expanded": t.value,
+        onClick: r[0] || (r[0] = (c) => t.value = !t.value)
+      }, [
+        i("span", null, m(e.title), 1),
+        i("span", {
+          class: b(["text-[10px] transition-transform duration-200", t.value ? "rotate-180" : ""])
+        }, " v ", 2)
+      ], 8, q)),
+      t.value || e.collapsed ? (a(), l("div", H, [
+        y(n.$slots, "default")
+      ])) : u("", !0)
+    ]));
   }
-  [y]() {
-    return {
-      [`${this.position.type}`]: {
-        x: this.position.x,
-        y: this.position.y
+}), J = ["title", "aria-label", "disabled", "aria-current"], K = ["src"], Q = { key: 1 }, X = {
+  key: 0,
+  class: "min-w-0 flex-1 truncate font-medium"
+}, Y = {
+  key: 1,
+  class: "rounded-corner bg-ui-surface px-2 py-0.5 font-semibold text-tx-muted text-xs"
+}, M = /* @__PURE__ */ h({
+  __name: "SideButton",
+  props: {
+    label: {},
+    icon: { default: "" },
+    active: { type: Boolean, default: !1 },
+    collapsed: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    badge: { default: "" }
+  },
+  emits: ["click"],
+  setup(e) {
+    const s = e, t = x(""), n = D(s, "icon");
+    let r = null, c = !1, d = 0;
+    async function f() {
+      const o = ++d, g = n.value;
+      if (!g) {
+        t.value = "";
+        return;
       }
-    };
-  }
-  toJSON() {
-    return this[y]();
-  }
-}
-var b;
-(function(t) {
-  t.WINDOW_RESIZED = "tauri://resize", t.WINDOW_MOVED = "tauri://move", t.WINDOW_CLOSE_REQUESTED = "tauri://close-requested", t.WINDOW_DESTROYED = "tauri://destroyed", t.WINDOW_FOCUS = "tauri://focus", t.WINDOW_BLUR = "tauri://blur", t.WINDOW_SCALE_FACTOR_CHANGED = "tauri://scale-change", t.WINDOW_THEME_CHANGED = "tauri://theme-changed", t.WINDOW_CREATED = "tauri://window-created", t.WEBVIEW_CREATED = "tauri://webview-created", t.DRAG_ENTER = "tauri://drag-enter", t.DRAG_OVER = "tauri://drag-over", t.DRAG_DROP = "tauri://drag-drop", t.DRAG_LEAVE = "tauri://drag-leave";
-})(b || (b = {}));
-async function G(t, e) {
-  window.__TAURI_EVENT_PLUGIN_INTERNALS__.unregisterListener(t, e), await n("plugin:event|unlisten", {
-    event: t,
-    eventId: e
-  });
-}
-async function H(t, e, i) {
-  var a;
-  const l = typeof i?.target == "string" ? { kind: "AnyLabel", label: i.target } : (a = i?.target) !== null && a !== void 0 ? a : { kind: "Any" };
-  return n("plugin:event|listen", {
-    event: t,
-    target: l,
-    handler: re(e)
-  }).then((c) => async () => G(t, c));
-}
-async function ue(t, e, i) {
-  return H(t, (a) => {
-    G(t, a.id), e(a);
-  }, i);
-}
-async function ce(t, e) {
-  await n("plugin:event|emit", {
-    event: t,
-    payload: e
-  });
-}
-async function de(t, e, i) {
-  await n("plugin:event|emit_to", {
-    target: typeof t == "string" ? { kind: "AnyLabel", label: t } : t,
-    event: e,
-    payload: i
-  });
-}
-class S extends oe {
-  /**
-   * Creates an Image from a resource ID. For internal use only.
-   *
-   * @ignore
-   */
-  constructor(e) {
-    super(e);
-  }
-  /** Creates a new Image using RGBA data, in row-major order from top to bottom, and with specified width and height. */
-  static async new(e, i, a) {
-    return n("plugin:image|new", {
-      rgba: A(e),
-      width: i,
-      height: a
-    }).then((l) => new S(l));
-  }
-  /**
-   * Creates a new image using the provided bytes by inferring the file format.
-   * If the format is known, prefer [@link Image.fromPngBytes] or [@link Image.fromIcoBytes].
-   *
-   * Only `ico` and `png` are supported (based on activated feature flag).
-   *
-   * Note that you need the `image-ico` or `image-png` Cargo features to use this API.
-   * To enable it, change your Cargo.toml file:
-   * ```toml
-   * [dependencies]
-   * tauri = { version = "...", features = ["...", "image-png"] }
-   * ```
-   */
-  static async fromBytes(e) {
-    return n("plugin:image|from_bytes", {
-      bytes: A(e)
-    }).then((i) => new S(i));
-  }
-  /**
-   * Creates a new image using the provided path.
-   *
-   * Only `ico` and `png` are supported (based on activated feature flag).
-   *
-   * Note that you need the `image-ico` or `image-png` Cargo features to use this API.
-   * To enable it, change your Cargo.toml file:
-   * ```toml
-   * [dependencies]
-   * tauri = { version = "...", features = ["...", "image-png"] }
-   * ```
-   */
-  static async fromPath(e) {
-    return n("plugin:image|from_path", { path: e }).then((i) => new S(i));
-  }
-  /** Returns the RGBA data for this image, in row-major order from top to bottom.  */
-  async rgba() {
-    return n("plugin:image|rgba", {
-      rid: this.rid
-    }).then((e) => new Uint8Array(e));
-  }
-  /** Returns the size of this image.  */
-  async size() {
-    return n("plugin:image|size", { rid: this.rid });
-  }
-}
-function A(t) {
-  return t == null ? null : typeof t == "string" ? t : t instanceof S ? t.rid : t;
-}
-var B;
-(function(t) {
-  t[t.Critical = 1] = "Critical", t[t.Informational = 2] = "Informational";
-})(B || (B = {}));
-class he {
-  constructor(e) {
-    this._preventDefault = !1, this.event = e.event, this.id = e.id;
-  }
-  preventDefault() {
-    this._preventDefault = !0;
-  }
-  isPreventDefault() {
-    return this._preventDefault;
-  }
-}
-var R;
-(function(t) {
-  t.None = "none", t.Normal = "normal", t.Indeterminate = "indeterminate", t.Paused = "paused", t.Error = "error";
-})(R || (R = {}));
-function j() {
-  return new J(window.__TAURI_INTERNALS__.metadata.currentWindow.label, {
-    // @ts-expect-error `skip` is not defined in the public API but it is handled by the constructor
-    skip: !0
-  });
-}
-async function $() {
-  return n("plugin:window|get_all_windows").then((t) => t.map((e) => new J(e, {
-    // @ts-expect-error `skip` is not defined in the public API but it is handled by the constructor
-    skip: !0
-  })));
-}
-const O = ["tauri://created", "tauri://error"];
-class J {
-  /**
-   * Creates a new Window.
-   * @example
-   * ```typescript
-   * import { Window } from '@tauri-apps/api/window';
-   * const appWindow = new Window('my-label');
-   * appWindow.once('tauri://created', function () {
-   *  // window successfully created
-   * });
-   * appWindow.once('tauri://error', function (e) {
-   *  // an error happened creating the window
-   * });
-   * ```
-   *
-   * @param label The unique window label. Must be alphanumeric: `a-zA-Z-/:_`.
-   * @returns The {@link Window} instance to communicate with the window.
-   */
-  constructor(e, i = {}) {
-    var a;
-    this.label = e, this.listeners = /* @__PURE__ */ Object.create(null), i?.skip || n("plugin:window|create", {
-      options: {
-        ...i,
-        parent: typeof i.parent == "string" ? i.parent : (a = i.parent) === null || a === void 0 ? void 0 : a.label,
-        label: e
+      const p = await C(g);
+      o === d && (t.value = p);
+    }
+    return T(async () => {
+      const o = await N("vicons:theme-changed", f);
+      if (c) {
+        o();
+        return;
       }
-    }).then(async () => this.emit("tauri://created")).catch(async (l) => this.emit("tauri://error", l));
-  }
-  /**
-   * Gets the Window associated with the given label.
-   * @example
-   * ```typescript
-   * import { Window } from '@tauri-apps/api/window';
-   * const mainWindow = Window.getByLabel('main');
-   * ```
-   *
-   * @param label The window label.
-   * @returns The Window instance to communicate with the window or null if the window doesn't exist.
-   */
-  static async getByLabel(e) {
-    var i;
-    return (i = (await $()).find((a) => a.label === e)) !== null && i !== void 0 ? i : null;
-  }
-  /**
-   * Get an instance of `Window` for the current window.
-   */
-  static getCurrent() {
-    return j();
-  }
-  /**
-   * Gets a list of instances of `Window` for all available windows.
-   */
-  static async getAll() {
-    return $();
-  }
-  /**
-   *  Gets the focused window.
-   * @example
-   * ```typescript
-   * import { Window } from '@tauri-apps/api/window';
-   * const focusedWindow = Window.getFocusedWindow();
-   * ```
-   *
-   * @returns The Window instance or `undefined` if there is not any focused window.
-   */
-  static async getFocusedWindow() {
-    for (const e of await $())
-      if (await e.isFocused())
-        return e;
-    return null;
-  }
-  /**
-   * Listen to an emitted event on this window.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const unlisten = await getCurrentWindow().listen<string>('state-changed', (event) => {
-   *   console.log(`Got error: ${payload}`);
-   * });
-   *
-   * // you need to call unlisten if your handler goes out of scope e.g. the component is unmounted
-   * unlisten();
-   * ```
-   *
-   * @param event Event name. Must include only alphanumeric characters, `-`, `/`, `:` and `_`.
-   * @param handler Event handler.
-   * @returns A promise resolving to a function to unlisten to the event.
-   * Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
-   */
-  async listen(e, i) {
-    return this._handleTauriEvent(e, i) ? () => {
-      const a = this.listeners[e];
-      a.splice(a.indexOf(i), 1);
-    } : H(e, i, {
-      target: { kind: "Window", label: this.label }
-    });
-  }
-  /**
-   * Listen to an emitted event on this window only once.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const unlisten = await getCurrentWindow().once<null>('initialized', (event) => {
-   *   console.log(`Window initialized!`);
-   * });
-   *
-   * // you need to call unlisten if your handler goes out of scope e.g. the component is unmounted
-   * unlisten();
-   * ```
-   *
-   * @param event Event name. Must include only alphanumeric characters, `-`, `/`, `:` and `_`.
-   * @param handler Event handler.
-   * @returns A promise resolving to a function to unlisten to the event.
-   * Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
-   */
-  async once(e, i) {
-    return this._handleTauriEvent(e, i) ? () => {
-      const a = this.listeners[e];
-      a.splice(a.indexOf(i), 1);
-    } : ue(e, i, {
-      target: { kind: "Window", label: this.label }
-    });
-  }
-  /**
-   * Emits an event to all {@link EventTarget|targets}.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().emit('window-loaded', { loggedIn: true, token: 'authToken' });
-   * ```
-   *
-   * @param event Event name. Must include only alphanumeric characters, `-`, `/`, `:` and `_`.
-   * @param payload Event payload.
-   */
-  async emit(e, i) {
-    if (O.includes(e)) {
-      for (const a of this.listeners[e] || [])
-        a({
-          event: e,
-          id: -1,
-          payload: i
-        });
-      return;
+      r = o, await f();
+    }), E(() => {
+      c = !0, r?.();
+    }), L(n, f), (o, g) => (a(), l("button", {
+      type: "button",
+      title: e.collapsed ? e.label : void 0,
+      "aria-label": e.collapsed ? e.label : void 0,
+      disabled: e.disabled,
+      "aria-current": e.active ? "page" : void 0,
+      class: b(["group relative flex w-full items-center gap-3 rounded-corner border px-3 py-2 text-left text-sm transition-all duration-200", [
+        e.active ? "border-secondary bg-primary/15 text-tx-main shadow-sm" : "border-transparent bg-ui-bg/30 hover:border-ui-border hover:bg-ui-surface/70",
+        e.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer",
+        e.collapsed ? "justify-center px-2" : ""
+      ]]),
+      onClick: g[0] || (g[0] = (p) => o.$emit("click"))
+    }, [
+      i("span", {
+        class: b(["flex h-8 w-8 shrink-0 items-center justify-center rounded-corner font-semibold text-xs uppercase tracking-wide", e.active ? "border-secondary bg-primary/20" : ""]),
+        "aria-hidden": "true"
+      }, [
+        t.value ? (a(), l("img", {
+          key: 0,
+          src: t.value,
+          alt: "",
+          class: "h-8 w-8 object-contain"
+        }, null, 8, K)) : (a(), l("span", Q, m(e.label.charAt(0).toUpperCase()), 1))
+      ], 2),
+      e.collapsed ? u("", !0) : (a(), l("span", X, m(e.label), 1)),
+      !e.collapsed && e.badge !== "" ? (a(), l("span", Y, m(e.badge), 1)) : u("", !0)
+    ], 10, J));
+  }
+}), Z = {
+  key: 0,
+  class: "flex flex-col gap-2 border-ui-border border-b p-2"
+}, _ = { class: "flex items-center gap-2" }, ee = ["aria-label", "aria-expanded"], te = {
+  key: 0,
+  class: "min-w-0 flex-1"
+}, ae = {
+  key: 0,
+  class: "truncate font-semibold text-sm"
+}, le = {
+  key: 1,
+  class: "truncate text-tx-muted text-xs"
+}, ne = { key: 0 }, oe = {
+  key: 1,
+  class: "flex justify-center border-ui-border border-b p-2"
+}, se = ["aria-label", "aria-expanded"], ie = { class: "flex-1 space-y-3 overflow-y-auto p-2" }, re = /* @__PURE__ */ h({
+  __name: "SideBar",
+  props: {
+    title: { default: "" },
+    subtitle: { default: "" },
+    categories: { default: () => [] },
+    modelValue: { default: "" },
+    collapsed: { type: Boolean, default: void 0 },
+    collapseLabel: { default: "Collapse" },
+    expandLabel: { default: "Expand" }
+  },
+  emits: ["update:modelValue", "update:collapsed", "change"],
+  setup(e, { expose: s, emit: t }) {
+    const n = e, r = t, c = x(n.collapsed ?? !1), d = x(!1);
+    let f = null;
+    const o = w(() => d.value || c.value), g = w(() => !!(n.title || n.subtitle));
+    w(() => n.categories.length > 0);
+    function p() {
+      d.value = f?.matches ?? !1;
     }
-    return ce(e, i);
-  }
-  /**
-   * Emits an event to all {@link EventTarget|targets} matching the given target.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().emit('main', 'window-loaded', { loggedIn: true, token: 'authToken' });
-   * ```
-   * @param target Label of the target Window/Webview/WebviewWindow or raw {@link EventTarget} object.
-   * @param event Event name. Must include only alphanumeric characters, `-`, `/`, `:` and `_`.
-   * @param payload Event payload.
-   */
-  async emitTo(e, i, a) {
-    if (O.includes(i)) {
-      for (const l of this.listeners[i] || [])
-        l({
-          event: i,
-          id: -1,
-          payload: a
-        });
-      return;
+    function j() {
+      c.value = !c.value, r("update:collapsed", c.value);
     }
-    return de(e, i, a);
-  }
-  /** @ignore */
-  _handleTauriEvent(e, i) {
-    return O.includes(e) ? (e in this.listeners ? this.listeners[e].push(i) : this.listeners[e] = [i], !0) : !1;
-  }
-  // Getters
-  /**
-   * The scale factor that can be used to map physical pixels to logical pixels.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const factor = await getCurrentWindow().scaleFactor();
-   * ```
-   *
-   * @returns The window's monitor scale factor.
-   */
-  async scaleFactor() {
-    return n("plugin:window|scale_factor", {
-      label: this.label
-    });
-  }
-  /**
-   * The position of the top-left hand corner of the window's client area relative to the top-left hand corner of the desktop.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const position = await getCurrentWindow().innerPosition();
-   * ```
-   *
-   * @returns The window's inner position.
-   */
-  async innerPosition() {
-    return n("plugin:window|inner_position", {
-      label: this.label
-    }).then((e) => new f(e));
-  }
-  /**
-   * The position of the top-left hand corner of the window relative to the top-left hand corner of the desktop.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const position = await getCurrentWindow().outerPosition();
-   * ```
-   *
-   * @returns The window's outer position.
-   */
-  async outerPosition() {
-    return n("plugin:window|outer_position", {
-      label: this.label
-    }).then((e) => new f(e));
-  }
-  /**
-   * The physical size of the window's client area.
-   * The client area is the content of the window, excluding the title bar and borders.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const size = await getCurrentWindow().innerSize();
-   * ```
-   *
-   * @returns The window's inner size.
-   */
-  async innerSize() {
-    return n("plugin:window|inner_size", {
-      label: this.label
-    }).then((e) => new C(e));
-  }
-  /**
-   * The physical size of the entire window.
-   * These dimensions include the title bar and borders. If you don't want that (and you usually don't), use inner_size instead.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const size = await getCurrentWindow().outerSize();
-   * ```
-   *
-   * @returns The window's outer size.
-   */
-  async outerSize() {
-    return n("plugin:window|outer_size", {
-      label: this.label
-    }).then((e) => new C(e));
-  }
-  /**
-   * Gets the window's current fullscreen state.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const fullscreen = await getCurrentWindow().isFullscreen();
-   * ```
-   *
-   * @returns Whether the window is in fullscreen mode or not.
-   */
-  async isFullscreen() {
-    return n("plugin:window|is_fullscreen", {
-      label: this.label
-    });
-  }
-  /**
-   * Gets the window's current minimized state.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const minimized = await getCurrentWindow().isMinimized();
-   * ```
-   */
-  async isMinimized() {
-    return n("plugin:window|is_minimized", {
-      label: this.label
-    });
-  }
-  /**
-   * Gets the window's current maximized state.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const maximized = await getCurrentWindow().isMaximized();
-   * ```
-   *
-   * @returns Whether the window is maximized or not.
-   */
-  async isMaximized() {
-    return n("plugin:window|is_maximized", {
-      label: this.label
-    });
-  }
-  /**
-   * Gets the window's current focus state.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const focused = await getCurrentWindow().isFocused();
-   * ```
-   *
-   * @returns Whether the window is focused or not.
-   */
-  async isFocused() {
-    return n("plugin:window|is_focused", {
-      label: this.label
-    });
-  }
-  /**
-   * Gets the window's current decorated state.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const decorated = await getCurrentWindow().isDecorated();
-   * ```
-   *
-   * @returns Whether the window is decorated or not.
-   */
-  async isDecorated() {
-    return n("plugin:window|is_decorated", {
-      label: this.label
-    });
-  }
-  /**
-   * Gets the window's current resizable state.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const resizable = await getCurrentWindow().isResizable();
-   * ```
-   *
-   * @returns Whether the window is resizable or not.
-   */
-  async isResizable() {
-    return n("plugin:window|is_resizable", {
-      label: this.label
-    });
-  }
-  /**
-   * Gets the window's native maximize button state.
-   *
-   * #### Platform-specific
-   *
-   * - **Linux / iOS / Android:** Unsupported.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const maximizable = await getCurrentWindow().isMaximizable();
-   * ```
-   *
-   * @returns Whether the window's native maximize button is enabled or not.
-   */
-  async isMaximizable() {
-    return n("plugin:window|is_maximizable", {
-      label: this.label
-    });
-  }
-  /**
-   * Gets the window's native minimize button state.
-   *
-   * #### Platform-specific
-   *
-   * - **Linux / iOS / Android:** Unsupported.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const minimizable = await getCurrentWindow().isMinimizable();
-   * ```
-   *
-   * @returns Whether the window's native minimize button is enabled or not.
-   */
-  async isMinimizable() {
-    return n("plugin:window|is_minimizable", {
-      label: this.label
-    });
-  }
-  /**
-   * Gets the window's native close button state.
-   *
-   * #### Platform-specific
-   *
-   * - **iOS / Android:** Unsupported.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const closable = await getCurrentWindow().isClosable();
-   * ```
-   *
-   * @returns Whether the window's native close button is enabled or not.
-   */
-  async isClosable() {
-    return n("plugin:window|is_closable", {
-      label: this.label
-    });
-  }
-  /**
-   * Gets the window's current visible state.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const visible = await getCurrentWindow().isVisible();
-   * ```
-   *
-   * @returns Whether the window is visible or not.
-   */
-  async isVisible() {
-    return n("plugin:window|is_visible", {
-      label: this.label
-    });
-  }
-  /**
-   * Gets the window's current title.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const title = await getCurrentWindow().title();
-   * ```
-   */
-  async title() {
-    return n("plugin:window|title", {
-      label: this.label
-    });
-  }
-  /**
-   * Gets the window's current theme.
-   *
-   * #### Platform-specific
-   *
-   * - **macOS:** Theme was introduced on macOS 10.14. Returns `light` on macOS 10.13 and below.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const theme = await getCurrentWindow().theme();
-   * ```
-   *
-   * @returns The window theme.
-   */
-  async theme() {
-    return n("plugin:window|theme", {
-      label: this.label
-    });
-  }
-  /**
-   * Whether the window is configured to be always on top of other windows or not.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * const alwaysOnTop = await getCurrentWindow().isAlwaysOnTop();
-   * ```
-   *
-   * @returns Whether the window is visible or not.
-   */
-  async isAlwaysOnTop() {
-    return n("plugin:window|is_always_on_top", {
-      label: this.label
-    });
-  }
-  // Setters
-  /**
-   * Centers the window.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().center();
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async center() {
-    return n("plugin:window|center", {
-      label: this.label
-    });
-  }
-  /**
-   *  Requests user attention to the window, this has no effect if the application
-   * is already focused. How requesting for user attention manifests is platform dependent,
-   * see `UserAttentionType` for details.
-   *
-   * Providing `null` will unset the request for user attention. Unsetting the request for
-   * user attention might not be done automatically by the WM when the window receives input.
-   *
-   * #### Platform-specific
-   *
-   * - **macOS:** `null` has no effect.
-   * - **Linux:** Urgency levels have the same effect.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().requestUserAttention();
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async requestUserAttention(e) {
-    let i = null;
-    return e && (e === B.Critical ? i = { type: "Critical" } : i = { type: "Informational" }), n("plugin:window|request_user_attention", {
-      label: this.label,
-      value: i
-    });
-  }
-  /**
-   * Updates the window resizable flag.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setResizable(false);
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setResizable(e) {
-    return n("plugin:window|set_resizable", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Enable or disable the window.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setEnabled(false);
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   *
-   * @since 2.0.0
-   */
-  async setEnabled(e) {
-    return n("plugin:window|set_enabled", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Whether the window is enabled or disabled.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setEnabled(false);
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   *
-   * @since 2.0.0
-   */
-  async isEnabled() {
-    return n("plugin:window|is_enabled", {
-      label: this.label
-    });
-  }
-  /**
-   * Sets whether the window's native maximize button is enabled or not.
-   * If resizable is set to false, this setting is ignored.
-   *
-   * #### Platform-specific
-   *
-   * - **macOS:** Disables the "zoom" button in the window titlebar, which is also used to enter fullscreen mode.
-   * - **Linux / iOS / Android:** Unsupported.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setMaximizable(false);
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setMaximizable(e) {
-    return n("plugin:window|set_maximizable", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Sets whether the window's native minimize button is enabled or not.
-   *
-   * #### Platform-specific
-   *
-   * - **Linux / iOS / Android:** Unsupported.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setMinimizable(false);
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setMinimizable(e) {
-    return n("plugin:window|set_minimizable", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Sets whether the window's native close button is enabled or not.
-   *
-   * #### Platform-specific
-   *
-   * - **Linux:** GTK+ will do its best to convince the window manager not to show a close button. Depending on the system, this function may not have any effect when called on a window that is already visible
-   * - **iOS / Android:** Unsupported.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setClosable(false);
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setClosable(e) {
-    return n("plugin:window|set_closable", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Sets the window title.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setTitle('Tauri');
-   * ```
-   *
-   * @param title The new title
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setTitle(e) {
-    return n("plugin:window|set_title", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Maximizes the window.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().maximize();
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async maximize() {
-    return n("plugin:window|maximize", {
-      label: this.label
-    });
-  }
-  /**
-   * Unmaximizes the window.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().unmaximize();
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async unmaximize() {
-    return n("plugin:window|unmaximize", {
-      label: this.label
-    });
-  }
-  /**
-   * Toggles the window maximized state.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().toggleMaximize();
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async toggleMaximize() {
-    return n("plugin:window|toggle_maximize", {
-      label: this.label
-    });
-  }
-  /**
-   * Minimizes the window.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().minimize();
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async minimize() {
-    return n("plugin:window|minimize", {
-      label: this.label
-    });
-  }
-  /**
-   * Unminimizes the window.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().unminimize();
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async unminimize() {
-    return n("plugin:window|unminimize", {
-      label: this.label
-    });
-  }
-  /**
-   * Sets the window visibility to true.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().show();
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async show() {
-    return n("plugin:window|show", {
-      label: this.label
-    });
-  }
-  /**
-   * Sets the window visibility to false.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().hide();
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async hide() {
-    return n("plugin:window|hide", {
-      label: this.label
-    });
-  }
-  /**
-   * Closes the window.
-   *
-   * Note this emits a closeRequested event so you can intercept it. To force window close, use {@link Window.destroy}.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().close();
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async close() {
-    return n("plugin:window|close", {
-      label: this.label
-    });
-  }
-  /**
-   * Destroys the window. Behaves like {@link Window.close} but forces the window close instead of emitting a closeRequested event.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().destroy();
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async destroy() {
-    return n("plugin:window|destroy", {
-      label: this.label
-    });
-  }
-  /**
-   * Whether the window should have borders and bars.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setDecorations(false);
-   * ```
-   *
-   * @param decorations Whether the window should have borders and bars.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setDecorations(e) {
-    return n("plugin:window|set_decorations", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Whether or not the window should have shadow.
-   *
-   * #### Platform-specific
-   *
-   * - **Windows:**
-   *   - `false` has no effect on decorated window, shadows are always ON.
-   *   - `true` will make undecorated window have a 1px white border,
-   * and on Windows 11, it will have a rounded corners.
-   * - **Linux:** Unsupported.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setShadow(false);
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setShadow(e) {
-    return n("plugin:window|set_shadow", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Set window effects.
-   */
-  async setEffects(e) {
-    return n("plugin:window|set_effects", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Clear any applied effects if possible.
-   */
-  async clearEffects() {
-    return n("plugin:window|set_effects", {
-      label: this.label,
-      value: null
-    });
-  }
-  /**
-   * Whether the window should always be on top of other windows.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setAlwaysOnTop(true);
-   * ```
-   *
-   * @param alwaysOnTop Whether the window should always be on top of other windows or not.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setAlwaysOnTop(e) {
-    return n("plugin:window|set_always_on_top", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Whether the window should always be below other windows.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setAlwaysOnBottom(true);
-   * ```
-   *
-   * @param alwaysOnBottom Whether the window should always be below other windows or not.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setAlwaysOnBottom(e) {
-    return n("plugin:window|set_always_on_bottom", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Prevents the window contents from being captured by other apps.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setContentProtected(true);
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setContentProtected(e) {
-    return n("plugin:window|set_content_protected", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Resizes the window with a new inner size.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow, LogicalSize } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setSize(new LogicalSize(600, 500));
-   * ```
-   *
-   * @param size The logical or physical inner size.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setSize(e) {
-    return n("plugin:window|set_size", {
-      label: this.label,
-      value: e instanceof _ ? e : new _(e)
-    });
-  }
-  /**
-   * Sets the window minimum inner size. If the `size` argument is not provided, the constraint is unset.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow, PhysicalSize } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setMinSize(new PhysicalSize(600, 500));
-   * ```
-   *
-   * @param size The logical or physical inner size, or `null` to unset the constraint.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setMinSize(e) {
-    return n("plugin:window|set_min_size", {
-      label: this.label,
-      value: e instanceof _ ? e : e ? new _(e) : null
-    });
-  }
-  /**
-   * Sets the window maximum inner size. If the `size` argument is undefined, the constraint is unset.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow, LogicalSize } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setMaxSize(new LogicalSize(600, 500));
-   * ```
-   *
-   * @param size The logical or physical inner size, or `null` to unset the constraint.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setMaxSize(e) {
-    return n("plugin:window|set_max_size", {
-      label: this.label,
-      value: e instanceof _ ? e : e ? new _(e) : null
-    });
-  }
-  /**
-   * Sets the window inner size constraints.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setSizeConstraints({ minWidth: 300 });
-   * ```
-   *
-   * @param constraints The logical or physical inner size, or `null` to unset the constraint.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setSizeConstraints(e) {
-    function i(a) {
-      return a ? { Logical: a } : null;
+    function F(v) {
+      r("update:modelValue", v), r("change", v);
     }
-    return n("plugin:window|set_size_constraints", {
-      label: this.label,
-      value: {
-        minWidth: i(e?.minWidth),
-        minHeight: i(e?.minHeight),
-        maxWidth: i(e?.maxWidth),
-        maxHeight: i(e?.maxHeight)
+    return L(
+      () => n.collapsed,
+      (v) => {
+        v !== void 0 && (c.value = v);
       }
-    });
-  }
-  /**
-   * Sets the window outer position.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow, LogicalPosition } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setPosition(new LogicalPosition(600, 500));
-   * ```
-   *
-   * @param position The new position, in logical or physical pixels.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setPosition(e) {
-    return n("plugin:window|set_position", {
-      label: this.label,
-      value: e instanceof z ? e : new z(e)
-    });
-  }
-  /**
-   * Sets the window fullscreen state.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setFullscreen(true);
-   * ```
-   *
-   * @param fullscreen Whether the window should go to fullscreen or not.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setFullscreen(e) {
-    return n("plugin:window|set_fullscreen", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * On macOS, Toggles a fullscreen mode that doesn’t require a new macOS space. Returns a boolean indicating whether the transition was successful (this won’t work if the window was already in the native fullscreen).
-   * This is how fullscreen used to work on macOS in versions before Lion. And allows the user to have a fullscreen window without using another space or taking control over the entire monitor.
-   *
-   * On other platforms, this is the same as {@link Window.setFullscreen}.
-   *
-   * @param fullscreen Whether the window should go to simple fullscreen or not.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setSimpleFullscreen(e) {
-    return n("plugin:window|set_simple_fullscreen", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Bring the window to front and focus.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setFocus();
-   * ```
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setFocus() {
-    return n("plugin:window|set_focus", {
-      label: this.label
-    });
-  }
-  /**
-   * Sets whether the window can be focused.
-   *
-   * #### Platform-specific
-   *
-   * - **macOS**: If the window is already focused, it is not possible to unfocus it after calling `set_focusable(false)`.
-   *   In this case, you might consider calling {@link Window.setFocus} but it will move the window to the back i.e. at the bottom in terms of z-order.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setFocusable(true);
-   * ```
-   *
-   * @param focusable Whether the window can be focused.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setFocusable(e) {
-    return n("plugin:window|set_focusable", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Sets the window icon.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setIcon('/tauri/awesome.png');
-   * ```
-   *
-   * Note that you may need the `image-ico` or `image-png` Cargo features to use this API.
-   * To enable it, change your Cargo.toml file:
-   * ```toml
-   * [dependencies]
-   * tauri = { version = "...", features = ["...", "image-png"] }
-   * ```
-   *
-   * @param icon Icon bytes or path to the icon file.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setIcon(e) {
-    return n("plugin:window|set_icon", {
-      label: this.label,
-      value: A(e)
-    });
-  }
-  /**
-   * Whether the window icon should be hidden from the taskbar or not.
-   *
-   * #### Platform-specific
-   *
-   * - **macOS:** Unsupported.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setSkipTaskbar(true);
-   * ```
-   *
-   * @param skip true to hide window icon, false to show it.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setSkipTaskbar(e) {
-    return n("plugin:window|set_skip_taskbar", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Grabs the cursor, preventing it from leaving the window.
-   *
-   * There's no guarantee that the cursor will be hidden. You should
-   * hide it by yourself if you want so.
-   *
-   * #### Platform-specific
-   *
-   * - **Linux:** Unsupported.
-   * - **macOS:** This locks the cursor in a fixed location, which looks visually awkward.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setCursorGrab(true);
-   * ```
-   *
-   * @param grab `true` to grab the cursor icon, `false` to release it.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setCursorGrab(e) {
-    return n("plugin:window|set_cursor_grab", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Modifies the cursor's visibility.
-   *
-   * #### Platform-specific
-   *
-   * - **Windows:** The cursor is only hidden within the confines of the window.
-   * - **macOS:** The cursor is hidden as long as the window has input focus, even if the cursor is
-   *   outside of the window.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setCursorVisible(false);
-   * ```
-   *
-   * @param visible If `false`, this will hide the cursor. If `true`, this will show the cursor.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setCursorVisible(e) {
-    return n("plugin:window|set_cursor_visible", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Modifies the cursor icon of the window.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setCursorIcon('help');
-   * ```
-   *
-   * @param icon The new cursor icon.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setCursorIcon(e) {
-    return n("plugin:window|set_cursor_icon", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Sets the window background color.
-   *
-   * #### Platform-specific:
-   *
-   * - **Windows:** alpha channel is ignored.
-   * - **iOS / Android:** Unsupported.
-   *
-   * @returns A promise indicating the success or failure of the operation.
-   *
-   * @since 2.1.0
-   */
-  async setBackgroundColor(e) {
-    return n("plugin:window|set_background_color", { color: e });
-  }
-  /**
-   * Changes the position of the cursor in window coordinates.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow, LogicalPosition } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setCursorPosition(new LogicalPosition(600, 300));
-   * ```
-   *
-   * @param position The new cursor position.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setCursorPosition(e) {
-    return n("plugin:window|set_cursor_position", {
-      label: this.label,
-      value: e instanceof z ? e : new z(e)
-    });
-  }
-  /**
-   * Changes the cursor events behavior.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setIgnoreCursorEvents(true);
-   * ```
-   *
-   * @param ignore `true` to ignore the cursor events; `false` to process them as usual.
-   * @returns A promise indicating the success or failure of the operation.
-   */
-  async setIgnoreCursorEvents(e) {
-    return n("plugin:window|set_ignore_cursor_events", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Starts dragging the window.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().startDragging();
-   * ```
-   *
-   * @return A promise indicating the success or failure of the operation.
-   */
-  async startDragging() {
-    return n("plugin:window|start_dragging", {
-      label: this.label
-    });
-  }
-  /**
-   * Starts resize-dragging the window.
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().startResizeDragging();
-   * ```
-   *
-   * @return A promise indicating the success or failure of the operation.
-   */
-  async startResizeDragging(e) {
-    return n("plugin:window|start_resize_dragging", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Sets the badge count. It is app wide and not specific to this window.
-   *
-   * #### Platform-specific
-   *
-   * - **Windows**: Unsupported. Use @{linkcode Window.setOverlayIcon} instead.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setBadgeCount(5);
-   * ```
-   *
-   * @param count The badge count. Use `undefined` to remove the badge.
-   * @return A promise indicating the success or failure of the operation.
-   */
-  async setBadgeCount(e) {
-    return n("plugin:window|set_badge_count", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Sets the badge cont **macOS only**.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setBadgeLabel("Hello");
-   * ```
-   *
-   * @param label The badge label. Use `undefined` to remove the badge.
-   * @return A promise indicating the success or failure of the operation.
-   */
-  async setBadgeLabel(e) {
-    return n("plugin:window|set_badge_label", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Sets the overlay icon. **Windows only**
-   * The overlay icon can be set for every window.
-   *
-   *
-   * Note that you may need the `image-ico` or `image-png` Cargo features to use this API.
-   * To enable it, change your Cargo.toml file:
-   *
-   * ```toml
-   * [dependencies]
-   * tauri = { version = "...", features = ["...", "image-png"] }
-   * ```
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setOverlayIcon("/tauri/awesome.png");
-   * ```
-   *
-   * @param icon Icon bytes or path to the icon file. Use `undefined` to remove the overlay icon.
-   * @return A promise indicating the success or failure of the operation.
-   */
-  async setOverlayIcon(e) {
-    return n("plugin:window|set_overlay_icon", {
-      label: this.label,
-      value: e ? A(e) : void 0
-    });
-  }
-  /**
-   * Sets the taskbar progress state.
-   *
-   * #### Platform-specific
-   *
-   * - **Linux / macOS**: Progress bar is app-wide and not specific to this window.
-   * - **Linux**: Only supported desktop environments with `libunity` (e.g. GNOME).
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow, ProgressBarStatus } from '@tauri-apps/api/window';
-   * await getCurrentWindow().setProgressBar({
-   *   status: ProgressBarStatus.Normal,
-   *   progress: 50,
-   * });
-   * ```
-   *
-   * @return A promise indicating the success or failure of the operation.
-   */
-  async setProgressBar(e) {
-    return n("plugin:window|set_progress_bar", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Sets whether the window should be visible on all workspaces or virtual desktops.
-   *
-   * #### Platform-specific
-   *
-   * - **Windows / iOS / Android:** Unsupported.
-   *
-   * @since 2.0.0
-   */
-  async setVisibleOnAllWorkspaces(e) {
-    return n("plugin:window|set_visible_on_all_workspaces", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Sets the title bar style. **macOS only**.
-   *
-   * @since 2.0.0
-   */
-  async setTitleBarStyle(e) {
-    return n("plugin:window|set_title_bar_style", {
-      label: this.label,
-      value: e
-    });
-  }
-  /**
-   * Set window theme, pass in `null` or `undefined` to follow system theme
-   *
-   * #### Platform-specific
-   *
-   * - **Linux / macOS**: Theme is app-wide and not specific to this window.
-   * - **iOS / Android:** Unsupported.
-   *
-   * @since 2.0.0
-   */
-  async setTheme(e) {
-    return n("plugin:window|set_theme", {
-      label: this.label,
-      value: e
-    });
-  }
-  // Listeners
-  /**
-   * Listen to window resize.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from "@tauri-apps/api/window";
-   * const unlisten = await getCurrentWindow().onResized(({ payload: size }) => {
-   *  console.log('Window resized', size);
-   * });
-   *
-   * // you need to call unlisten if your handler goes out of scope e.g. the component is unmounted
-   * unlisten();
-   * ```
-   *
-   * @returns A promise resolving to a function to unlisten to the event.
-   * Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
-   */
-  async onResized(e) {
-    return this.listen(b.WINDOW_RESIZED, (i) => {
-      i.payload = new C(i.payload), e(i);
-    });
-  }
-  /**
-   * Listen to window move.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from "@tauri-apps/api/window";
-   * const unlisten = await getCurrentWindow().onMoved(({ payload: position }) => {
-   *  console.log('Window moved', position);
-   * });
-   *
-   * // you need to call unlisten if your handler goes out of scope e.g. the component is unmounted
-   * unlisten();
-   * ```
-   *
-   * @returns A promise resolving to a function to unlisten to the event.
-   * Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
-   */
-  async onMoved(e) {
-    return this.listen(b.WINDOW_MOVED, (i) => {
-      i.payload = new f(i.payload), e(i);
-    });
-  }
-  /**
-   * Listen to window close requested. Emitted when the user requests to closes the window.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from "@tauri-apps/api/window";
-   * import { confirm } from '@tauri-apps/api/dialog';
-   * const unlisten = await getCurrentWindow().onCloseRequested(async (event) => {
-   *   const confirmed = await confirm('Are you sure?');
-   *   if (!confirmed) {
-   *     // user did not confirm closing the window; let's prevent it
-   *     event.preventDefault();
-   *   }
-   * });
-   *
-   * // you need to call unlisten if your handler goes out of scope e.g. the component is unmounted
-   * unlisten();
-   * ```
-   *
-   * @returns A promise resolving to a function to unlisten to the event.
-   * Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
-   */
-  async onCloseRequested(e) {
-    return this.listen(b.WINDOW_CLOSE_REQUESTED, async (i) => {
-      const a = new he(i);
-      await e(a), a.isPreventDefault() || await this.destroy();
-    });
-  }
-  /**
-   * Listen to a file drop event.
-   * The listener is triggered when the user hovers the selected files on the webview,
-   * drops the files or cancels the operation.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from "@tauri-apps/api/webview";
-   * const unlisten = await getCurrentWindow().onDragDropEvent((event) => {
-   *  if (event.payload.type === 'over') {
-   *    console.log('User hovering', event.payload.position);
-   *  } else if (event.payload.type === 'drop') {
-   *    console.log('User dropped', event.payload.paths);
-   *  } else {
-   *    console.log('File drop cancelled');
-   *  }
-   * });
-   *
-   * // you need to call unlisten if your handler goes out of scope e.g. the component is unmounted
-   * unlisten();
-   * ```
-   *
-   * @returns A promise resolving to a function to unlisten to the event.
-   * Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
-   */
-  async onDragDropEvent(e) {
-    const i = await this.listen(b.DRAG_ENTER, (o) => {
-      e({
-        ...o,
-        payload: {
-          type: "enter",
-          paths: o.payload.paths,
-          position: new f(o.payload.position)
-        }
-      });
-    }), a = await this.listen(b.DRAG_OVER, (o) => {
-      e({
-        ...o,
-        payload: {
-          type: "over",
-          position: new f(o.payload.position)
-        }
-      });
-    }), l = await this.listen(b.DRAG_DROP, (o) => {
-      e({
-        ...o,
-        payload: {
-          type: "drop",
-          paths: o.payload.paths,
-          position: new f(o.payload.position)
-        }
-      });
-    }), c = await this.listen(b.DRAG_LEAVE, (o) => {
-      e({ ...o, payload: { type: "leave" } });
-    });
-    return () => {
-      i(), l(), a(), c();
-    };
-  }
-  /**
-   * Listen to window focus change.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from "@tauri-apps/api/window";
-   * const unlisten = await getCurrentWindow().onFocusChanged(({ payload: focused }) => {
-   *  console.log('Focus changed, window is focused? ' + focused);
-   * });
-   *
-   * // you need to call unlisten if your handler goes out of scope e.g. the component is unmounted
-   * unlisten();
-   * ```
-   *
-   * @returns A promise resolving to a function to unlisten to the event.
-   * Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
-   */
-  async onFocusChanged(e) {
-    const i = await this.listen(b.WINDOW_FOCUS, (l) => {
-      e({ ...l, payload: !0 });
-    }), a = await this.listen(b.WINDOW_BLUR, (l) => {
-      e({ ...l, payload: !1 });
-    });
-    return () => {
-      i(), a();
-    };
-  }
-  /**
-   * Listen to window scale change. Emitted when the window's scale factor has changed.
-   * The following user actions can cause DPI changes:
-   * - Changing the display's resolution.
-   * - Changing the display's scale factor (e.g. in Control Panel on Windows).
-   * - Moving the window to a display with a different scale factor.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from "@tauri-apps/api/window";
-   * const unlisten = await getCurrentWindow().onScaleChanged(({ payload }) => {
-   *  console.log('Scale changed', payload.scaleFactor, payload.size);
-   * });
-   *
-   * // you need to call unlisten if your handler goes out of scope e.g. the component is unmounted
-   * unlisten();
-   * ```
-   *
-   * @returns A promise resolving to a function to unlisten to the event.
-   * Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
-   */
-  async onScaleChanged(e) {
-    return this.listen(b.WINDOW_SCALE_FACTOR_CHANGED, e);
-  }
-  /**
-   * Listen to the system theme change.
-   *
-   * @example
-   * ```typescript
-   * import { getCurrentWindow } from "@tauri-apps/api/window";
-   * const unlisten = await getCurrentWindow().onThemeChanged(({ payload: theme }) => {
-   *  console.log('New theme: ' + theme);
-   * });
-   *
-   * // you need to call unlisten if your handler goes out of scope e.g. the component is unmounted
-   * unlisten();
-   * ```
-   *
-   * @returns A promise resolving to a function to unlisten to the event.
-   * Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
-   */
-  async onThemeChanged(e) {
-    return this.listen(b.WINDOW_THEME_CHANGED, e);
-  }
-}
-var N;
-(function(t) {
-  t.Disabled = "disabled", t.Throttle = "throttle", t.Suspend = "suspend";
-})(N || (N = {}));
-var E;
-(function(t) {
-  t.Default = "default", t.FluentOverlay = "fluentOverlay";
-})(E || (E = {}));
-var P;
-(function(t) {
-  t.AppearanceBased = "appearanceBased", t.Light = "light", t.Dark = "dark", t.MediumLight = "mediumLight", t.UltraDark = "ultraDark", t.Titlebar = "titlebar", t.Selection = "selection", t.Menu = "menu", t.Popover = "popover", t.Sidebar = "sidebar", t.HeaderView = "headerView", t.Sheet = "sheet", t.WindowBackground = "windowBackground", t.HudWindow = "hudWindow", t.FullScreenUI = "fullScreenUI", t.Tooltip = "tooltip", t.ContentBackground = "contentBackground", t.UnderWindowBackground = "underWindowBackground", t.UnderPageBackground = "underPageBackground", t.Mica = "mica", t.Blur = "blur", t.Acrylic = "acrylic", t.Tabbed = "tabbed", t.TabbedDark = "tabbedDark", t.TabbedLight = "tabbedLight";
-})(P || (P = {}));
-var M;
-(function(t) {
-  t.FollowsWindowActiveState = "followsWindowActiveState", t.Active = "active", t.Inactive = "inactive";
-})(M || (M = {}));
-async function be(t, e = {}, i) {
-  return window.__TAURI_INTERNALS__.invoke(t, e, i);
-}
-async function ge(t) {
-  try {
-    return await be("plugin:vicons|get_icon", { name: t });
-  } catch (e) {
-    console.error("[Icon Error] Error obteniendo icono:", e);
-  }
-  return "";
-}
-function we(t) {
-  try {
-    const e = atob(t.substring(0, 32)), i = new Uint8Array(e.length);
-    for (let a = 0; a < e.length; a++)
-      i[a] = e.charCodeAt(a);
-    return i[0] === 137 && i[1] === 80 && i[2] === 78 && i[3] === 71 ? "image/png" : "image/svg+xml";
-  } catch (e) {
-    return console.error("Error identificando tipo de imagen:", e), "image/png";
-  }
-}
-async function L(t) {
-  try {
-    const e = await ge(t);
-    return `data:${we(e)};base64,${e}`;
-  } catch (e) {
-    return console.error("[Icon Error] Error obteniendo icono:", e), "";
+    ), T(() => {
+      f = window.matchMedia("(max-width: 767px)"), p(), f.addEventListener("change", p);
+    }), O(() => f?.removeEventListener("change", p)), s({ collapsed: o }), (v, nt) => (a(), l("aside", {
+      class: b(["relative z-30 flex h-full shrink-0 flex-col rounded-corner border border-ui-border bg-ui-bg/80 transition-all duration-300", ["w-[84px]", o.value ? "md:w-[84px]" : "md:w-72"]])
+    }, [
+      g.value || v.$slots.header ? (a(), l("header", Z, [
+        i("div", _, [
+          i("button", {
+            type: "button",
+            class: "hidden h-10 w-10 items-center justify-center rounded-corner border border-ui-border bg-ui-surface/70 font-semibold text-sm md:inline-flex",
+            "aria-label": o.value ? e.expandLabel : e.collapseLabel,
+            "aria-expanded": !o.value,
+            onClick: j
+          }, m(o.value ? ">" : "<"), 9, ee),
+          g.value && !o.value ? (a(), l("div", te, [
+            e.title ? (a(), l("p", ae, m(e.title), 1)) : u("", !0),
+            e.subtitle ? (a(), l("p", le, m(e.subtitle), 1)) : u("", !0)
+          ])) : u("", !0)
+        ]),
+        v.$slots.header && !o.value ? (a(), l("div", ne, [
+          y(v.$slots, "header", { collapsed: o.value })
+        ])) : u("", !0)
+      ])) : (a(), l("div", oe, [
+        i("button", {
+          type: "button",
+          class: "hidden h-10 w-10 items-center justify-center rounded-corner border border-ui-border bg-ui-surface/70 font-semibold text-sm md:inline-flex",
+          "aria-label": o.value ? e.expandLabel : e.collapseLabel,
+          "aria-expanded": !o.value,
+          onClick: j
+        }, m(o.value ? ">" : "<"), 9, se)
+      ])),
+      i("div", ie, [
+        (a(!0), l($, null, I(e.categories, (S) => (a(), A(V, {
+          key: S.id,
+          title: S.title,
+          collapsed: o.value
+        }, {
+          default: P(() => [
+            (a(!0), l($, null, I(S.items, (k) => (a(), A(M, {
+              key: k.id,
+              label: k.label,
+              icon: k.icon,
+              badge: k.badge,
+              disabled: k.disabled,
+              collapsed: o.value,
+              active: e.modelValue === k.id,
+              onClick: (ot) => F(k.id)
+            }, null, 8, ["label", "icon", "badge", "disabled", "collapsed", "active", "onClick"]))), 128))
+          ]),
+          _: 2
+        }, 1032, ["title", "collapsed"]))), 128)),
+        y(v.$slots, "default", { collapsed: o.value })
+      ])
+    ], 2));
   }
-}
-const ye = { "data-tauri-drag-region": "" }, me = ["src", "alt"], pe = { "data-tauri-drag-region": "" }, fe = { "data-tauri-drag-region": "" }, ve = ["src"], _e = ["src"], ke = ["src"], xe = /* @__PURE__ */ m({
+}), ce = { "data-tauri-drag-region": "" }, de = ["src", "alt"], ue = { "data-tauri-drag-region": "" }, me = { "data-tauri-drag-region": "" }, fe = ["src"], be = ["src"], ge = ["src"], he = /* @__PURE__ */ h({
   __name: "TopBar",
   props: {
     title: String,
     image: String
   },
-  setup(t) {
-    const e = x(null), i = j(), a = x(""), l = x(""), c = x(""), o = t;
-    return q(async () => {
-      a.value = await L("window-close"), l.value = await L("window-minimize"), c.value = await L("window-maximize");
-    }), (p, h) => (r(), s("div", {
+  setup(e) {
+    const s = x(null), t = R(), n = x(""), r = x(""), c = x(""), d = e;
+    return T(async () => {
+      n.value = await C("window-close"), r.value = await C("window-minimize"), c.value = await C("window-maximize");
+    }), (f, o) => (a(), l("div", {
       "data-tauri-drag-region": "",
       class: "flex h-8 px-4 py-1 bg-primary dark:bg-primary-dark rounded-t-corner-window justify-between align-center",
       ref_key: "bar",
-      ref: e
+      ref: s
     }, [
-      u("div", ye, [
-        u("img", {
-          src: o.image,
+      i("div", ce, [
+        i("img", {
+          src: d.image,
           "data-tauri-drag-region": "",
           class: "h-6 w-auto",
-          alt: o.title
-        }, null, 8, me)
+          alt: d.title
+        }, null, 8, de)
       ]),
-      u("div", pe, g(o.title), 1),
-      u("div", fe, [
-        u("span", {
+      i("div", ue, m(d.title), 1),
+      i("div", me, [
+        i("span", {
           class: "win-button",
-          onClick: h[0] || (h[0] = (v) => W(i).minimize())
+          onClick: o[0] || (o[0] = (g) => z(t).minimize())
         }, [
-          u("img", {
-            src: l.value,
+          i("img", {
+            src: r.value,
             class: "h-6 w-6 inline-block",
             alt: "Minimize"
-          }, null, 8, ve)
+          }, null, 8, fe)
         ]),
-        u("span", {
+        i("span", {
           class: "win-button",
-          onClick: h[1] || (h[1] = (v) => W(i).toggleMaximize())
+          onClick: o[1] || (o[1] = (g) => z(t).toggleMaximize())
         }, [
-          u("img", {
+          i("img", {
             src: c.value,
             class: "h-6 w-6 inline-block",
             alt: "Maximize"
-          }, null, 8, _e)
+          }, null, 8, be)
         ]),
-        u("span", {
+        i("span", {
           class: "win-button",
-          onClick: h[2] || (h[2] = (v) => W(i).close())
+          onClick: o[2] || (o[2] = (g) => z(t).close())
         }, [
-          u("img", {
-            src: a.value,
+          i("img", {
+            src: n.value,
             class: "h-6 w-6 inline-block",
             alt: "Close"
-          }, null, 8, ke)
+          }, null, 8, ge)
         ])
       ])
     ], 512));
   }
-}), Ce = /* @__PURE__ */ m({
+}), ve = /* @__PURE__ */ h({
   __name: "WindowFrame",
   props: {
-    title: {
-      type: String,
-      default: "Vasak"
-    },
-    image: {
-      type: String,
-      default: ""
-    }
+    title: { default: "Vasak" },
+    image: { default: "" }
   },
-  setup(t) {
-    const e = t;
-    return (i, a) => (r(), s(F, null, [
-      Z(xe, {
-        title: e.title,
-        image: e.image
+  setup(e) {
+    const s = e;
+    return (t, n) => (a(), l($, null, [
+      W(he, {
+        title: s.title,
+        image: s.image
       }, null, 8, ["title", "image"]),
-      k(i.$slots, "default")
+      y(t.$slots, "default")
     ], 64));
   }
-}), Se = ["type", "disabled"], De = {
+}), xe = ["type", "disabled"], ye = {
   key: 0,
   class: "w-4 h-4 animate-spin rounded-full border-2 border-current border-t-transparent"
-}, ze = ["src", "alt"], Ie = { key: 2 }, Ae = ["src", "alt"], We = /* @__PURE__ */ m({
+}, ke = ["src", "alt"], pe = { key: 2 }, we = ["src", "alt"], Ce = /* @__PURE__ */ h({
   __name: "ActionButton",
   props: {
     label: {},
@@ -2099,8 +300,8 @@ const ye = { "data-tauri-drag-region": "" }, me = ["src", "alt"], pe = { "data-t
     preventDefault: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(t, { emit: e }) {
-    const i = t, a = e, l = {
+  setup(e, { emit: s }) {
+    const t = e, n = s, r = {
       primary: "bg-primary dark:bg-primary-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-primary/90 dark:hover:bg-primary-dark/90",
       secondary: "bg-secondary dark:bg-secondary-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-secondary/80 dark:hover:bg-secondary-dark/80",
       danger: "bg-status-error dark:bg-status-error-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-status-error/90 dark:hover:bg-status-error-dark/90"
@@ -2108,65 +309,70 @@ const ye = { "data-tauri-drag-region": "" }, me = ["src", "alt"], pe = { "data-t
       sm: "px-2 py-1 text-xs",
       md: "px-3 py-1 text-sm",
       lg: "px-4 py-2 text-base"
-    }, o = (p) => {
-      i.stopPropagation && p.stopPropagation(), i.preventDefault && p.preventDefault(), !i.disabled && !i.loading && a("click");
+    }, d = (f) => {
+      t.stopPropagation && f.stopPropagation(), t.preventDefault && f.preventDefault(), !t.disabled && !t.loading && n("click");
     };
-    return (p, h) => (r(), s("button", {
-      type: i.type,
-      onClick: o,
-      class: d(["rounded-corner transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", [
-        l[i.variant],
-        c[i.size],
-        i.fullWidth ? "w-full" : "",
-        i.iconSrc && !i.label ? "px-2 py-2" : "",
-        t.customClass
+    return (f, o) => (a(), l("button", {
+      type: t.type,
+      onClick: d,
+      class: b(["rounded-corner transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", [
+        r[t.variant],
+        c[t.size],
+        t.fullWidth ? "w-full" : "",
+        t.iconSrc && !t.label ? "px-2 py-2" : "",
+        e.customClass
       ]]),
-      disabled: i.disabled || i.loading
+      disabled: t.disabled || t.loading
     }, [
-      t.loading ? (r(), s("span", De)) : w("", !0),
-      i.iconSrc && !i.iconRight ? (r(), s("img", {
+      e.loading ? (a(), l("span", ye)) : u("", !0),
+      t.iconSrc && !t.iconRight ? (a(), l("img", {
         key: 1,
-        src: i.iconSrc,
-        alt: i.iconAlt || i.label,
+        src: t.iconSrc,
+        alt: t.iconAlt || t.label,
         class: "w-4 h-4"
-      }, null, 8, ze)) : w("", !0),
-      i.label ? (r(), s("span", Ie, g(i.label), 1)) : w("", !0),
-      i.iconSrc && i.iconRight ? (r(), s("img", {
+      }, null, 8, ke)) : u("", !0),
+      t.label ? (a(), l("span", pe, m(t.label), 1)) : u("", !0),
+      t.iconSrc && t.iconRight ? (a(), l("img", {
         key: 3,
-        src: i.iconSrc,
-        alt: i.iconAlt || i.label,
+        src: t.iconSrc,
+        alt: t.iconAlt || t.label,
         class: "w-4 h-4"
-      }, null, 8, Ae)) : w("", !0)
-    ], 10, Se));
-  }
-}), $e = /* @__PURE__ */ D(We, [["__scopeId", "data-v-2eaf6e27"]]), Oe = { class: "text-base font-semibold m-0 text-primary dark:text-primary-dark" }, Le = /* @__PURE__ */ m({
+      }, null, 8, we)) : u("", !0)
+    ], 10, xe));
+  }
+}), B = (e, s) => {
+  const t = e.__vccOpts || e;
+  for (const [n, r] of s)
+    t[n] = r;
+  return t;
+}, $e = /* @__PURE__ */ B(Ce, [["__scopeId", "data-v-2eaf6e27"]]), Be = { class: "text-base font-semibold m-0 text-primary dark:text-primary-dark" }, Se = /* @__PURE__ */ h({
   __name: "ConfigSection",
   props: {
     title: {},
     icon: { default: "" },
     customClass: { default: () => ({}) }
   },
-  setup(t) {
-    return (e, i) => (r(), s("div", {
-      class: d(["flex flex-col gap-4 p-4 background rounded-corner", t.customClass])
+  setup(e) {
+    return (s, t) => (a(), l("div", {
+      class: b(["flex flex-col gap-4 p-4 background rounded-corner", e.customClass])
     }, [
-      u("h3", Oe, g(t.icon ? `${t.icon} ${t.title}` : t.title), 1),
-      k(e.$slots, "default", {}, void 0, !0)
+      i("h3", Be, m(e.icon ? `${e.icon} ${e.title}` : e.title), 1),
+      y(s.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Be = /* @__PURE__ */ D(Le, [["__scopeId", "data-v-45bd4eab"]]), Te = { class: "flex items-center gap-3 flex-1 min-w-0" }, Re = ["src", "alt"], Ne = { class: "min-w-0" }, Ee = { class: "font-semibold truncate" }, Pe = {
+}), ze = /* @__PURE__ */ B(Se, [["__scopeId", "data-v-45bd4eab"]]), Ie = { class: "flex items-center gap-3 flex-1 min-w-0" }, Le = ["src", "alt"], Te = { class: "min-w-0" }, je = { class: "font-semibold truncate" }, Ae = {
   key: 0,
   class: "text-xs text-gray-400 truncate"
-}, Me = {
+}, Ve = {
   key: 1,
   class: "text-xs text-gray-400 truncate"
-}, Fe = {
+}, Me = {
   key: 2,
   class: "text-xs text-gray-400 flex gap-2 mt-1"
-}, Ve = {
+}, Fe = {
   key: 1,
   class: "w-2 h-2 rounded-full bg-green-500"
-}, Ue = /* @__PURE__ */ m({
+}, De = /* @__PURE__ */ h({
   __name: "DeviceCard",
   props: {
     icon: {},
@@ -2182,40 +388,40 @@ const ye = { "data-tauri-drag-region": "" }, me = ["src", "alt"], pe = { "data-t
     clickable: { type: Boolean, default: !1 }
   },
   emits: ["action", "click"],
-  setup(t, { emit: e }) {
-    const i = e, a = () => {
-      i("action");
-    }, l = () => {
-      i("click");
+  setup(e, { emit: s }) {
+    const t = s, n = () => {
+      t("action");
+    }, r = () => {
+      t("click");
     };
-    return (c, o) => (r(), s("div", {
-      class: d(["flex items-center justify-between background rounded-vsk px-6 py-3 mb-4", [{ "border-l-4 border-green-500": t.isConnected }, t.customClass]]),
-      onClick: l
+    return (c, d) => (a(), l("div", {
+      class: b(["flex items-center justify-between background rounded-vsk px-6 py-3 mb-4", [{ "border-l-4 border-green-500": e.isConnected }, e.customClass]]),
+      onClick: r
     }, [
-      u("div", Te, [
-        u("img", {
-          src: t.icon,
-          alt: t.title,
+      i("div", Ie, [
+        i("img", {
+          src: e.icon,
+          alt: e.title,
           class: "h-7 w-7 shrink-0"
-        }, null, 8, Re),
-        u("div", Ne, [
-          u("div", Ee, g(t.title), 1),
-          t.subtitle ? (r(), s("div", Pe, g(t.subtitle), 1)) : w("", !0),
-          t.metadata ? (r(), s("div", Me, g(t.metadata), 1)) : w("", !0),
-          t.extraInfo && t.extraInfo.length > 0 ? (r(), s("div", Fe, [
-            (r(!0), s(F, null, Q(t.extraInfo, (p, h) => (r(), s("span", { key: h }, g(p), 1))), 128))
-          ])) : w("", !0)
+        }, null, 8, Le),
+        i("div", Te, [
+          i("div", je, m(e.title), 1),
+          e.subtitle ? (a(), l("div", Ae, m(e.subtitle), 1)) : u("", !0),
+          e.metadata ? (a(), l("div", Ve, m(e.metadata), 1)) : u("", !0),
+          e.extraInfo && e.extraInfo.length > 0 ? (a(), l("div", Me, [
+            (a(!0), l($, null, I(e.extraInfo, (f, o) => (a(), l("span", { key: o }, m(f), 1))), 128))
+          ])) : u("", !0)
         ])
       ]),
-      t.showActionButton ? (r(), s("button", {
+      e.showActionButton ? (a(), l("button", {
         key: 0,
         class: "bg-vsk-primary rounded-vsk px-4 py-2 text-sm font-semibold cursor-pointer hover:opacity-70",
-        onClick: Y(a, ["stop"])
-      }, g(t.actionLabel), 1)) : w("", !0),
-      t.showStatusIndicator && t.isConnected ? (r(), s("div", Ve)) : w("", !0)
+        onClick: G(n, ["stop"])
+      }, m(e.actionLabel), 1)) : u("", !0),
+      e.showStatusIndicator && e.isConnected ? (a(), l("div", Fe)) : u("", !0)
     ], 2));
   }
-}), Ge = ["for"], He = /* @__PURE__ */ m({
+}), Ee = ["for"], Oe = /* @__PURE__ */ h({
   __name: "FormGroup",
   props: {
     label: {},
@@ -2223,46 +429,46 @@ const ye = { "data-tauri-drag-region": "" }, me = ["src", "alt"], pe = { "data-t
     customClass: { default: () => ({}) },
     labelClass: { default: () => ({}) }
   },
-  setup(t) {
-    return (e, i) => (r(), s("div", {
-      class: d(["flex flex-col gap-2", t.customClass])
+  setup(e) {
+    return (s, t) => (a(), l("div", {
+      class: b(["flex flex-col gap-2", e.customClass])
     }, [
-      t.label ? (r(), s("label", {
+      e.label ? (a(), l("label", {
         key: 0,
-        for: t.htmlFor,
-        class: d(["text-sm font-medium text-primary dark:text-primary-dark", t.labelClass])
-      }, g(t.label), 11, Ge)) : w("", !0),
-      k(e.$slots, "default", {}, void 0, !0)
+        for: e.htmlFor,
+        class: b(["text-sm font-medium text-primary dark:text-primary-dark", e.labelClass])
+      }, m(e.label), 11, Ee)) : u("", !0),
+      y(s.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), je = /* @__PURE__ */ D(He, [["__scopeId", "data-v-c0d9d9cb"]]), Je = /* @__PURE__ */ m({
+}), Pe = /* @__PURE__ */ B(Oe, [["__scopeId", "data-v-c0d9d9cb"]]), We = /* @__PURE__ */ h({
   __name: "ListCard",
   props: {
     clickable: { type: Boolean, default: !1 },
     customClass: { default: () => ({}) }
   },
   emits: ["click"],
-  setup(t, { emit: e }) {
-    const i = t, a = e, l = () => {
-      i.clickable && a("click");
+  setup(e, { emit: s }) {
+    const t = e, n = s, r = () => {
+      t.clickable && n("click");
     };
-    return (c, o) => (r(), s("div", {
-      class: d([
+    return (c, d) => (a(), l("div", {
+      class: b([
         "flex items-center justify-between background p-3 rounded-vsk border border-vsk-primary/70 transition-colors duration-200",
         {
-          "hover:bg-vsk-primary/5 cursor-pointer": i.clickable
+          "hover:bg-vsk-primary/5 cursor-pointer": t.clickable
         },
-        t.customClass
+        e.customClass
       ]),
-      onClick: l
+      onClick: r
     }, [
-      k(c.$slots, "default", {}, void 0, !0)
+      y(c.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), qe = /* @__PURE__ */ D(Je, [["__scopeId", "data-v-f86d47da"]]), Ze = { class: "background rounded-corner flex flex-row items-center gap-2 justify-between w-full h-auto p-4 transition-all duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80" }, Qe = ["src", "alt", "title"], Ye = {
+}), Ge = /* @__PURE__ */ B(We, [["__scopeId", "data-v-f86d47da"]]), Ne = { class: "background rounded-corner flex flex-row items-center gap-2 justify-between w-full h-auto p-4 transition-all duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80" }, Re = ["src", "alt", "title"], Ue = {
   key: 1,
   class: "w-8 h-8 flex items-center justify-center"
-}, Ke = ["src", "alt"], Xe = ["min", "max", "value"], et = /* @__PURE__ */ m({
+}, qe = ["src", "alt"], He = ["min", "max", "value"], Je = /* @__PURE__ */ h({
   __name: "SliderControl",
   props: {
     icon: {},
@@ -2276,50 +482,50 @@ const ye = { "data-tauri-drag-region": "" }, me = ["src", "alt"], pe = { "data-t
     getPercentageClass: { type: Function, default: () => "" }
   },
   emits: ["update:modelValue", "buttonClick"],
-  setup(t, { emit: e }) {
-    const i = t, a = e, l = T(() => {
-      if (i.max <= i.min) return 0;
-      const h = i.max - i.min, v = i.modelValue - i.min;
-      return Math.round(v / h * 100);
-    }), c = T(() => i.getPercentageClass ? i.getPercentageClass(l.value) : ""), o = (h) => {
-      const v = h.target;
-      a("update:modelValue", Number(v.value));
-    }, p = () => {
-      a("buttonClick");
+  setup(e, { emit: s }) {
+    const t = e, n = s, r = w(() => {
+      if (t.max <= t.min) return 0;
+      const o = t.max - t.min, g = t.modelValue - t.min;
+      return Math.round(g / o * 100);
+    }), c = w(() => t.getPercentageClass ? t.getPercentageClass(r.value) : ""), d = (o) => {
+      const g = o.target;
+      n("update:modelValue", Number(g.value));
+    }, f = () => {
+      n("buttonClick");
     };
-    return (h, v) => (r(), s("div", Ze, [
-      t.showButton ? (r(), s("button", {
+    return (o, g) => (a(), l("div", Ne, [
+      e.showButton ? (a(), l("button", {
         key: 0,
-        onClick: p,
+        onClick: f,
         class: "w-8 h-8 flex items-center justify-center rounded-corner transition-all duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80 hover:scale-110 active:scale-95"
       }, [
-        u("img", {
-          src: t.icon,
-          alt: t.alt,
-          title: t.tooltip,
-          class: d(["w-6 h-6 transition-all duration-200", t.iconClass])
-        }, null, 10, Qe)
-      ])) : (r(), s("div", Ye, [
-        u("img", {
-          src: t.icon,
-          alt: t.alt,
+        i("img", {
+          src: e.icon,
+          alt: e.alt,
+          title: e.tooltip,
+          class: b(["w-6 h-6 transition-all duration-200", e.iconClass])
+        }, null, 10, Re)
+      ])) : (a(), l("div", Ue, [
+        i("img", {
+          src: e.icon,
+          alt: e.alt,
           class: "w-6 h-6 transition-all duration-200"
-        }, null, 8, Ke)
+        }, null, 8, qe)
       ])),
-      u("input", {
+      i("input", {
         type: "range",
-        min: t.min,
-        max: t.max,
-        value: t.modelValue,
-        onInput: o,
+        min: e.min,
+        max: e.max,
+        value: e.modelValue,
+        onInput: d,
         class: "flex-1 transition-all duration-200 hover:scale-105"
-      }, null, 40, Xe),
-      u("span", {
-        class: d(["w-12 text-right transition-all duration-200 font-medium", c.value])
-      }, g(l.value) + "% ", 3)
+      }, null, 40, He),
+      i("span", {
+        class: b(["w-12 text-right transition-all duration-200 font-medium", c.value])
+      }, m(r.value) + "% ", 3)
     ]));
   }
-}), tt = ["disabled"], it = /* @__PURE__ */ m({
+}), Ke = ["disabled"], Qe = /* @__PURE__ */ h({
   __name: "SwitchToggle",
   props: {
     isOn: { type: Boolean },
@@ -2330,32 +536,32 @@ const ye = { "data-tauri-drag-region": "" }, me = ["src", "alt"], pe = { "data-t
     customClass: { default: "" }
   },
   emits: ["toggle"],
-  setup(t, { emit: e }) {
-    const i = t, a = e, l = () => {
-      a("toggle", !i.isOn);
+  setup(e, { emit: s }) {
+    const t = e, n = s, r = () => {
+      n("toggle", !t.isOn);
     };
-    return (c, o) => (r(), s("button", {
+    return (c, d) => (a(), l("button", {
       type: "button",
-      onClick: l,
-      disabled: t.disabled,
-      class: d([
+      onClick: r,
+      disabled: e.disabled,
+      class: b([
         "relative inline-flex items-center rounded-full transition-colors",
-        t.size === "small" ? "h-6 w-11" : "h-7 w-12",
-        t.isOn ? t.activeClass : t.inactiveClass,
-        t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
-        t.customClass
+        e.size === "small" ? "h-6 w-11" : "h-7 w-12",
+        e.isOn ? e.activeClass : e.inactiveClass,
+        e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
+        e.customClass
       ])
     }, [
-      u("span", {
-        class: d([
+      i("span", {
+        class: b([
           "inline-block transform rounded-full bg-white shadow transition-transform",
-          t.size === "small" ? "h-4 w-4" : "h-6 w-6",
-          t.isOn ? t.size === "small" ? "translate-x-6" : "translate-x-5" : "translate-x-1"
+          e.size === "small" ? "h-4 w-4" : "h-6 w-6",
+          e.isOn ? e.size === "small" ? "translate-x-6" : "translate-x-5" : "translate-x-1"
         ])
       }, null, 2)
-    ], 10, tt));
+    ], 10, Ke));
   }
-}), nt = ["disabled"], at = ["src", "alt", "title"], lt = /* @__PURE__ */ m({
+}), Xe = ["disabled"], Ye = ["src", "alt", "title"], Ze = /* @__PURE__ */ h({
   __name: "ToggleControl",
   props: {
     icon: {},
@@ -2367,37 +573,37 @@ const ye = { "data-tauri-drag-region": "" }, me = ["src", "alt"], pe = { "data-t
     customClass: { default: () => ({}) }
   },
   emits: ["click"],
-  setup(t, { emit: e }) {
-    const i = e, a = () => {
-      i("click");
+  setup(e, { emit: s }) {
+    const t = s, n = () => {
+      t("click");
     };
-    return (l, c) => (r(), s("button", {
-      onClick: a,
-      class: d(["p-2 rounded-corner background hover:opacity-50 transition-all duration-300 h-17.5 w-17.5 group relative overflow-hidden hover:scale-105 hover:shadow-lg active:scale-95", {
-        "animate-pulse": t.isLoading,
-        "ring-2 ring-primary dark:ring-primary-dark": t.isActive,
-        "opacity-60": !t.isActive,
-        ...t.customClass
+    return (r, c) => (a(), l("button", {
+      onClick: n,
+      class: b(["p-2 rounded-corner background hover:opacity-50 transition-all duration-300 h-17.5 w-17.5 group relative overflow-hidden hover:scale-105 hover:shadow-lg active:scale-95", {
+        "animate-pulse": e.isLoading,
+        "ring-2 ring-primary dark:ring-primary-dark": e.isActive,
+        "opacity-60": !e.isActive,
+        ...e.customClass
       }]),
-      disabled: t.isLoading
+      disabled: e.isLoading
     }, [
-      u("img", {
-        src: t.icon,
-        alt: t.alt,
-        title: t.tooltip,
-        class: d(["m-auto w-12.5 h-12.5 transition-all duration-300 group-hover:scale-110 relative z-10", {
-          "animate-spin": t.isLoading,
-          "filter brightness-75": !t.isActive,
-          "drop-shadow-lg": t.isActive,
-          ...t.iconClass
+      i("img", {
+        src: e.icon,
+        alt: e.alt,
+        title: e.tooltip,
+        class: b(["m-auto w-12.5 h-12.5 transition-all duration-300 group-hover:scale-110 relative z-10", {
+          "animate-spin": e.isLoading,
+          "filter brightness-75": !e.isActive,
+          "drop-shadow-lg": e.isActive,
+          ...e.iconClass
         }])
-      }, null, 10, at)
-    ], 10, nt));
+      }, null, 10, Ye)
+    ], 10, Xe));
   }
-}), st = ["title"], rt = ["src", "alt"], ot = {
+}), _e = ["title"], et = ["src", "alt"], tt = {
   key: 0,
   class: "absolute bottom-1 right-1 bg-primary dark:bg-primary-dark text-white text-xs rounded-full w-4 h-4 flex items-center justify-center font-bold animate-bounce"
-}, ut = /* @__PURE__ */ m({
+}, at = /* @__PURE__ */ h({
   __name: "TrayIconButton",
   props: {
     icon: {},
@@ -2411,68 +617,70 @@ const ye = { "data-tauri-drag-region": "" }, me = ["src", "alt"], pe = { "data-t
     customTooltipText: { default: "" }
   },
   emits: ["click"],
-  setup(t, { emit: e }) {
-    const i = e, a = x(!1), l = () => {
-      i("click");
+  setup(e, { emit: s }) {
+    const t = s, n = x(!1), r = () => {
+      t("click");
     };
-    return (c, o) => (r(), s("div", {
-      class: d(["p-1 rounded-corner relative hover:bg-primary dark:hover:bg-primary-dark group transition-all duration-300", t.customClass]),
-      title: t.tooltip,
-      onClick: l,
-      onMouseenter: o[0] || (o[0] = (p) => a.value = !0),
-      onMouseleave: o[1] || (o[1] = (p) => a.value = !1)
+    return (c, d) => (a(), l("div", {
+      class: b(["p-1 rounded-corner relative hover:bg-primary dark:hover:bg-primary-dark group transition-all duration-300", e.customClass]),
+      title: e.tooltip,
+      onClick: r,
+      onMouseenter: d[0] || (d[0] = (f) => n.value = !0),
+      onMouseleave: d[1] || (d[1] = (f) => n.value = !1)
     }, [
-      u("img", {
-        src: t.icon,
-        alt: t.alt,
-        class: d(["m-auto h-5.5 w-auto transition-all duration-300", t.iconClass])
-      }, null, 10, rt),
-      t.badge !== null && t.badge > 0 ? (r(), s("div", ot, g(t.badge), 1)) : w("", !0),
-      t.showCustomTooltip && t.customTooltipText ? (r(), s("div", {
+      i("img", {
+        src: e.icon,
+        alt: e.alt,
+        class: b(["m-auto h-5.5 w-auto transition-all duration-300", e.iconClass])
+      }, null, 10, et),
+      e.badge !== null && e.badge > 0 ? (a(), l("div", tt, m(e.badge), 1)) : u("", !0),
+      e.showCustomTooltip && e.customTooltipText ? (a(), l("div", {
         key: 1,
-        class: d(["absolute top-1 left-1/2 transform -translate-x-1/2 text-xs font-semibold p-1 rounded-corner transition-all duration-300 pointer-events-none background", [
-          t.tooltipClass,
+        class: b(["absolute top-1 left-1/2 transform -translate-x-1/2 text-xs font-semibold p-1 rounded-corner transition-all duration-300 pointer-events-none background", [
+          e.tooltipClass,
           {
-            "opacity-0 -translate-y-2": !a.value,
-            "opacity-100 translate-y-0": a.value
+            "opacity-0 -translate-y-2": !n.value,
+            "opacity-100 translate-y-0": n.value
           }
         ]])
-      }, g(t.customTooltipText), 3)) : w("", !0),
-      k(c.$slots, "default")
-    ], 42, st));
-  }
-}), ct = [
-  te,
-  ae,
-  Ce,
+      }, m(e.customTooltipText), 3)) : u("", !0),
+      y(c.$slots, "default")
+    ], 42, _e));
+  }
+}), lt = [
+  re,
+  M,
+  V,
+  ve,
   $e,
-  Be,
-  Ue,
-  je,
-  qe,
-  et,
-  it,
-  lt,
-  ut
-], ht = {
-  install(t) {
-    ct.forEach((e) => {
-      t.component(e.name, e);
+  ze,
+  De,
+  Pe,
+  Ge,
+  Je,
+  Qe,
+  Ze,
+  at
+], dt = {
+  install(e) {
+    lt.forEach((s) => {
+      e.component(s.name, s);
     });
   }
 };
 export {
   $e as ActionButton,
-  Be as ConfigSection,
-  Ue as DeviceCard,
-  je as FormGroup,
-  qe as ListCard,
-  te as SideBar,
-  ae as SideButton,
-  et as SliderControl,
-  it as SwitchToggle,
-  lt as ToggleControl,
-  ut as TrayIconButton,
-  Ce as WindowFrame,
-  ht as default
+  ze as ConfigSection,
+  De as DeviceCard,
+  Pe as FormGroup,
+  Ge as ListCard,
+  re as SideBar,
+  M as SideButton,
+  V as SideGroup,
+  Je as SliderControl,
+  Qe as SwitchToggle,
+  Ze as ToggleControl,
+  at as TrayIconButton,
+  ve as WindowFrame,
+  dt as default
 };