npm - @vasakgroup/vue-libvasak - Versions diffs - 1.1.0 → 1.2.0 - Mend

@vasakgroup/vue-libvasak 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/types/controls/ActionButton.vue.d.ts +1 -1
package/dist/types/icons/ThemeIcon.vue.d.ts +1 -1
package/dist/types/index.d.ts +1 -1
package/dist/types/internos/iconoDelTema.d.ts +22 -0
package/dist/types/search/SearchField.vue.d.ts +2 -2
package/dist/vue-libvasak.es.js +528 -519
package/dist/vue-libvasak.umd.js +1 -1
package/package.json +1 -1

package/dist/vue-libvasak.es.js CHANGED Viewed

@@ -1,37 +1,45 @@
-import { ref as w, onMounted as J, onUnmounted as ve, watch as W, defineComponent as E, toRef as Be, computed as v, createElementBlock as r, unref as R, openBlock as i, normalizeStyle as re, createCommentVNode as x, createElementVNode as T, createVNode as O, toDisplayString as V, normalizeClass as h, renderSlot as S, createBlock as Q, onBeforeUnmount as ce, Fragment as Z, renderList as le, withCtx as K, mergeModels as Ae, useAttrs as $e, useId as ot, useModel as it, withDirectives as Ce, mergeProps as oe, isRef as rt, vModelSelect as st, inject as pe, getCurrentInstance as Fe, provide as de, createTextVNode as ze, toHandlers as Re, createSlots as ut, withModifiers as M, withKeys as F, Teleport as fe, Transition as ye, nextTick as Y, TransitionGroup as ct, vShow as qe, cloneVNode as dt, h as ft, Comment as mt, Text as bt } from "vue";
-import { listen as vt } from "@tauri-apps/api/event";
-import { getSymbolSource as pt, getIconSource as yt } from "@vasakgroup/plugin-vicons";
-import { getCurrentWindow as gt } from "@tauri-apps/api/window";
-import { useI18n as ht } from "@vasakgroup/tauri-plugin-i18n";
-const xt = "vicons:theme-changed", be = /* @__PURE__ */ new Map(), ae = /* @__PURE__ */ new Map(), se = w(0);
+import { ref as w, onMounted as X, onUnmounted as ce, readonly as it, watch as W, defineComponent as E, toRef as Ae, computed as v, createElementBlock as i, unref as R, openBlock as r, normalizeStyle as se, createCommentVNode as x, createElementVNode as T, createVNode as O, toDisplayString as V, normalizeClass as h, renderSlot as S, createBlock as Q, onBeforeUnmount as de, Fragment as Z, renderList as le, withCtx as K, mergeModels as Se, useAttrs as Ce, useId as st, useModel as ut, withDirectives as ze, mergeProps as re, isRef as ct, vModelSelect as dt, inject as pe, getCurrentInstance as Re, provide as fe, createTextVNode as Le, toHandlers as qe, createSlots as ft, withModifiers as M, withKeys as F, Teleport as me, Transition as ye, nextTick as Y, TransitionGroup as mt, vShow as Ne, cloneVNode as bt, h as vt, Comment as pt, Text as yt } from "vue";
+import { listen as gt } from "@tauri-apps/api/event";
+import { getSymbolSource as ht, getIconSource as xt } from "@vasakgroup/plugin-vicons";
+import { getCurrentWindow as wt } from "@tauri-apps/api/window";
+import { useI18n as kt } from "@vasakgroup/tauri-plugin-i18n";
+const $t = "vicons:theme-changed", ve = /* @__PURE__ */ new Map(), ae = /* @__PURE__ */ new Map(), oe = w(0);
 let ne = 0, ue = null, te = null;
