@vasakgroup/vue-libvasak 1.7.1 → 1.9.0

package/dist/vue-libvasak.es.js

@@ -1,16 +1,16 @@
-import { ref as w, onMounted as W, onUnmounted as ve, readonly as vt, watch as Q, defineComponent as D, toRef as Pe, useTemplateRef as pt, computed as v, createElementBlock as s, unref as F, openBlock as i, normalizeStyle as fe, createCommentVNode as x, createElementVNode as B, createVNode as j, toDisplayString as V, normalizeClass as y, renderSlot as S, createBlock as U, onBeforeUnmount as pe, Fragment as te, renderList as ue, withCtx as G, mergeModels as Re, useAttrs as Be, useId as yt, useModel as gt, withDirectives as Se, mergeProps as ce, isRef as ht, vModelSelect as xt, inject as we, getCurrentInstance as Ge, provide as ye, createTextVNode as $e, toHandlers as Qe, createSlots as wt, withModifiers as M, withKeys as I, Teleport as ge, Transition as ke, nextTick as J, TransitionGroup as $t, vShow as Ye, cloneVNode as kt, h as Ct, Comment as zt, Text as Et } from "vue";
-import { listen as Lt } from "@tauri-apps/api/event";
-import { getSymbolSource as Dt, getIconSource as Tt } from "@vasakgroup/plugin-vicons";
-import { getCurrentWindow as At } from "@tauri-apps/api/window";
-import { useI18n as Bt } from "@vasakgroup/tauri-plugin-i18n";
-const St = "vicons:theme-changed", xe = /* @__PURE__ */ new Map(), se = /* @__PURE__ */ new Map(), me = w(0);
-let re = 0, be = null, ie = null;
+import { ref as w, onMounted as W, onUnmounted as ve, readonly as vt, watch as Q, defineComponent as D, toRef as Pe, useTemplateRef as pt, computed as v, createElementBlock as s, unref as F, openBlock as i, normalizeStyle as fe, createCommentVNode as x, createElementVNode as B, createVNode as j, toDisplayString as V, normalizeClass as y, renderSlot as S, createBlock as K, onBeforeUnmount as pe, Fragment as te, renderList as ce, withCtx as G, mergeModels as Re, useAttrs as Be, useId as yt, useModel as gt, withDirectives as Se, mergeProps as le, isRef as ht, vModelSelect as xt, inject as we, getCurrentInstance as Ge, provide as ye, createTextVNode as $e, toHandlers as Qe, createSlots as wt, withModifiers as M, withKeys as I, Teleport as ge, Transition as ke, nextTick as J, TransitionGroup as $t, vShow as Ye, cloneVNode as kt, h as Ct, Comment as zt, Text as Et, resolveDynamicComponent as Lt } from "vue";
+import { listen as Dt } from "@tauri-apps/api/event";
+import { getSymbolSource as Tt, getIconSource as At } from "@vasakgroup/plugin-vicons";
+import { getCurrentWindow as Bt } from "@tauri-apps/api/window";
+import { useI18n as St } from "@vasakgroup/tauri-plugin-i18n";
+const Mt = "vicons:theme-changed", xe = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map(), me = w(0);
+let ue = 0, be = null, se = null;
 function Xl() {
-  xe.clear(), se.clear(), re = 0, be = null, ie = null, me.value = 0, ae.clear(), ne.clear(), Xe = 0, ee?.disconnect(), ee = null, De = !1, X !== null && (clearTimeout(X), X = null), _ && (_.cancelado = !0), _ = null;
+  xe.clear(), re.clear(), ue = 0, be = null, se = null, me.value = 0, ae.clear(), ne.clear(), Xe = 0, ee?.disconnect(), ee = null, De = !1, X !== null && (clearTimeout(X), X = null), _ && (_.cancelado = !0), _ = null;
 }
-const Mt = 100, ze = 10, Vt = 16, ae = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Set();
+const Vt = 100, ze = 10, It = 16, ae = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Set();
 let Xe = 0, ee = null, De = !1;