-function Tl() {
-  be.clear(), ae.clear(), ne = 0, ue = null, te = null, se.value = 0;
+function Bl() {
+  ve.clear(), ae.clear(), ne = 0, ue = null, te = null, oe.value = 0;
 }
-function wt() {
-  be.clear(), ae.clear(), se.value++;
+function Ct() {
+  ve.clear(), ae.clear(), oe.value++;
 }
-function kt() {
-  return ne++, ue || te ? te ?? Promise.resolve() : (te = vt(xt, wt).then((e) => {
+function He() {
+  return ne++, ue || te ? te ?? Promise.resolve() : (te = gt($t, Ct).then((e) => {
     ne <= 0 ? e() : ue = e, te = null;
   }), te);
 }
-function $t() {
+function ke() {
   ne--, !(ne > 0) && (ne = 0, ue?.(), ue = null);
 }
-function Ct(e, n) {
-  const t = `${n}:${e}`, a = be.get(t);
+function zt(e, n) {
+  const t = `${n}:${e}`, a = ve.get(t);
   if (a !== void 0)
     return Promise.resolve(a);
   const l = ae.get(t);
   if (l)
     return l;
-  const o = se.value, s = (n === "symbol" ? pt(e) : yt(e)).then((u) => (se.value === o && be.set(t, u), u)).finally(() => {
+  const o = oe.value, s = (n === "symbol" ? ht(e) : xt(e)).then((u) => (oe.value === o && ve.set(t, u), u)).finally(() => {
     ae.get(t) === s && ae.delete(t);
   });
   return ae.set(t, s), s;
 }
-function zt(e, n) {
+function Al() {
+  let e = !1;
+  return X(async () => {
+    await He(), e && ke();
+  }), ce(() => {
+    e || (e = !0, ke());
+  }), it(oe);
+}
+function Lt(e, n) {
   const t = w("");
   let a = !1, l = 0;
   async function o() {
@@ -40,16 +48,16 @@ function zt(e, n) {
       t.value = "";
       return;
     }
-    const m = await Ct(u, n.value);
+    const m = await zt(u, n.value);
     s === l && !a && (t.value = m);
   }
-  return J(async () => {
-    await kt(), a || await o();
-  }), ve(() => {
-    a = !0, $t();
-  }), W([e, n], o), W(se, o), t;
+  return X(async () => {
+    await He(), a || await o();
+  }), ce(() => {
+    a = !0, ke();
+  }), W([e, n], o), W(oe, o), t;
 }
-const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
+const Dt = ["src", "alt"], H = /* @__PURE__ */ E({
   __name: "ThemeIcon",
   props: {
     name: {},
@@ -58,23 +66,23 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
     alt: { default: "" }
   },
   setup(e) {
-    const n = e, t = zt(Be(n, "name"), Be(n, "type")), a = v(() => `${n.size}px`);
-    return (l, o) => R(t) ? (i(), r("img", {
+    const n = e, t = Lt(Ae(n, "name"), Ae(n, "type")), a = v(() => `${n.size}px`);
+    return (l, o) => R(t) ? (r(), i("img", {
       key: 0,
       src: R(t),
       alt: e.alt,
-      style: re({ width: a.value, height: a.value }),
+      style: se({ width: a.value, height: a.value }),
       class: "shrink-0 object-contain"
-    }, null, 12, Lt)) : (i(), r("span", {
+    }, null, 12, Dt)) : (r(), i("span", {
       key: 1,
-      style: re({ width: a.value, height: a.value }),
+      style: se({ width: a.value, height: a.value }),
       class: "shrink-0"
     }, null, 4));
   }
-}), Dt = { class: "flex flex-col gap-2" }, Et = ["aria-expanded"], Tt = {
+}), Et = { class: "flex flex-col gap-2" }, Tt = ["aria-expanded"], Bt = {
   key: 1,
   class: "flex flex-col gap-1"
-}, Ne = /* @__PURE__ */ E({
+}, Ue = /* @__PURE__ */ E({
   __name: "SideGroup",
   props: {
     title: {},
@@ -88,8 +96,8 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
       (a) => {
         a && (t.value = !0);
       }
-    ), (a, l) => (i(), r("section", Dt, [
-      e.collapsed ? x("", !0) : (i(), r("button", {
+    ), (a, l) => (r(), i("section", Et, [
+      e.collapsed ? x("", !0) : (r(), i("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",
@@ -103,19 +111,19 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
           size: 12,
           class: h(["transition-transform duration-200", t.value ? "" : "-rotate-90"])
         }, null, 8, ["class"])
-      ], 8, Et)),
-      t.value || e.collapsed ? (i(), r("div", Tt, [
+      ], 8, Tt)),
+      t.value || e.collapsed ? (r(), i("div", Bt, [
         S(a.$slots, "default")
       ])) : x("", !0)
     ]));
   }
-}), Bt = ["title", "aria-label", "disabled", "aria-current"], At = { key: 1 }, St = {
+}), At = ["title", "aria-label", "disabled", "aria-current"], St = { key: 1 }, Vt = {
   key: 0,
   class: "min-w-0 flex-1 truncate font-medium"
-}, Vt = {
+}, Mt = {
   key: 1,
   class: "rounded-corner bg-ui-surface px-2 py-0.5 font-semibold text-tx-muted text-xs"
-}, He = /* @__PURE__ */ E({
+}, Ke = /* @__PURE__ */ E({
   __name: "SideButton",
   props: {
     label: {},
@@ -127,7 +135,7 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
   },
   emits: ["click"],
   setup(e) {
-    return (n, t) => (i(), r("button", {
+    return (n, t) => (r(), i("button", {
       type: "button",
       title: e.collapsed ? e.label : void 0,
       "aria-label": e.collapsed ? e.label : void 0,
@@ -144,32 +152,32 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
         class: h(["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"
       }, [
-        e.icon ? (i(), Q(H, {
+        e.icon ? (r(), Q(H, {
           key: 0,
           name: e.icon,
           size: 20
-        }, null, 8, ["name"])) : (i(), r("span", At, V(e.label.charAt(0).toUpperCase()), 1))
+        }, null, 8, ["name"])) : (r(), i("span", St, V(e.label.charAt(0).toUpperCase()), 1))
       ], 2),
-      e.collapsed ? x("", !0) : (i(), r("span", St, V(e.label), 1)),
-      !e.collapsed && e.badge !== "" ? (i(), r("span", Vt, V(e.badge), 1)) : x("", !0)
-    ], 10, Bt));
+      e.collapsed ? x("", !0) : (r(), i("span", Vt, V(e.label), 1)),
+      !e.collapsed && e.badge !== "" ? (r(), i("span", Mt, V(e.badge), 1)) : x("", !0)
+    ], 10, At));
   }
-}), Mt = {
+}), It = {
   key: 0,
   class: "flex flex-col gap-2 border-ui-border border-b p-2"
-}, It = { class: "flex items-center gap-2" }, Ot = ["aria-label", "aria-expanded"], jt = {
+}, Ot = { class: "flex items-center gap-2" }, jt = ["aria-label", "aria-expanded"], Pt = {
   key: 0,
   class: "min-w-0 flex-1"
-}, Pt = {
+}, Ft = {
   key: 0,
   class: "truncate font-semibold text-sm"
-}, Ft = {
+}, Rt = {
   key: 1,
   class: "truncate text-tx-muted text-xs"
-}, Rt = { key: 0 }, qt = {
+}, qt = { key: 0 }, Nt = {
   key: 1,
   class: "flex border-ui-border border-b p-2"
-}, Nt = ["aria-label", "aria-expanded"], Ht = { class: "flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-2" }, Se = "hidden h-8 w-8 shrink-0 items-center justify-center rounded-corner border border-ui-border bg-ui-surface/70 transition-colors hover:bg-ui-surface md:inline-flex", Ve = 767, Ut = /* @__PURE__ */ E({
+}, Ht = ["aria-label", "aria-expanded"], Ut = { class: "flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-2" }, Ve = "hidden h-8 w-8 shrink-0 items-center justify-center rounded-corner border border-ui-border bg-ui-surface/70 transition-colors hover:bg-ui-surface md:inline-flex", Me = 767, Kt = /* @__PURE__ */ E({
   __name: "SideBar",
   props: {
     title: { default: "" },
@@ -190,7 +198,7 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
       return document.documentElement?.clientWidth || window.innerWidth;
     }
     function D() {
-      s.value = L() <= Ve;
+      s.value = L() <= Me;
     }
     function A() {
       o.value = !o.value, l("update:collapsed", o.value);
@@ -203,18 +211,18 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
       ($) => {
         $ !== void 0 && (o.value = $);
       }
-    ), J(() => {
-      u = window.matchMedia(`(max-width: ${Ve}px)`), D(), u.addEventListener("change", D), window.addEventListener("resize", D), typeof ResizeObserver < "u" && document.documentElement && (m = new ResizeObserver(D), m.observe(document.documentElement));
-    }), ce(() => {
+    ), X(() => {
+      u = window.matchMedia(`(max-width: ${Me}px)`), D(), u.addEventListener("change", D), window.addEventListener("resize", D), typeof ResizeObserver < "u" && document.documentElement && (m = new ResizeObserver(D), m.observe(document.documentElement));
+    }), de(() => {
       u?.removeEventListener("change", D), window.removeEventListener("resize", D), m?.disconnect(), m = null;
-    }), n({ collapsed: f }), ($, j) => (i(), r("aside", {
-      class: h(["relative z-30 flex h-full shrink-0 flex-col rounded-corner border border-ui-border bg-ui-surface/70 transition-all duration-300", ["w-[84px]", f.value ? "md:w-[84px]" : "md:w-72"]])
+    }), n({ collapsed: f }), ($, j) => (r(), i("aside", {
+      class: h(["relative z-30 flex h-full shrink-0 flex-col rounded-corner border border-ui-border bg-ui-surface/70 transition-[width] duration-300", ["w-[84px]", f.value ? "md:w-[84px]" : "md:w-72"]])
     }, [
-      d.value || $.$slots.header ? (i(), r("header", Mt, [
-        T("div", It, [
+      d.value || $.$slots.header ? (r(), i("header", It, [
+        T("div", Ot, [
           T("button", {
             type: "button",
-            class: h(Se),
+            class: h(Ve),
             "aria-label": f.value ? e.expandLabel : e.collapseLabel,
             "aria-expanded": !f.value,
             onClick: A
@@ -224,19 +232,19 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
               type: "symbol",
               size: 16
             }, null, 8, ["name"])
-          ], 8, Ot),
-          d.value && !f.value ? (i(), r("div", jt, [
-            e.title ? (i(), r("p", Pt, V(e.title), 1)) : x("", !0),
-            e.subtitle ? (i(), r("p", Ft, V(e.subtitle), 1)) : x("", !0)
+          ], 8, jt),
+          d.value && !f.value ? (r(), i("div", Pt, [
+            e.title ? (r(), i("p", Ft, V(e.title), 1)) : x("", !0),
+            e.subtitle ? (r(), i("p", Rt, V(e.subtitle), 1)) : x("", !0)
           ])) : x("", !0)
         ]),
-        $.$slots.header && !f.value ? (i(), r("div", Rt, [
+        $.$slots.header && !f.value ? (r(), i("div", qt, [
           S($.$slots, "header", { collapsed: f.value })
         ])) : x("", !0)
-      ])) : (i(), r("div", qt, [
+      ])) : (r(), i("div", Nt, [
         T("button", {
           type: "button",
-          class: h(Se),
+          class: h(Ve),
           "aria-label": f.value ? e.expandLabel : e.collapseLabel,
           "aria-expanded": !f.value,
           onClick: A
@@ -246,16 +254,16 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
             type: "symbol",
             size: 16
           }, null, 8, ["name"])
-        ], 8, Nt)
+        ], 8, Ht)
       ])),
-      T("div", Ht, [
-        (i(!0), r(Z, null, le(e.categories, (C) => (i(), Q(Ne, {
+      T("div", Ut, [
+        (r(!0), i(Z, null, le(e.categories, (C) => (r(), Q(Ue, {
           key: C.id,
           title: C.title,
           collapsed: f.value
         }, {
           default: K(() => [
-            (i(!0), r(Z, null, le(C.items, (g) => (i(), Q(He, {
+            (r(!0), i(Z, null, le(C.items, (g) => (r(), Q(Ke, {
               key: g.id,
               label: g.label,
               icon: g.icon,
@@ -272,10 +280,10 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
       ])
     ], 2));
   }
-}), Kt = { class: "flex min-w-0 flex-col gap-1" }, Wt = ["for"], Gt = { class: "relative flex min-w-0 items-center" }, Qt = ["id"], Yt = /* @__PURE__ */ E({
+}), Wt = { class: "flex min-w-0 flex-col gap-1" }, Gt = ["for"], Qt = { class: "relative flex min-w-0 items-center" }, Yt = ["id"], Xt = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "SelectField",
-  props: /* @__PURE__ */ Ae({
+  props: /* @__PURE__ */ Se({
     label: {}
   }, {
     modelValue: {
@@ -283,30 +291,30 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ae(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Se(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, a = $e(), l = ot(), o = v(() => a.id ?? l), s = n, [u, m] = it(e, "modelValue", {
+    const t = e, a = Ce(), l = st(), o = v(() => a.id ?? l), s = n, [u, m] = ut(e, "modelValue", {
       set(f) {
         return m.number ? Number(f) : f;
       }
     });
-    return (f, d) => (i(), r("div", Kt, [
-      t.label ? (i(), r("label", {
+    return (f, d) => (r(), i("div", Wt, [
+      t.label ? (r(), i("label", {
         key: 0,
         for: o.value,
         class: "text-tx-muted text-xs"
-      }, V(t.label), 9, Wt)) : x("", !0),
-      T("div", Gt, [
-        Ce(T("select", oe({
+      }, V(t.label), 9, Gt)) : x("", !0),
+      T("div", Qt, [
+        ze(T("select", re({
           id: o.value,
-          "onUpdate:modelValue": d[0] || (d[0] = (L) => rt(u) ? u.value = L : null),
+          "onUpdate:modelValue": d[0] || (d[0] = (L) => ct(u) ? u.value = L : null),
           class: "min-w-0 flex-1 appearance-none truncate rounded-corner border border-ui-border bg-ui-surface/60 py-1.5 pr-8 pl-2 text-sm text-tx-main"
         }, R(a), {
           onChange: d[1] || (d[1] = (L) => s("change", L))
         }), [
           S(f.$slots, "default")
-        ], 16, Qt), [
-          [st, R(u)]
+        ], 16, Yt), [
+          [dt, R(u)]
         ]),
         O(H, {
           name: "pan-down-symbolic",
@@ -317,40 +325,40 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
       ])
     ]));
   }
-}), Le = /* @__PURE__ */ Symbol("barra de vasak");
-function ke(e) {
+}), De = /* @__PURE__ */ Symbol("barra de vasak");
+function $e(e) {
   return e === "left" || e === "right" ? "vertical" : "horizontal";
 }
-const Xt = ["top", "bottom", "left", "right"];
-function Jt(e) {
-  return typeof e == "string" && Xt.includes(e);
+const Jt = ["top", "bottom", "left", "right"];
+function Zt(e) {
+  return typeof e == "string" && Jt.includes(e);
 }
-function me() {
-  const e = pe(Le, null);
+function be() {
+  const e = pe(De, null);
   if (e) return e;
   const n = w("top");
   return {
     posicion: n,
-    orientacion: v(() => ke(n.value)),
-    vertical: v(() => ke(n.value) === "vertical")
+    orientacion: v(() => $e(n.value)),
+    vertical: v(() => $e(n.value) === "vertical")
   };
 }
-const De = ["minimize", "maximize", "close"], Zt = "window", _t = "barPosition";
-function ea(e) {
-  const t = e?.[Zt]?.[_t];
-  return Jt(t) ? t : null;
+const Ee = ["minimize", "maximize", "close"], _t = "window", ea = "barPosition";
+function ta(e) {
+  const t = e?.[_t]?.[ea];
+  return Zt(t) ? t : null;
 }
-function ta(e = "top") {
+function aa(e = "top") {
   const n = w(e);
   let t = null, a = !1;
   async function l() {
     try {
       const { readConfig: o } = await import("@vasakgroup/plugin-config-manager"), s = await o();
-      n.value = ea(s) ?? e;
+      n.value = ta(s) ?? e;
     } catch {
     }
   }
-  return J(async () => {
+  return X(async () => {
     await l();
     try {
       const { listen: o } = await import("@tauri-apps/api/event"), s = await o("config-changed", () => {
@@ -363,37 +371,37 @@ function ta(e = "top") {
       t = s;
     } catch {
     }
-  }), ce(() => {
+  }), de(() => {
     a = !0, t?.(), t = null;
   }), n;
 }
-function Ue(e) {
-  const n = Fe(), t = {};
+function We(e) {
+  const n = Re(), t = {};
   for (const a of e) {
     const l = `on${a[0].toUpperCase()}${a.slice(1)}`;
     n?.vnode.props?.[l] && (t[a] = () => n.emit(a));
   }
   return t;
 }
-const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title", "aria-label"], xe = "flex items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 p-1 transition-colors", Ke = /* @__PURE__ */ E({
+const na = ["title", "aria-label"], la = ["title", "aria-label"], oa = ["title", "aria-label"], xe = "flex items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 p-1 transition-colors", Ge = /* @__PURE__ */ E({
   __name: "WindowControls",
   props: {
-    controls: { default: () => De },
+    controls: { default: () => Ee },
     minimizeLabel: {},
     maximizeLabel: {},
     closeLabel: {}
   },
   emits: ["minimize", "maximize", "close"],
   setup(e, { emit: n }) {
-    const t = e, { t: a } = ht(), l = v(() => t.minimizeLabel ?? a("ventana.minimizar")), o = v(() => t.maximizeLabel ?? a("ventana.maximizar")), s = v(() => t.closeLabel ?? a("ventana.cerrar")), u = n, { vertical: m } = me(), f = v(() => ({
+    const t = e, { t: a } = kt(), l = v(() => t.minimizeLabel ?? a("ventana.minimizar")), o = v(() => t.maximizeLabel ?? a("ventana.maximizar")), s = v(() => t.closeLabel ?? a("ventana.cerrar")), u = n, { vertical: m } = be(), f = v(() => ({
       minimize: t.controls.includes("minimize"),
       maximize: t.controls.includes("maximize"),
       close: t.controls.includes("close")
     }));
     function d() {
-      return gt();
+      return wt();
     }
-    const L = Fe();
+    const L = Re();
     function D(j) {
       return !!L?.vnode.props?.[`on${j}`];
     }
@@ -409,12 +417,12 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
       if (D("Close")) return u("close");
       d().close();
     }
-    return (j, C) => e.controls.length ? (i(), r("div", {
+    return (j, C) => e.controls.length ? (r(), i("div", {
       key: 0,
       class: h(["flex shrink-0 gap-1", R(m) ? "flex-col" : ""]),
       "data-tauri-drag-region": ""
     }, [
-      f.value.minimize ? (i(), r("button", {
+      f.value.minimize ? (r(), i("button", {
         key: 0,
         type: "button",
         class: h([xe, "hover:bg-status-success"]),
@@ -427,8 +435,8 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
           type: "symbol",
           size: 24
         })
-      ], 10, aa)) : x("", !0),
-      f.value.maximize ? (i(), r("button", {
+      ], 10, na)) : x("", !0),
+      f.value.maximize ? (r(), i("button", {
         key: 1,
         type: "button",
         class: h([xe, "hover:bg-status-warning"]),
@@ -441,8 +449,8 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
           type: "symbol",
           size: 24
         })
-      ], 10, na)) : x("", !0),
-      f.value.close ? (i(), r("button", {
+      ], 10, la)) : x("", !0),
+      f.value.close ? (r(), i("button", {
         key: 2,
         type: "button",
         class: h([xe, "hover:bg-status-error"]),
@@ -455,10 +463,10 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
           type: "symbol",
           size: 24
         })
-      ], 10, la)) : x("", !0)
+      ], 10, oa)) : x("", !0)
     ], 2)) : x("", !0);
   }
-}), oa = {
+}), ra = {
   key: 0,
   class: "flex shrink-0 items-center",
   "data-tauri-drag-region": ""
@@ -466,7 +474,7 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
   key: 1,
   class: "min-w-0 shrink truncate text-sm",
   "data-tauri-drag-region": ""
-}, We = /* @__PURE__ */ E({
+}, Qe = /* @__PURE__ */ E({
   __name: "AppBar",
   props: {
     position: { default: null },
@@ -474,25 +482,25 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
     minimizeLabel: {},
     maximizeLabel: {},
     closeLabel: {},
-    controls: { default: () => De }
+    controls: { default: () => Ee }
   },
   emits: ["minimize", "maximize", "close"],
   setup(e) {
-    const n = e, t = me(), a = v(() => n.position ?? t.posicion.value), l = v(() => a.value === "left" || a.value === "right");
-    return de(Le, {
+    const n = e, t = be(), a = v(() => n.position ?? t.posicion.value), l = v(() => a.value === "left" || a.value === "right");
+    return fe(De, {
       posicion: a,
       orientacion: v(() => l.value ? "vertical" : "horizontal"),
       vertical: l
-    }), (o, s) => (i(), r("div", {
+    }), (o, s) => (r(), i("div", {
       class: h(["relative flex shrink-0 items-center gap-2 p-1 font-title", l.value ? "h-full flex-col" : "w-full"]),
       "data-tauri-drag-region": ""
     }, [
-      o.$slots.identidad ? (i(), r("div", oa, [
+      o.$slots.identidad ? (r(), i("div", ra, [
         S(o.$slots, "identidad")
       ])) : x("", !0),
-      (o.$slots.titulo || e.title) && !l.value ? (i(), r("p", ia, [
+      (o.$slots.titulo || e.title) && !l.value ? (r(), i("p", ia, [
         S(o.$slots, "titulo", {}, () => [
-          ze(V(e.title), 1)
+          Le(V(e.title), 1)
         ])
       ])) : x("", !0),
       T("div", {
@@ -501,19 +509,19 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
       }, [
         S(o.$slots, "default")
       ], 2),
-      o.$slots.acciones ? (i(), r("div", {
+      o.$slots.acciones ? (r(), i("div", {
         key: 2,
         class: h(["flex shrink-0 items-center gap-1", l.value ? "flex-col" : ""])
       }, [
         S(o.$slots, "acciones")
       ], 2)) : x("", !0),
-      O(Ke, oe({
+      O(Ge, re({
         controls: e.controls,
         "minimize-label": e.minimizeLabel,
         "maximize-label": e.maximizeLabel,
         "close-label": e.closeLabel
-      }, Re(R(Ue)(["minimize", "maximize", "close"]))), null, 16, ["controls", "minimize-label", "maximize-label", "close-label"]),
-      o.$slots.centro ? (i(), r("div", {
+      }, qe(R(We)(["minimize", "maximize", "close"]))), null, 16, ["controls", "minimize-label", "maximize-label", "close-label"]),
+      o.$slots.centro ? (r(), i("div", {
         key: 3,
         class: h(["pointer-events-none absolute flex items-center justify-center", l.value ? "inset-x-0 top-1/2 -translate-y-1/2 flex-col" : "inset-y-0 left-1/2 -translate-x-1/2"])
       }, [
@@ -525,7 +533,7 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
       ], 2)) : x("", !0)
     ], 2));
   }
-}), ra = { class: "flex min-h-0 min-w-0 flex-1" }, sa = /* @__PURE__ */ E({
+}), sa = { class: "flex min-h-0 min-w-0 flex-1" }, ua = /* @__PURE__ */ E({
   __name: "WindowFrame",
   props: {
     position: { default: null },
@@ -533,23 +541,23 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
     minimizeLabel: {},
     maximizeLabel: {},
     closeLabel: {},
-    controls: { default: () => De },
+    controls: { default: () => Ee },
     hideBar: { type: Boolean, default: !1 }
   },
   emits: ["minimize", "maximize", "close"],
   setup(e) {
-    const n = e, t = ta(), a = v(() => n.position ?? t.value), l = v(() => ke(a.value)), o = v(() => l.value === "vertical");
-    de(Le, { posicion: a, orientacion: l, vertical: o });
+    const n = e, t = aa(), a = v(() => n.position ?? t.value), l = v(() => $e(a.value)), o = v(() => l.value === "vertical");
+    fe(De, { posicion: a, orientacion: l, vertical: o });
     const s = {
       top: "flex-col",
       bottom: "flex-col-reverse",
       left: "flex-row",
       right: "flex-row-reverse"
     };
-    return (u, m) => (i(), r("div", {
+    return (u, m) => (r(), i("div", {
       class: h(["flex h-screen w-screen overflow-hidden rounded-corner-window border border-ui-border bg-ui-bg/80", s[a.value]])
     }, [
-      e.hideBar ? x("", !0) : (i(), Q(We, oe({
+      e.hideBar ? x("", !0) : (r(), Q(Qe, re({
         key: 0,
         position: a.value,
         title: e.title,
@@ -557,7 +565,7 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
         "maximize-label": e.maximizeLabel,
         "close-label": e.closeLabel,
         controls: e.controls
-      }, Re(R(Ue)(["minimize", "maximize", "close"]))), ut({
+      }, qe(R(We)(["minimize", "maximize", "close"]))), ft({
         default: K(() => [
           S(u.$slots, "barra")
         ]),
@@ -592,22 +600,22 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
           key: "3"
         } : void 0
       ]), 1040, ["position", "title", "minimize-label", "maximize-label", "close-label", "controls"])),
-      T("div", ra, [
+      T("div", sa, [
         S(u.$slots, "default")
       ])
     ], 2));
   }
-}), ua = ["aria-selected", "title", "aria-label", "tabindex"], ca = {
+}), ca = ["aria-selected", "title", "aria-label", "tabindex"], da = {
   key: 1,
   "aria-hidden": "true"
-}, da = {
+}, fa = {
   key: 2,
   class: "min-w-0 flex-1 truncate"
-}, fa = ["title", "aria-label"], ma = { class: "whitespace-nowrap" }, ba = {
+}, ma = ["title", "aria-label"], ba = { class: "whitespace-nowrap" }, va = {
   key: 0,
   class: "size-2 shrink-0 rounded-full bg-current",
   "aria-hidden": "true"
-}, va = ["title", "aria-label"], pa = 500, Me = 8, Ie = 6, Ge = /* @__PURE__ */ E({
+}, pa = ["title", "aria-label"], ya = 500, Ie = 8, Oe = 6, Ye = /* @__PURE__ */ E({
   __name: "TabItem",
   props: {
     tab: {},
@@ -618,7 +626,7 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
   },
   emits: ["select", "close", "menu", "mover", "navegar"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { vertical: l, posicion: o } = me(), s = w(null), u = w(null), m = w(!1), f = w(!1), d = w(!1), L = w({ top: 0, left: 0, right: 0 });
+    const t = e, a = n, { vertical: l, posicion: o } = be(), s = w(null), u = w(null), m = w(!1), f = w(!1), d = w(!1), L = w({ top: 0, left: 0, right: 0 });
     let D = null, A = null;
     const y = v(() => t.tab.closable !== !1), $ = v(() => t.tab.tooltip ?? t.tab.label), j = v(
       () => t.tab.dirty ? `${t.tab.label} · ${t.dirtyLabel}` : t.tab.label
@@ -630,7 +638,7 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
       () => l.value && (m.value || f.value || d.value)
     ), P = v(() => {
       const q = { position: "fixed", top: `${L.value.top}px`, zIndex: 50 };
-      return o.value === "right" ? { ...q, right: `${L.value.right + Ie}px` } : { ...q, left: `${L.value.left + Ie}px` };
+      return o.value === "right" ? { ...q, right: `${L.value.right + Oe}px` } : { ...q, left: `${L.value.left + Oe}px` };
     });
     function _() {
       const q = s.value;
@@ -658,19 +666,19 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
     function z(q) {
       q.button === 0 && (A = { x: q.clientX, y: q.clientY }, D = setTimeout(() => {
         A && a("menu", A), B();
-      }, pa));
+      }, ya));
     }
     function I(q) {
       if (!A) return;
-      (Math.abs(q.clientX - A.x) > Me || Math.abs(q.clientY - A.y) > Me) && B();
+      (Math.abs(q.clientX - A.x) > Ie || Math.abs(q.clientY - A.y) > Ie) && B();
     }
     function ie(q) {
       q.button === 1 && y.value && (q.preventDefault(), a("close"));
     }
-    function lt(q) {
+    function rt(q) {
       q.preventDefault(), a("menu", { x: q.clientX, y: q.clientY });
     }
-    return ce(B), (q, k) => (i(), r("div", {
+    return de(B), (q, k) => (r(), i("div", {
       ref_key: "raiz",
       ref: s,
       class: h(["group relative flex shrink-0 cursor-pointer items-center gap-2 rounded-corner border border-ui-border transition-colors", [
@@ -699,7 +707,7 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
         k[18] || (k[18] = F(M((N) => y.value && a("close"), ["prevent", "stop"]), ["delete"]))
       ],
       onAuxclick: M(ie, ["stop"]),
-      onContextmenu: lt,
+      onContextmenu: rt,
       onPointerdown: z,
       onPointermove: I,
       onPointerup: B,
@@ -709,18 +717,18 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
       onFocus: G,
       onBlur: k[20] || (k[20] = (N) => f.value = !1)
     }, [
-      e.tab.icon ? (i(), Q(H, {
+      e.tab.icon ? (r(), Q(H, {
         key: 0,
         name: e.tab.icon,
         size: 16,
         class: "shrink-0"
-      }, null, 8, ["name"])) : R(l) ? (i(), r("span", ca, V(C.value), 1)) : x("", !0),
-      R(l) ? x("", !0) : (i(), r("span", da, V(e.tab.label), 1)),
-      c.value ? (i(), r("span", {
+      }, null, 8, ["name"])) : R(l) ? (r(), i("span", da, V(C.value), 1)) : x("", !0),
+      R(l) ? x("", !0) : (r(), i("span", fa, V(e.tab.label), 1)),
+      c.value ? (r(), i("span", {
         key: 3,
         class: h(["size-2 shrink-0 rounded-full bg-current", R(l) ? "absolute right-0.5 top-0.5" : ""]),
         "aria-hidden": "true"
-      }, null, 2)) : b.value && !R(l) ? (i(), r("button", {
+      }, null, 2)) : b.value && !R(l) ? (r(), i("button", {
         key: 4,
         type: "button",
         class: "flex size-4 shrink-0 items-center justify-center rounded-corner-sm hover:bg-ui-surface",
@@ -733,8 +741,8 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
           type: "symbol",
           size: 12
         })
-      ], 8, fa)) : x("", !0),
-      (i(), Q(fe, { to: "body" }, [
+      ], 8, ma)) : x("", !0),
+      (r(), Q(me, { to: "body" }, [
         O(ye, {
           "enter-active-class": "transition duration-150 ease-out",
           "enter-from-class": "opacity-0 scale-95",
@@ -742,20 +750,20 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
           "leave-to-class": "opacity-0 scale-95"
         }, {
           default: K(() => [
-            p.value ? (i(), r("div", {
+            p.value ? (r(), i("div", {
               key: 0,
               class: h(["flex items-center gap-2 rounded-corner border border-ui-border bg-ui-surface/95 px-3 py-1 text-sm shadow-lg", e.active ? "font-bold" : ""]),
               ref_key: "desplegadoRef",
               ref: u,
-              style: re(P.value),
+              style: se(P.value),
               onMouseenter: k[2] || (k[2] = (N) => d.value = !0),
               onMouseleave: k[3] || (k[3] = (N) => d.value = !1),
               onFocusin: k[4] || (k[4] = (N) => d.value = !0),
               onFocusout: U
             }, [
-              T("span", ma, V(e.tab.label), 1),
-              e.tab.dirty ? (i(), r("span", ba)) : x("", !0),
-              y.value ? (i(), r("button", {
+              T("span", ba, V(e.tab.label), 1),
+              e.tab.dirty ? (r(), i("span", va)) : x("", !0),
+              y.value ? (r(), i("button", {
                 key: 1,
                 type: "button",
                 class: "flex size-4 shrink-0 items-center justify-center rounded-corner-sm hover:bg-ui-surface",
@@ -768,15 +776,15 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
                   type: "symbol",
                   size: 12
                 })
-              ], 8, va)) : x("", !0)
+              ], 8, pa)) : x("", !0)
             ], 38)) : x("", !0)
           ]),
           _: 1
         })
       ]))
-    ], 42, ua));
+    ], 42, ca));
   }
-}), ya = ["aria-orientation"], ga = ["draggable", "onDragstart", "onDragover", "onDrop"], ha = ["title", "aria-label"], xa = /* @__PURE__ */ E({
+}), ga = ["aria-orientation"], ha = ["draggable", "onDragstart", "onDragover", "onDrop"], xa = ["title", "aria-label"], wa = /* @__PURE__ */ E({
   __name: "TabBar",
   props: {
     tabs: {},
@@ -788,7 +796,7 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
   },
   emits: ["update:modelValue", "select", "close", "new", "reorder", "menu"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { vertical: l } = me(), o = w(null), s = w(0), u = w(null), m = w(null);
+    const t = e, a = n, { vertical: l } = be(), o = w(null), s = w(0), u = w(null), m = w(null);
     function f(g) {
       a("update:modelValue", g), a("select", g);
     }
@@ -829,7 +837,7 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
     const C = v(
       () => l.value ? "flex h-full flex-col items-center gap-1 overflow-y-auto overflow-x-hidden" : "flex items-center gap-1 overflow-x-auto overflow-y-hidden"
     );
-    return (g, c) => (i(), r("div", {
+    return (g, c) => (r(), i("div", {
       class: h(["flex min-h-0 min-w-0 items-center gap-1", R(l) ? "w-full flex-col" : "h-full"]),
       role: "tablist",
       "aria-orientation": R(l) ? "vertical" : "horizontal"
@@ -840,7 +848,7 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
         class: h(C.value),
         onWheel: D
       }, [
-        (i(!0), r(Z, null, le(e.tabs, (b, p) => (i(), r("div", {
+        (r(!0), i(Z, null, le(e.tabs, (b, p) => (r(), i("div", {
           key: b.id,
           class: h(["transition-opacity", [
             u.value === p ? "opacity-40" : "",
@@ -852,7 +860,7 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
           onDrop: M((P) => $(p), ["prevent"]),
           onDragend: j
         }, [
-          O(Ge, {
+          O(Ye, {
             tab: b,
             active: b.id === e.modelValue,
             "close-label": e.closeLabel,
@@ -864,9 +872,9 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
             onNavegar: (P) => d(p, P),
             onMover: (P) => L(p, P)
           }, null, 8, ["tab", "active", "close-label", "dirty-label", "tabindex", "onSelect", "onClose", "onMenu", "onNavegar", "onMover"])
-        ], 42, ga))), 128))
+        ], 42, ha))), 128))
       ], 34),
-      e.newLabel ? (i(), r("button", {
+      e.newLabel ? (r(), i("button", {
         key: 0,
         type: "button",
         class: "flex size-7 shrink-0 items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 hover:bg-ui-surface/70",
@@ -879,10 +887,10 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
           type: "symbol",
           size: 14
         })
-      ], 8, ha)) : x("", !0)
-    ], 10, ya));
+      ], 8, xa)) : x("", !0)
+    ], 10, ga));
   }
-}), wa = ["id", "aria-label", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-describedby", "autocomplete", "aria-invalid"], Qe = /* @__PURE__ */ E({
+}), ka = ["id", "aria-label", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-describedby", "autocomplete", "aria-invalid"], Xe = /* @__PURE__ */ E({
   __name: "TextInput",
   props: {
     modelValue: {},
@@ -920,7 +928,7 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
       a.mono ? "font-mono" : "",
       a.disabled ? "cursor-not-allowed opacity-60" : ""
     ]);
-    return (d, L) => (i(), r("input", {
+    return (d, L) => (r(), i("input", {
       ref_key: "campo",
       ref: u,
       id: e.id,
@@ -939,9 +947,9 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
       onChange: s,
       onKeyup: L[0] || (L[0] = (D) => l("keyup", D)),
       onKeydown: L[1] || (L[1] = (D) => l("keydown", D))
-    }, null, 42, wa));
+    }, null, 42, ka));
   }
-}), ka = { class: "pointer-events-none absolute left-2 flex items-center" }, $a = ["aria-label"], Ee = /* @__PURE__ */ E({
+}), $a = { class: "pointer-events-none absolute left-2 flex items-center" }, Ca = ["aria-label"], Te = /* @__PURE__ */ E({
   __name: "SearchField",
   props: {
     modelValue: { default: "" },
@@ -984,18 +992,18 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
     function y() {
       return o.value?.enfocar() ?? !1;
     }
-    return n({ enfocar: y }), J(async () => {
+    return n({ enfocar: y }), X(async () => {
       a.autofocus && (await Y(), y());
-    }), ve(d), W(
+    }), ce(d), W(
       () => a.disabled,
       ($) => {
         $ && d();
       }
-    ), ($, j) => (i(), r("div", {
+    ), ($, j) => (r(), i("div", {
       class: "relative flex items-center",
       onKeydown: F(D, ["enter"])
     }, [
-      T("span", ka, [
+      T("span", $a, [
         O(H, {
           name: e.busy ? "content-loading" : "system-search",
           type: "symbol",
@@ -1003,7 +1011,7 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
           class: h(e.busy ? "animate-spin opacity-70" : "opacity-60")
         }, null, 8, ["name", "class"])
       ]),
-      O(Qe, oe({
+      O(Xe, re({
         ref_key: "campo",
         ref: o,
         type: "search",
@@ -1016,7 +1024,7 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
         "onUpdate:modelValue": L,
         onKeydown: j[0] || (j[0] = (C) => l("keydown", C))
       }), null, 16, ["model-value", "placeholder", "ariaLabel", "disabled", "class"]),
-      f.value ? (i(), r("button", {
+      f.value ? (r(), i("button", {
         key: 0,
         type: "button",
         class: "absolute right-1 flex size-6 items-center justify-center rounded-corner text-tx-muted hover:bg-ui-surface",
@@ -1031,10 +1039,10 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
           size: 12,
           alt: ""
         })
-      ], 40, $a)) : x("", !0)
+      ], 40, Ca)) : x("", !0)
     ], 32));
   }
-}), Ca = ["title", "aria-label", "aria-expanded"], za = /* @__PURE__ */ E({
+}), za = ["title", "aria-label", "aria-expanded"], La = /* @__PURE__ */ E({
   __name: "BarSearch",
   props: {
     modelValue: { default: "" },
@@ -1046,7 +1054,7 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
   },
   emits: ["update:modelValue", "search", "open", "close"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { vertical: l, posicion: o } = me(), s = w(!1), u = w(null), m = v(() => l.value || t.collapsed), f = v(() => !m.value || s.value), d = v(() => {
+    const t = e, a = n, { vertical: l, posicion: o } = be(), s = w(!1), u = w(null), m = v(() => l.value || t.collapsed), f = v(() => !m.value || s.value), d = v(() => {
       if (!m.value) return "";
       const y = "absolute z-40 w-64 rounded-corner border border-ui-border bg-ui-surface/95 p-1 shadow-lg";
       return o.value === "left" ? `${y} left-full top-0 ml-1` : o.value === "right" ? `${y} right-full top-0 mr-1` : o.value === "bottom" ? `${y} bottom-full right-0 mb-1` : `${y} top-full right-0 mt-1`;
@@ -1061,11 +1069,11 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
       const $ = y.relatedTarget;
       $ && y.currentTarget.contains($) || D();
     }
-    return (y, $) => (i(), r("div", {
+    return (y, $) => (r(), i("div", {
       class: "relative flex shrink-0 items-center",
       onFocusout: A
     }, [
-      m.value ? (i(), r("button", {
+      m.value ? (r(), i("button", {
         key: 0,
         type: "button",
         class: "flex size-7 items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 hover:bg-ui-surface/70",
@@ -1081,13 +1089,13 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
           type: "symbol",
           size: 14
         })
-      ], 40, Ca)) : x("", !0),
-      f.value ? (i(), r("div", {
+      ], 40, za)) : x("", !0),
+      f.value ? (r(), i("div", {
         key: 1,
         class: h(d.value),
         onKeydown: F(D, ["esc"])
       }, [
-        O(Ee, {
+        O(Te, {
           ref_key: "campo",
           ref: u,
           "model-value": e.modelValue,
@@ -1102,10 +1110,10 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
       ], 34)) : x("", !0)
     ], 32));
   }
-}), La = ["type", "disabled"], Da = {
+}), Da = ["type", "disabled"], Ea = {
   key: 0,
   class: "w-4 h-4 animate-spin rounded-full border-2 border-current border-t-transparent"
-}, Ea = ["src", "alt"], Ta = { key: 2 }, Ba = ["src", "alt"], Aa = /* @__PURE__ */ E({
+}, Ta = ["src", "alt"], Ba = { key: 2 }, Aa = ["src", "alt"], Sa = /* @__PURE__ */ E({
   __name: "ActionButton",
   props: {
     label: {},
@@ -1135,10 +1143,10 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
     }, s = (u) => {
       t.stopPropagation && u.stopPropagation(), t.preventDefault && u.preventDefault(), !t.disabled && !t.loading && a("click");
     };
-    return (u, m) => (i(), r("button", {
+    return (u, m) => (r(), i("button", {
       type: t.type,
       onClick: s,
-      class: h(["rounded-corner transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", [
+      class: h(["rounded-corner transition-[background-color,opacity] duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", [
         l[t.variant],
         o[t.size],
         t.fullWidth ? "w-full" : "",
@@ -1147,43 +1155,43 @@ const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title",
       ]]),
       disabled: t.disabled || t.loading
     }, [
-      e.loading ? (i(), r("span", Da)) : x("", !0),
-      t.iconSrc && !t.iconRight ? (i(), r("img", {
+      e.loading ? (r(), i("span", Ea)) : x("", !0),
+      t.iconSrc && !t.iconRight ? (r(), i("img", {
         key: 1,
         src: t.iconSrc,
         alt: t.iconAlt || t.label,
         class: "w-4 h-4"
-      }, null, 8, Ea)) : x("", !0),
-      t.label ? (i(), r("span", Ta, V(t.label), 1)) : x("", !0),
-      t.iconSrc && t.iconRight ? (i(), r("img", {
+      }, null, 8, Ta)) : x("", !0),
+      t.label ? (r(), i("span", Ba, V(t.label), 1)) : x("", !0),
+      t.iconSrc && t.iconRight ? (r(), i("img", {
         key: 3,
         src: t.iconSrc,
         alt: t.iconAlt || t.label,
         class: "w-4 h-4"
-      }, null, 8, Ba)) : x("", !0)
-    ], 10, La));
+      }, null, 8, Aa)) : x("", !0)
+    ], 10, Da));
   }
 }), ge = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [a, l] of n)
     t[a] = l;
   return t;
-}, Sa = /* @__PURE__ */ ge(Aa, [["__scopeId", "data-v-2eaf6e27"]]), Ye = {
+}, Va = /* @__PURE__ */ ge(Sa, [["__scopeId", "data-v-3c1bd6bd"]]), Je = {
   info: "border-ui-border bg-ui-surface/70 text-tx-main",
   success: "border-status-success/40 bg-status-success/10 text-tx-main",
   warning: "border-status-warning/40 bg-status-warning/10 text-tx-main",
   error: "border-status-error/40 bg-status-error/10 text-tx-main"
 };
-function Xe(e) {
+function Ze(e) {
   return e === "error" ? "alert" : "status";
 }
-const Va = ["role"], Ma = {
+const Ma = ["role"], Ia = {
   key: 0,
   class: "mt-0.5"
-}, Ia = { class: "min-w-0 flex-1" }, Oa = {
+}, Oa = { class: "min-w-0 flex-1" }, ja = {
   key: 0,
   class: "font-semibold"
-}, ja = /* @__PURE__ */ E({
+}, Pa = /* @__PURE__ */ E({
   __name: "AlertMessage",
   props: {
     tone: { default: "info" },
@@ -1192,13 +1200,13 @@ const Va = ["role"], Ma = {
     iconType: { default: "symbol" }
   },
   setup(e) {
-    const n = e, t = v(() => Ye[n.tone]), a = v(() => Xe(n.tone));
-    return (l, o) => (i(), r("div", {
+    const n = e, t = v(() => Je[n.tone]), a = v(() => Ze(n.tone));
+    return (l, o) => (r(), i("div", {
       role: a.value,
       "aria-atomic": "true",
       class: h(["flex gap-3 rounded-corner border px-4 py-2 text-sm", t.value])
     }, [
-      e.icon ? (i(), r("span", Ma, [
+      e.icon ? (r(), i("span", Ia, [
         O(H, {
           name: e.icon,
           type: e.iconType,
@@ -1206,20 +1214,20 @@ const Va = ["role"], Ma = {
           alt: ""
         }, null, 8, ["name", "type"])
       ])) : x("", !0),
-      T("div", Ia, [
-        e.title ? (i(), r("p", Oa, V(e.title), 1)) : x("", !0),
+      T("div", Oa, [
+        e.title ? (r(), i("p", ja, V(e.title), 1)) : x("", !0),
         T("div", {
           class: h(e.title ? "mt-1" : "")
         }, [
           S(l.$slots, "default")
         ], 2)
       ])
-    ], 10, Va));
+    ], 10, Ma));
   }
-}), Pa = { class: "font-medium text-sm text-tx-main" }, Fa = {
+}), Fa = { class: "font-medium text-sm text-tx-main" }, Ra = {
   key: 0,
   class: "text-sm text-tx-muted"
-}, Ra = /* @__PURE__ */ E({
+}, qa = /* @__PURE__ */ E({
   __name: "EmptyState",
   props: {
     title: {},
@@ -1229,7 +1237,7 @@ const Va = ["role"], Ma = {
     bordered: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (n, t) => (i(), r("div", {
+    return (n, t) => (r(), i("div", {
       class: h(["flex flex-col items-center justify-center gap-3 px-8 py-12 text-center", e.bordered ? "rounded-corner border border-ui-border border-dashed bg-ui-surface/20" : ""])
     }, [
       O(H, {
@@ -1238,28 +1246,28 @@ const Va = ["role"], Ma = {
         size: 48,
         class: "opacity-60"
       }, null, 8, ["name", "type"]),
-      T("p", Pa, V(e.title), 1),
-      e.note ? (i(), r("p", Fa, V(e.note), 1)) : x("", !0),
+      T("p", Fa, V(e.title), 1),
+      e.note ? (r(), i("p", Ra, V(e.note), 1)) : x("", !0),
       S(n.$slots, "default")
     ], 2));
   }
-}), qa = { class: "text-sm text-tx-muted" }, Na = /* @__PURE__ */ E({
+}), Na = { class: "text-sm text-tx-muted" }, Ha = /* @__PURE__ */ E({
   __name: "LoadingState",
   props: {
     label: {},
     bordered: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (n, t) => (i(), r("div", {
+    return (n, t) => (r(), i("div", {
       role: "status",
       "aria-atomic": "true",
       class: h(["flex flex-col items-center justify-center gap-4 px-8 py-12 text-center", e.bordered ? "rounded-corner border border-ui-border border-dashed bg-ui-surface/20" : ""])
     }, [
       t[0] || (t[0] = T("span", { class: "h-10 w-10 animate-spin rounded-full border-4 border-ui-border border-t-primary motion-reduce:animate-none" }, null, -1)),
-      T("p", qa, V(e.label), 1)
+      T("p", Na, V(e.label), 1)
     ], 2));
   }
-}), Ha = ["role"], Ua = /* @__PURE__ */ E({
+}), Ua = ["role"], Ka = /* @__PURE__ */ E({
   __name: "ToastArea",
   props: {
     toasts: {},
@@ -1269,11 +1277,11 @@ const Va = ["role"], Ma = {
     const n = e, t = v(
       () => n.position === "bottom-center" ? "bottom-4 left-1/2 -translate-x-1/2" : "right-4 bottom-4"
     );
-    return (a, l) => (i(), Q(fe, { to: "body" }, [
+    return (a, l) => (r(), Q(me, { to: "body" }, [
       T("div", {
         class: h(["pointer-events-none fixed z-60 flex flex-col gap-2", t.value])
       }, [
-        O(ct, {
+        O(mt, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "leave-active-class": "transition-all duration-200 ease-in",
           "enter-from-class": "translate-y-2 opacity-0",
@@ -1281,26 +1289,26 @@ const Va = ["role"], Ma = {
           "move-class": "transition-transform duration-300"
         }, {
           default: K(() => [
-            (i(!0), r(Z, null, le(e.toasts, (o) => (i(), r("div", {
+            (r(!0), i(Z, null, le(e.toasts, (o) => (r(), i("div", {
               key: o.id,
-              role: R(Xe)(o.tone ?? "info"),
+              role: R(Ze)(o.tone ?? "info"),
               "aria-atomic": "true",
-              class: h(["pointer-events-auto rounded-corner border px-4 py-2 text-sm shadow-lg backdrop-blur-sm", R(Ye)[o.tone ?? "info"]])
+              class: h(["pointer-events-auto rounded-corner border px-4 py-2 text-sm shadow-lg backdrop-blur-sm", R(Je)[o.tone ?? "info"]])
             }, [
               S(a.$slots, "default", { aviso: o }, () => [
-                ze(V(o.message), 1)
+                Le(V(o.message), 1)
               ])
-            ], 10, Ha))), 128))
+            ], 10, Ua))), 128))
           ]),
           _: 3
         })
       ], 2)
     ]));
   }
-}), Ka = ["aria-label", "aria-valuenow"], Wa = {
+}), Wa = ["aria-label", "aria-valuenow"], Ga = {
   key: 1,
   class: "h-full w-full animate-pulse rounded-corner bg-primary motion-reduce:animate-none motion-reduce:bg-primary/40"
-}, Ga = /* @__PURE__ */ E({
+}, Qa = /* @__PURE__ */ E({
   __name: "ProgressBar",
   props: {
     value: {},
@@ -1315,7 +1323,7 @@ const Va = ["role"], Ma = {
     }, a = v(
       () => n.value === null ? null : Math.max(0, Math.min(100, n.value))
     );
-    return (l, o) => (i(), r("div", {
+    return (l, o) => (r(), i("div", {
       role: "progressbar",
       "aria-label": e.label,
       "aria-valuenow": a.value ?? void 0,
@@ -1323,20 +1331,20 @@ const Va = ["role"], Ma = {
       "aria-valuemax": "100",
       class: "h-2 w-full overflow-hidden rounded-corner bg-ui-surface/70"
     }, [
-      a.value !== null ? (i(), r("div", {
+      a.value !== null ? (r(), i("div", {
         key: 0,
         class: h(["h-full rounded-corner transition-[width] duration-300 ease-out", t[e.tone]]),
-        style: re({ width: `${a.value}%` })
-      }, null, 6)) : (i(), r("div", Wa))
-    ], 8, Ka));
+        style: se({ width: `${a.value}%` })
+      }, null, 6)) : (r(), i("div", Ga))
+    ], 8, Wa));
   }
-}), Qa = /[/\-_.]/;
+}), Ya = /[/\-_.]/;
 function we(e, n) {
   if (!n) return 100;
   const t = n.toLowerCase();
-  return t === e ? 0 : t.startsWith(e) ? 10 : t.split(Qa).some((a) => a.startsWith(e)) ? 30 : t.includes(e) ? 40 : 100;
+  return t === e ? 0 : t.startsWith(e) ? 10 : t.split(Ya).some((a) => a.startsWith(e)) ? 30 : t.includes(e) ? 40 : 100;
 }
-function Ya(e, n) {
+function Xa(e, n) {
   const t = n.trim().toLowerCase();
   if (!t) return e;
   const a = [];
@@ -1346,23 +1354,23 @@ function Ya(e, n) {
   }
   return a.sort((l, o) => l.rango - o.rango || l.orden - o.orden), a.map((l) => l.opcion);
 }
-let Oe = 0;
-function Xa() {
-  return Oe += 1, `vsk-lista-${Oe}`;
+let je = 0;
+function Ja() {
+  return je += 1, `vsk-lista-${je}`;
 }
-const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 flex-1 truncate" }, _a = {
+const Za = ["disabled", "aria-label", "aria-expanded"], _a = { class: "min-w-0 flex-1 truncate" }, en = {
   key: 0,
   class: "ml-2 text-tx-muted text-xs"
-}, en = { class: "border-ui-border border-b p-2" }, tn = ["id"], an = {
+}, tn = { class: "border-ui-border border-b p-2" }, an = ["id"], nn = {
   key: 0,
   class: "p-3 text-center text-tx-muted text-xs"
-}, nn = ["id", "data-indice", "aria-selected"], ln = { class: "min-w-0 flex-1 truncate" }, on = {
+}, ln = ["id", "data-indice", "aria-selected"], on = { class: "min-w-0 flex-1 truncate" }, rn = {
   key: 0,
   class: "shrink-0 text-tx-muted text-xs"
-}, rn = {
+}, sn = {
   key: 1,
   class: "px-2 py-1 text-tx-muted text-xs"
-}, sn = /* @__PURE__ */ E({
+}, un = /* @__PURE__ */ E({
   __name: "SearchSelect",
   props: {
     modelValue: {},
@@ -1377,9 +1385,9 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = w(""), o = w(!1), s = w(0), u = w(null), m = w(null), f = w(null), d = Xa(), L = v(
+    const t = e, a = n, l = w(""), o = w(!1), s = w(0), u = w(null), m = w(null), f = w(null), d = Ja(), L = v(
       () => t.options.find((B) => B.valor === t.modelValue) ?? null
-    ), D = v(() => Ya(t.options, l.value)), A = v(() => D.value.slice(0, t.limit)), y = v(() => Math.max(0, D.value.length - t.limit)), $ = v(
+    ), D = v(() => Xa(t.options, l.value)), A = v(() => D.value.slice(0, t.limit)), y = v(() => Math.max(0, D.value.length - t.limit)), $ = v(
       () => A.value.length > 0 ? `${d}-${s.value}` : void 0
     );
     function j(B) {
@@ -1435,7 +1443,7 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
       const z = B.relatedTarget;
       z && B.currentTarget.contains(z) || g(!1);
     }
-    return (B, z) => (i(), r("div", {
+    return (B, z) => (r(), i("div", {
       class: "relative",
       onFocusout: G
     }, [
@@ -1454,9 +1462,9 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
           z[2] || (z[2] = F(M((I) => o.value ? c(-1) : C(), ["prevent"]), ["up"]))
         ]
       }, [
-        T("span", Za, [
-          ze(V(L.value?.etiqueta ?? e.placeholder) + " ", 1),
-          L.value?.detalle ? (i(), r("span", _a, V(L.value.detalle), 1)) : x("", !0)
+        T("span", _a, [
+          Le(V(L.value?.etiqueta ?? e.placeholder) + " ", 1),
+          L.value?.detalle ? (r(), i("span", en, V(L.value.detalle), 1)) : x("", !0)
         ]),
         O(H, {
           name: "go-down",
@@ -1464,8 +1472,8 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
           size: 12,
           class: "shrink-0 opacity-60"
         })
-      ], 40, Ja),
-      o.value ? (i(), r("div", {
+      ], 40, Za),
+      o.value ? (r(), i("div", {
         key: 0,
         class: h(["absolute z-20 w-full min-w-64 rounded-corner border border-ui-border-strong bg-ui-bg shadow-lg", e.up ? "bottom-full mb-1" : "mt-1"]),
         onKeydown: [
@@ -1480,8 +1488,8 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
         onClick: P,
         onMousemove: _
       }, [
-        T("div", en, [
-          O(Ee, {
+        T("div", tn, [
+          O(Te, {
             ref_key: "campo",
             ref: f,
             modelValue: l.value,
@@ -1500,8 +1508,8 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
           role: "listbox",
           class: "max-h-56 overflow-y-auto p-1"
         }, [
-          A.value.length === 0 ? (i(), r("li", an, V(e.emptyText), 1)) : x("", !0),
-          (i(!0), r(Z, null, le(A.value, (I, ie) => (i(), r("li", {
+          A.value.length === 0 ? (r(), i("li", nn, V(e.emptyText), 1)) : x("", !0),
+          (r(!0), i(Z, null, le(A.value, (I, ie) => (r(), i("li", {
             id: `${R(d)}-${ie}`,
             key: I.valor,
             "data-indice": ie,
@@ -1512,15 +1520,15 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
               I.valor === e.modelValue ? "font-medium text-primary" : "text-tx-main"
             ]])
           }, [
-            T("span", ln, V(I.etiqueta), 1),
-            I.detalle ? (i(), r("span", on, V(I.detalle), 1)) : x("", !0)
-          ], 10, nn))), 128)),
-          y.value > 0 ? (i(), r("li", rn, "+" + V(y.value), 1)) : x("", !0)
-        ], 8, tn)
+            T("span", on, V(I.etiqueta), 1),
+            I.detalle ? (r(), i("span", rn, V(I.detalle), 1)) : x("", !0)
+          ], 10, ln))), 128)),
+          y.value > 0 ? (r(), i("li", sn, "+" + V(y.value), 1)) : x("", !0)
+        ], 8, an)
       ], 34)) : x("", !0)
     ], 32));
   }
-}), un = { class: "text-base font-semibold m-0 text-primary dark:text-primary-dark" }, cn = /* @__PURE__ */ E({
+}), cn = { class: "text-base font-semibold m-0 text-primary dark:text-primary-dark" }, dn = /* @__PURE__ */ E({
   __name: "ConfigSection",
   props: {
     title: {},
@@ -1528,26 +1536,26 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
     customClass: { default: () => ({}) }
   },
   setup(e) {
-    return (n, t) => (i(), r("div", {
+    return (n, t) => (r(), i("div", {
       class: h(["flex flex-col gap-4 p-4 background rounded-corner", e.customClass])
     }, [
-      T("h3", un, V(e.icon ? `${e.icon} ${e.title}` : e.title), 1),
+      T("h3", cn, V(e.icon ? `${e.icon} ${e.title}` : e.title), 1),
       S(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), dn = /* @__PURE__ */ ge(cn, [["__scopeId", "data-v-45bd4eab"]]), fn = { class: "flex items-center gap-3 flex-1 min-w-0" }, mn = ["src", "alt"], bn = { class: "min-w-0" }, vn = { class: "font-semibold truncate" }, pn = {
+}), fn = /* @__PURE__ */ ge(dn, [["__scopeId", "data-v-45bd4eab"]]), mn = { class: "flex items-center gap-3 flex-1 min-w-0" }, bn = ["src", "alt"], vn = { class: "min-w-0" }, pn = { class: "font-semibold truncate" }, yn = {
   key: 0,
   class: "text-xs text-gray-400 truncate"
-}, yn = {
+}, gn = {
   key: 1,
   class: "text-xs text-gray-400 truncate"
-}, gn = {
+}, hn = {
   key: 2,
   class: "text-xs text-gray-400 flex gap-2 mt-1"
-}, hn = {
+}, xn = {
   key: 1,
   class: "w-2 h-2 rounded-full bg-green-500"
-}, xn = /* @__PURE__ */ E({
+}, wn = /* @__PURE__ */ E({
   __name: "DeviceCard",
   props: {
     icon: {},
@@ -1569,36 +1577,36 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
     }, l = () => {
       t("click");
     };
-    return (o, s) => (i(), r("div", {
+    return (o, s) => (r(), i("div", {
       class: h(["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: l
     }, [
-      T("div", fn, [
+      T("div", mn, [
         T("img", {
           src: e.icon,
           alt: e.title,
           class: "h-7 w-7 shrink-0"
-        }, null, 8, mn),
-        T("div", bn, [
-          T("div", vn, V(e.title), 1),
-          e.subtitle ? (i(), r("div", pn, V(e.subtitle), 1)) : x("", !0),
-          e.metadata ? (i(), r("div", yn, V(e.metadata), 1)) : x("", !0),
-          e.extraInfo && e.extraInfo.length > 0 ? (i(), r("div", gn, [
-            (i(!0), r(Z, null, le(e.extraInfo, (u, m) => (i(), r("span", { key: m }, V(u), 1))), 128))
+        }, null, 8, bn),
+        T("div", vn, [
+          T("div", pn, V(e.title), 1),
+          e.subtitle ? (r(), i("div", yn, V(e.subtitle), 1)) : x("", !0),
+          e.metadata ? (r(), i("div", gn, V(e.metadata), 1)) : x("", !0),
+          e.extraInfo && e.extraInfo.length > 0 ? (r(), i("div", hn, [
+            (r(!0), i(Z, null, le(e.extraInfo, (u, m) => (r(), i("span", { key: m }, V(u), 1))), 128))
           ])) : x("", !0)
         ])
       ]),
-      e.showActionButton ? (i(), r("button", {
+      e.showActionButton ? (r(), i("button", {
         key: 0,
         class: "bg-vsk-primary rounded-vsk px-4 py-2 text-sm font-semibold cursor-pointer hover:opacity-70",
         onClick: M(a, ["stop"])
       }, V(e.actionLabel), 1)) : x("", !0),
-      e.showStatusIndicator && e.isConnected ? (i(), r("div", hn)) : x("", !0)
+      e.showStatusIndicator && e.isConnected ? (r(), i("div", xn)) : x("", !0)
     ], 2));
   }
-}), Je = /* @__PURE__ */ Symbol("diálogo de vasak");
-function Ze() {
-  const e = pe(Je, null);
+}), _e = /* @__PURE__ */ Symbol("diálogo de vasak");
+function et() {
+  const e = pe(_e, null);
   if (e) return e;
   const n = w(!1);
   return {
@@ -1611,11 +1619,11 @@ function Ze() {
     }
   };
 }
-let je = 0;
-function wn() {
-  return je += 1, `vsk-dialogo-titulo-${je}`;
+let Pe = 0;
+function kn() {
+  return Pe += 1, `vsk-dialogo-titulo-${Pe}`;
 }
-const kn = /* @__PURE__ */ E({
+const $n = /* @__PURE__ */ E({
   __name: "Dialog",
   props: {
     open: { type: Boolean, default: !1 }
@@ -1623,7 +1631,7 @@ const kn = /* @__PURE__ */ E({
   emits: ["update:open"],
   setup(e, { emit: n }) {
     const t = e, a = n, l = w(null);
-    return de(Je, {
+    return fe(_e, {
       abierto: v(() => t.open),
       cerrar: () => a("update:open", !1),
       idDelTitulo: l,
@@ -1632,10 +1640,10 @@ const kn = /* @__PURE__ */ E({
       }
     }), (o, s) => S(o.$slots, "default");
   }
-}), $n = {
+}), Cn = {
   key: 0,
   class: "absolute inset-0 rounded-corner-window bg-ui-border-dark/40"
-}, Cn = ["aria-labelledby", "aria-label"], zn = "relative z-10 w-full rounded-corner border border-ui-border bg-ui-bg/80 p-6 text-tx-main shadow-lg", Ln = /* @__PURE__ */ E({
+}, zn = ["aria-labelledby", "aria-label"], Ln = "relative z-10 w-full rounded-corner border border-ui-border bg-ui-bg/80 p-6 text-tx-main shadow-lg", Dn = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "DialogContent",
   props: {
@@ -1643,10 +1651,10 @@ const kn = /* @__PURE__ */ E({
     ariaLabel: {}
   },
   setup(e) {
-    const n = e, t = $e(), a = v(() => t.class ?? ""), l = v(() => {
+    const n = e, t = Ce(), a = v(() => t.class ?? ""), l = v(() => {
       const { class: C, ...g } = t;
       return g;
-    }), o = v(() => n.size === "full" ? "relative z-10 h-full w-full overflow-hidden rounded-corner-window text-tx-main" : `${zn} ${n.size === "lg" ? "max-w-2xl" : "max-w-lg"}`), s = Ze(), u = v(() => s.abierto.value), m = w(null), f = w(null);
+    }), o = v(() => n.size === "full" ? "relative z-10 h-full w-full overflow-hidden rounded-corner-window text-tx-main" : `${Ln} ${n.size === "lg" ? "max-w-2xl" : "max-w-lg"}`), s = et(), u = v(() => s.abierto.value), m = w(null), f = w(null);
     let d = null;
     function L() {
       return f.value ? [...f.value.querySelectorAll('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])')] : [];
@@ -1691,9 +1699,9 @@ const kn = /* @__PURE__ */ E({
       // abierto —una vista que arranca preguntando algo—. Sin esto, ése no recibe
       // el foco y ni Escape ni el Tab hacen nada: el `aria-modal` queda en promesa.
       { immediate: !0 }
-    ), ve(() => {
+    ), ce(() => {
       $(), j();
-    }), (C, g) => (i(), Q(fe, { to: "body" }, [
+    }), (C, g) => (r(), Q(me, { to: "body" }, [
       O(ye, {
         "enter-active-class": "transition-opacity duration-200 ease-out",
         "leave-active-class": "transition-opacity duration-150 ease-in",
@@ -1701,7 +1709,7 @@ const kn = /* @__PURE__ */ E({
         "leave-to-class": "opacity-0"
       }, {
         default: K(() => [
-          u.value ? (i(), r("div", {
+          u.value ? (r(), i("div", {
             key: 0,
             ref_key: "velo",
             ref: m,
@@ -1709,8 +1717,8 @@ const kn = /* @__PURE__ */ E({
             onClick: A,
             onKeydown: D
           }, [
-            n.size === "md" ? (i(), r("div", $n)) : x("", !0),
-            T("div", oe({
+            n.size === "md" ? (r(), i("div", Cn)) : x("", !0),
+            T("div", re({
               ref_key: "panel",
               ref: f,
               tabindex: "-1",
@@ -1722,48 +1730,48 @@ const kn = /* @__PURE__ */ E({
               class: [a.value, o.value]
             }), [
               S(C.$slots, "default")
-            ], 16, Cn)
+            ], 16, zn)
           ], 544)) : x("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), Dn = { class: "text-sm text-tx-muted" }, En = /* @__PURE__ */ E({
+}), En = { class: "text-sm text-tx-muted" }, Tn = /* @__PURE__ */ E({
   __name: "DialogDescription",
   setup(e) {
-    return (n, t) => (i(), r("p", Dn, [
+    return (n, t) => (r(), i("p", En, [
       S(n.$slots, "default")
     ]));
   }
-}), Tn = { class: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, Bn = /* @__PURE__ */ E({
+}), Bn = { class: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, An = /* @__PURE__ */ E({
   __name: "DialogFooter",
   setup(e) {
-    return (n, t) => (i(), r("div", Tn, [
+    return (n, t) => (r(), i("div", Bn, [
       S(n.$slots, "default")
     ]));
   }
-}), An = { class: "flex flex-col gap-1.5 text-center sm:text-left" }, Sn = /* @__PURE__ */ E({
+}), Sn = { class: "flex flex-col gap-1.5 text-center sm:text-left" }, Vn = /* @__PURE__ */ E({
   __name: "DialogHeader",
   setup(e) {
-    return (n, t) => (i(), r("div", An, [
+    return (n, t) => (r(), i("div", Sn, [
       S(n.$slots, "default")
     ]));
   }
-}), Vn = ["id"], Mn = /* @__PURE__ */ E({
+}), Mn = ["id"], In = /* @__PURE__ */ E({
   __name: "DialogTitle",
   setup(e) {
-    const n = Ze(), t = wn();
-    return J(() => n.ponerElTitulo(t)), ve(() => n.ponerElTitulo(null)), (a, l) => (i(), r("h2", {
+    const n = et(), t = kn();
+    return X(() => n.ponerElTitulo(t)), ce(() => n.ponerElTitulo(null)), (a, l) => (r(), i("h2", {
       id: R(t),
       class: "font-semibold text-lg leading-none tracking-tight"
     }, [
       S(a.$slots, "default")
-    ], 8, Vn));
+    ], 8, Mn));
   }
-}), _e = /* @__PURE__ */ Symbol("menú de vasak");
+}), tt = /* @__PURE__ */ Symbol("menú de vasak");
 function he() {
-  const e = pe(_e, null);
+  const e = pe(tt, null);
   if (e) return e;
   const n = w(!1);
   return {
@@ -1787,18 +1795,18 @@ function he() {
     }
   };
 }
-let Pe = 0;
-function et() {
-  return Pe += 1, `vsk-menu-${Pe}`;
+let Fe = 0;
+function at() {
+  return Fe += 1, `vsk-menu-${Fe}`;
 }
-const In = { class: "relative inline-block" }, On = /* @__PURE__ */ E({
+const On = { class: "relative inline-block" }, jn = /* @__PURE__ */ E({
   __name: "DropdownMenu",
   props: {
     open: { type: Boolean, default: void 0 }
   },
   emits: ["update:open"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = w(!1), o = w(null), s = w(null), u = w("ninguno"), m = et();
+    const t = e, a = n, l = w(!1), o = w(null), s = w(null), u = w("ninguno"), m = at();
     let f = null;
     const d = v({
       get: () => t.open ?? l.value,
@@ -1828,7 +1836,7 @@ const In = { class: "relative inline-block" }, On = /* @__PURE__ */ E({
       }
       L(y);
     }
-    return de(_e, {
+    return fe(tt, {
       abierto: d,
       idDelMenu: m,
       idDeLaEtiqueta: s,
@@ -1843,14 +1851,14 @@ const In = { class: "relative inline-block" }, On = /* @__PURE__ */ E({
       abrir: L,
       cerrar: D,
       alternar: A
-    }), (y, $) => (i(), r("div", In, [
+    }), (y, $) => (r(), i("div", On, [
       S(y.$slots, "default")
     ]));
   }
-}), jn = ["id", "aria-labelledby", "inert"], Pn = {
+}), Pn = ["id", "aria-labelledby", "inert"], Fn = {
   role: "none",
   class: "py-1"
-}, X = 8, Fn = /* @__PURE__ */ E({
+}, J = 8, Rn = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "DropdownMenuContent",
   props: {
@@ -1870,7 +1878,7 @@ const In = { class: "relative inline-block" }, On = /* @__PURE__ */ E({
       right: "left"
     };
     function d(c, b) {
-      const p = n.sideOffset + X;
+      const p = n.sideOffset + J;
       switch (c) {
         case "bottom":
           return window.innerHeight - b.bottom - p;
@@ -1894,7 +1902,7 @@ const In = { class: "relative inline-block" }, On = /* @__PURE__ */ E({
       let G = 0, B = 0, z = null;
       switch (U) {
         case "bottom": {
-          G = c.bottom + n.sideOffset, z = Math.max(window.innerHeight - G - X, 0);
+          G = c.bottom + n.sideOffset, z = Math.max(window.innerHeight - G - J, 0);
           break;
         }
         case "top": {
@@ -1904,8 +1912,8 @@ const In = { class: "relative inline-block" }, On = /* @__PURE__ */ E({
         case "left":
         case "right": {
           B = U === "right" ? c.right + n.sideOffset : c.left - p - n.sideOffset;
-          const I = window.innerHeight - 2 * X;
-          G = L(c.top, X, window.innerHeight - Math.min(b, I) - X), z = Math.max(window.innerHeight - G - X, 0);
+          const I = window.innerHeight - 2 * J;
+          G = L(c.top, J, window.innerHeight - Math.min(b, I) - J), z = Math.max(window.innerHeight - G - J, 0);
           break;
         }
       }
@@ -1921,7 +1929,7 @@ const In = { class: "relative inline-block" }, On = /* @__PURE__ */ E({
             B = c.right - p;
             break;
         }
-      B = L(B, X, window.innerWidth - p - X), m.value = { top: G, left: B, techo: z };
+      B = L(B, J, window.innerWidth - p - J), m.value = { top: G, left: B, techo: z };
     }
     function A() {
       return u.value ? Array.from(u.value.querySelectorAll('[role="menuitem"]')) : [];
@@ -1984,11 +1992,11 @@ const In = { class: "relative inline-block" }, On = /* @__PURE__ */ E({
       const b = c.target, p = !!b.closest("[data-dropdown-content]"), P = !!o.value?.contains(b);
       !p && !P && t.cerrar();
     }
-    return J(() => {
+    return X(() => {
       document.addEventListener("click", g), window.addEventListener("resize", C), window.addEventListener("scroll", C, !0);
-    }), ce(() => {
+    }), de(() => {
       document.removeEventListener("click", g), window.removeEventListener("resize", C), window.removeEventListener("scroll", C, !0);
-    }), (c, b) => (i(), Q(fe, { to: "body" }, [
+    }), (c, b) => (r(), Q(me, { to: "body" }, [
       O(ye, {
         "enter-active-class": "transition-all duration-150 ease-in-out",
         "leave-active-class": "transition-all duration-150 ease-in-out",
@@ -1998,7 +2006,7 @@ const In = { class: "relative inline-block" }, On = /* @__PURE__ */ E({
         onLeave: b[2] || (b[2] = (p) => p.offsetHeight)
       }, {
         default: K(() => [
-          Ce(T("div", oe({
+          ze(T("div", re({
             ref_key: "contenido",
             ref: u
           }, c.$attrs, {
@@ -2022,18 +2030,18 @@ const In = { class: "relative inline-block" }, On = /* @__PURE__ */ E({
             onClick: b[0] || (b[0] = (p) => p.stopPropagation()),
             onKeydown: j
           }), [
-            T("div", Pn, [
+            T("div", Fn, [
               S(c.$slots, "default")
             ])
-          ], 16, jn), [
-            [qe, s.value]
+          ], 16, Pn), [
+            [Ne, s.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), Rn = ["aria-disabled", "onKeydown"], qn = /* @__PURE__ */ E({
+}), qn = ["aria-disabled", "onKeydown"], Nn = /* @__PURE__ */ E({
   __name: "DropdownMenuItem",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -2044,7 +2052,7 @@ const In = { class: "relative inline-block" }, On = /* @__PURE__ */ E({
     function o(s) {
       t.disabled || (a("select"), a("click", s), l.cerrar({ devolverElFoco: !0 }));
     }
-    return (s, u) => (i(), r("div", {
+    return (s, u) => (r(), i("div", {
       role: "menuitem",
       tabindex: "0",
       "aria-disabled": e.disabled || void 0,
@@ -2062,17 +2070,17 @@ const In = { class: "relative inline-block" }, On = /* @__PURE__ */ E({
       ]
     }, [
       S(s.$slots, "default")
-    ], 42, Rn));
+    ], 42, qn));
   }
-}), Nn = /* @__PURE__ */ E({
+}), Hn = /* @__PURE__ */ E({
   __name: "DropdownMenuLabel",
   setup(e) {
-    const n = he(), t = `${et()}-titulo`;
-    return J(() => {
+    const n = he(), t = `${at()}-titulo`;
+    return X(() => {
       n.ponerLaEtiqueta(t);
-    }), ce(() => {
+    }), de(() => {
       n.ponerLaEtiqueta(null);
-    }), (a, l) => (i(), r("div", {
+    }), (a, l) => (r(), i("div", {
       id: t,
       role: "presentation",
       class: "px-3 py-2 text-sm font-semibold text-tx-main"
@@ -2080,30 +2088,30 @@ const In = { class: "relative inline-block" }, On = /* @__PURE__ */ E({
       S(a.$slots, "default")
     ]));
   }
-}), Hn = {
+}), Un = {
   role: "separator",
   "aria-orientation": "horizontal",
   class: "bg-ui-bg/80 my-4 h-0.5"
-}, Un = /* @__PURE__ */ E({
+}, Kn = /* @__PURE__ */ E({
   __name: "DropdownMenuSeparator",
   setup(e) {
-    return (n, t) => (i(), r("div", Hn));
+    return (n, t) => (r(), i("div", Un));
   }
 });
-function tt(e) {
+function nt(e) {
   const n = e.filter(
-    (a) => a.type !== mt && !(a.type === bt && typeof a.children == "string" && !a.children.trim())
+    (a) => a.type !== pt && !(a.type === yt && typeof a.children == "string" && !a.children.trim())
   );
   if (n.length !== 1) return null;
   const t = n[0];
-  return t.type === Z && Array.isArray(t.children) ? tt(t.children) : t;
+  return t.type === Z && Array.isArray(t.children) ? nt(t.children) : t;
 }
-function Kn(e) {
+function Wn(e) {
   if (e instanceof HTMLElement) return e;
   const n = e?.$el;
   return n instanceof HTMLElement ? n : null;
 }
-const Wn = E({
+const Gn = E({
   name: "DropdownMenuTrigger",
   inheritAttrs: !1,
   props: {
@@ -2115,7 +2123,7 @@ const Wn = E({
   setup(e, { slots: n, attrs: t }) {
     const a = he(), l = w(null);
     function o() {
-      a.ponerElDisparador(Kn(l.value));
+      a.ponerElDisparador(Wn(l.value));
     }
     function s() {
       e.disabled || (o(), a.alternar());
@@ -2153,17 +2161,17 @@ const Wn = E({
         onKeydown: u
       }, f = n.default?.() ?? [];
       if (e.asChild) {
-        const d = tt(f);
-        if (d) return dt(d, { ...t, ...m });
+        const d = nt(f);
+        if (d) return bt(d, { ...t, ...m });
       }
-      return ft(
+      return vt(
         "div",
         { ...t, class: ["dropdown-menu-trigger inline-block", t.class], ...m },
         f
       );
     };
   }
-}), Gn = ["for"], Qn = /* @__PURE__ */ E({
+}), Qn = ["for"], Yn = /* @__PURE__ */ E({
   __name: "FormGroup",
   props: {
     label: {},
@@ -2172,18 +2180,18 @@ const Wn = E({
     labelClass: { default: () => ({}) }
   },
   setup(e) {
-    return (n, t) => (i(), r("div", {
+    return (n, t) => (r(), i("div", {
       class: h(["flex flex-col gap-2", e.customClass])
     }, [
-      e.label ? (i(), r("label", {
+      e.label ? (r(), i("label", {
         key: 0,
         for: e.htmlFor,
         class: h(["text-sm font-medium text-primary dark:text-primary-dark", e.labelClass])
-      }, V(e.label), 11, Gn)) : x("", !0),
+      }, V(e.label), 11, Qn)) : x("", !0),
       S(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Yn = /* @__PURE__ */ ge(Qn, [["__scopeId", "data-v-c0d9d9cb"]]), Xn = /* @__PURE__ */ E({
+}), Xn = /* @__PURE__ */ ge(Yn, [["__scopeId", "data-v-c0d9d9cb"]]), Jn = /* @__PURE__ */ E({
   __name: "ListCard",
   props: {
     clickable: { type: Boolean, default: !1 },
@@ -2194,7 +2202,7 @@ const Wn = E({
     const t = e, a = n, l = () => {
       t.clickable && a("click");
     };
-    return (o, s) => (i(), r("div", {
+    return (o, s) => (r(), i("div", {
       class: h([
         "flex items-center justify-between background p-3 rounded-vsk border border-vsk-primary/70 transition-colors duration-200",
         {
@@ -2207,10 +2215,10 @@ const Wn = E({
       S(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Jn = /* @__PURE__ */ ge(Xn, [["__scopeId", "data-v-f86d47da"]]), Zn = { 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" }, _n = ["title", "aria-label"], el = ["src"], tl = {
+}), Zn = /* @__PURE__ */ ge(Jn, [["__scopeId", "data-v-f86d47da"]]), _n = { class: "background rounded-corner flex flex-row items-center gap-2 justify-between w-full h-auto p-4 transition-[background-color] duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80" }, el = ["title", "aria-label"], tl = ["src"], al = {
   key: 1,
   class: "w-8 h-8 flex items-center justify-center"
-}, al = ["src"], nl = ["min", "max", "value", "aria-label", "aria-valuetext"], ll = /* @__PURE__ */ E({
+}, nl = ["src"], ll = ["min", "max", "value", "aria-label", "aria-valuetext"], ol = /* @__PURE__ */ E({
   __name: "SliderControl",
   props: {
     icon: {},
@@ -2235,26 +2243,26 @@ const Wn = E({
     }, u = () => {
       a("buttonClick");
     };
-    return (m, f) => (i(), r("div", Zn, [
-      e.showButton ? (i(), r("button", {
+    return (m, f) => (r(), i("div", _n, [
+      e.showButton ? (r(), i("button", {
         key: 0,
         onClick: u,
         type: "button",
         title: e.buttonLabel ?? e.label,
         "aria-label": e.buttonLabel ?? e.label,
-        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"
+        class: "w-8 h-8 flex items-center justify-center rounded-corner transition-[background-color,scale] duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80 hover:scale-110 active:scale-95"
       }, [
         T("img", {
           src: e.icon,
           alt: "",
-          class: h(["w-6 h-6 transition-all duration-200", e.iconClass])
-        }, null, 10, el)
-      ], 8, _n)) : (i(), r("div", tl, [
+          class: h(["w-6 h-6", e.iconClass])
+        }, null, 10, tl)
+      ], 8, el)) : (r(), i("div", al, [
         T("img", {
           src: e.icon,
           alt: "",
-          class: "w-6 h-6 transition-all duration-200"
-        }, null, 8, al)
+          class: "w-6 h-6"
+        }, null, 8, nl)
       ])),
       T("input", {
         type: "range",
@@ -2264,14 +2272,14 @@ const Wn = E({
         onInput: s,
         "aria-label": e.label,
         "aria-valuetext": `${l.value}%`,
-        class: "flex-1 transition-all duration-200 hover:scale-105"
-      }, null, 40, nl),
+        class: "flex-1 transition-[scale] duration-200 hover:scale-105"
+      }, null, 40, ll),
       T("span", {
-        class: h(["w-12 text-right transition-all duration-200 font-medium", o.value])
+        class: h(["w-12 text-right transition-[color] duration-200 font-medium", o.value])
       }, V(l.value) + "% ", 3)
     ]));
   }
-}), Te = /* @__PURE__ */ E({
+}), Be = /* @__PURE__ */ E({
   __name: "SwitchTrack",
   props: {
     on: { type: Boolean },
@@ -2279,7 +2287,7 @@ const Wn = E({
   },
   setup(e) {
     const n = e, t = v(() => n.size === "small");
-    return (a, l) => (i(), r("span", {
+    return (a, l) => (r(), i("span", {
       "aria-hidden": "true",
       class: h(["inline-flex shrink-0 items-center rounded-full border transition-colors", [
         t.value ? "h-6 w-11" : "h-7 w-12",
@@ -2295,10 +2303,10 @@ const Wn = E({
       }, null, 2)
     ], 2));
   }
-}), ol = ["aria-checked", "disabled"], il = { class: "min-w-0 flex-1" }, rl = { class: "block font-medium text-sm text-tx-main" }, sl = {
+}), rl = ["aria-checked", "disabled"], il = { class: "min-w-0 flex-1" }, sl = { class: "block font-medium text-sm text-tx-main" }, ul = {
   key: 0,
   class: "mt-0.5 block text-tx-muted text-xs"
-}, ul = /* @__PURE__ */ E({
+}, cl = /* @__PURE__ */ E({
   __name: "SwitchRow",
   props: {
     modelValue: { type: Boolean },
@@ -2311,7 +2319,7 @@ const Wn = E({
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const t = e, a = n;
-    return (l, o) => (i(), r("button", {
+    return (l, o) => (r(), i("button", {
       type: "button",
       role: "switch",
       "aria-checked": e.modelValue,
@@ -2319,11 +2327,11 @@ const Wn = E({
       class: "flex w-full items-start gap-3 rounded-corner p-2 text-left transition-colors hover:bg-ui-surface/60 disabled:cursor-not-allowed disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
       onClick: o[0] || (o[0] = (s) => a("update:modelValue", !t.modelValue))
     }, [
-      O(Te, {
+      O(Be, {
         on: e.modelValue,
         class: "mt-0.5"
       }, null, 8, ["on"]),
-      e.icon ? (i(), r("span", {
+      e.icon ? (r(), i("span", {
         key: 0,
         class: h(["flex size-10 shrink-0 items-center justify-center rounded-corner border", e.modelValue ? "border-secondary bg-primary/20" : "border-ui-border bg-ui-surface/40"]),
         "aria-hidden": "true"
@@ -2336,13 +2344,13 @@ const Wn = E({
         }, null, 8, ["name", "type"])
       ], 2)) : x("", !0),
       T("span", il, [
-        T("span", rl, V(e.label), 1),
-        e.description ? (i(), r("span", sl, V(e.description), 1)) : x("", !0),
+        T("span", sl, V(e.label), 1),
+        e.description ? (r(), i("span", ul, V(e.description), 1)) : x("", !0),
         S(l.$slots, "pie")
       ])
-    ], 8, ol));
+    ], 8, rl));
   }
-}), cl = ["aria-checked", "aria-label", "disabled"], dl = /* @__PURE__ */ E({
+}), dl = ["aria-checked", "aria-label", "disabled"], fl = /* @__PURE__ */ E({
   __name: "SwitchToggle",
   props: {
     modelValue: { type: Boolean },
@@ -2356,7 +2364,7 @@ const Wn = E({
     function l() {
       a("update:modelValue", !t.modelValue);
     }
-    return (o, s) => (i(), r("button", {
+    return (o, s) => (r(), i("button", {
       type: "button",
       role: "switch",
       "aria-checked": e.modelValue,
@@ -2365,13 +2373,13 @@ const Wn = E({
       class: "rounded-full transition-opacity disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
       onClick: l
     }, [
-      O(Te, {
+      O(Be, {
         on: e.modelValue,
         size: e.size
       }, null, 8, ["on", "size"])
-    ], 8, cl));
+    ], 8, dl));
   }
-}), fl = ["disabled", "title", "aria-label", "aria-pressed", "aria-busy"], ml = ["src"], bl = /* @__PURE__ */ E({
+}), ml = ["disabled", "title", "aria-label", "aria-pressed", "aria-busy"], bl = ["src"], vl = /* @__PURE__ */ E({
   __name: "ToggleControl",
   props: {
     icon: {},
@@ -2388,9 +2396,9 @@ const Wn = E({
     function a() {
       t("click");
     }
-    return (l, o) => (i(), r("button", {
+    return (l, o) => (r(), i("button", {
       type: "button",
-      class: h(["p-2 rounded-corner bg-ui-bg/80 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 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", {
+      class: h(["p-2 rounded-corner bg-ui-bg/80 hover:opacity-50 transition-[opacity,scale,box-shadow] duration-300 h-17.5 w-17.5 group relative overflow-hidden hover:scale-105 hover:shadow-lg active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", {
         "animate-pulse": e.isLoading,
         "ring-2 ring-primary": e.isActive,
         "opacity-60": !e.isActive,
@@ -2406,18 +2414,18 @@ const Wn = E({
       T("img", {
         src: e.icon,
         alt: "",
-        class: h(["m-auto w-12.5 h-12.5 transition-all duration-300 group-hover:scale-110 relative z-10", {
+        class: h(["m-auto w-12.5 h-12.5 transition-[scale,filter] 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, ml)
-    ], 10, fl));
+      }, null, 10, bl)
+    ], 10, ml));
   }
-}), at = /* @__PURE__ */ Symbol("tooltip de vasak");
-function nt() {
-  const e = pe(at, null);
+}), lt = /* @__PURE__ */ Symbol("tooltip de vasak");
+function ot() {
+  const e = pe(lt, null);
   if (e) return e;
   const n = w(!1);
   return {
@@ -2433,7 +2441,7 @@ function nt() {
     }
   };
 }
-const vl = { class: "inline-block" }, pl = /* @__PURE__ */ E({
+const pl = { class: "inline-block" }, yl = /* @__PURE__ */ E({
   __name: "Tooltip",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -2450,7 +2458,7 @@ const vl = { class: "inline-block" }, pl = /* @__PURE__ */ E({
     function s() {
       l && clearTimeout(l), t.value = !1;
     }
-    return de(at, {
+    return fe(lt, {
       abierto: v(() => t.value && !n.disabled),
       disparador: a,
       ponerElDisparador: (u) => {
@@ -2458,11 +2466,11 @@ const vl = { class: "inline-block" }, pl = /* @__PURE__ */ E({
       },
       abrir: o,
       cerrar: s
-    }), (u, m) => (i(), r("div", vl, [
+    }), (u, m) => (r(), i("div", pl, [
       S(u.$slots, "default")
     ]));
   }
-}), yl = /* @__PURE__ */ E({
+}), gl = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "TooltipContent",
   props: {
@@ -2471,7 +2479,7 @@ const vl = { class: "inline-block" }, pl = /* @__PURE__ */ E({
     sideOffset: { default: 4 }
   },
   setup(e) {
-    const n = $e(), t = v(() => n.class ?? ""), a = e, l = nt(), o = v(() => l.abierto.value), s = w(null), u = w({ top: 0, left: 0 });
+    const n = Ce(), t = v(() => n.class ?? ""), a = e, l = ot(), o = v(() => l.abierto.value), s = w(null), u = w({ top: 0, left: 0 });
     function m() {
       const f = l.disparador.value;
       if (!f || !s.value) return;
@@ -2495,7 +2503,7 @@ const vl = { class: "inline-block" }, pl = /* @__PURE__ */ E({
     }
     return W(o, async (f) => {
       f && (await Y(), requestAnimationFrame(m));
-    }), (f, d) => (i(), Q(fe, { to: "body" }, [
+    }), (f, d) => (r(), Q(me, { to: "body" }, [
       O(ye, {
         "enter-active-class": "transition-all duration-200 ease-in-out",
         "leave-active-class": "transition-all duration-200 ease-in-out",
@@ -2503,10 +2511,10 @@ const vl = { class: "inline-block" }, pl = /* @__PURE__ */ E({
         "leave-to-class": "opacity-0 scale-95"
       }, {
         default: K(() => [
-          Ce(T("div", {
+          ze(T("div", {
             ref_key: "globo",
             ref: s,
-            style: re({ position: "fixed", top: `${u.value.top}px`, left: `${u.value.left}px`, zIndex: 50 }),
+            style: se({ position: "fixed", top: `${u.value.top}px`, left: `${u.value.left}px`, zIndex: 50 }),
             class: h([
               t.value,
               "pointer-events-none rounded-corner border border-secondary bg-ui-bg/80 px-2 py-1 text-sm shadow-md"
@@ -2514,26 +2522,26 @@ const vl = { class: "inline-block" }, pl = /* @__PURE__ */ E({
           }, [
             S(f.$slots, "default")
           ], 6), [
-            [qe, o.value]
+            [Ne, o.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), gl = /* @__PURE__ */ E({
+}), hl = /* @__PURE__ */ E({
   __name: "TooltipTrigger",
   setup(e) {
-    const n = nt(), t = w(null);
+    const n = ot(), t = w(null);
     function a() {
       return t.value ? t.value.firstElementChild ?? t.value : null;
     }
     function l() {
       n.ponerElDisparador(a()), n.abrir();
     }
-    return J(() => {
+    return X(() => {
       n.ponerElDisparador(a());
-    }), (o, s) => (i(), r("div", {
+    }), (o, s) => (r(), i("div", {
       ref_key: "envoltorio",
       ref: t,
       class: "inline-block",
@@ -2545,10 +2553,10 @@ const vl = { class: "inline-block" }, pl = /* @__PURE__ */ E({
       S(o.$slots, "default")
     ], 544));
   }
-}), hl = ["title"], xl = ["src", "alt"], wl = {
+}), xl = ["title"], wl = ["src", "alt"], kl = {
   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"
-}, kl = /* @__PURE__ */ E({
+}, $l = /* @__PURE__ */ E({
   __name: "TrayIconButton",
   props: {
     icon: {},
@@ -2566,8 +2574,8 @@ const vl = { class: "inline-block" }, pl = /* @__PURE__ */ E({
     const t = n, a = w(!1), l = () => {
       t("click");
     };
-    return (o, s) => (i(), r("div", {
-      class: h(["p-1 rounded-corner relative hover:bg-primary dark:hover:bg-primary-dark group transition-all duration-300", e.customClass]),
+    return (o, s) => (r(), i("div", {
+      class: h(["p-1 rounded-corner relative hover:bg-primary dark:hover:bg-primary-dark group transition-[background-color] duration-300", e.customClass]),
       title: e.tooltip,
       onClick: l,
       onMouseenter: s[0] || (s[0] = (u) => a.value = !0),
@@ -2576,12 +2584,12 @@ const vl = { class: "inline-block" }, pl = /* @__PURE__ */ E({
       T("img", {
         src: e.icon,
         alt: e.alt,
-        class: h(["m-auto h-5.5 w-auto transition-all duration-300", e.iconClass])
-      }, null, 10, xl),
-      e.badge !== null && e.badge > 0 ? (i(), r("div", wl, V(e.badge), 1)) : x("", !0),
-      e.showCustomTooltip && e.customTooltipText ? (i(), r("div", {
+        class: h(["m-auto h-5.5 w-auto", e.iconClass])
+      }, null, 10, wl),
+      e.badge !== null && e.badge > 0 ? (r(), i("div", kl, V(e.badge), 1)) : x("", !0),
+      e.showCustomTooltip && e.customTooltipText ? (r(), i("div", {
         key: 1,
-        class: h(["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", [
+        class: h(["absolute top-1 left-1/2 transform -translate-x-1/2 text-xs font-semibold p-1 rounded-corner transition-[opacity,translate] duration-300 pointer-events-none background", [
           e.tooltipClass,
           {
             "opacity-0 -translate-y-2": !a.value,
@@ -2590,124 +2598,125 @@ const vl = { class: "inline-block" }, pl = /* @__PURE__ */ E({
         ]])
       }, V(e.customTooltipText), 3)) : x("", !0),
       S(o.$slots, "default")
-    ], 42, hl));
+    ], 42, xl));
   }
-}), $l = [
-  Ut,
-  He,
-  Ne,
-  Yt,
-  H,
-  sa,
-  We,
+}), Cl = [
+  Kt,
   Ke,
-  xa,
-  Ge,
-  za,
-  Sa,
-  ja,
-  Ra,
-  Na,
-  Ga,
-  Ee,
-  sn,
+  Ue,
+  Xt,
+  H,
+  ua,
   Qe,
-  Ua,
-  dn,
-  xn,
-  kn,
-  Ln,
-  En,
-  Bn,
-  Sn,
-  Mn,
-  On,
-  Fn,
-  qn,
-  Nn,
-  Un,
-  Wn,
-  Yn,
-  Jn,
-  ll,
-  ul,
-  dl,
+  Ge,
+  wa,
+  Ye,
+  La,
+  Va,
+  Pa,
+  qa,
+  Ha,
+  Qa,
   Te,
-  bl,
-  pl,
+  un,
+  Xe,
+  Ka,
+  fn,
+  wn,
+  $n,
+  Dn,
+  Tn,
+  An,
+  Vn,
+  In,
+  jn,
+  Rn,
+  Nn,
+  Hn,
+  Kn,
+  Gn,
+  Xn,
+  Zn,
+  ol,
+  cl,
+  fl,
+  Be,
+  vl,
   yl,
   gl,
-  kl
-], Bl = {
+  hl,
+  $l
+], Sl = {
   install(e) {
-    $l.forEach((n) => {
+    Cl.forEach((n) => {
       e.component(n.name, n);
     });
   }
 };
 export {
-  Sa as ActionButton,
-  ja as AlertMessage,
-  We as AppBar,
-  za as BarSearch,
-  Ye as CLASES_POR_TONO,
-  Je as CLAVE_DEL_DIALOGO,
-  _e as CLAVE_DEL_MENU,
-  at as CLAVE_DEL_TOOLTIP,
-  Le as CLAVE_DE_LA_BARRA,
-  dn as ConfigSection,
-  xn as DeviceCard,
-  kn as Dialog,
-  Ln as DialogContent,
-  En as DialogDescription,
-  Bn as DialogFooter,
-  Sn as DialogHeader,
-  Mn as DialogTitle,
-  On as DropdownMenu,
-  Fn as DropdownMenuContent,
-  qn as DropdownMenuItem,
-  Nn as DropdownMenuLabel,
-  Un as DropdownMenuSeparator,
-  Wn as DropdownMenuTrigger,
-  Ra as EmptyState,
-  Yn as FormGroup,
-  De as LOS_TRES_CONTROLES,
-  Jn as ListCard,
-  Na as LoadingState,
-  Xt as POSICIONES,
-  Ga as ProgressBar,
-  Ee as SearchField,
-  sn as SearchSelect,
-  Yt as SelectField,
-  Ut as SideBar,
-  He as SideButton,
-  Ne as SideGroup,
-  ll as SliderControl,
-  ul as SwitchRow,
-  dl as SwitchToggle,
-  Te as SwitchTrack,
-  xa as TabBar,
-  Ge as TabItem,
-  Qe as TextInput,
+  Va as ActionButton,
+  Pa as AlertMessage,
+  Qe as AppBar,
+  La as BarSearch,
+  Je as CLASES_POR_TONO,
+  _e as CLAVE_DEL_DIALOGO,
+  tt as CLAVE_DEL_MENU,
+  lt as CLAVE_DEL_TOOLTIP,
+  De as CLAVE_DE_LA_BARRA,
+  fn as ConfigSection,
+  wn as DeviceCard,
+  $n as Dialog,
+  Dn as DialogContent,
+  Tn as DialogDescription,
+  An as DialogFooter,
+  Vn as DialogHeader,
+  In as DialogTitle,
+  jn as DropdownMenu,
+  Rn as DropdownMenuContent,
+  Nn as DropdownMenuItem,
+  Hn as DropdownMenuLabel,
+  Kn as DropdownMenuSeparator,
+  Gn as DropdownMenuTrigger,
+  qa as EmptyState,
+  Xn as FormGroup,
+  Ee as LOS_TRES_CONTROLES,
+  Zn as ListCard,
+  Ha as LoadingState,
+  Jt as POSICIONES,
+  Qa as ProgressBar,
+  Te as SearchField,
+  un as SearchSelect,
+  Xt as SelectField,
+  Kt as SideBar,
+  Ke as SideButton,
+  Ue as SideGroup,
+  ol as SliderControl,
+  cl as SwitchRow,
+  fl as SwitchToggle,
+  Be as SwitchTrack,
+  wa as TabBar,
+  Ye as TabItem,
+  Xe as TextInput,
   H as ThemeIcon,
-  Ua as ToastArea,
-  bl as ToggleControl,
-  pl as Tooltip,
-  yl as TooltipContent,
-  gl as TooltipTrigger,
-  kl as TrayIconButton,
-  Ke as WindowControls,
-  sa as WindowFrame,
-  Ya as buscarOpciones,
-  Bl as default,
-  Jt as esPosicion,
-  Tl as olvidarLosIconosDelTema,
-  ke as orientacionDe,
-  ea as posicionDe,
-  Xe as rolDelTono,
-  Ze as usarElDialogo,
+  Ka as ToastArea,
+  vl as ToggleControl,
+  yl as Tooltip,
+  gl as TooltipContent,
+  hl as TooltipTrigger,
+  $l as TrayIconButton,
+  Ge as WindowControls,
+  ua as WindowFrame,
+  Xa as buscarOpciones,
+  Sl as default,
+  Zt as esPosicion,
+  Bl as olvidarLosIconosDelTema,
+  $e as orientacionDe,
+  ta as posicionDe,
+  Ze as rolDelTono,
+  et as usarElDialogo,
   he as usarElMenu,
-  nt as usarElTooltip,
-  me as usarLaBarra,
-  ta as usarLaPosicionDeLaBarra
+  ot as usarElTooltip,
+  be as usarLaBarra,
+  aa as usarLaPosicionDeLaBarra,
+  Al as usarLaVersionDelTema
 };