-function It() {
+function Ot() {
   return De ? ee : (De = !0, typeof IntersectionObserver > "u" ? null : (ee = new IntersectionObserver(
     (e) => {
       for (const n of e) {
@@ -23,25 +23,25 @@ function It() {
     { threshold: 0 }
   ), ee));
 }
-function Ot(e) {
+function jt(e) {
   const n = Xe++;
   return ae.set(n, { recargar: e, elemento: null }), ne.add(n), n;
 }
-function jt(e, n) {
+function Pt(e, n) {
   const t = ae.get(e);
   if (!t || t.elemento === n || (t.elemento && (ee?.unobserve(t.elemento), delete t.elemento.dataset.iconoId, t.elemento = null), !n)) return;
-  const a = It();
+  const a = Ot();
   a && (t.elemento = n, n.dataset.iconoId = String(e), a.observe(n));
 }
-function Pt(e) {
+function Rt(e) {
   const n = ae.get(e);
   n?.elemento && (ee?.unobserve(n.elemento), delete n.elemento.dataset.iconoId), ne.delete(e), ae.delete(e);
 }
 let X = null, _ = null;
-function Rt(e) {
+function Ft(e) {
   return new Promise((n) => setTimeout(n, e));
 }
-async function Ft(e) {
+async function Nt(e) {
   const n = [...ae.keys()], t = n.filter((l) => ne.has(l)), a = n.filter((l) => !ne.has(l));
   for (const l of [t, a])
     for (let o = 0; o < l.length; o += ze) {
@@ -50,39 +50,39 @@ async function Ft(e) {
       if (await Promise.allSettled(
         r.map((u) => ae.get(u)?.recargar() ?? Promise.resolve())
       ), e.cancelado) return;
-      (o + ze < l.length || l === t) && await Rt(Vt);
+      (o + ze < l.length || l === t) && await Ft(It);
     }
   _ === e && (_ = null);
 }
-function Nt() {
+function qt() {
   X !== null && (clearTimeout(X), X = null), _ && (_.cancelado = !0);
   const e = { cancelado: !1 };
-  _ = e, Ft(e);
+  _ = e, Nt(e);
 }
-function qt() {
-  xe.clear(), se.clear(), me.value++, X !== null && clearTimeout(X), X = setTimeout(() => {
-    X = null, Nt();
-  }, Mt);
+function Ht() {
+  xe.clear(), re.clear(), me.value++, X !== null && clearTimeout(X), X = setTimeout(() => {
+    X = null, qt();
+  }, Vt);
 }
 function Je() {
-  return re++, be || ie ? ie ?? Promise.resolve() : (ie = Lt(St, qt).then((e) => {
-    re <= 0 ? e() : be = e, ie = null;
-  }), ie);
+  return ue++, be || se ? se ?? Promise.resolve() : (se = Dt(Mt, Ht).then((e) => {
+    ue <= 0 ? e() : be = e, se = null;
+  }), se);
 }
 function Te() {
-  re--, !(re > 0) && (re = 0, be?.(), be = null);
+  ue--, !(ue > 0) && (ue = 0, be?.(), be = null);
 }
-function Ht(e, n) {
+function Kt(e, n) {
   const t = `${n}:${e}`, a = xe.get(t);
   if (a !== void 0)
     return Promise.resolve(a);
-  const l = se.get(t);
+  const l = re.get(t);
   if (l)
     return l;
-  const o = me.value, r = (n === "symbol" ? Dt(e) : Tt(e)).then((u) => (me.value === o && xe.set(t, u), u)).finally(() => {
-    se.get(t) === r && se.delete(t);
+  const o = me.value, r = (n === "symbol" ? Tt(e) : At(e)).then((u) => (me.value === o && xe.set(t, u), u)).finally(() => {
+    re.get(t) === r && re.delete(t);
   });
-  return se.set(t, r), r;
+  return re.set(t, r), r;
 }
 function Jl() {
   let e = !1;
@@ -95,25 +95,25 @@ function Jl() {
 function Ut(e, n) {
   const t = w("");
   let a = !1, l = 0;
-  const o = Ot(async () => {
+  const o = jt(async () => {
     await r();
   });
   async function r() {
-    const u = ++l, f = e.value;
-    if (!f) {
+    const u = ++l, m = e.value;
+    if (!m) {
       t.value = "";
       return;
     }
-    const m = await Ht(f, n.value);
-    u === l && !a && (t.value = m);
+    const c = await Kt(m, n.value);
+    u === l && !a && (t.value = c);
   }
   return W(async () => {
     await Je(), a || await r();
   }), ve(() => {
-    a = !0, Pt(o), Te();
-  }), Q([e, n], r), { fuente: t, mirarElemento: (u) => jt(o, u) };
+    a = !0, Rt(o), Te();
+  }), Q([e, n], r), { fuente: t, mirarElemento: (u) => Pt(o, u) };
 }
-const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
+const Wt = ["src", "alt"], N = /* @__PURE__ */ D({
   __name: "ThemeIcon",
   props: {
     name: {},
@@ -135,7 +135,7 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
       alt: e.alt,
       style: fe(o.value),
       class: "shrink-0 object-contain"
-    }, null, 12, Kt)) : (i(), s("span", {
+    }, null, 12, Wt)) : (i(), s("span", {
       key: 1,
       ref_key: "dibujo",
       ref: l,
@@ -143,7 +143,7 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
       class: "inline-block shrink-0"
     }, null, 4));
   }
-}), Wt = { class: "flex flex-col gap-2" }, Gt = ["aria-expanded"], Qt = {
+}), Gt = { class: "flex flex-col gap-2" }, Qt = ["aria-expanded"], Yt = {
   key: 1,
   class: "flex flex-col gap-1"
 }, Ze = /* @__PURE__ */ D({
@@ -160,7 +160,7 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
       (a) => {
         a && (t.value = !0);
       }
-    ), (a, l) => (i(), s("section", Wt, [
+    ), (a, l) => (i(), s("section", Gt, [
       e.collapsed ? x("", !0) : (i(), s("button", {
         key: 0,
         type: "button",
@@ -175,16 +175,16 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
           size: 12,
           class: y(["transition-transform duration-200", t.value ? "" : "-rotate-90"])
         }, null, 8, ["class"])
-      ], 8, Gt)),
-      t.value || e.collapsed ? (i(), s("div", Qt, [
+      ], 8, Qt)),
+      t.value || e.collapsed ? (i(), s("div", Yt, [
         S(a.$slots, "default")
       ])) : x("", !0)
     ]));
   }
-}), Yt = ["title", "aria-label", "disabled", "aria-current"], Xt = { key: 1 }, Jt = {
+}), Xt = ["title", "aria-label", "disabled", "aria-current"], Jt = { key: 1 }, Zt = {
   key: 0,
   class: "min-w-0 flex-1 truncate font-medium"
-}, Zt = {
+}, _t = {
   key: 1,
   class: "rounded-corner bg-ui-surface px-2 py-0.5 font-semibold text-tx-muted text-xs"
 }, _e = /* @__PURE__ */ D({
@@ -216,32 +216,32 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
         class: y(["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(), U(N, {
+        e.icon ? (i(), K(N, {
           key: 0,
           name: e.icon,
           size: 20
-        }, null, 8, ["name"])) : (i(), s("span", Xt, V(e.label.charAt(0).toUpperCase()), 1))
+        }, null, 8, ["name"])) : (i(), s("span", Jt, V(e.label.charAt(0).toUpperCase()), 1))
       ], 2),
-      e.collapsed ? x("", !0) : (i(), s("span", Jt, V(e.label), 1)),
-      !e.collapsed && e.badge !== "" ? (i(), s("span", Zt, V(e.badge), 1)) : x("", !0)
-    ], 10, Yt));
+      e.collapsed ? x("", !0) : (i(), s("span", Zt, V(e.label), 1)),
+      !e.collapsed && e.badge !== "" ? (i(), s("span", _t, V(e.badge), 1)) : x("", !0)
+    ], 10, Xt));
   }
-}), _t = {
+}), ea = {
   key: 0,
   class: "flex flex-col gap-2 border-ui-border border-b p-2"
-}, ea = { class: "flex items-center gap-2" }, ta = ["aria-label", "aria-expanded"], aa = {
+}, ta = { class: "flex items-center gap-2" }, aa = ["aria-label", "aria-expanded"], na = {
   key: 0,
   class: "min-w-0 flex-1"
-}, na = {
+}, la = {
   key: 0,
   class: "truncate font-semibold text-sm"
-}, la = {
+}, oa = {
   key: 1,
   class: "truncate text-tx-muted text-xs"
-}, oa = { key: 0 }, ia = {
+}, ia = { key: 0 }, sa = {
   key: 1,
   class: "flex border-ui-border border-b p-2"
-}, sa = ["aria-label", "aria-expanded"], ra = { class: "flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-2" }, Fe = "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", Ne = 767, ua = /* @__PURE__ */ D({
+}, ra = ["aria-label", "aria-expanded"], ua = { class: "flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-2" }, Fe = "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", Ne = 767, ca = /* @__PURE__ */ D({
   __name: "SideBar",
   props: {
     title: { default: "" },
@@ -255,96 +255,96 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
   emits: ["update:modelValue", "update:collapsed", "change"],
   setup(e, { expose: n, emit: t }) {
     const a = e, l = t, o = w(a.collapsed ?? !1), r = w(!1);
-    let u = null, f = null;
-    const m = v(() => r.value || o.value), d = v(() => !!(a.title || a.subtitle));
+    let u = null, m = null;
+    const c = v(() => r.value || o.value), f = v(() => !!(a.title || a.subtitle));
     v(() => a.categories.length > 0);
-    function E() {
+    function k() {
       return document.documentElement?.clientWidth || window.innerWidth;
     }
     function L() {
-      r.value = E() <= Ne;
+      r.value = k() <= Ne;
     }
     function A() {
       o.value = !o.value, l("update:collapsed", o.value);
     }
-    function g(k) {
-      l("update:modelValue", k), l("change", k);
+    function g(C) {
+      l("update:modelValue", C), l("change", C);
     }
     return Q(
       () => a.collapsed,
-      (k) => {
-        k !== void 0 && (o.value = k);
+      (C) => {
+        C !== void 0 && (o.value = C);
       }
     ), W(() => {
-      u = window.matchMedia(`(max-width: ${Ne}px)`), L(), u.addEventListener("change", L), window.addEventListener("resize", L), typeof ResizeObserver < "u" && document.documentElement && (f = new ResizeObserver(L), f.observe(document.documentElement));
+      u = window.matchMedia(`(max-width: ${Ne}px)`), L(), u.addEventListener("change", L), window.addEventListener("resize", L), typeof ResizeObserver < "u" && document.documentElement && (m = new ResizeObserver(L), m.observe(document.documentElement));
     }), pe(() => {
-      u?.removeEventListener("change", L), window.removeEventListener("resize", L), f?.disconnect(), f = null;
-    }), n({ collapsed: m }), (k, P) => (i(), s("aside", {
-      class: y(["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]", m.value ? "md:w-[84px]" : "md:w-72"]])
+      u?.removeEventListener("change", L), window.removeEventListener("resize", L), m?.disconnect(), m = null;
+    }), n({ collapsed: c }), (C, P) => (i(), s("aside", {
+      class: y(["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]", c.value ? "md:w-[84px]" : "md:w-72"]])
     }, [
-      d.value || k.$slots.header ? (i(), s("header", _t, [
-        B("div", ea, [
+      f.value || C.$slots.header ? (i(), s("header", ea, [
+        B("div", ta, [
           B("button", {
             type: "button",
             class: y(Fe),
-            "aria-label": m.value ? e.expandLabel : e.collapseLabel,
-            "aria-expanded": !m.value,
+            "aria-label": c.value ? e.expandLabel : e.collapseLabel,
+            "aria-expanded": !c.value,
             onClick: A
           }, [
             j(N, {
-              name: m.value ? "pan-end-symbolic" : "pan-start-symbolic",
+              name: c.value ? "pan-end-symbolic" : "pan-start-symbolic",
               type: "symbol",
               size: 16
             }, null, 8, ["name"])
-          ], 8, ta),
-          d.value && !m.value ? (i(), s("div", aa, [
-            e.title ? (i(), s("p", na, V(e.title), 1)) : x("", !0),
-            e.subtitle ? (i(), s("p", la, V(e.subtitle), 1)) : x("", !0)
+          ], 8, aa),
+          f.value && !c.value ? (i(), s("div", na, [
+            e.title ? (i(), s("p", la, V(e.title), 1)) : x("", !0),
+            e.subtitle ? (i(), s("p", oa, V(e.subtitle), 1)) : x("", !0)
           ])) : x("", !0)
         ]),
-        k.$slots.header && !m.value ? (i(), s("div", oa, [
-          S(k.$slots, "header", { collapsed: m.value })
+        C.$slots.header && !c.value ? (i(), s("div", ia, [
+          S(C.$slots, "header", { collapsed: c.value })
         ])) : x("", !0)
-      ])) : (i(), s("div", ia, [
+      ])) : (i(), s("div", sa, [
         B("button", {
           type: "button",
           class: y(Fe),
-          "aria-label": m.value ? e.expandLabel : e.collapseLabel,
-          "aria-expanded": !m.value,
+          "aria-label": c.value ? e.expandLabel : e.collapseLabel,
+          "aria-expanded": !c.value,
           onClick: A
         }, [
           j(N, {
-            name: m.value ? "pan-end-symbolic" : "pan-start-symbolic",
+            name: c.value ? "pan-end-symbolic" : "pan-start-symbolic",
             type: "symbol",
             size: 16
           }, null, 8, ["name"])
-        ], 8, sa)
+        ], 8, ra)
       ])),
-      B("div", ra, [
-        (i(!0), s(te, null, ue(e.categories, (C) => (i(), U(Ze, {
-          key: C.id,
-          title: C.title,
-          collapsed: m.value
+      B("div", ua, [
+        (i(!0), s(te, null, ce(e.categories, (z) => (i(), K(Ze, {
+          key: z.id,
+          title: z.title,
+          collapsed: c.value
         }, {
           default: G(() => [
-            (i(!0), s(te, null, ue(C.items, (h) => (i(), U(_e, {
+            (i(!0), s(te, null, ce(z.items, (h) => (i(), K(_e, {
               key: h.id,
               label: h.label,
               icon: h.icon,
               badge: h.badge,
               disabled: h.disabled,
-              collapsed: m.value,
+              collapsed: c.value,
               active: e.modelValue === h.id,
-              onClick: (c) => g(h.id)
+              onClick: (d) => g(h.id)
             }, null, 8, ["label", "icon", "badge", "disabled", "collapsed", "active", "onClick"]))), 128))
           ]),
           _: 2
         }, 1032, ["title", "collapsed"]))), 128)),
-        S(k.$slots, "default", { collapsed: m.value })
+        S(C.$slots, "default", { collapsed: c.value })
       ])
     ], 2));
   }
-}), ca = { class: "flex min-w-0 flex-col gap-1" }, da = ["for"], fa = { class: "relative flex min-w-0 items-center" }, ma = ["id"], ba = /* @__PURE__ */ D({
+}), da = { class: "flex min-w-0 flex-col gap-1" }, fa = ["for"], ma = { class: "relative flex min-w-0 items-center" }, ba = ["id"], va = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "SelectField",
   props: /* @__PURE__ */ Re({
@@ -357,27 +357,27 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
   }),
   emits: /* @__PURE__ */ Re(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, a = Be(), l = yt(), o = v(() => a.id ?? l), r = n, [u, f] = gt(e, "modelValue", {
-      set(m) {
-        return f.number ? Number(m) : m;
+    const t = e, a = Be(), l = yt(), o = v(() => a.id ?? l), r = n, [u, m] = gt(e, "modelValue", {
+      set(c) {
+        return m.number ? Number(c) : c;
       }
     });
-    return (m, d) => (i(), s("div", ca, [
+    return (c, f) => (i(), s("div", da, [
       t.label ? (i(), s("label", {
         key: 0,
         for: o.value,
         class: "text-tx-muted text-xs"
-      }, V(t.label), 9, da)) : x("", !0),
-      B("div", fa, [
-        Se(B("select", ce({
+      }, V(t.label), 9, fa)) : x("", !0),
+      B("div", ma, [
+        Se(B("select", le({
           id: o.value,
-          "onUpdate:modelValue": d[0] || (d[0] = (E) => ht(u) ? u.value = E : null),
+          "onUpdate:modelValue": f[0] || (f[0] = (k) => ht(u) ? u.value = k : 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"
         }, F(a), {
-          onChange: d[1] || (d[1] = (E) => r("change", E))
+          onChange: f[1] || (f[1] = (k) => r("change", k))
         }), [
-          S(m.$slots, "default")
-        ], 16, ma), [
+          S(c.$slots, "default")
+        ], 16, ba), [
           [xt, F(u)]
         ]),
         j(N, {
@@ -393,9 +393,9 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
 function Ae(e) {
   return e === "left" || e === "right" ? "vertical" : "horizontal";
 }
-const va = ["top", "bottom", "left", "right"];
-function pa(e) {
-  return typeof e == "string" && va.includes(e);
+const pa = ["top", "bottom", "left", "right"];
+function ya(e) {
+  return typeof e == "string" && pa.includes(e);
 }
 function he() {
   const e = we(Me, null);
@@ -407,18 +407,18 @@ function he() {
     vertical: v(() => Ae(n.value) === "vertical")
   };
 }
-const Ve = ["minimize", "maximize", "close"], ya = "window", ga = "barPosition";
-function ha(e) {
-  const t = e?.[ya]?.[ga];
-  return pa(t) ? t : null;
+const Ve = ["minimize", "maximize", "close"], ga = "window", ha = "barPosition";
+function xa(e) {
+  const t = e?.[ga]?.[ha];
+  return ya(t) ? t : null;
 }
-function xa(e = "top") {
+function wa(e = "top") {
   const n = w(e);
   let t = null, a = !1;
   async function l() {
     try {
       const { readConfig: o } = await import("@vasakgroup/plugin-config-manager"), r = await o();
-      n.value = ha(r) ?? e;
+      n.value = xa(r) ?? e;
     } catch {
     }
   }
@@ -447,7 +447,7 @@ function et(e) {
   }
   return t;
 }
-const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title", "aria-label"], Ee = "flex items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 p-1 transition-colors", tt = /* @__PURE__ */ D({
+const $a = ["title", "aria-label"], ka = ["title", "aria-label"], Ca = ["title", "aria-label"], Ee = "flex items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 p-1 transition-colors", tt = /* @__PURE__ */ D({
   __name: "WindowControls",
   props: {
     controls: { default: () => Ve },
@@ -457,84 +457,84 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
   },
   emits: ["minimize", "maximize", "close"],
   setup(e, { emit: n }) {
-    const t = e, { t: a } = Bt(), l = v(() => t.minimizeLabel ?? a("ventana.minimizar")), o = v(() => t.maximizeLabel ?? a("ventana.maximizar")), r = v(() => t.closeLabel ?? a("ventana.cerrar")), u = n, { vertical: f } = he(), m = v(() => ({
+    const t = e, { t: a } = St(), l = v(() => t.minimizeLabel ?? a("ventana.minimizar")), o = v(() => t.maximizeLabel ?? a("ventana.maximizar")), r = v(() => t.closeLabel ?? a("ventana.cerrar")), u = n, { vertical: m } = he(), c = v(() => ({
       minimize: t.controls.includes("minimize"),
       maximize: t.controls.includes("maximize"),
       close: t.controls.includes("close")
     }));
-    function d() {
-      return At();
+    function f() {
+      return Bt();
     }
-    const E = Ge();
+    const k = Ge();
     function L(P) {
-      return !!E?.vnode.props?.[`on${P}`];
+      return !!k?.vnode.props?.[`on${P}`];
     }
     function A() {
       if (L("Minimize")) return u("minimize");
-      d().minimize();
+      f().minimize();
     }
     function g() {
       if (L("Maximize")) return u("maximize");
-      d().toggleMaximize();
+      f().toggleMaximize();
     }
-    function k() {
+    function C() {
       if (L("Close")) return u("close");
-      d().close();
+      f().close();
     }
-    return (P, C) => e.controls.length ? (i(), s("div", {
+    return (P, z) => e.controls.length ? (i(), s("div", {
       key: 0,
-      class: y(["flex shrink-0 gap-1", F(f) ? "flex-col" : ""]),
+      class: y(["flex shrink-0 gap-1", F(m) ? "flex-col" : ""]),
       "data-tauri-drag-region": ""
     }, [
-      m.value.minimize ? (i(), s("button", {
+      c.value.minimize ? (i(), s("button", {
         key: 0,
         type: "button",
         class: y([Ee, "hover:bg-status-success"]),
         title: l.value,
         "aria-label": l.value,
-        onClick: C[0] || (C[0] = (h) => A())
+        onClick: z[0] || (z[0] = (h) => A())
       }, [
         j(N, {
           name: "window-minimize",
           type: "symbol",
           size: 24
         })
-      ], 10, wa)) : x("", !0),
-      m.value.maximize ? (i(), s("button", {
+      ], 10, $a)) : x("", !0),
+      c.value.maximize ? (i(), s("button", {
         key: 1,
         type: "button",
         class: y([Ee, "hover:bg-status-warning"]),
         title: o.value,
         "aria-label": o.value,
-        onClick: C[1] || (C[1] = (h) => g())
+        onClick: z[1] || (z[1] = (h) => g())
       }, [
         j(N, {
           name: "window-maximize",
           type: "symbol",
           size: 24
         })
-      ], 10, $a)) : x("", !0),
-      m.value.close ? (i(), s("button", {
+      ], 10, ka)) : x("", !0),
+      c.value.close ? (i(), s("button", {
         key: 2,
         type: "button",
         class: y([Ee, "hover:bg-status-error"]),
         title: r.value,
         "aria-label": r.value,
-        onClick: C[2] || (C[2] = (h) => k())
+        onClick: z[2] || (z[2] = (h) => C())
       }, [
         j(N, {
           name: "window-close",
           type: "symbol",
           size: 24
         })
-      ], 10, ka)) : x("", !0)
+      ], 10, Ca)) : x("", !0)
     ], 2)) : x("", !0);
   }
-}), Ca = {
+}), za = {
   key: 0,
   class: "flex shrink-0 items-center",
   "data-tauri-drag-region": ""
-}, za = {
+}, Ea = {
   key: 1,
   class: "min-w-0 shrink truncate text-sm",
   "data-tauri-drag-region": ""
@@ -559,10 +559,10 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
       class: y(["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(), s("div", Ca, [
+      o.$slots.identidad ? (i(), s("div", za, [
         S(o.$slots, "identidad")
       ])) : x("", !0),
-      (o.$slots.titulo || e.title) && !l.value ? (i(), s("p", za, [
+      (o.$slots.titulo || e.title) && !l.value ? (i(), s("p", Ea, [
         S(o.$slots, "titulo", {}, () => [
           $e(V(e.title), 1)
         ])
@@ -579,7 +579,7 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
       }, [
         S(o.$slots, "acciones")
       ], 2)) : x("", !0),
-      j(tt, ce({
+      j(tt, le({
         controls: e.controls,
         "minimize-label": e.minimizeLabel,
         "maximize-label": e.maximizeLabel,
@@ -597,7 +597,7 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
       ], 2)) : x("", !0)
     ], 2));
   }
-}), Ea = { class: "flex min-h-0 min-w-0 flex-1" }, La = /* @__PURE__ */ D({
+}), La = { class: "flex min-h-0 min-w-0 flex-1" }, Da = /* @__PURE__ */ D({
   __name: "WindowFrame",
   props: {
     position: { default: null },
@@ -610,7 +610,7 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
   },
   emits: ["minimize", "maximize", "close"],
   setup(e) {
-    const n = e, t = xa(), a = v(() => n.position ?? t.value), l = v(() => Ae(a.value)), o = v(() => l.value === "vertical");
+    const n = e, t = wa(), a = v(() => n.position ?? t.value), l = v(() => Ae(a.value)), o = v(() => l.value === "vertical");
     ye(Me, { posicion: a, orientacion: l, vertical: o });
     const r = {
       top: "flex-col",
@@ -618,10 +618,10 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
       left: "flex-row",
       right: "flex-row-reverse"
     };
-    return (u, f) => (i(), s("div", {
+    return (u, m) => (i(), s("div", {
       class: y(["flex h-screen w-screen overflow-hidden rounded-corner-window border border-ui-border bg-ui-bg/80", r[a.value]])
     }, [
-      e.hideBar ? x("", !0) : (i(), U(at, ce({
+      e.hideBar ? x("", !0) : (i(), K(at, le({
         key: 0,
         position: a.value,
         title: e.title,
@@ -664,22 +664,22 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
           key: "3"
         } : void 0
       ]), 1040, ["position", "title", "minimize-label", "maximize-label", "close-label", "controls"])),
-      B("div", Ea, [
+      B("div", La, [
         S(u.$slots, "default")
       ])
     ], 2));
   }
-}), Da = ["aria-selected", "title", "aria-label", "tabindex"], Ta = {
+}), Ta = ["aria-selected", "title", "aria-label", "tabindex"], Aa = {
   key: 1,
   "aria-hidden": "true"
-}, Aa = {
+}, Ba = {
   key: 2,
   class: "min-w-0 flex-1 truncate"
-}, Ba = ["title", "aria-label"], Sa = { class: "whitespace-nowrap" }, Ma = {
+}, Sa = ["title", "aria-label"], Ma = { class: "whitespace-nowrap" }, Va = {
   key: 0,
   class: "size-2 shrink-0 rounded-full bg-current",
   "aria-hidden": "true"
-}, Va = ["title", "aria-label"], Ia = 500, qe = 8, He = 6, nt = /* @__PURE__ */ D({
+}, Ia = ["title", "aria-label"], Oa = 500, qe = 8, He = 6, nt = /* @__PURE__ */ D({
   __name: "TabItem",
   props: {
     tab: {},
@@ -690,47 +690,47 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
   },
   emits: ["select", "close", "menu", "mover", "navegar"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { vertical: l, posicion: o } = he(), r = w(null), u = w(null), f = w(!1), m = w(!1), d = w(!1), E = w({ top: 0, left: 0, right: 0 });
+    const t = e, a = n, { vertical: l, posicion: o } = he(), r = w(null), u = w(null), m = w(!1), c = w(!1), f = w(!1), k = w({ top: 0, left: 0, right: 0 });
     let L = null, A = null;
-    const g = v(() => t.tab.closable !== !1), k = v(() => t.tab.tooltip ?? t.tab.label), P = v(
+    const g = v(() => t.tab.closable !== !1), C = v(() => t.tab.tooltip ?? t.tab.label), P = v(
       () => t.tab.dirty ? `${t.tab.label} · ${t.dirtyLabel}` : t.tab.label
-    ), C = v(() => t.tab.label.trim().charAt(0).toUpperCase()), h = v(() => f.value || d.value), c = v(
+    ), z = v(() => t.tab.label.trim().charAt(0).toUpperCase()), h = v(() => m.value || f.value), d = v(
       () => !!t.tab.dirty && !(h.value && g.value)
     ), b = v(
       () => g.value && (h.value || t.active || !t.tab.dirty)
     ), p = v(
-      () => l.value && (f.value || m.value || d.value)
+      () => l.value && (m.value || c.value || f.value)
     ), R = v(() => {
-      const q = { position: "fixed", top: `${E.value.top}px`, zIndex: 50 };
-      return o.value === "right" ? { ...q, right: `${E.value.right + He}px` } : { ...q, left: `${E.value.left + He}px` };
+      const q = { position: "fixed", top: `${k.value.top}px`, zIndex: 50 };
+      return o.value === "right" ? { ...q, right: `${k.value.right + He}px` } : { ...q, left: `${k.value.left + He}px` };
     });
-    function le() {
+    function oe() {
       const q = r.value;
       if (!q) return;
       const $ = q.getBoundingClientRect();
-      E.value = {
+      k.value = {
         top: $.top,
         left: $.right,
         right: window.innerWidth - $.left
       };
     }
-    function K(q) {
+    function U(q) {
       const $ = q.relatedTarget;
-      $ && u.value?.contains($) || (d.value = !1);
+      $ && u.value?.contains($) || (f.value = !1);
     }
-    function oe() {
-      f.value = !0, le();
+    function ie() {
+      m.value = !0, oe();
     }
     function Y() {
-      m.value = !0, le();
+      c.value = !0, oe();
     }
     function T() {
       L !== null && clearTimeout(L), L = null, A = null;
     }
-    function z(q) {
+    function E(q) {
       q.button === 0 && (A = { x: q.clientX, y: q.clientY }, L = setTimeout(() => {
         A && a("menu", A), T();
-      }, Ia));
+      }, Oa));
     }
     function O(q) {
       if (!A) return;
@@ -751,7 +751,7 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
       ]]),
       role: "tab",
       "aria-selected": e.active,
-      title: k.value,
+      title: C.value,
       "aria-label": P.value,
       tabindex: e.tabindex,
       onClick: $[5] || ($[5] = M((H) => a("select"), ["stop"])),
@@ -772,23 +772,23 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
       ],
       onAuxclick: M(de, ["stop"]),
       onContextmenu: bt,
-      onPointerdown: z,
+      onPointerdown: E,
       onPointermove: O,
       onPointerup: T,
       onPointerleave: T,
-      onMouseenter: oe,
-      onMouseleave: $[19] || ($[19] = (H) => f.value = !1),
+      onMouseenter: ie,
+      onMouseleave: $[19] || ($[19] = (H) => m.value = !1),
       onFocus: Y,
-      onBlur: $[20] || ($[20] = (H) => m.value = !1)
+      onBlur: $[20] || ($[20] = (H) => c.value = !1)
     }, [
-      e.tab.icon ? (i(), U(N, {
+      e.tab.icon ? (i(), K(N, {
         key: 0,
         name: e.tab.icon,
         size: 16,
         class: "shrink-0"
-      }, null, 8, ["name"])) : F(l) ? (i(), s("span", Ta, V(C.value), 1)) : x("", !0),
-      F(l) ? x("", !0) : (i(), s("span", Aa, V(e.tab.label), 1)),
-      c.value ? (i(), s("span", {
+      }, null, 8, ["name"])) : F(l) ? (i(), s("span", Aa, V(z.value), 1)) : x("", !0),
+      F(l) ? x("", !0) : (i(), s("span", Ba, V(e.tab.label), 1)),
+      d.value ? (i(), s("span", {
         key: 3,
         class: y(["size-2 shrink-0 rounded-full bg-current", F(l) ? "absolute right-0.5 top-0.5" : ""]),
         "aria-hidden": "true"
@@ -805,8 +805,8 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
           type: "symbol",
           size: 12
         })
-      ], 8, Ba)) : x("", !0),
-      (i(), U(ge, { to: "body" }, [
+      ], 8, Sa)) : x("", !0),
+      (i(), K(ge, { to: "body" }, [
         j(ke, {
           "enter-active-class": "transition duration-150 ease-out",
           "enter-from-class": "opacity-0 scale-95",
@@ -820,13 +820,13 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
               ref_key: "desplegadoRef",
               ref: u,
               style: fe(R.value),
-              onMouseenter: $[2] || ($[2] = (H) => d.value = !0),
-              onMouseleave: $[3] || ($[3] = (H) => d.value = !1),
-              onFocusin: $[4] || ($[4] = (H) => d.value = !0),
-              onFocusout: K
+              onMouseenter: $[2] || ($[2] = (H) => f.value = !0),
+              onMouseleave: $[3] || ($[3] = (H) => f.value = !1),
+              onFocusin: $[4] || ($[4] = (H) => f.value = !0),
+              onFocusout: U
             }, [
-              B("span", Sa, V(e.tab.label), 1),
-              e.tab.dirty ? (i(), s("span", Ma)) : x("", !0),
+              B("span", Ma, V(e.tab.label), 1),
+              e.tab.dirty ? (i(), s("span", Va)) : x("", !0),
               g.value ? (i(), s("button", {
                 key: 1,
                 type: "button",
@@ -840,15 +840,15 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
                   type: "symbol",
                   size: 12
                 })
-              ], 8, Va)) : x("", !0)
+              ], 8, Ia)) : x("", !0)
             ], 38)) : x("", !0)
           ]),
           _: 1
         })
       ]))
-    ], 42, Da));
+    ], 42, Ta));
   }
-}), Oa = ["aria-orientation"], ja = ["draggable", "onDragstart", "onDragover", "onDrop"], Pa = ["title", "aria-label"], Ra = /* @__PURE__ */ D({
+}), ja = ["aria-orientation"], Pa = ["draggable", "onDragstart", "onDragover", "onDrop"], Ra = ["title", "aria-label"], Fa = /* @__PURE__ */ D({
   __name: "TabBar",
   props: {
     tabs: {},
@@ -860,48 +860,48 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
   },
   emits: ["update:modelValue", "select", "close", "new", "reorder", "menu"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { vertical: l } = he(), o = w(null), r = w(0), u = w(null), f = w(null);
-    function m(h) {
+    const t = e, a = n, { vertical: l } = he(), o = w(null), r = w(0), u = w(null), m = w(null);
+    function c(h) {
       a("update:modelValue", h), a("select", h);
     }
-    async function d(h, c) {
+    async function f(h, d) {
       const b = t.tabs.length - 1;
       if (b < 0) return;
-      const p = c === "primera" ? 0 : c === "ultima" ? b : c === "anterior" ? (h - 1 + t.tabs.length) % t.tabs.length : (h + 1) % t.tabs.length;
+      const p = d === "primera" ? 0 : d === "ultima" ? b : d === "anterior" ? (h - 1 + t.tabs.length) % t.tabs.length : (h + 1) % t.tabs.length;
       r.value = p, await J(), o.value?.querySelectorAll('[role="tab"]')?.[p]?.focus();
     }
-    function E(h, c) {
+    function k(h, d) {
       if (t.fixedOrder) return;
-      const b = h + c;
+      const b = h + d;
       if (b < 0 || b >= t.tabs.length) return;
       const p = [...t.tabs], [R] = p.splice(h, 1);
       R && (p.splice(b, 0, R), r.value = b, a("reorder", p));
     }
     function L(h) {
-      const c = o.value;
-      if (!c) return;
-      const b = h.deltaY || h.deltaX || 0, p = l.value ? c.scrollTop : c.scrollLeft;
-      l.value ? c.scrollTop += b : c.scrollLeft += b, (l.value ? c.scrollTop : c.scrollLeft) !== p && h.preventDefault();
+      const d = o.value;
+      if (!d) return;
+      const b = h.deltaY || h.deltaX || 0, p = l.value ? d.scrollTop : d.scrollLeft;
+      l.value ? d.scrollTop += b : d.scrollLeft += b, (l.value ? d.scrollTop : d.scrollLeft) !== p && h.preventDefault();
     }
-    function A(h, c) {
-      t.fixedOrder || (u.value = h, c.dataTransfer?.setData("text/plain", String(h)), c.dataTransfer && (c.dataTransfer.effectAllowed = "move"));
+    function A(h, d) {
+      t.fixedOrder || (u.value = h, d.dataTransfer?.setData("text/plain", String(h)), d.dataTransfer && (d.dataTransfer.effectAllowed = "move"));
     }
-    function g(h, c) {
-      t.fixedOrder || u.value === null || (c.preventDefault(), f.value = h, c.dataTransfer && (c.dataTransfer.dropEffect = "move"));
+    function g(h, d) {
+      t.fixedOrder || u.value === null || (d.preventDefault(), m.value = h, d.dataTransfer && (d.dataTransfer.dropEffect = "move"));
     }
-    function k(h) {
-      const c = u.value;
-      if (P(), t.fixedOrder || c === null || c === h) return;
-      const b = [...t.tabs], [p] = b.splice(c, 1);
+    function C(h) {
+      const d = u.value;
+      if (P(), t.fixedOrder || d === null || d === h) return;
+      const b = [...t.tabs], [p] = b.splice(d, 1);
       p && (b.splice(h, 0, p), a("reorder", b));
     }
     function P() {
-      u.value = null, f.value = null;
+      u.value = null, m.value = null;
     }
-    const C = v(
+    const z = 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 (h, c) => (i(), s("div", {
+    return (h, d) => (i(), s("div", {
       class: y(["flex min-h-0 min-w-0 items-center gap-1", F(l) ? "w-full flex-col" : "h-full"]),
       role: "tablist",
       "aria-orientation": F(l) ? "vertical" : "horizontal"
@@ -909,19 +909,19 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
       B("div", {
         ref_key: "carril",
         ref: o,
-        class: y(C.value),
+        class: y(z.value),
         onWheel: L
       }, [
-        (i(!0), s(te, null, ue(e.tabs, (b, p) => (i(), s("div", {
+        (i(!0), s(te, null, ce(e.tabs, (b, p) => (i(), s("div", {
           key: b.id,
           class: y(["transition-opacity", [
             u.value === p ? "opacity-40" : "",
-            f.value === p && u.value !== p ? "ring-2 ring-secondary rounded-corner" : ""
+            m.value === p && u.value !== p ? "ring-2 ring-secondary rounded-corner" : ""
           ]]),
           draggable: !e.fixedOrder,
           onDragstart: (R) => A(p, R),
           onDragover: (R) => g(p, R),
-          onDrop: M((R) => k(p), ["prevent"]),
+          onDrop: M((R) => C(p), ["prevent"]),
           onDragend: P
         }, [
           j(nt, {
@@ -930,13 +930,13 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
             "close-label": e.closeLabel,
             "dirty-label": e.dirtyLabel,
             tabindex: p === r.value ? 0 : -1,
-            onSelect: (R) => m(b.id),
+            onSelect: (R) => c(b.id),
             onClose: (R) => a("close", b.id),
             onMenu: (R) => a("menu", { id: b.id, ...R }),
-            onNavegar: (R) => d(p, R),
-            onMover: (R) => E(p, R)
+            onNavegar: (R) => f(p, R),
+            onMover: (R) => k(p, R)
           }, null, 8, ["tab", "active", "close-label", "dirty-label", "tabindex", "onSelect", "onClose", "onMenu", "onNavegar", "onMover"])
-        ], 42, ja))), 128))
+        ], 42, Pa))), 128))
       ], 34),
       e.newLabel ? (i(), s("button", {
         key: 0,
@@ -944,17 +944,17 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
         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",
         title: e.newLabel,
         "aria-label": e.newLabel,
-        onClick: c[0] || (c[0] = (b) => a("new"))
+        onClick: d[0] || (d[0] = (b) => a("new"))
       }, [
         j(N, {
           name: "gtk-add",
           type: "symbol",
           size: 14
         })
-      ], 8, Pa)) : x("", !0)
-    ], 10, Oa));
+      ], 8, Ra)) : x("", !0)
+    ], 10, ja));
   }
-}), Fa = ["id", "aria-label", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-describedby", "autocomplete", "aria-invalid"], lt = /* @__PURE__ */ D({
+}), Na = ["id", "aria-label", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-describedby", "autocomplete", "aria-invalid"], lt = /* @__PURE__ */ D({
   __name: "TextInput",
   props: {
     modelValue: {},
@@ -974,25 +974,25 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
   emits: ["update:modelValue", "keyup", "keydown"],
   setup(e, { expose: n, emit: t }) {
     const a = e, l = t;
-    function o(d) {
-      a.lazy || l("update:modelValue", d.target.value);
+    function o(f) {
+      a.lazy || l("update:modelValue", f.target.value);
     }
-    function r(d) {
-      a.lazy && l("update:modelValue", d.target.value);
+    function r(f) {
+      a.lazy && l("update:modelValue", f.target.value);
     }
     const u = w(null);
-    function f() {
+    function m() {
       return u.value?.focus(), u.value !== null && document.activeElement === u.value;
     }
-    n({ enfocar: f });
-    const m = v(() => [
+    n({ enfocar: m });
+    const c = v(() => [
       "w-full rounded-corner border bg-ui-surface/70 px-3 py-1.5 text-sm text-tx-main",
       "placeholder:text-tx-muted focus:outline-none focus:ring-1 focus:ring-primary",
       a.invalid ? "border-status-error" : "border-ui-border",
       a.mono ? "font-mono" : "",
       a.disabled ? "cursor-not-allowed opacity-60" : ""
     ]);
-    return (d, E) => (i(), s("input", {
+    return (f, k) => (i(), s("input", {
       ref_key: "campo",
       ref: u,
       id: e.id,
@@ -1006,14 +1006,14 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
       "aria-describedby": e.describedBy,
       autocomplete: e.autocomplete,
       "aria-invalid": e.invalid || void 0,
-      class: y(m.value),
+      class: y(c.value),
       onInput: o,
       onChange: r,
-      onKeyup: E[0] || (E[0] = (L) => l("keyup", L)),
-      onKeydown: E[1] || (E[1] = (L) => l("keydown", L))
-    }, null, 42, Fa));
+      onKeyup: k[0] || (k[0] = (L) => l("keyup", L)),
+      onKeydown: k[1] || (k[1] = (L) => l("keydown", L))
+    }, null, 42, Na));
   }
-}), Na = { class: "pointer-events-none absolute left-2 flex items-center" }, qa = ["aria-label"], Ie = /* @__PURE__ */ D({
+}), qa = { class: "pointer-events-none absolute left-2 flex items-center" }, Ha = ["aria-label"], Ie = /* @__PURE__ */ D({
   __name: "SearchField",
   props: {
     modelValue: { default: "" },
@@ -1032,7 +1032,7 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
   setup(e, { expose: n, emit: t }) {
     const a = e, l = t, o = w(null);
     let r;
-    const u = v(() => a.modelValue.length > 0), f = v(
+    const u = v(() => a.modelValue.length > 0), m = v(
       () => a.listboxId ? {
         role: "combobox",
         "aria-autocomplete": "list",
@@ -1040,34 +1040,34 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
         "aria-expanded": String(a.expanded),
         "aria-activedescendant": a.activeOptionId || void 0
       } : {}
-    ), m = v(() => a.clearable && u.value && !a.disabled);
-    function d() {
+    ), c = v(() => a.clearable && u.value && !a.disabled);
+    function f() {
       clearTimeout(r), r = void 0;
     }
-    function E(k) {
-      l("update:modelValue", k), !(a.debounce <= 0) && (d(), r = setTimeout(() => l("search", k), a.debounce));
+    function k(C) {
+      l("update:modelValue", C), !(a.debounce <= 0) && (f(), r = setTimeout(() => l("search", C), a.debounce));
     }
     function L() {
-      d(), l("search", a.modelValue);
+      f(), l("search", a.modelValue);
     }
     function A() {
-      d(), l("update:modelValue", ""), l("clear"), g();
+      f(), l("update:modelValue", ""), l("clear"), g();
     }
     function g() {
       return o.value?.enfocar() ?? !1;
     }
     return n({ enfocar: g }), W(async () => {
       a.autofocus && (await J(), g());
-    }), ve(d), Q(
+    }), ve(f), Q(
       () => a.disabled,
-      (k) => {
-        k && d();
+      (C) => {
+        C && f();
       }
-    ), (k, P) => (i(), s("div", {
+    ), (C, P) => (i(), s("div", {
       class: "relative flex items-center",
       onKeydown: I(L, ["enter"])
     }, [
-      B("span", Na, [
+      B("span", qa, [
         j(N, {
           name: e.busy ? "content-loading" : "system-search",
           type: "symbol",
@@ -1075,20 +1075,20 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
           class: y(e.busy ? "animate-spin opacity-70" : "opacity-60")
         }, null, 8, ["name", "class"])
       ]),
-      j(lt, ce({
+      j(lt, le({
         ref_key: "campo",
         ref: o,
         type: "search",
         "model-value": e.modelValue,
         placeholder: e.placeholder || e.label,
         ariaLabel: e.label || void 0
-      }, f.value, {
+      }, m.value, {
         disabled: e.disabled,
-        class: ["pl-7 [&::-webkit-search-cancel-button]:appearance-none", m.value ? "pr-8" : ""],
-        "onUpdate:modelValue": E,
-        onKeydown: P[0] || (P[0] = (C) => l("keydown", C))
+        class: ["pl-7 [&::-webkit-search-cancel-button]:appearance-none", c.value ? "pr-8" : ""],
+        "onUpdate:modelValue": k,
+        onKeydown: P[0] || (P[0] = (z) => l("keydown", z))
       }), null, 16, ["model-value", "placeholder", "ariaLabel", "disabled", "class"]),
-      m.value ? (i(), s("button", {
+      c.value ? (i(), s("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",
@@ -1103,10 +1103,10 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
           size: 12,
           alt: ""
         })
-      ], 40, qa)) : x("", !0)
+      ], 40, Ha)) : x("", !0)
     ], 32));
   }
-}), Ha = ["title", "aria-label", "aria-expanded"], Ua = /* @__PURE__ */ D({
+}), Ka = ["title", "aria-label", "aria-expanded"], Ua = /* @__PURE__ */ D({
   __name: "BarSearch",
   props: {
     modelValue: { default: "" },
@@ -1118,45 +1118,45 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
   },
   emits: ["update:modelValue", "search", "open", "close"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { vertical: l, posicion: o } = he(), r = w(!1), u = w(null), f = v(() => l.value || t.collapsed), m = v(() => !f.value || r.value), d = v(() => {
-      if (!f.value) return "";
+    const t = e, a = n, { vertical: l, posicion: o } = he(), r = w(!1), u = w(null), m = v(() => l.value || t.collapsed), c = v(() => !m.value || r.value), f = v(() => {
+      if (!m.value) return "";
       const g = "absolute z-40 w-64 rounded-corner border border-ui-border bg-ui-surface/95 p-1 shadow-lg";
       return o.value === "left" ? `${g} left-full top-0 ml-1` : o.value === "right" ? `${g} right-full top-0 mr-1` : o.value === "bottom" ? `${g} bottom-full right-0 mb-1` : `${g} top-full right-0 mt-1`;
     });
-    async function E() {
+    async function k() {
       r.value = !0, a("open"), await J(), u.value?.enfocar();
     }
     function L() {
       r.value && (r.value = !1, a("close"));
     }
     function A(g) {
-      const k = g.relatedTarget;
-      k && g.currentTarget.contains(k) || L();
+      const C = g.relatedTarget;
+      C && g.currentTarget.contains(C) || L();
     }
-    return (g, k) => (i(), s("div", {
+    return (g, C) => (i(), s("div", {
       class: "relative flex shrink-0 items-center",
       onFocusout: A
     }, [
-      f.value ? (i(), s("button", {
+      m.value ? (i(), s("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",
         title: e.label,
         "aria-label": e.label,
         "aria-expanded": r.value,
-        onMousedown: k[0] || (k[0] = M(() => {
+        onMousedown: C[0] || (C[0] = M(() => {
         }, ["prevent"])),
-        onClick: k[1] || (k[1] = (P) => r.value ? L() : E())
+        onClick: C[1] || (C[1] = (P) => r.value ? L() : k())
       }, [
         j(N, {
           name: "system-search",
           type: "symbol",
           size: 14
         })
-      ], 40, Ha)) : x("", !0),
-      m.value ? (i(), s("div", {
+      ], 40, Ka)) : x("", !0),
+      c.value ? (i(), s("div", {
         key: 1,
-        class: y(d.value),
+        class: y(f.value),
         onKeydown: I(L, ["esc"])
       }, [
         j(Ie, {
@@ -1167,17 +1167,17 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
           label: e.label,
           disabled: e.disabled,
           debounce: e.debounce,
-          class: y(f.value ? "" : "w-48"),
-          "onUpdate:modelValue": k[2] || (k[2] = (P) => a("update:modelValue", P)),
-          onSearch: k[3] || (k[3] = (P) => a("search", P))
+          class: y(m.value ? "" : "w-48"),
+          "onUpdate:modelValue": C[2] || (C[2] = (P) => a("update:modelValue", P)),
+          onSearch: C[3] || (C[3] = (P) => a("search", P))
         }, null, 8, ["model-value", "placeholder", "label", "disabled", "debounce", "class"])
       ], 34)) : x("", !0)
     ], 32));
   }
-}), Ka = ["type", "disabled"], Wa = {
+}), Wa = ["type", "disabled"], Ga = {
   key: 0,
   class: "w-4 h-4 animate-spin rounded-full border-2 border-current border-t-transparent"
-}, Ga = ["src", "alt"], Qa = { key: 2 }, Ya = ["src", "alt"], Xa = /* @__PURE__ */ D({
+}, Qa = ["src", "alt"], Ya = { key: 2 }, Xa = ["src", "alt"], Ja = /* @__PURE__ */ D({
   __name: "ActionButton",
   props: {
     label: {},
@@ -1207,7 +1207,7 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
     }, r = (u) => {
       t.stopPropagation && u.stopPropagation(), t.preventDefault && u.preventDefault(), !t.disabled && !t.loading && a("click");
     };
-    return (u, f) => (i(), s("button", {
+    return (u, m) => (i(), s("button", {
       type: t.type,
       onClick: r,
       class: y(["rounded-corner transition-[background-color,opacity] duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", [
@@ -1219,28 +1219,28 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
       ]]),
       disabled: t.disabled || t.loading
     }, [
-      e.loading ? (i(), s("span", Wa)) : x("", !0),
+      e.loading ? (i(), s("span", Ga)) : x("", !0),
       t.iconSrc && !t.iconRight ? (i(), s("img", {
         key: 1,
         src: t.iconSrc,
         alt: t.iconAlt || t.label,
         class: "w-4 h-4"
-      }, null, 8, Ga)) : x("", !0),
-      t.label ? (i(), s("span", Qa, V(t.label), 1)) : x("", !0),
+      }, null, 8, Qa)) : x("", !0),
+      t.label ? (i(), s("span", Ya, V(t.label), 1)) : x("", !0),
       t.iconSrc && t.iconRight ? (i(), s("img", {
         key: 3,
         src: t.iconSrc,
         alt: t.iconAlt || t.label,
         class: "w-4 h-4"
-      }, null, 8, Ya)) : x("", !0)
-    ], 10, Ka));
+      }, null, 8, Xa)) : x("", !0)
+    ], 10, Wa));
   }
 }), Oe = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [a, l] of n)
     t[a] = l;
   return t;
-}, Ja = /* @__PURE__ */ Oe(Xa, [["__scopeId", "data-v-69cf4563"]]), ot = {
+}, Za = /* @__PURE__ */ Oe(Ja, [["__scopeId", "data-v-69cf4563"]]), ot = {
   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",
@@ -1249,13 +1249,13 @@ const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title",
 function it(e) {
   return e === "error" ? "alert" : "status";
 }
-const Za = ["role"], _a = {
+const _a = ["role"], en = {
   key: 0,
   class: "mt-0.5"
-}, en = { class: "min-w-0 flex-1" }, tn = {
+}, tn = { class: "min-w-0 flex-1" }, an = {
   key: 0,
   class: "font-semibold"
-}, an = /* @__PURE__ */ D({
+}, nn = /* @__PURE__ */ D({
   __name: "AlertMessage",
   props: {
     tone: { default: "info" },
@@ -1270,7 +1270,7 @@ const Za = ["role"], _a = {
       "aria-atomic": "true",
       class: y(["flex gap-3 rounded-corner border px-4 py-2 text-sm", t.value])
     }, [
-      e.icon ? (i(), s("span", _a, [
+      e.icon ? (i(), s("span", en, [
         j(N, {
           name: e.icon,
           type: e.iconType,
@@ -1278,20 +1278,20 @@ const Za = ["role"], _a = {
           alt: ""
         }, null, 8, ["name", "type"])
       ])) : x("", !0),
-      B("div", en, [
-        e.title ? (i(), s("p", tn, V(e.title), 1)) : x("", !0),
+      B("div", tn, [
+        e.title ? (i(), s("p", an, V(e.title), 1)) : x("", !0),
         B("div", {
           class: y(e.title ? "mt-1" : "")
         }, [
           S(l.$slots, "default")
         ], 2)
       ])
-    ], 10, Za));
+    ], 10, _a));
   }
-}), nn = { class: "font-medium text-sm text-tx-main" }, ln = {
+}), ln = { class: "font-medium text-sm text-tx-main" }, on = {
   key: 0,
   class: "text-sm text-tx-muted"
-}, on = /* @__PURE__ */ D({
+}, sn = /* @__PURE__ */ D({
   __name: "EmptyState",
   props: {
     title: {},
@@ -1310,12 +1310,12 @@ const Za = ["role"], _a = {
         size: 48,
         class: "opacity-60"
       }, null, 8, ["name", "type"]),
-      B("p", nn, V(e.title), 1),
-      e.note ? (i(), s("p", ln, V(e.note), 1)) : x("", !0),
+      B("p", ln, V(e.title), 1),
+      e.note ? (i(), s("p", on, V(e.note), 1)) : x("", !0),
       S(n.$slots, "default")
     ], 2));
   }
-}), sn = { class: "text-sm text-tx-muted" }, rn = /* @__PURE__ */ D({
+}), rn = { class: "text-sm text-tx-muted" }, un = /* @__PURE__ */ D({
   __name: "LoadingState",
   props: {
     label: {},
@@ -1328,10 +1328,10 @@ const Za = ["role"], _a = {
       class: y(["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] = B("span", { class: "h-10 w-10 animate-spin rounded-full border-4 border-ui-border border-t-primary motion-reduce:animate-none" }, null, -1)),
-      B("p", sn, V(e.label), 1)
+      B("p", rn, V(e.label), 1)
     ], 2));
   }
-}), un = ["role"], cn = /* @__PURE__ */ D({
+}), cn = ["role"], dn = /* @__PURE__ */ D({
   __name: "ToastArea",
   props: {
     toasts: {},
@@ -1341,7 +1341,7 @@ const Za = ["role"], _a = {
     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(), U(ge, { to: "body" }, [
+    return (a, l) => (i(), K(ge, { to: "body" }, [
       B("div", {
         class: y(["pointer-events-none fixed z-60 flex flex-col gap-2", t.value])
       }, [
@@ -1353,7 +1353,7 @@ const Za = ["role"], _a = {
           "move-class": "transition-transform duration-300"
         }, {
           default: G(() => [
-            (i(!0), s(te, null, ue(e.toasts, (o) => (i(), s("div", {
+            (i(!0), s(te, null, ce(e.toasts, (o) => (i(), s("div", {
               key: o.id,
               role: F(it)(o.tone ?? "info"),
               "aria-atomic": "true",
@@ -1362,17 +1362,17 @@ const Za = ["role"], _a = {
               S(a.$slots, "default", { aviso: o }, () => [
                 $e(V(o.message), 1)
               ])
-            ], 10, un))), 128))
+            ], 10, cn))), 128))
           ]),
           _: 3
         })
       ], 2)
     ]));
   }
-}), dn = ["aria-label", "aria-valuenow"], fn = {
+}), fn = ["aria-label", "aria-valuenow"], mn = {
   key: 1,
   class: "h-full w-full animate-pulse rounded-corner bg-primary motion-reduce:animate-none motion-reduce:bg-primary/40"
-}, mn = /* @__PURE__ */ D({
+}, bn = /* @__PURE__ */ D({
   __name: "ProgressBar",
   props: {
     value: {},
@@ -1399,42 +1399,42 @@ const Za = ["role"], _a = {
         key: 0,
         class: y(["h-full rounded-corner transition-[width] duration-300 ease-out", t[e.tone]]),
         style: fe({ width: `${a.value}%` })
-      }, null, 6)) : (i(), s("div", fn))
-    ], 8, dn));
+      }, null, 6)) : (i(), s("div", mn))
+    ], 8, fn));
   }
-}), bn = /[/\-_.]/;
+}), vn = /[/\-_.]/;
 function Le(e, n) {
   if (!n) return 100;
   const t = n.toLowerCase();
-  return t === e ? 0 : t.startsWith(e) ? 10 : t.split(bn).some((a) => a.startsWith(e)) ? 30 : t.includes(e) ? 40 : 100;
+  return t === e ? 0 : t.startsWith(e) ? 10 : t.split(vn).some((a) => a.startsWith(e)) ? 30 : t.includes(e) ? 40 : 100;
 }
-function vn(e, n) {
+function pn(e, n) {
   const t = n.trim().toLowerCase();
   if (!t) return e;
   const a = [];
   for (let l = 0; l < e.length; l++) {
-    const o = e[l], r = Le(t, o.valor), u = Le(t, o.etiqueta), f = u === 10 ? 20 : u, d = Le(t, o.detalle) === 100 ? 100 : 40, E = Math.min(r, f, d);
-    E !== 100 && a.push({ opcion: o, rango: E, orden: l });
+    const o = e[l], r = Le(t, o.valor), u = Le(t, o.etiqueta), m = u === 10 ? 20 : u, f = Le(t, o.detalle) === 100 ? 100 : 40, k = Math.min(r, m, f);
+    k !== 100 && a.push({ opcion: o, rango: k, orden: l });
   }
   return a.sort((l, o) => l.rango - o.rango || l.orden - o.orden), a.map((l) => l.opcion);
 }
-let Ue = 0;
-function pn() {
-  return Ue += 1, `vsk-lista-${Ue}`;
+let Ke = 0;
+function yn() {
+  return Ke += 1, `vsk-lista-${Ke}`;
 }
-const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 flex-1 truncate" }, hn = {
+const gn = ["disabled", "aria-label", "aria-expanded"], hn = { class: "min-w-0 flex-1 truncate" }, xn = {
   key: 0,
   class: "ml-2 text-tx-muted text-xs"
-}, xn = { class: "border-ui-border border-b p-2" }, wn = ["id"], $n = {
+}, wn = { class: "border-ui-border border-b p-2" }, $n = ["id"], kn = {
   key: 0,
   class: "p-3 text-center text-tx-muted text-xs"
-}, kn = ["id", "data-indice", "aria-selected"], Cn = { class: "min-w-0 flex-1 truncate" }, zn = {
+}, Cn = ["id", "data-indice", "aria-selected"], zn = { class: "min-w-0 flex-1 truncate" }, En = {
   key: 0,
   class: "shrink-0 text-tx-muted text-xs"
-}, En = {
+}, Ln = {
   key: 1,
   class: "px-2 py-1 text-tx-muted text-xs"
-}, Ln = /* @__PURE__ */ D({
+}, Dn = /* @__PURE__ */ D({
   __name: "SearchSelect",
   props: {
     modelValue: {},
@@ -1449,49 +1449,49 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = w(""), o = w(!1), r = w(0), u = w(null), f = w(null), m = w(null), d = pn(), E = v(
+    const t = e, a = n, l = w(""), o = w(!1), r = w(0), u = w(null), m = w(null), c = w(null), f = yn(), k = v(
       () => t.options.find((T) => T.valor === t.modelValue) ?? null
-    ), L = v(() => vn(t.options, l.value)), A = v(() => L.value.slice(0, t.limit)), g = v(() => Math.max(0, L.value.length - t.limit)), k = v(
-      () => A.value.length > 0 ? `${d}-${r.value}` : void 0
+    ), L = v(() => pn(t.options, l.value)), A = v(() => L.value.slice(0, t.limit)), g = v(() => Math.max(0, L.value.length - t.limit)), C = v(
+      () => A.value.length > 0 ? `${f}-${r.value}` : void 0
     );
     function P(T) {
       a("update:modelValue", T), h();
     }
-    async function C() {
+    async function z() {
       o.value = !0;
-      const T = A.value.findIndex((z) => z.valor === t.modelValue);
-      r.value = T >= 0 ? T : 0, await J(), m.value?.enfocar(), K();
+      const T = A.value.findIndex((E) => E.valor === t.modelValue);
+      r.value = T >= 0 ? T : 0, await J(), c.value?.enfocar(), U();
     }
     function h(T = !0) {
-      o.value && (o.value = !1, l.value = "", T && J(() => f.value?.focus()));
+      o.value && (o.value = !1, l.value = "", T && J(() => m.value?.focus()));
     }
-    function c(T) {
-      const z = A.value.length;
-      z !== 0 && (r.value = (r.value + T + z) % z, K());
+    function d(T) {
+      const E = A.value.length;
+      E !== 0 && (r.value = (r.value + T + E) % E, U());
     }
     function b(T) {
-      r.value = T, K();
+      r.value = T, U();
     }
     function p(T) {
-      const z = T.target?.closest?.("[data-indice]");
-      if (!z) return null;
-      const O = Number(z.getAttribute("data-indice"));
+      const E = T.target?.closest?.("[data-indice]");
+      if (!E) return null;
+      const O = Number(E.getAttribute("data-indice"));
       return Number.isInteger(O) ? O : null;
     }
     function R(T) {
-      const z = p(T), O = z === null ? void 0 : A.value[z];
+      const E = p(T), O = E === null ? void 0 : A.value[E];
       O && P(O.valor);
     }
-    function le(T) {
-      const z = p(T);
-      z !== null && (r.value = z);
+    function oe(T) {
+      const E = p(T);
+      E !== null && (r.value = E);
     }
-    function K() {
+    function U() {
       J(() => {
         u.value?.querySelector(`[data-indice="${r.value}"]`)?.scrollIntoView({ block: "nearest" });
       });
     }
-    function oe() {
+    function ie() {
       const T = A.value[r.value];
       T && P(T.valor);
     }
@@ -1501,34 +1501,34 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
         T && h(!1);
       }
     ), Q(l, () => {
-      r.value = 0, K();
+      r.value = 0, U();
     });
     function Y(T) {
-      const z = T.relatedTarget;
-      z && T.currentTarget.contains(z) || h(!1);
+      const E = T.relatedTarget;
+      E && T.currentTarget.contains(E) || h(!1);
     }
-    return (T, z) => (i(), s("div", {
+    return (T, E) => (i(), s("div", {
       class: "relative",
       onFocusout: Y
     }, [
       B("button", {
         ref_key: "boton",
-        ref: f,
+        ref: m,
         type: "button",
         disabled: e.disabled,
         class: "flex w-full items-center justify-between gap-2 rounded-corner border border-ui-border-strong bg-ui-surface px-2 py-1 text-left text-sm text-tx-main transition-colors hover:bg-ui-bg/60 disabled:cursor-not-allowed disabled:opacity-50",
         "aria-label": e.label || void 0,
         "aria-expanded": o.value,
         "aria-haspopup": "listbox",
-        onClick: z[0] || (z[0] = (O) => o.value ? h() : C()),
+        onClick: E[0] || (E[0] = (O) => o.value ? h() : z()),
         onKeydown: [
-          z[1] || (z[1] = I(M((O) => o.value ? c(1) : C(), ["prevent"]), ["down"])),
-          z[2] || (z[2] = I(M((O) => o.value ? c(-1) : C(), ["prevent"]), ["up"]))
+          E[1] || (E[1] = I(M((O) => o.value ? d(1) : z(), ["prevent"]), ["down"])),
+          E[2] || (E[2] = I(M((O) => o.value ? d(-1) : z(), ["prevent"]), ["up"]))
         ]
       }, [
-        B("span", gn, [
-          $e(V(E.value?.etiqueta ?? e.placeholder) + " ", 1),
-          E.value?.detalle ? (i(), s("span", hn, V(E.value.detalle), 1)) : x("", !0)
+        B("span", hn, [
+          $e(V(k.value?.etiqueta ?? e.placeholder) + " ", 1),
+          k.value?.detalle ? (i(), s("span", xn, V(k.value.detalle), 1)) : x("", !0)
         ]),
         j(N, {
           name: "go-down",
@@ -1536,45 +1536,45 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
           size: 12,
           class: "shrink-0 opacity-60"
         })
-      ], 40, yn),
+      ], 40, gn),
       o.value ? (i(), s("div", {
         key: 0,
         class: y(["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: [
-          z[4] || (z[4] = I(M((O) => h(), ["prevent"]), ["escape"])),
-          z[5] || (z[5] = I(M((O) => c(1), ["prevent"]), ["down"])),
-          z[6] || (z[6] = I(M((O) => c(-1), ["prevent"]), ["up"])),
-          z[7] || (z[7] = I(M((O) => b(0), ["prevent"]), ["home"])),
-          z[8] || (z[8] = I(M((O) => b(A.value.length - 1), ["prevent"]), ["end"])),
-          z[9] || (z[9] = I(M((O) => oe(), ["prevent"]), ["enter"])),
-          z[10] || (z[10] = I((O) => h(!1), ["tab"]))
+          E[4] || (E[4] = I(M((O) => h(), ["prevent"]), ["escape"])),
+          E[5] || (E[5] = I(M((O) => d(1), ["prevent"]), ["down"])),
+          E[6] || (E[6] = I(M((O) => d(-1), ["prevent"]), ["up"])),
+          E[7] || (E[7] = I(M((O) => b(0), ["prevent"]), ["home"])),
+          E[8] || (E[8] = I(M((O) => b(A.value.length - 1), ["prevent"]), ["end"])),
+          E[9] || (E[9] = I(M((O) => ie(), ["prevent"]), ["enter"])),
+          E[10] || (E[10] = I((O) => h(!1), ["tab"]))
         ],
         onClick: R,
-        onMousemove: le
+        onMousemove: oe
       }, [
-        B("div", xn, [
+        B("div", wn, [
           j(Ie, {
             ref_key: "campo",
-            ref: m,
+            ref: c,
             modelValue: l.value,
-            "onUpdate:modelValue": z[3] || (z[3] = (O) => l.value = O),
+            "onUpdate:modelValue": E[3] || (E[3] = (O) => l.value = O),
             label: e.label,
             placeholder: e.searchPlaceholder,
-            "listbox-id": F(d),
-            "active-option-id": k.value,
+            "listbox-id": F(f),
+            "active-option-id": C.value,
             expanded: o.value
           }, null, 8, ["modelValue", "label", "placeholder", "listbox-id", "active-option-id", "expanded"])
         ]),
         B("ul", {
-          id: F(d),
+          id: F(f),
           ref_key: "lista",
           ref: u,
           role: "listbox",
           class: "max-h-56 overflow-y-auto p-1"
         }, [
-          A.value.length === 0 ? (i(), s("li", $n, V(e.emptyText), 1)) : x("", !0),
-          (i(!0), s(te, null, ue(A.value, (O, de) => (i(), s("li", {
-            id: `${F(d)}-${de}`,
+          A.value.length === 0 ? (i(), s("li", kn, V(e.emptyText), 1)) : x("", !0),
+          (i(!0), s(te, null, ce(A.value, (O, de) => (i(), s("li", {
+            id: `${F(f)}-${de}`,
             key: O.valor,
             "data-indice": de,
             role: "option",
@@ -1584,15 +1584,15 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
               O.valor === e.modelValue ? "font-medium text-primary" : "text-tx-main"
             ]])
           }, [
-            B("span", Cn, V(O.etiqueta), 1),
-            O.detalle ? (i(), s("span", zn, V(O.detalle), 1)) : x("", !0)
-          ], 10, kn))), 128)),
-          g.value > 0 ? (i(), s("li", En, "+" + V(g.value), 1)) : x("", !0)
-        ], 8, wn)
+            B("span", zn, V(O.etiqueta), 1),
+            O.detalle ? (i(), s("span", En, V(O.detalle), 1)) : x("", !0)
+          ], 10, Cn))), 128)),
+          g.value > 0 ? (i(), s("li", Ln, "+" + V(g.value), 1)) : x("", !0)
+        ], 8, $n)
       ], 34)) : x("", !0)
     ], 32));
   }
-}), Dn = { class: "text-base font-semibold m-0 text-primary" }, Tn = /* @__PURE__ */ D({
+}), Tn = { class: "text-base font-semibold m-0 text-primary" }, An = /* @__PURE__ */ D({
   __name: "ConfigSection",
   props: {
     title: {},
@@ -1603,23 +1603,23 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
     return (n, t) => (i(), s("div", {
       class: y(["flex flex-col gap-4 p-4 background rounded-corner", e.customClass])
     }, [
-      B("h3", Dn, V(e.icon ? `${e.icon} ${e.title}` : e.title), 1),
+      B("h3", Tn, V(e.icon ? `${e.icon} ${e.title}` : e.title), 1),
       S(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), An = /* @__PURE__ */ Oe(Tn, [["__scopeId", "data-v-47cb38fb"]]), Bn = ["role", "tabindex", "aria-label", "onKeydown"], Sn = { class: "flex items-center gap-3 flex-1 min-w-0" }, Mn = ["src", "alt"], Vn = { class: "min-w-0" }, In = { class: "font-semibold truncate" }, On = {
+}), Bn = /* @__PURE__ */ Oe(An, [["__scopeId", "data-v-47cb38fb"]]), Sn = ["role", "tabindex", "aria-label", "onKeydown"], Mn = { class: "flex items-center gap-3 flex-1 min-w-0" }, Vn = ["src", "alt"], In = { class: "min-w-0" }, On = { class: "font-semibold truncate" }, jn = {
   key: 0,
   class: "text-xs text-tx-muted truncate"
-}, jn = {
+}, Pn = {
   key: 1,
   class: "text-xs text-tx-muted truncate"
-}, Pn = {
+}, Rn = {
   key: 2,
   class: "text-xs text-tx-muted flex gap-3 mt-1 flex-wrap"
-}, Rn = ["disabled"], Fn = {
+}, Fn = ["disabled"], Nn = {
   key: 1,
   class: "w-2 h-2 rounded-full bg-status-success"
-}, Nn = /* @__PURE__ */ D({
+}, qn = /* @__PURE__ */ D({
   __name: "DeviceCard",
   props: {
     name: { default: "" },
@@ -1633,6 +1633,7 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
     showActionButton: { type: Boolean, default: !0 },
     actionLabel: { default: "" },
     connectingLabel: { default: "" },
+    actionKind: { default: "primary" },
     isConnecting: { type: Boolean, default: !1 },
     showStatusIndicator: { type: Boolean, default: !1 },
     customClass: { default: "" },
@@ -1640,16 +1641,18 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
   },
   emits: ["action", "click"],
   setup(e, { emit: n }) {
-    const t = e, a = (f) => typeof f == "string" ? "" : f.icon ?? "", l = (f) => typeof f == "string" ? f : f.text, o = n, r = () => {
-      o("action");
-    }, u = () => {
-      t.clickable && o("click");
+    const t = e, a = v(
+      () => t.actionKind === "destructive" ? "border border-status-error/20 bg-status-error/10 text-status-error hover:bg-status-error/20" : "bg-primary text-tx-on-primary"
+    ), l = (c) => typeof c == "string" ? "" : c.icon ?? "", o = (c) => typeof c == "string" ? c : c.text, r = n, u = () => {
+      r("action");
+    }, m = () => {
+      t.clickable && r("click");
     };
     return W(() => {
       t.icon && !t.name && console.warn(
         "[DeviceCard] «icon» está obsoleto y se va en la próxima mayor: recibe una ruta ya resuelta. Usá «name» con el nombre del icono del tema, y «type» si hace falta el símbolo."
       );
-    }), (f, m) => (i(), s("div", {
+    }), (c, f) => (i(), s("div", {
       class: y(["flex items-center justify-between background rounded-corner border border-ui-border px-6 py-3 mb-4", [
         { "border-l-4 border-status-success": e.isConnected, "cursor-pointer": e.clickable },
         e.customClass
@@ -1657,14 +1660,14 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
       role: e.clickable ? "button" : void 0,
       tabindex: e.clickable ? 0 : void 0,
       "aria-label": e.clickable ? e.title : void 0,
-      onClick: u,
+      onClick: m,
       onKeydown: [
-        I(M(u, ["self", "prevent"]), ["enter"]),
-        I(M(u, ["self", "prevent"]), ["space"])
+        I(M(m, ["self", "prevent"]), ["enter"]),
+        I(M(m, ["self", "prevent"]), ["space"])
       ]
     }, [
-      B("div", Sn, [
-        e.name ? (i(), U(N, {
+      B("div", Mn, [
+        e.name ? (i(), K(N, {
           key: 0,
           name: e.name,
           type: e.type,
@@ -1675,23 +1678,23 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
           src: e.icon,
           alt: e.title,
           class: "h-7 w-7 shrink-0"
-        }, null, 8, Mn)),
-        B("div", Vn, [
-          B("div", In, V(e.title), 1),
-          e.subtitle ? (i(), s("div", On, V(e.subtitle), 1)) : x("", !0),
-          e.metadata ? (i(), s("div", jn, V(e.metadata), 1)) : x("", !0),
-          e.extraInfo.length > 0 ? (i(), s("div", Pn, [
-            (i(!0), s(te, null, ue(e.extraInfo, (d, E) => (i(), s("span", {
-              key: E,
+        }, null, 8, Vn)),
+        B("div", In, [
+          B("div", On, V(e.title), 1),
+          e.subtitle ? (i(), s("div", jn, V(e.subtitle), 1)) : x("", !0),
+          e.metadata ? (i(), s("div", Pn, V(e.metadata), 1)) : x("", !0),
+          e.extraInfo.length > 0 ? (i(), s("div", Rn, [
+            (i(!0), s(te, null, ce(e.extraInfo, (k, L) => (i(), s("span", {
+              key: L,
               class: "inline-flex items-center gap-1"
             }, [
-              a(d) ? (i(), U(N, {
+              l(k) ? (i(), K(N, {
                 key: 0,
-                name: a(d),
+                name: l(k),
                 type: "symbol",
                 size: 14
               }, null, 8, ["name"])) : x("", !0),
-              $e(" " + V(l(d)), 1)
+              $e(" " + V(o(k)), 1)
             ]))), 128))
           ])) : x("", !0)
         ])
@@ -1699,12 +1702,12 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
       e.showActionButton ? (i(), s("button", {
         key: 0,
         type: "button",
-        class: "bg-primary text-tx-on-primary rounded-corner px-4 py-2 text-sm font-semibold cursor-pointer hover:opacity-70 disabled:opacity-50 disabled:cursor-not-allowed",
+        class: y(["rounded-corner px-4 py-2 text-sm font-semibold cursor-pointer hover:opacity-70 disabled:opacity-50 disabled:cursor-not-allowed", a.value]),
         disabled: e.isConnecting,
-        onClick: M(r, ["stop"])
-      }, V(e.isConnecting ? e.connectingLabel : e.actionLabel), 9, Rn)) : x("", !0),
-      e.showStatusIndicator && e.isConnected ? (i(), s("div", Fn)) : x("", !0)
-    ], 42, Bn));
+        onClick: M(u, ["stop"])
+      }, V(e.isConnecting ? e.connectingLabel : e.actionLabel), 11, Fn)) : x("", !0),
+      e.showStatusIndicator && e.isConnected ? (i(), s("div", Nn)) : x("", !0)
+    ], 42, Sn));
   }
 }), st = /* @__PURE__ */ Symbol("diálogo de vasak");
 function rt() {
@@ -1721,11 +1724,11 @@ function rt() {
     }
   };
 }
-let Ke = 0;
-function qn() {
-  return Ke += 1, `vsk-dialogo-titulo-${Ke}`;
+let Ue = 0;
+function Hn() {
+  return Ue += 1, `vsk-dialogo-titulo-${Ue}`;
 }
-const Hn = /* @__PURE__ */ D({
+const Kn = /* @__PURE__ */ D({
   __name: "Dialog",
   props: {
     open: { type: Boolean, default: !1 }
@@ -1745,7 +1748,7 @@ const Hn = /* @__PURE__ */ D({
 }), Un = {
   key: 0,
   class: "absolute inset-0 rounded-corner-window bg-ui-border/40"
-}, Kn = ["aria-labelledby", "aria-label"], Wn = "relative z-10 w-full rounded-corner border border-ui-border bg-ui-bg/80 p-6 text-tx-main shadow-lg", Gn = /* @__PURE__ */ D({
+}, Wn = ["aria-labelledby", "aria-label"], Gn = "relative z-10 w-full rounded-corner border border-ui-border bg-ui-bg/80 p-6 text-tx-main shadow-lg", Qn = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "DialogContent",
   props: {
@@ -1754,56 +1757,56 @@ const Hn = /* @__PURE__ */ D({
   },
   setup(e) {
     const n = e, t = Be(), a = v(() => t.class ?? ""), l = v(() => {
-      const { class: C, ...h } = t;
+      const { class: z, ...h } = t;
       return h;
-    }), o = v(() => n.size === "full" ? "relative z-10 h-full w-full overflow-hidden rounded-corner-window text-tx-main" : `${Wn} ${n.size === "lg" ? "max-w-2xl" : "max-w-lg"}`), r = rt(), u = v(() => r.abierto.value), f = w(null), m = w(null);
-    let d = null;
-    function E() {
-      return m.value ? [...m.value.querySelectorAll('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])')] : [];
+    }), o = v(() => n.size === "full" ? "relative z-10 h-full w-full overflow-hidden rounded-corner-window text-tx-main" : `${Gn} ${n.size === "lg" ? "max-w-2xl" : "max-w-lg"}`), r = rt(), u = v(() => r.abierto.value), m = w(null), c = w(null);
+    let f = null;
+    function k() {
+      return c.value ? [...c.value.querySelectorAll('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])')] : [];
     }
-    function L(C) {
-      if (C.key === "Escape") {
+    function L(z) {
+      if (z.key === "Escape") {
         r.cerrar();
         return;
       }
-      if (C.key !== "Tab") return;
-      const h = E();
+      if (z.key !== "Tab") return;
+      const h = k();
       if (h.length === 0) {
-        C.preventDefault(), m.value?.focus();
+        z.preventDefault(), c.value?.focus();
         return;
       }
-      const c = h[0], b = h[h.length - 1], p = document.activeElement;
-      C.shiftKey && (p === c || p === m.value) ? (C.preventDefault(), b.focus()) : !C.shiftKey && p === b && (C.preventDefault(), c.focus());
+      const d = h[0], b = h[h.length - 1], p = document.activeElement;
+      z.shiftKey && (p === d || p === c.value) ? (z.preventDefault(), b.focus()) : !z.shiftKey && p === b && (z.preventDefault(), d.focus());
     }
-    function A(C) {
-      C.target === C.currentTarget && r.cerrar();
+    function A(z) {
+      z.target === z.currentTarget && r.cerrar();
     }
-    function g(C) {
-      f.value?.contains(C.target) || L(C);
+    function g(z) {
+      m.value?.contains(z.target) || L(z);
     }
-    function k() {
+    function C() {
       document.removeEventListener("keydown", g);
     }
     function P() {
-      const C = d;
-      d = null, C?.isConnected && C.focus();
+      const z = f;
+      f = null, z?.isConnected && z.focus();
     }
     return Q(
       u,
-      async (C) => {
-        if (C) {
-          d = document.activeElement, document.addEventListener("keydown", g), await J(), m.value?.focus();
+      async (z) => {
+        if (z) {
+          f = document.activeElement, document.addEventListener("keydown", g), await J(), c.value?.focus();
           return;
         }
-        k(), P();
+        C(), P();
       },
       // `watch` no corre para el valor inicial, y un diálogo se puede montar ya
       // 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(() => {
-      k(), P();
-    }), (C, h) => (i(), U(ge, { to: "body" }, [
+      C(), P();
+    }), (z, h) => (i(), K(ge, { to: "body" }, [
       j(ke, {
         "enter-active-class": "transition-opacity duration-200 ease-out",
         "leave-active-class": "transition-opacity duration-150 ease-in",
@@ -1814,15 +1817,15 @@ const Hn = /* @__PURE__ */ D({
           u.value ? (i(), s("div", {
             key: 0,
             ref_key: "velo",
-            ref: f,
+            ref: m,
             class: "fixed inset-0 z-50 flex items-center justify-center",
             onClick: A,
             onKeydown: L
           }, [
             n.size === "md" ? (i(), s("div", Un)) : x("", !0),
-            B("div", ce({
+            B("div", le({
               ref_key: "panel",
-              ref: m,
+              ref: c,
               tabindex: "-1",
               role: "dialog",
               "aria-modal": "true",
@@ -1831,45 +1834,45 @@ const Hn = /* @__PURE__ */ D({
             }, l.value, {
               class: [a.value, o.value]
             }), [
-              S(C.$slots, "default")
-            ], 16, Kn)
+              S(z.$slots, "default")
+            ], 16, Wn)
           ], 544)) : x("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), Qn = { class: "text-sm text-tx-muted" }, Yn = /* @__PURE__ */ D({
+}), Yn = { class: "text-sm text-tx-muted" }, Xn = /* @__PURE__ */ D({
   __name: "DialogDescription",
   setup(e) {
-    return (n, t) => (i(), s("p", Qn, [
+    return (n, t) => (i(), s("p", Yn, [
       S(n.$slots, "default")
     ]));
   }
-}), Xn = { class: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, Jn = /* @__PURE__ */ D({
+}), Jn = { class: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, Zn = /* @__PURE__ */ D({
   __name: "DialogFooter",
   setup(e) {
-    return (n, t) => (i(), s("div", Xn, [
+    return (n, t) => (i(), s("div", Jn, [
       S(n.$slots, "default")
     ]));
   }
-}), Zn = { class: "flex flex-col gap-1.5 text-center sm:text-left" }, _n = /* @__PURE__ */ D({
+}), _n = { class: "flex flex-col gap-1.5 text-center sm:text-left" }, el = /* @__PURE__ */ D({
   __name: "DialogHeader",
   setup(e) {
-    return (n, t) => (i(), s("div", Zn, [
+    return (n, t) => (i(), s("div", _n, [
       S(n.$slots, "default")
     ]));
   }
-}), el = ["id"], tl = /* @__PURE__ */ D({
+}), tl = ["id"], al = /* @__PURE__ */ D({
   __name: "DialogTitle",
   setup(e) {
-    const n = rt(), t = qn();
+    const n = rt(), t = Hn();
     return W(() => n.ponerElTitulo(t)), ve(() => n.ponerElTitulo(null)), (a, l) => (i(), s("h2", {
       id: F(t),
       class: "font-semibold text-lg leading-none tracking-tight"
     }, [
       S(a.$slots, "default")
-    ], 8, el));
+    ], 8, tl));
   }
 }), ut = /* @__PURE__ */ Symbol("menú de vasak");
 function Ce() {
@@ -1901,46 +1904,46 @@ let We = 0;
 function ct() {
   return We += 1, `vsk-menu-${We}`;
 }
-const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
+const nl = { class: "relative inline-block" }, ll = /* @__PURE__ */ D({
   __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), r = w(null), u = w("ninguno"), f = ct();
-    let m = null;
-    const d = v({
+    const t = e, a = n, l = w(!1), o = w(null), r = w(null), u = w("ninguno"), m = ct();
+    let c = null;
+    const f = v({
       get: () => t.open ?? l.value,
       set: (g) => {
         t.open === void 0 && (l.value = g), a("update:open", g);
       }
     });
-    Q(d, (g) => {
+    Q(f, (g) => {
       if (g) {
-        const k = document.activeElement;
-        m = k instanceof HTMLElement ? k : null;
+        const C = document.activeElement;
+        c = C instanceof HTMLElement ? C : null;
       } else
         u.value = "ninguno";
     });
-    function E(g = "ninguno") {
-      u.value = g, d.value = !0;
+    function k(g = "ninguno") {
+      u.value = g, f.value = !0;
     }
     function L(g = {}) {
-      if (d.value = !1, !g.devolverElFoco) return;
-      const k = m ?? o.value;
-      k?.isConnected && k.focus();
+      if (f.value = !1, !g.devolverElFoco) return;
+      const C = c ?? o.value;
+      C?.isConnected && C.focus();
     }
     function A(g = "ninguno") {
-      if (d.value) {
+      if (f.value) {
         L({ devolverElFoco: !0 });
         return;
       }
-      E(g);
+      k(g);
     }
     return ye(ut, {
-      abierto: d,
-      idDelMenu: f,
+      abierto: f,
+      idDelMenu: m,
       idDeLaEtiqueta: r,
       ponerLaEtiqueta: (g) => {
         r.value = g;
@@ -1950,17 +1953,17 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
         o.value = g;
       },
       focoAlAbrir: u,
-      abrir: E,
+      abrir: k,
       cerrar: L,
       alternar: A
-    }), (g, k) => (i(), s("div", al, [
+    }), (g, C) => (i(), s("div", nl, [
       S(g.$slots, "default")
     ]));
   }
-}), ll = ["id", "aria-labelledby", "inert"], ol = {
+}), ol = ["id", "aria-labelledby", "inert"], il = {
   role: "none",
   class: "py-1"
-}, Z = 8, il = /* @__PURE__ */ D({
+}, Z = 8, sl = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "DropdownMenuContent",
   props: {
@@ -1969,19 +1972,19 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
     sideOffset: { default: 4 }
   },
   setup(e) {
-    const n = e, t = Ce(), { idDelMenu: a, idDeLaEtiqueta: l } = t, o = v(() => t.disparador.value), r = v(() => t.abierto.value), u = w(null), f = w({
+    const n = e, t = Ce(), { idDelMenu: a, idDeLaEtiqueta: l } = t, o = v(() => t.disparador.value), r = v(() => t.abierto.value), u = w(null), m = w({
       top: 0,
       left: 0,
       techo: null
-    }), m = {
+    }), c = {
       top: "bottom",
       bottom: "top",
       left: "right",
       right: "left"
     };
-    function d(c, b) {
+    function f(d, b) {
       const p = n.sideOffset + Z;
-      switch (c) {
+      switch (d) {
         case "bottom":
           return window.innerHeight - b.bottom - p;
         case "top":
@@ -1992,85 +1995,85 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
           return b.left - p;
       }
     }
-    function E(c, b, p) {
-      return p < b ? b : Math.min(Math.max(c, b), p);
+    function k(d, b, p) {
+      return p < b ? b : Math.min(Math.max(d, b), p);
     }
     function L() {
       if (!o.value || !u.value) return;
-      const c = o.value.getBoundingClientRect(), b = u.value.scrollHeight, p = u.value.offsetWidth, R = n.side === "top" || n.side === "bottom", le = R ? b : p;
-      let K = n.side;
-      const oe = d(K, c);
-      oe < le && d(m[K], c) > oe && (K = m[K]);
-      let Y = 0, T = 0, z = null;
-      switch (K) {
+      const d = o.value.getBoundingClientRect(), b = u.value.scrollHeight, p = u.value.offsetWidth, R = n.side === "top" || n.side === "bottom", oe = R ? b : p;
+      let U = n.side;
+      const ie = f(U, d);
+      ie < oe && f(c[U], d) > ie && (U = c[U]);
+      let Y = 0, T = 0, E = null;
+      switch (U) {
         case "bottom": {
-          Y = c.bottom + n.sideOffset, z = Math.max(window.innerHeight - Y - Z, 0);
+          Y = d.bottom + n.sideOffset, E = Math.max(window.innerHeight - Y - Z, 0);
           break;
         }
         case "top": {
-          z = Math.max(d("top", c), 0), Y = c.top - n.sideOffset - Math.min(b, z);
+          E = Math.max(f("top", d), 0), Y = d.top - n.sideOffset - Math.min(b, E);
           break;
         }
         case "left":
         case "right": {
-          T = K === "right" ? c.right + n.sideOffset : c.left - p - n.sideOffset;
+          T = U === "right" ? d.right + n.sideOffset : d.left - p - n.sideOffset;
           const O = window.innerHeight - 2 * Z;
-          Y = E(c.top, Z, window.innerHeight - Math.min(b, O) - Z), z = Math.max(window.innerHeight - Y - Z, 0);
+          Y = k(d.top, Z, window.innerHeight - Math.min(b, O) - Z), E = Math.max(window.innerHeight - Y - Z, 0);
           break;
         }
       }
       if (R)
         switch (n.align) {
           case "start":
-            T = c.left;
+            T = d.left;
             break;
           case "center":
-            T = c.left + c.width / 2 - p / 2;
+            T = d.left + d.width / 2 - p / 2;
             break;
           case "end":
-            T = c.right - p;
+            T = d.right - p;
             break;
         }
-      T = E(T, Z, window.innerWidth - p - Z), f.value = { top: Y, left: T, techo: z };
+      T = k(T, Z, window.innerWidth - p - Z), m.value = { top: Y, left: T, techo: E };
     }
     function A() {
       return u.value ? Array.from(u.value.querySelectorAll('[role="menuitem"]')) : [];
     }
-    function g(c) {
+    function g(d) {
       const b = A();
       if (!b.length) return;
       const p = b.length;
-      b[(c % p + p) % p]?.focus();
+      b[(d % p + p) % p]?.focus();
     }
-    function k() {
-      const c = document.activeElement;
-      return c instanceof HTMLElement ? A().indexOf(c) : -1;
+    function C() {
+      const d = document.activeElement;
+      return d instanceof HTMLElement ? A().indexOf(d) : -1;
     }
-    function P(c) {
-      const b = k();
-      switch (c.key) {
+    function P(d) {
+      const b = C();
+      switch (d.key) {
         case "ArrowDown":
-          c.preventDefault(), g(b + 1);
+          d.preventDefault(), g(b + 1);
           break;
         case "ArrowUp":
-          c.preventDefault(), g(b <= 0 ? -1 : b - 1);
+          d.preventDefault(), g(b <= 0 ? -1 : b - 1);
           break;
         case "Home":
-          c.preventDefault(), g(0);
+          d.preventDefault(), g(0);
           break;
         case "End":
-          c.preventDefault(), g(-1);
+          d.preventDefault(), g(-1);
           break;
         case "Escape":
-          c.preventDefault(), c.stopPropagation(), t.cerrar({ devolverElFoco: !0 });
+          d.preventDefault(), d.stopPropagation(), t.cerrar({ devolverElFoco: !0 });
           break;
         case "Tab":
-          c.preventDefault(), t.cerrar({ devolverElFoco: !0 });
+          d.preventDefault(), t.cerrar({ devolverElFoco: !0 });
           break;
       }
     }
-    Q(r, async (c) => {
-      if (c)
+    Q(r, async (d) => {
+      if (d)
         switch (await J(), requestAnimationFrame(() => {
           L();
         }), t.focoAlAbrir.value) {
@@ -2087,18 +2090,18 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
             u.value?.focus();
         }
     });
-    function C(c) {
-      r.value && (c && u.value?.contains(c.target) || L());
+    function z(d) {
+      r.value && (d && u.value?.contains(d.target) || L());
     }
-    function h(c) {
-      const b = c.target, p = !!b.closest("[data-dropdown-content]"), R = !!o.value?.contains(b);
+    function h(d) {
+      const b = d.target, p = !!b.closest("[data-dropdown-content]"), R = !!o.value?.contains(b);
       !p && !R && t.cerrar();
     }
     return W(() => {
-      document.addEventListener("click", h), window.addEventListener("resize", C), window.addEventListener("scroll", C, !0);
+      document.addEventListener("click", h), window.addEventListener("resize", z), window.addEventListener("scroll", z, !0);
     }), pe(() => {
-      document.removeEventListener("click", h), window.removeEventListener("resize", C), window.removeEventListener("scroll", C, !0);
-    }), (c, b) => (i(), U(ge, { to: "body" }, [
+      document.removeEventListener("click", h), window.removeEventListener("resize", z), window.removeEventListener("scroll", z, !0);
+    }), (d, b) => (i(), K(ge, { to: "body" }, [
       j(ke, {
         "enter-active-class": "transition-all duration-150 ease-in-out",
         "leave-active-class": "transition-all duration-150 ease-in-out",
@@ -2108,10 +2111,10 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
         onLeave: b[2] || (b[2] = (p) => p.offsetHeight)
       }, {
         default: G(() => [
-          Se(B("div", ce({
+          Se(B("div", le({
             ref_key: "contenido",
             ref: u
-          }, c.$attrs, {
+          }, d.$attrs, {
             id: F(a),
             role: "menu",
             tabindex: "-1",
@@ -2120,9 +2123,9 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
             inert: !r.value,
             style: {
               position: "fixed",
-              top: `${f.value.top}px`,
-              left: `${f.value.left}px`,
-              maxHeight: f.value.techo === null ? void 0 : `${f.value.techo}px`,
+              top: `${m.value.top}px`,
+              left: `${m.value.left}px`,
+              maxHeight: m.value.techo === null ? void 0 : `${m.value.techo}px`,
               overflowY: "auto",
               overscrollBehavior: "contain",
               zIndex: 50
@@ -2132,10 +2135,10 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
             onClick: b[0] || (b[0] = (p) => p.stopPropagation()),
             onKeydown: P
           }), [
-            B("div", ol, [
-              S(c.$slots, "default")
+            B("div", il, [
+              S(d.$slots, "default")
             ])
-          ], 16, ll), [
+          ], 16, ol), [
             [Ye, r.value]
           ])
         ]),
@@ -2143,7 +2146,7 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
       })
     ]));
   }
-}), sl = ["aria-disabled", "onKeydown"], rl = /* @__PURE__ */ D({
+}), rl = ["aria-disabled", "onKeydown"], ul = /* @__PURE__ */ D({
   __name: "DropdownMenuItem",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -2172,9 +2175,9 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
       ]
     }, [
       S(r.$slots, "default")
-    ], 42, sl));
+    ], 42, rl));
   }
-}), ul = /* @__PURE__ */ D({
+}), cl = /* @__PURE__ */ D({
   __name: "DropdownMenuLabel",
   setup(e) {
     const n = Ce(), t = `${ct()}-titulo`;
@@ -2190,14 +2193,14 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
       S(a.$slots, "default")
     ]));
   }
-}), cl = {
+}), dl = {
   role: "separator",
   "aria-orientation": "horizontal",
   class: "bg-ui-bg/80 my-4 h-0.5"
-}, dl = /* @__PURE__ */ D({
+}, fl = /* @__PURE__ */ D({
   __name: "DropdownMenuSeparator",
   setup(e) {
-    return (n, t) => (i(), s("div", cl));
+    return (n, t) => (i(), s("div", dl));
   }
 });
 function dt(e) {
@@ -2208,12 +2211,12 @@ function dt(e) {
   const t = n[0];
   return t.type === te && Array.isArray(t.children) ? dt(t.children) : t;
 }
-function fl(e) {
+function ml(e) {
   if (e instanceof HTMLElement) return e;
   const n = e?.$el;
   return n instanceof HTMLElement ? n : null;
 }
-const ml = D({
+const bl = D({
   name: "DropdownMenuTrigger",
   inheritAttrs: !1,
   props: {
@@ -2225,33 +2228,33 @@ const ml = D({
   setup(e, { slots: n, attrs: t }) {
     const a = Ce(), l = w(null);
     function o() {
-      a.ponerElDisparador(fl(l.value));
+      a.ponerElDisparador(ml(l.value));
     }
     function r() {
       e.disabled || (o(), a.alternar());
     }
-    function u(f) {
+    function u(m) {
       if (!e.disabled)
-        switch (f.key) {
+        switch (m.key) {
           case "Enter":
           case " ":
-            f.preventDefault(), o(), a.alternar("primero");
+            m.preventDefault(), o(), a.alternar("primero");
             break;
           case "ArrowDown":
-            f.preventDefault(), o(), a.abrir("primero");
+            m.preventDefault(), o(), a.abrir("primero");
             break;
           case "ArrowUp":
-            f.preventDefault(), o(), a.abrir("ultimo");
+            m.preventDefault(), o(), a.abrir("ultimo");
             break;
           case "Escape":
-            a.abierto.value && (f.preventDefault(), a.cerrar({ devolverElFoco: !0 }));
+            a.abierto.value && (m.preventDefault(), a.cerrar({ devolverElFoco: !0 }));
             break;
         }
     }
     return () => {
-      const f = {
-        ref: (d) => {
-          l.value = d, o();
+      const m = {
+        ref: (f) => {
+          l.value = f, o();
         },
         "aria-haspopup": "menu",
         "aria-expanded": a.abierto.value ? "true" : "false",
@@ -2261,19 +2264,19 @@ const ml = D({
         "aria-controls": a.abierto.value ? a.idDelMenu : void 0,
         onClick: r,
         onKeydown: u
-      }, m = n.default?.() ?? [];
+      }, c = n.default?.() ?? [];
       if (e.asChild) {
-        const d = dt(m);
-        if (d) return kt(d, { ...t, ...f });
+        const f = dt(c);
+        if (f) return kt(f, { ...t, ...m });
       }
       return Ct(
         "div",
-        { ...t, class: ["dropdown-menu-trigger inline-block", t.class], ...f },
-        m
+        { ...t, class: ["dropdown-menu-trigger inline-block", t.class], ...m },
+        c
       );
     };
   }
-}), bl = ["for"], vl = /* @__PURE__ */ D({
+}), vl = ["for"], pl = /* @__PURE__ */ D({
   __name: "FormGroup",
   props: {
     label: {},
@@ -2289,11 +2292,11 @@ const ml = D({
         key: 0,
         for: e.htmlFor,
         class: y(["text-sm font-medium text-primary", e.labelClass])
-      }, V(e.label), 11, bl)) : x("", !0),
+      }, V(e.label), 11, vl)) : x("", !0),
       S(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), pl = /* @__PURE__ */ Oe(vl, [["__scopeId", "data-v-3d9a65ce"]]), yl = ["role", "tabindex", "onKeydown"], gl = /* @__PURE__ */ D({
+}), yl = /* @__PURE__ */ Oe(pl, [["__scopeId", "data-v-3d9a65ce"]]), gl = ["role", "tabindex", "onKeydown"], hl = /* @__PURE__ */ D({
   __name: "ListCard",
   props: {
     clickable: { type: Boolean, default: !1 },
@@ -2321,12 +2324,12 @@ const ml = D({
       ]
     }, [
       S(o.$slots, "default")
-    ], 42, yl));
+    ], 42, gl));
   }
-}), hl = { 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" }, xl = ["title", "aria-label"], wl = ["src"], $l = {
+}), xl = { 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" }, wl = ["title", "aria-label"], $l = ["src"], kl = {
   key: 1,
   class: "w-8 h-8 flex items-center justify-center"
-}, kl = ["src"], Cl = ["min", "max", "value", "aria-label", "aria-valuetext"], zl = /* @__PURE__ */ D({
+}, Cl = ["src"], zl = ["min", "max", "value", "aria-label", "aria-valuetext"], El = /* @__PURE__ */ D({
   __name: "SliderControl",
   props: {
     name: { default: "" },
@@ -2351,15 +2354,15 @@ const ml = D({
     });
     const a = n, l = v(() => {
       if (t.max <= t.min) return 0;
-      const f = t.max - t.min, m = t.modelValue - t.min;
-      return Math.round(m / f * 100);
-    }), o = v(() => t.getPercentageClass ? t.getPercentageClass(l.value) : ""), r = (f) => {
-      const m = f.target;
-      a("update:modelValue", Number(m.value));
+      const m = t.max - t.min, c = t.modelValue - t.min;
+      return Math.round(c / m * 100);
+    }), o = v(() => t.getPercentageClass ? t.getPercentageClass(l.value) : ""), r = (m) => {
+      const c = m.target;
+      a("update:modelValue", Number(c.value));
     }, u = () => {
       a("buttonClick");
     };
-    return (f, m) => (i(), s("div", hl, [
+    return (m, c) => (i(), s("div", xl, [
       e.showButton ? (i(), s("button", {
         key: 0,
         onClick: u,
@@ -2368,7 +2371,7 @@ const ml = D({
         "aria-label": e.buttonLabel ?? e.label,
         class: "w-8 h-8 flex items-center justify-center rounded-corner transition-[background-color,scale] duration-200 hover:bg-ui-surface/80 hover:scale-110 active:scale-95"
       }, [
-        e.name ? (i(), U(N, {
+        e.name ? (i(), K(N, {
           key: 0,
           name: e.name,
           type: e.type,
@@ -2379,9 +2382,9 @@ const ml = D({
           src: e.icon,
           alt: "",
           class: y(["w-6 h-6", e.iconClass])
-        }, null, 10, wl))
-      ], 8, xl)) : (i(), s("div", $l, [
-        e.name ? (i(), U(N, {
+        }, null, 10, $l))
+      ], 8, wl)) : (i(), s("div", kl, [
+        e.name ? (i(), K(N, {
           key: 0,
           name: e.name,
           type: e.type,
@@ -2391,7 +2394,7 @@ const ml = D({
           src: e.icon,
           alt: "",
           class: "w-6 h-6"
-        }, null, 8, kl))
+        }, null, 8, Cl))
       ])),
       B("input", {
         type: "range",
@@ -2402,7 +2405,7 @@ const ml = D({
         "aria-label": e.label,
         "aria-valuetext": `${l.value}%`,
         class: "flex-1 transition-[scale] duration-200 hover:scale-105"
-      }, null, 40, Cl),
+      }, null, 40, zl),
       B("span", {
         class: y(["w-12 text-right transition-[color] duration-200 font-medium", o.value])
       }, V(l.value) + "% ", 3)
@@ -2432,10 +2435,10 @@ const ml = D({
       }, null, 2)
     ], 2));
   }
-}), El = ["aria-checked", "disabled"], Ll = { class: "min-w-0 flex-1" }, Dl = { class: "block font-medium text-sm text-tx-main" }, Tl = {
+}), Ll = ["aria-checked", "disabled"], Dl = { class: "min-w-0 flex-1" }, Tl = { class: "block font-medium text-sm text-tx-main" }, Al = {
   key: 0,
   class: "mt-0.5 block text-tx-muted text-xs"
-}, Al = /* @__PURE__ */ D({
+}, Bl = /* @__PURE__ */ D({
   __name: "SwitchRow",
   props: {
     modelValue: { type: Boolean },
@@ -2472,14 +2475,14 @@ const ml = D({
           alt: ""
         }, null, 8, ["name", "type"])
       ], 2)) : x("", !0),
-      B("span", Ll, [
-        B("span", Dl, V(e.label), 1),
-        e.description ? (i(), s("span", Tl, V(e.description), 1)) : x("", !0),
+      B("span", Dl, [
+        B("span", Tl, V(e.label), 1),
+        e.description ? (i(), s("span", Al, V(e.description), 1)) : x("", !0),
         S(l.$slots, "pie")
       ])
-    ], 8, El));
+    ], 8, Ll));
   }
-}), Bl = ["aria-checked", "aria-label", "disabled"], Sl = /* @__PURE__ */ D({
+}), Sl = ["aria-checked", "aria-label", "disabled"], Ml = /* @__PURE__ */ D({
   __name: "SwitchToggle",
   props: {
     modelValue: { type: Boolean },
@@ -2506,9 +2509,9 @@ const ml = D({
         on: e.modelValue,
         size: e.size
       }, null, 8, ["on", "size"])
-    ], 8, Bl));
+    ], 8, Sl));
   }
-}), Ml = ["disabled", "title", "aria-label", "aria-pressed", "aria-busy"], Vl = ["src"], Il = /* @__PURE__ */ D({
+}), Vl = ["disabled", "title", "aria-label", "aria-pressed", "aria-busy"], Il = ["src"], Ol = /* @__PURE__ */ D({
   __name: "ToggleControl",
   props: {
     name: { default: "" },
@@ -2548,7 +2551,7 @@ const ml = D({
       "aria-busy": e.isLoading || void 0,
       onClick: l
     }, [
-      e.name ? (i(), U(N, {
+      e.name ? (i(), K(N, {
         key: 0,
         name: e.name,
         type: e.type,
@@ -2569,8 +2572,8 @@ const ml = D({
           "drop-shadow-lg": e.isActive,
           ...e.iconClass
         }])
-      }, null, 10, Vl))
-    ], 10, Ml));
+      }, null, 10, Il))
+    ], 10, Vl));
   }
 }), ft = /* @__PURE__ */ Symbol("tooltip de vasak");
 function mt() {
@@ -2590,7 +2593,7 @@ function mt() {
     }
   };
 }
-const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
+const jl = { class: "inline-block" }, Pl = /* @__PURE__ */ D({
   __name: "Tooltip",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -2615,11 +2618,11 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
       },
       abrir: o,
       cerrar: r
-    }), (u, f) => (i(), s("div", Ol, [
+    }), (u, m) => (i(), s("div", jl, [
       S(u.$slots, "default")
     ]));
   }
-}), Pl = /* @__PURE__ */ D({
+}), Rl = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "TooltipContent",
   props: {
@@ -2629,30 +2632,30 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
   },
   setup(e) {
     const n = Be(), t = v(() => n.class ?? ""), a = e, l = mt(), o = v(() => l.abierto.value), r = w(null), u = w({ top: 0, left: 0 });
-    function f() {
-      const m = l.disparador.value;
-      if (!m || !r.value) return;
-      const d = m.getBoundingClientRect(), E = r.value.getBoundingClientRect();
+    function m() {
+      const c = l.disparador.value;
+      if (!c || !r.value) return;
+      const f = c.getBoundingClientRect(), k = r.value.getBoundingClientRect();
       let L = 0, A = 0;
       switch (a.side) {
         case "bottom":
-          L = d.bottom + a.sideOffset, A = d.left + d.width / 2 - E.width / 2;
+          L = f.bottom + a.sideOffset, A = f.left + f.width / 2 - k.width / 2;
           break;
         case "top":
-          L = d.top - E.height - a.sideOffset, A = d.left + d.width / 2 - E.width / 2;
+          L = f.top - k.height - a.sideOffset, A = f.left + f.width / 2 - k.width / 2;
           break;
         case "left":
-          A = d.left - E.width - a.sideOffset, L = d.top + d.height / 2 - E.height / 2;
+          A = f.left - k.width - a.sideOffset, L = f.top + f.height / 2 - k.height / 2;
           break;
         case "right":
-          A = d.right + a.sideOffset, L = d.top + d.height / 2 - E.height / 2;
+          A = f.right + a.sideOffset, L = f.top + f.height / 2 - k.height / 2;
           break;
       }
       u.value = { top: L, left: A };
     }
-    return Q(o, async (m) => {
-      m && (await J(), requestAnimationFrame(f));
-    }), (m, d) => (i(), U(ge, { to: "body" }, [
+    return Q(o, async (c) => {
+      c && (await J(), requestAnimationFrame(m));
+    }), (c, f) => (i(), K(ge, { to: "body" }, [
       j(ke, {
         "enter-active-class": "transition-all duration-200 ease-in-out",
         "leave-active-class": "transition-all duration-200 ease-in-out",
@@ -2669,7 +2672,7 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
               "pointer-events-none rounded-corner border border-secondary bg-ui-bg/80 px-2 py-1 text-sm shadow-md"
             ])
           }, [
-            S(m.$slots, "default")
+            S(c.$slots, "default")
           ], 6), [
             [Ye, o.value]
           ])
@@ -2678,7 +2681,7 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
       })
     ]));
   }
-}), Rl = /* @__PURE__ */ D({
+}), Fl = /* @__PURE__ */ D({
   __name: "TooltipTrigger",
   setup(e) {
     const n = mt(), t = w(null);
@@ -2702,9 +2705,9 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
       S(o.$slots, "default")
     ], 544));
   }
-}), Fl = ["title"], Nl = ["src", "alt"], ql = {
+}), Nl = ["src", "alt"], ql = {
   key: 2,
-  class: "absolute bottom-1 right-1 bg-primary text-white text-xs rounded-full w-4 h-4 flex items-center justify-center font-bold animate-bounce"
+  class: "absolute bottom-1 right-1 bg-primary text-tx-on-primary text-xs rounded-full w-4 h-4 flex items-center justify-center font-bold animate-bounce"
 }, Hl = /* @__PURE__ */ D({
   __name: "TrayIconButton",
   props: {
@@ -2718,109 +2721,113 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
     customClass: { default: "" },
     tooltipClass: { default: "" },
     showCustomTooltip: { type: Boolean, default: !1 },
-    customTooltipText: { default: "" }
+    customTooltipText: { default: "" },
+    interactive: { type: Boolean, default: !0 }
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = w(!1);
+    const t = e, a = n, l = v(() => t.alt || t.tooltip || void 0), o = w(!1);
     W(() => {
       t.icon && !t.name && console.warn(
         "[TrayIconButton] «icon» está obsoleto y se va en la próxima mayor: recibe una ruta ya resuelta. Usá «name» con el nombre del icono del tema, y «type» si hace falta el símbolo."
       );
     });
-    const o = () => {
+    const r = () => {
       a("click");
     };
-    return (r, u) => (i(), s("div", {
-      class: y(["p-1 rounded-corner relative hover:bg-primary group transition-[background-color] duration-300", e.customClass]),
+    return (u, m) => (i(), K(Lt(e.interactive ? "button" : "div"), le(e.interactive ? { type: "button", "aria-label": l.value } : {}, {
+      class: ["p-1 rounded-corner relative group transition-[background-color] duration-300", [e.customClass, e.interactive ? "cursor-pointer hover:bg-primary" : ""]],
       title: e.tooltip,
-      onClick: o,
-      onMouseenter: u[0] || (u[0] = (f) => l.value = !0),
-      onMouseleave: u[1] || (u[1] = (f) => l.value = !1)
-    }, [
-      e.name ? (i(), U(N, {
-        key: 0,
-        name: e.name,
-        type: e.type,
-        size: 22,
-        alt: e.alt,
-        class: y(["m-auto", e.iconClass])
-      }, null, 8, ["name", "type", "alt", "class"])) : (i(), s("img", {
-        key: 1,
-        src: e.icon,
-        alt: e.alt,
-        class: y(["m-auto h-5.5 w-auto", e.iconClass])
-      }, null, 10, Nl)),
-      e.badge !== null && e.badge > 0 ? (i(), s("div", ql, V(e.badge), 1)) : x("", !0),
-      e.showCustomTooltip && e.customTooltipText ? (i(), s("div", {
-        key: 3,
-        class: y(["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": !l.value,
-            "opacity-100 translate-y-0": l.value
-          }
-        ]])
-      }, V(e.customTooltipText), 3)) : x("", !0),
-      S(r.$slots, "default")
-    ], 42, Fl));
+      onClick: r,
+      onMouseenter: m[0] || (m[0] = (c) => o.value = !0),
+      onMouseleave: m[1] || (m[1] = (c) => o.value = !1)
+    }), {
+      default: G(() => [
+        e.name ? (i(), K(N, {
+          key: 0,
+          name: e.name,
+          type: e.type,
+          size: 22,
+          alt: e.alt,
+          class: y(["m-auto", e.iconClass])
+        }, null, 8, ["name", "type", "alt", "class"])) : (i(), s("img", {
+          key: 1,
+          src: e.icon,
+          alt: e.alt,
+          class: y(["m-auto h-5.5 w-auto", e.iconClass])
+        }, null, 10, Nl)),
+        e.badge !== null && e.badge > 0 ? (i(), s("div", ql, V(e.badge), 1)) : x("", !0),
+        e.showCustomTooltip && e.customTooltipText ? (i(), s("div", {
+          key: 3,
+          class: y(["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": !o.value,
+              "opacity-100 translate-y-0": o.value
+            }
+          ]])
+        }, V(e.customTooltipText), 3)) : x("", !0),
+        S(u.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class", "title"]));
   }
-}), Ul = [
-  ua,
+}), Kl = [
+  ca,
   _e,
   Ze,
-  ba,
+  va,
   N,
-  La,
+  Da,
   at,
   tt,
-  Ra,
+  Fa,
   nt,
   Ua,
-  Ja,
-  an,
-  on,
-  rn,
-  mn,
+  Za,
+  nn,
+  sn,
+  un,
+  bn,
   Ie,
-  Ln,
+  Dn,
   lt,
-  cn,
-  An,
-  Nn,
-  Hn,
-  Gn,
-  Yn,
-  Jn,
-  _n,
-  tl,
-  nl,
-  il,
-  rl,
+  dn,
+  Bn,
+  qn,
+  Kn,
+  Qn,
+  Xn,
+  Zn,
+  el,
+  al,
+  ll,
+  sl,
   ul,
-  dl,
-  ml,
-  pl,
-  gl,
-  zl,
-  Al,
-  Sl,
+  cl,
+  fl,
+  bl,
+  yl,
+  hl,
+  El,
+  Bl,
+  Ml,
   je,
-  Il,
-  jl,
+  Ol,
   Pl,
   Rl,
+  Fl,
   Hl
 ], Zl = {
   install(e) {
-    Ul.forEach((n) => {
+    Kl.forEach((n) => {
       e.component(n.name, n);
     });
   }
 };
 export {
-  Ja as ActionButton,
-  an as AlertMessage,
+  Za as ActionButton,
+  nn as AlertMessage,
   at as AppBar,
   Ua as BarSearch,
   ot as CLASES_POR_TONO,
@@ -2828,60 +2835,60 @@ export {
   ut as CLAVE_DEL_MENU,
   ft as CLAVE_DEL_TOOLTIP,
   Me as CLAVE_DE_LA_BARRA,
-  An as ConfigSection,
-  Nn as DeviceCard,
-  Hn as Dialog,
-  Gn as DialogContent,
-  Yn as DialogDescription,
-  Jn as DialogFooter,
-  _n as DialogHeader,
-  tl as DialogTitle,
-  nl as DropdownMenu,
-  il as DropdownMenuContent,
-  rl as DropdownMenuItem,
-  ul as DropdownMenuLabel,
-  dl as DropdownMenuSeparator,
-  ml as DropdownMenuTrigger,
-  on as EmptyState,
-  pl as FormGroup,
+  Bn as ConfigSection,
+  qn as DeviceCard,
+  Kn as Dialog,
+  Qn as DialogContent,
+  Xn as DialogDescription,
+  Zn as DialogFooter,
+  el as DialogHeader,
+  al as DialogTitle,
+  ll as DropdownMenu,
+  sl as DropdownMenuContent,
+  ul as DropdownMenuItem,
+  cl as DropdownMenuLabel,
+  fl as DropdownMenuSeparator,
+  bl as DropdownMenuTrigger,
+  sn as EmptyState,
+  yl as FormGroup,
   Ve as LOS_TRES_CONTROLES,
-  gl as ListCard,
-  rn as LoadingState,
-  va as POSICIONES,
-  mn as ProgressBar,
+  hl as ListCard,
+  un as LoadingState,
+  pa as POSICIONES,
+  bn as ProgressBar,
   Ie as SearchField,
-  Ln as SearchSelect,
-  ba as SelectField,
-  ua as SideBar,
+  Dn as SearchSelect,
+  va as SelectField,
+  ca as SideBar,
   _e as SideButton,
   Ze as SideGroup,
-  zl as SliderControl,
-  Al as SwitchRow,
-  Sl as SwitchToggle,
+  El as SliderControl,
+  Bl as SwitchRow,
+  Ml as SwitchToggle,
   je as SwitchTrack,
-  Ra as TabBar,
+  Fa as TabBar,
   nt as TabItem,
   lt as TextInput,
   N as ThemeIcon,
-  cn as ToastArea,
-  Il as ToggleControl,
-  jl as Tooltip,
-  Pl as TooltipContent,
-  Rl as TooltipTrigger,
+  dn as ToastArea,
+  Ol as ToggleControl,
+  Pl as Tooltip,
+  Rl as TooltipContent,
+  Fl as TooltipTrigger,
   Hl as TrayIconButton,
   tt as WindowControls,
-  La as WindowFrame,
-  vn as buscarOpciones,
+  Da as WindowFrame,
+  pn as buscarOpciones,
   Zl as default,
-  pa as esPosicion,
+  ya as esPosicion,
   Xl as olvidarLosIconosDelTema,
   Ae as orientacionDe,
-  ha as posicionDe,
+  xa as posicionDe,
   it as rolDelTono,
   rt as usarElDialogo,
   Ce as usarElMenu,
   mt as usarElTooltip,
   he as usarLaBarra,
-  xa as usarLaPosicionDeLaBarra,
+  wa as usarLaPosicionDeLaBarra,
   Jl as usarLaVersionDelTema
 };