npm - @vasakgroup/vue-libvasak - Versions diffs - 1.3.0 → 1.4.0 - Mend

@vasakgroup/vue-libvasak 1.3.0 → 1.4.0

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

Files changed (7) hide show

package/dist/types/cards/DeviceCard.vue.d.ts +9 -1
package/dist/types/controls/ToggleControl.vue.d.ts +9 -15
package/dist/types/forms/SliderControl.vue.d.ts +9 -1
package/dist/types/tray/TrayIconButton.vue.d.ts +11 -3
package/dist/vue-libvasak.es.js +634 -564
package/dist/vue-libvasak.umd.js +1 -1
package/package.json +1 -1

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

@@ -1,14 +1,14 @@
-import { ref as w, onMounted as J, onUnmounted as ve, readonly as vt, watch as W, defineComponent as D, toRef as Pe, useTemplateRef as pt, computed as v, createElementBlock as i, unref as F, openBlock as r, normalizeStyle as fe, createCommentVNode as x, createElementVNode as T, createVNode as O, toDisplayString as M, normalizeClass as h, renderSlot as S, createBlock as Y, onBeforeUnmount as pe, Fragment as te, renderList as ue, withCtx as K, mergeModels as Re, useAttrs as Be, useId as gt, useModel as yt, withDirectives as Se, mergeProps as ce, isRef as ht, vModelSelect as xt, inject as we, getCurrentInstance as Ge, provide as ge, createTextVNode as Me, toHandlers as Qe, createSlots as wt, withModifiers as V, withKeys as R, Teleport as ye, Transition as ke, nextTick as X, TransitionGroup as kt, vShow as Ye, cloneVNode as $t, h as Ct, Comment as Et, Text as Lt } from "vue";
-import { listen as zt } from "@tauri-apps/api/event";
+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 r, unref as F, openBlock as i, normalizeStyle as fe, createCommentVNode as x, createElementVNode as B, createVNode as O, toDisplayString as M, 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 Me, toHandlers as Qe, createSlots as wt, withModifiers as V, withKeys as R, Teleport as ge, Transition as ke, nextTick as J, TransitionGroup as kt, vShow as Ye, cloneVNode as $t, 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(), ie = /* @__PURE__ */ new Map(), me = w(0);
-let se = 0, be = null, re = null;
+const St = "vicons:theme-changed", xe = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map(), me = w(0);
+let se = 0, be = null, ie = null;
 function Ql() {
-  xe.clear(), ie.clear(), se = 0, be = null, re = null, me.value = 0, ae.clear(), ne.clear(), Xe = 0, ee?.disconnect(), ee = null, De = !1, Q !== null && (clearTimeout(Q), Q = null), _ && (_.cancelado = !0), _ = null;
+  xe.clear(), re.clear(), se = 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;
 }
-const Mt = 100, Ee = 10, Vt = 16, ae = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Set();
+const Mt = 100, ze = 10, Vt = 16, ae = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Set();
 let Xe = 0, ee = null, De = !1;
 function It() {
   return De ? ee : (De = !0, typeof IntersectionObserver > "u" ? null : (ee = new IntersectionObserver(
@@ -37,37 +37,37 @@ function Pt(e) {
   const n = ae.get(e);
   n?.elemento && (ee?.unobserve(n.elemento), delete n.elemento.dataset.iconoId), ne.delete(e), ae.delete(e);
 }
-let Q = null, _ = null;
+let X = null, _ = null;
 function Rt(e) {
   return new Promise((n) => setTimeout(n, e));
 }
 async function Ft(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 += Ee) {
+    for (let o = 0; o < l.length; o += ze) {
       if (e.cancelado) return;
-      const s = l.slice(o, o + Ee);
+      const s = l.slice(o, o + ze);
       if (await Promise.allSettled(
         s.map((u) => ae.get(u)?.recargar() ?? Promise.resolve())
       ), e.cancelado) return;
-      (o + Ee < l.length || l === t) && await Rt(Vt);
+      (o + ze < l.length || l === t) && await Rt(Vt);
     }
   _ === e && (_ = null);
 }
 function Nt() {
-  Q !== null && (clearTimeout(Q), Q = null), _ && (_.cancelado = !0);
+  X !== null && (clearTimeout(X), X = null), _ && (_.cancelado = !0);
   const e = { cancelado: !1 };
   _ = e, Ft(e);
 }
 function qt() {
-  xe.clear(), ie.clear(), me.value++, Q !== null && clearTimeout(Q), Q = setTimeout(() => {
-    Q = null, Nt();
+  xe.clear(), re.clear(), me.value++, X !== null && clearTimeout(X), X = setTimeout(() => {
+    X = null, Nt();
   }, Mt);
 }
 function Je() {
-  return se++, be || re ? re ?? Promise.resolve() : (re = zt(St, qt).then((e) => {
-    se <= 0 ? e() : be = e, re = null;
-  }), re);
+  return se++, be || ie ? ie ?? Promise.resolve() : (ie = Lt(St, qt).then((e) => {
+    se <= 0 ? e() : be = e, ie = null;
+  }), ie);
 }
 function Te() {
   se--, !(se > 0) && (se = 0, be?.(), be = null);
@@ -76,17 +76,17 @@ function Ht(e, n) {
   const t = `${n}:${e}`, a = xe.get(t);
   if (a !== void 0)
     return Promise.resolve(a);
-  const l = ie.get(t);
+  const l = re.get(t);
   if (l)
     return l;
   const o = me.value, s = (n === "symbol" ? Dt(e) : Tt(e)).then((u) => (me.value === o && xe.set(t, u), u)).finally(() => {
-    ie.get(t) === s && ie.delete(t);
+    re.get(t) === s && re.delete(t);
   });
-  return ie.set(t, s), s;
+  return re.set(t, s), s;
 }
 function Yl() {
   let e = !1;
-  return J(async () => {
+  return W(async () => {
     await Je(), e && Te();
   }), ve(() => {
     e || (e = !0, Te());
@@ -107,13 +107,13 @@ function Ut(e, n) {
     const f = await Ht(m, n.value);
     u === l && !a && (t.value = f);
   }
-  return J(async () => {
+  return W(async () => {
     await Je(), a || await s();
   }), ve(() => {
     a = !0, Pt(o), Te();
-  }), W([e, n], s), { fuente: t, mirarElemento: (u) => jt(o, u) };
+  }), Q([e, n], s), { fuente: t, mirarElemento: (u) => jt(o, u) };
 }
-const Kt = ["src", "alt"], H = /* @__PURE__ */ D({
+const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
   __name: "ThemeIcon",
   props: {
     name: {},
@@ -123,9 +123,9 @@ const Kt = ["src", "alt"], H = /* @__PURE__ */ D({
   },
   setup(e) {
     const n = e, { fuente: t, mirarElemento: a } = Ut(Pe(n, "name"), Pe(n, "type")), l = pt("dibujo");
-    W(l, (s) => a(s), { immediate: !0 });
+    Q(l, (s) => a(s), { immediate: !0 });
     const o = v(() => `${n.size}px`);
-    return (s, u) => F(t) ? (r(), i("img", {
+    return (s, u) => F(t) ? (i(), r("img", {
       key: 0,
       ref_key: "dibujo",
       ref: l,
@@ -133,7 +133,7 @@ const Kt = ["src", "alt"], H = /* @__PURE__ */ D({
       alt: e.alt,
       style: fe({ width: o.value, height: o.value }),
       class: "shrink-0 object-contain"
-    }, null, 12, Kt)) : (r(), i("span", {
+    }, null, 12, Kt)) : (i(), r("span", {
       key: 1,
       ref_key: "dibujo",
       ref: l,
@@ -153,28 +153,28 @@ const Kt = ["src", "alt"], H = /* @__PURE__ */ D({
   },
   setup(e) {
     const n = e, t = w(n.defaultOpen);
-    return W(
+    return Q(
       () => n.collapsed,
       (a) => {
         a && (t.value = !0);
       }
-    ), (a, l) => (r(), i("section", Wt, [
-      e.collapsed ? x("", !0) : (r(), i("button", {
+    ), (a, l) => (i(), r("section", Wt, [
+      e.collapsed ? x("", !0) : (i(), r("button", {
         key: 0,
         type: "button",
         class: "group flex w-full items-center justify-between rounded-corner px-2 py-1 text-tx-muted text-xs uppercase tracking-[0.08em] hover:bg-ui-surface/60",
         "aria-expanded": t.value,
         onClick: l[0] || (l[0] = (o) => t.value = !t.value)
       }, [
-        T("span", null, M(e.title), 1),
-        O(H, {
+        B("span", null, M(e.title), 1),
+        O(N, {
           name: "pan-down-symbolic",
           type: "symbol",
           size: 12,
-          class: h(["transition-transform duration-200", t.value ? "" : "-rotate-90"])
+          class: y(["transition-transform duration-200", t.value ? "" : "-rotate-90"])
         }, null, 8, ["class"])
       ], 8, Gt)),
-      t.value || e.collapsed ? (r(), i("div", Qt, [
+      t.value || e.collapsed ? (i(), r("div", Qt, [
         S(a.$slots, "default")
       ])) : x("", !0)
     ]));
@@ -197,31 +197,31 @@ const Kt = ["src", "alt"], H = /* @__PURE__ */ D({
   },
   emits: ["click"],
   setup(e) {
-    return (n, t) => (r(), i("button", {
+    return (n, t) => (i(), r("button", {
       type: "button",
       title: e.collapsed ? e.label : void 0,
       "aria-label": e.collapsed ? e.label : void 0,
       disabled: e.disabled,
       "aria-current": e.active ? "page" : void 0,
-      class: h(["group relative flex w-full items-center gap-3 rounded-corner border px-3 py-2 text-left text-sm transition-[color,background-color,border-color,scale] duration-200 active:scale-[0.98]", [
+      class: y(["group relative flex w-full items-center gap-3 rounded-corner border px-3 py-2 text-left text-sm transition-[color,background-color,border-color,scale] duration-200 active:scale-[0.98]", [
         e.active ? "border-secondary bg-primary/15 text-tx-main shadow-sm" : "border-transparent bg-transparent hover:border-ui-border hover:bg-ui-surface/70",
         e.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer",
         e.collapsed ? "justify-center px-2" : ""
       ]]),
       onClick: t[0] || (t[0] = (a) => n.$emit("click"))
     }, [
-      T("span", {
-        class: h(["flex h-8 w-8 shrink-0 items-center justify-center rounded-corner font-semibold text-xs uppercase tracking-wide", e.active ? "border-secondary bg-primary/20" : ""]),
+      B("span", {
+        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 ? (r(), Y(H, {
+        e.icon ? (i(), U(N, {
           key: 0,
           name: e.icon,
           size: 20
-        }, null, 8, ["name"])) : (r(), i("span", Xt, M(e.label.charAt(0).toUpperCase()), 1))
+        }, null, 8, ["name"])) : (i(), r("span", Xt, M(e.label.charAt(0).toUpperCase()), 1))
       ], 2),
-      e.collapsed ? x("", !0) : (r(), i("span", Jt, M(e.label), 1)),
-      !e.collapsed && e.badge !== "" ? (r(), i("span", Zt, M(e.badge), 1)) : x("", !0)
+      e.collapsed ? x("", !0) : (i(), r("span", Jt, M(e.label), 1)),
+      !e.collapsed && e.badge !== "" ? (i(), r("span", Zt, M(e.badge), 1)) : x("", !0)
     ], 10, Yt));
   }
 }), _t = {
@@ -236,10 +236,10 @@ const Kt = ["src", "alt"], H = /* @__PURE__ */ D({
 }, la = {
   key: 1,
   class: "truncate text-tx-muted text-xs"
-}, oa = { key: 0 }, ra = {
+}, oa = { key: 0 }, ia = {
   key: 1,
   class: "flex border-ui-border border-b p-2"
-}, ia = ["aria-label", "aria-expanded"], sa = { 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"], sa = { 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({
   __name: "SideBar",
   props: {
     title: { default: "" },
@@ -256,84 +256,84 @@ const Kt = ["src", "alt"], H = /* @__PURE__ */ D({
     let u = null, m = null;
     const f = v(() => s.value || o.value), d = v(() => !!(a.title || a.subtitle));
     v(() => a.categories.length > 0);
-    function L() {
+    function E() {
       return document.documentElement?.clientWidth || window.innerWidth;
     }
-    function z() {
-      s.value = L() <= Ne;
+    function L() {
+      s.value = E() <= Ne;
     }
-    function B() {
+    function A() {
       o.value = !o.value, l("update:collapsed", o.value);
     }
     function g($) {
       l("update:modelValue", $), l("change", $);
     }
-    return W(
+    return Q(
       () => a.collapsed,
       ($) => {
         $ !== void 0 && (o.value = $);
       }
-    ), J(() => {
-      u = window.matchMedia(`(max-width: ${Ne}px)`), z(), u.addEventListener("change", z), window.addEventListener("resize", z), typeof ResizeObserver < "u" && document.documentElement && (m = new ResizeObserver(z), m.observe(document.documentElement));
+    ), W(() => {
+      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", z), window.removeEventListener("resize", z), m?.disconnect(), m = null;
-    }), n({ collapsed: f }), ($, j) => (r(), i("aside", {
-      class: h(["relative z-30 flex h-full shrink-0 flex-col rounded-corner border border-ui-border bg-ui-surface/70 transition-[width] duration-300", ["w-[84px]", f.value ? "md:w-[84px]" : "md:w-72"]])
+      u?.removeEventListener("change", L), window.removeEventListener("resize", L), m?.disconnect(), m = null;
+    }), n({ collapsed: f }), ($, j) => (i(), r("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]", f.value ? "md:w-[84px]" : "md:w-72"]])
     }, [
-      d.value || $.$slots.header ? (r(), i("header", _t, [
-        T("div", ea, [
-          T("button", {
+      d.value || $.$slots.header ? (i(), r("header", _t, [
+        B("div", ea, [
+          B("button", {
             type: "button",
-            class: h(Fe),
+            class: y(Fe),
             "aria-label": f.value ? e.expandLabel : e.collapseLabel,
             "aria-expanded": !f.value,
-            onClick: B
+            onClick: A
           }, [
-            O(H, {
+            O(N, {
               name: f.value ? "pan-end-symbolic" : "pan-start-symbolic",
               type: "symbol",
               size: 16
             }, null, 8, ["name"])
           ], 8, ta),
-          d.value && !f.value ? (r(), i("div", aa, [
-            e.title ? (r(), i("p", na, M(e.title), 1)) : x("", !0),
-            e.subtitle ? (r(), i("p", la, M(e.subtitle), 1)) : x("", !0)
+          d.value && !f.value ? (i(), r("div", aa, [
+            e.title ? (i(), r("p", na, M(e.title), 1)) : x("", !0),
+            e.subtitle ? (i(), r("p", la, M(e.subtitle), 1)) : x("", !0)
           ])) : x("", !0)
         ]),
-        $.$slots.header && !f.value ? (r(), i("div", oa, [
+        $.$slots.header && !f.value ? (i(), r("div", oa, [
           S($.$slots, "header", { collapsed: f.value })
         ])) : x("", !0)
-      ])) : (r(), i("div", ra, [
-        T("button", {
+      ])) : (i(), r("div", ia, [
+        B("button", {
           type: "button",
-          class: h(Fe),
+          class: y(Fe),
           "aria-label": f.value ? e.expandLabel : e.collapseLabel,
           "aria-expanded": !f.value,
-          onClick: B
+          onClick: A
         }, [
-          O(H, {
+          O(N, {
             name: f.value ? "pan-end-symbolic" : "pan-start-symbolic",
             type: "symbol",
             size: 16
           }, null, 8, ["name"])
-        ], 8, ia)
+        ], 8, ra)
       ])),
-      T("div", sa, [
-        (r(!0), i(te, null, ue(e.categories, (C) => (r(), Y(Ze, {
+      B("div", sa, [
+        (i(!0), r(te, null, ue(e.categories, (C) => (i(), U(Ze, {
           key: C.id,
           title: C.title,
           collapsed: f.value
         }, {
-          default: K(() => [
-            (r(!0), i(te, null, ue(C.items, (y) => (r(), Y(_e, {
-              key: y.id,
-              label: y.label,
-              icon: y.icon,
-              badge: y.badge,
-              disabled: y.disabled,
+          default: G(() => [
+            (i(!0), r(te, null, ue(C.items, (h) => (i(), U(_e, {
+              key: h.id,
+              label: h.label,
+              icon: h.icon,
+              badge: h.badge,
+              disabled: h.disabled,
               collapsed: f.value,
-              active: e.modelValue === y.id,
-              onClick: (c) => g(y.id)
+              active: e.modelValue === h.id,
+              onClick: (c) => g(h.id)
             }, null, 8, ["label", "icon", "badge", "disabled", "collapsed", "active", "onClick"]))), 128))
           ]),
           _: 2
@@ -355,30 +355,30 @@ const Kt = ["src", "alt"], H = /* @__PURE__ */ D({
   }),
   emits: /* @__PURE__ */ Re(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, a = Be(), l = gt(), o = v(() => a.id ?? l), s = n, [u, m] = yt(e, "modelValue", {
+    const t = e, a = Be(), l = yt(), o = v(() => a.id ?? l), s = n, [u, m] = gt(e, "modelValue", {
       set(f) {
         return m.number ? Number(f) : f;
       }
     });
-    return (f, d) => (r(), i("div", ca, [
-      t.label ? (r(), i("label", {
+    return (f, d) => (i(), r("div", ca, [
+      t.label ? (i(), r("label", {
         key: 0,
         for: o.value,
         class: "text-tx-muted text-xs"
       }, M(t.label), 9, da)) : x("", !0),
-      T("div", fa, [
-        Se(T("select", ce({
+      B("div", fa, [
+        Se(B("select", ce({
           id: o.value,
-          "onUpdate:modelValue": d[0] || (d[0] = (L) => ht(u) ? u.value = L : null),
+          "onUpdate:modelValue": d[0] || (d[0] = (E) => ht(u) ? u.value = E : 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] = (L) => s("change", L))
+          onChange: d[1] || (d[1] = (E) => s("change", E))
         }), [
           S(f.$slots, "default")
         ], 16, ma), [
           [xt, F(u)]
         ]),
-        O(H, {
+        O(N, {
           name: "pan-down-symbolic",
           type: "symbol",
           size: 14,
@@ -405,9 +405,9 @@ function he() {
     vertical: v(() => Ae(n.value) === "vertical")
   };
 }
-const Ie = ["minimize", "maximize", "close"], ga = "window", ya = "barPosition";
+const Ie = ["minimize", "maximize", "close"], ya = "window", ga = "barPosition";
 function ha(e) {
-  const t = e?.[ga]?.[ya];
+  const t = e?.[ya]?.[ga];
   return pa(t) ? t : null;
 }
 function xa(e = "top") {
@@ -420,7 +420,7 @@ function xa(e = "top") {
     } catch {
     }
   }
-  return J(async () => {
+  return W(async () => {
     await l();
     try {
       const { listen: o } = await import("@tauri-apps/api/event"), s = await o("config-changed", () => {
@@ -445,7 +445,7 @@ function et(e) {
   }
   return t;
 }
-const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title", "aria-label"], Le = "flex items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 p-1 transition-colors", tt = /* @__PURE__ */ D({
+const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["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: () => Ie },
@@ -463,64 +463,64 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
     function d() {
       return At();
     }
-    const L = Ge();
-    function z(j) {
-      return !!L?.vnode.props?.[`on${j}`];
+    const E = Ge();
+    function L(j) {
+      return !!E?.vnode.props?.[`on${j}`];
     }
-    function B() {
-      if (z("Minimize")) return u("minimize");
+    function A() {
+      if (L("Minimize")) return u("minimize");
       d().minimize();
     }
     function g() {
-      if (z("Maximize")) return u("maximize");
+      if (L("Maximize")) return u("maximize");
       d().toggleMaximize();
     }
     function $() {
-      if (z("Close")) return u("close");
+      if (L("Close")) return u("close");
       d().close();
     }
-    return (j, C) => e.controls.length ? (r(), i("div", {
+    return (j, C) => e.controls.length ? (i(), r("div", {
       key: 0,
-      class: h(["flex shrink-0 gap-1", F(m) ? "flex-col" : ""]),
+      class: y(["flex shrink-0 gap-1", F(m) ? "flex-col" : ""]),
       "data-tauri-drag-region": ""
     }, [
-      f.value.minimize ? (r(), i("button", {
+      f.value.minimize ? (i(), r("button", {
         key: 0,
         type: "button",
-        class: h([Le, "hover:bg-status-success"]),
+        class: y([Ee, "hover:bg-status-success"]),
         title: l.value,
         "aria-label": l.value,
-        onClick: C[0] || (C[0] = (y) => B())
+        onClick: C[0] || (C[0] = (h) => A())
       }, [
-        O(H, {
+        O(N, {
           name: "window-minimize",
           type: "symbol",
           size: 24
         })
       ], 10, wa)) : x("", !0),
-      f.value.maximize ? (r(), i("button", {
+      f.value.maximize ? (i(), r("button", {
         key: 1,
         type: "button",
-        class: h([Le, "hover:bg-status-warning"]),
+        class: y([Ee, "hover:bg-status-warning"]),
         title: o.value,
         "aria-label": o.value,
-        onClick: C[1] || (C[1] = (y) => g())
+        onClick: C[1] || (C[1] = (h) => g())
       }, [
-        O(H, {
+        O(N, {
           name: "window-maximize",
           type: "symbol",
           size: 24
         })
       ], 10, ka)) : x("", !0),
-      f.value.close ? (r(), i("button", {
+      f.value.close ? (i(), r("button", {
         key: 2,
         type: "button",
-        class: h([Le, "hover:bg-status-error"]),
+        class: y([Ee, "hover:bg-status-error"]),
         title: s.value,
         "aria-label": s.value,
-        onClick: C[2] || (C[2] = (y) => $())
+        onClick: C[2] || (C[2] = (h) => $())
       }, [
-        O(H, {
+        O(N, {
           name: "window-close",
           type: "symbol",
           size: 24
@@ -532,7 +532,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
   key: 0,
   class: "flex shrink-0 items-center",
   "data-tauri-drag-region": ""
-}, Ea = {
+}, za = {
   key: 1,
   class: "min-w-0 shrink truncate text-sm",
   "data-tauri-drag-region": ""
@@ -549,31 +549,31 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
   emits: ["minimize", "maximize", "close"],
   setup(e) {
     const n = e, t = he(), a = v(() => n.position ?? t.posicion.value), l = v(() => a.value === "left" || a.value === "right");
-    return ge(Ve, {
+    return ye(Ve, {
       posicion: a,
       orientacion: v(() => l.value ? "vertical" : "horizontal"),
       vertical: l
-    }), (o, s) => (r(), i("div", {
-      class: h(["relative flex shrink-0 items-center gap-2 p-1 font-title", l.value ? "h-full flex-col" : "w-full"]),
+    }), (o, s) => (i(), r("div", {
+      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 ? (r(), i("div", Ca, [
+      o.$slots.identidad ? (i(), r("div", Ca, [
         S(o.$slots, "identidad")
       ])) : x("", !0),
-      (o.$slots.titulo || e.title) && !l.value ? (r(), i("p", Ea, [
+      (o.$slots.titulo || e.title) && !l.value ? (i(), r("p", za, [
         S(o.$slots, "titulo", {}, () => [
           Me(M(e.title), 1)
         ])
       ])) : x("", !0),
-      T("div", {
-        class: h(["flex min-h-0 min-w-0 flex-1 items-center gap-2 overflow-auto", l.value ? "flex-col" : ""]),
+      B("div", {
+        class: y(["flex min-h-0 min-w-0 flex-1 items-center gap-2 overflow-auto", l.value ? "flex-col" : ""]),
         "data-tauri-drag-region": ""
       }, [
         S(o.$slots, "default")
       ], 2),
-      o.$slots.acciones ? (r(), i("div", {
+      o.$slots.acciones ? (i(), r("div", {
         key: 2,
-        class: h(["flex shrink-0 items-center gap-1", l.value ? "flex-col" : ""])
+        class: y(["flex shrink-0 items-center gap-1", l.value ? "flex-col" : ""])
       }, [
         S(o.$slots, "acciones")
       ], 2)) : x("", !0),
@@ -583,19 +583,19 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
         "maximize-label": e.maximizeLabel,
         "close-label": e.closeLabel
       }, Qe(F(et)(["minimize", "maximize", "close"]))), null, 16, ["controls", "minimize-label", "maximize-label", "close-label"]),
-      o.$slots.centro ? (r(), i("div", {
+      o.$slots.centro ? (i(), r("div", {
         key: 3,
-        class: h(["pointer-events-none absolute flex items-center justify-center", l.value ? "inset-x-0 top-1/2 -translate-y-1/2 flex-col" : "inset-y-0 left-1/2 -translate-x-1/2"])
+        class: y(["pointer-events-none absolute flex items-center justify-center", l.value ? "inset-x-0 top-1/2 -translate-y-1/2 flex-col" : "inset-y-0 left-1/2 -translate-x-1/2"])
       }, [
-        T("div", {
-          class: h(["pointer-events-auto flex items-center gap-2", l.value ? "flex-col" : ""])
+        B("div", {
+          class: y(["pointer-events-auto flex items-center gap-2", l.value ? "flex-col" : ""])
         }, [
           S(o.$slots, "centro")
         ], 2)
       ], 2)) : x("", !0)
     ], 2));
   }
-}), La = { class: "flex min-h-0 min-w-0 flex-1" }, za = /* @__PURE__ */ D({
+}), Ea = { class: "flex min-h-0 min-w-0 flex-1" }, La = /* @__PURE__ */ D({
   __name: "WindowFrame",
   props: {
     position: { default: null },
@@ -609,17 +609,17 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["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");
-    ge(Ve, { posicion: a, orientacion: l, vertical: o });
+    ye(Ve, { posicion: a, orientacion: l, vertical: o });
     const s = {
       top: "flex-col",
       bottom: "flex-col-reverse",
       left: "flex-row",
       right: "flex-row-reverse"
     };
-    return (u, m) => (r(), i("div", {
-      class: h(["flex h-screen w-screen overflow-hidden rounded-corner-window border border-ui-border bg-ui-bg/80", s[a.value]])
+    return (u, m) => (i(), r("div", {
+      class: y(["flex h-screen w-screen overflow-hidden rounded-corner-window border border-ui-border bg-ui-bg/80", s[a.value]])
     }, [
-      e.hideBar ? x("", !0) : (r(), Y(at, ce({
+      e.hideBar ? x("", !0) : (i(), U(at, ce({
         key: 0,
         position: a.value,
         title: e.title,
@@ -628,41 +628,41 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
         "close-label": e.closeLabel,
         controls: e.controls
       }, Qe(F(et)(["minimize", "maximize", "close"]))), wt({
-        default: K(() => [
+        default: G(() => [
           S(u.$slots, "barra")
         ]),
         _: 2
       }, [
         u.$slots.identidad ? {
           name: "identidad",
-          fn: K(() => [
+          fn: G(() => [
             S(u.$slots, "identidad")
           ]),
           key: "0"
         } : void 0,
         u.$slots.titulo ? {
           name: "titulo",
-          fn: K(() => [
+          fn: G(() => [
             S(u.$slots, "titulo")
           ]),
           key: "1"
         } : void 0,
         u.$slots.centro ? {
           name: "centro",
-          fn: K(() => [
+          fn: G(() => [
             S(u.$slots, "centro")
           ]),
           key: "2"
         } : void 0,
         u.$slots.acciones ? {
           name: "acciones",
-          fn: K(() => [
+          fn: G(() => [
             S(u.$slots, "acciones")
           ]),
           key: "3"
         } : void 0
       ]), 1040, ["position", "title", "minimize-label", "maximize-label", "close-label", "controls"])),
-      T("div", La, [
+      B("div", Ea, [
         S(u.$slots, "default")
       ])
     ], 2));
@@ -688,62 +688,62 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
   },
   emits: ["select", "close", "menu", "mover", "navegar"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { vertical: l, posicion: o } = he(), s = w(null), u = w(null), m = w(!1), f = w(!1), d = w(!1), L = w({ top: 0, left: 0, right: 0 });
-    let z = null, B = null;
+    const t = e, a = n, { vertical: l, posicion: o } = he(), s = w(null), u = w(null), m = w(!1), f = w(!1), d = w(!1), E = w({ top: 0, left: 0, right: 0 });
+    let L = null, A = null;
     const g = v(() => t.tab.closable !== !1), $ = v(() => t.tab.tooltip ?? t.tab.label), j = v(
       () => t.tab.dirty ? `${t.tab.label} · ${t.dirtyLabel}` : t.tab.label
-    ), C = v(() => t.tab.label.trim().charAt(0).toUpperCase()), y = v(() => m.value || d.value), c = v(
-      () => !!t.tab.dirty && !(y.value && g.value)
+    ), C = v(() => t.tab.label.trim().charAt(0).toUpperCase()), h = v(() => m.value || d.value), c = v(
+      () => !!t.tab.dirty && !(h.value && g.value)
     ), b = v(
-      () => g.value && (y.value || t.active || !t.tab.dirty)
+      () => g.value && (h.value || t.active || !t.tab.dirty)
     ), p = v(
       () => l.value && (m.value || f.value || d.value)
     ), P = v(() => {
-      const N = { position: "fixed", top: `${L.value.top}px`, zIndex: 50 };
-      return o.value === "right" ? { ...N, right: `${L.value.right + He}px` } : { ...N, left: `${L.value.left + He}px` };
+      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` };
     });
     function le() {
-      const N = s.value;
-      if (!N) return;
-      const k = N.getBoundingClientRect();
-      L.value = {
+      const q = s.value;
+      if (!q) return;
+      const k = q.getBoundingClientRect();
+      E.value = {
         top: k.top,
         left: k.right,
         right: window.innerWidth - k.left
       };
     }
-    function U(N) {
-      const k = N.relatedTarget;
+    function K(q) {
+      const k = q.relatedTarget;
       k && u.value?.contains(k) || (d.value = !1);
     }
     function oe() {
       m.value = !0, le();
     }
-    function G() {
+    function Y() {
       f.value = !0, le();
     }
-    function A() {
-      z !== null && clearTimeout(z), z = null, B = null;
+    function T() {
+      L !== null && clearTimeout(L), L = null, A = null;
     }
-    function E(N) {
-      N.button === 0 && (B = { x: N.clientX, y: N.clientY }, z = setTimeout(() => {
-        B && a("menu", B), A();
+    function z(q) {
+      q.button === 0 && (A = { x: q.clientX, y: q.clientY }, L = setTimeout(() => {
+        A && a("menu", A), T();
       }, Ia));
     }
-    function I(N) {
-      if (!B) return;
-      (Math.abs(N.clientX - B.x) > qe || Math.abs(N.clientY - B.y) > qe) && A();
+    function I(q) {
+      if (!A) return;
+      (Math.abs(q.clientX - A.x) > qe || Math.abs(q.clientY - A.y) > qe) && T();
     }
-    function de(N) {
-      N.button === 1 && g.value && (N.preventDefault(), a("close"));
+    function de(q) {
+      q.button === 1 && g.value && (q.preventDefault(), a("close"));
     }
-    function bt(N) {
-      N.preventDefault(), a("menu", { x: N.clientX, y: N.clientY });
+    function bt(q) {
+      q.preventDefault(), a("menu", { x: q.clientX, y: q.clientY });
     }
-    return pe(A), (N, k) => (r(), i("div", {
+    return pe(T), (q, k) => (i(), r("div", {
       ref_key: "raiz",
       ref: s,
-      class: h(["group relative flex shrink-0 cursor-pointer items-center gap-2 rounded-corner border border-ui-border transition-colors", [
+      class: y(["group relative flex shrink-0 cursor-pointer items-center gap-2 rounded-corner border border-ui-border transition-colors", [
         e.active ? "bg-primary font-bold text-tx-on-primary" : "bg-ui-bg/80 hover:bg-ui-surface/70",
         F(l) ? "size-8 justify-center p-0 text-sm" : "w-34 max-w-34 px-3 py-1 text-sm"
       ]]),
@@ -752,88 +752,88 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       title: $.value,
       "aria-label": j.value,
       tabindex: e.tabindex,
-      onClick: k[5] || (k[5] = V((q) => a("select"), ["stop"])),
+      onClick: k[5] || (k[5] = V((H) => a("select"), ["stop"])),
       onKeydown: [
-        k[6] || (k[6] = R(V((q) => a("select"), ["stop"]), ["enter"])),
-        k[7] || (k[7] = R(V((q) => a("select"), ["prevent", "stop"]), ["space"])),
-        k[8] || (k[8] = R(V((q) => a("navegar", "anterior"), ["prevent", "stop"]), ["left"])),
-        k[9] || (k[9] = R(V((q) => a("navegar", "anterior"), ["prevent", "stop"]), ["up"])),
-        k[10] || (k[10] = R(V((q) => a("navegar", "siguiente"), ["prevent", "stop"]), ["right"])),
-        k[11] || (k[11] = R(V((q) => a("navegar", "siguiente"), ["prevent", "stop"]), ["down"])),
-        k[12] || (k[12] = R(V((q) => a("navegar", "primera"), ["prevent", "stop"]), ["home"])),
-        k[13] || (k[13] = R(V((q) => a("navegar", "ultima"), ["prevent", "stop"]), ["end"])),
-        k[14] || (k[14] = R(V((q) => a("mover", -1), ["alt", "prevent", "stop"]), ["left"])),
-        k[15] || (k[15] = R(V((q) => a("mover", -1), ["alt", "prevent", "stop"]), ["up"])),
-        k[16] || (k[16] = R(V((q) => a("mover", 1), ["alt", "prevent", "stop"]), ["right"])),
-        k[17] || (k[17] = R(V((q) => a("mover", 1), ["alt", "prevent", "stop"]), ["down"])),
-        k[18] || (k[18] = R(V((q) => g.value && a("close"), ["prevent", "stop"]), ["delete"]))
+        k[6] || (k[6] = R(V((H) => a("select"), ["stop"]), ["enter"])),
+        k[7] || (k[7] = R(V((H) => a("select"), ["prevent", "stop"]), ["space"])),
+        k[8] || (k[8] = R(V((H) => a("navegar", "anterior"), ["prevent", "stop"]), ["left"])),
+        k[9] || (k[9] = R(V((H) => a("navegar", "anterior"), ["prevent", "stop"]), ["up"])),
+        k[10] || (k[10] = R(V((H) => a("navegar", "siguiente"), ["prevent", "stop"]), ["right"])),
+        k[11] || (k[11] = R(V((H) => a("navegar", "siguiente"), ["prevent", "stop"]), ["down"])),
+        k[12] || (k[12] = R(V((H) => a("navegar", "primera"), ["prevent", "stop"]), ["home"])),
+        k[13] || (k[13] = R(V((H) => a("navegar", "ultima"), ["prevent", "stop"]), ["end"])),
+        k[14] || (k[14] = R(V((H) => a("mover", -1), ["alt", "prevent", "stop"]), ["left"])),
+        k[15] || (k[15] = R(V((H) => a("mover", -1), ["alt", "prevent", "stop"]), ["up"])),
+        k[16] || (k[16] = R(V((H) => a("mover", 1), ["alt", "prevent", "stop"]), ["right"])),
+        k[17] || (k[17] = R(V((H) => a("mover", 1), ["alt", "prevent", "stop"]), ["down"])),
+        k[18] || (k[18] = R(V((H) => g.value && a("close"), ["prevent", "stop"]), ["delete"]))
       ],
       onAuxclick: V(de, ["stop"]),
       onContextmenu: bt,
-      onPointerdown: E,
+      onPointerdown: z,
       onPointermove: I,
-      onPointerup: A,
-      onPointerleave: A,
+      onPointerup: T,
+      onPointerleave: T,
       onMouseenter: oe,
-      onMouseleave: k[19] || (k[19] = (q) => m.value = !1),
-      onFocus: G,
-      onBlur: k[20] || (k[20] = (q) => f.value = !1)
+      onMouseleave: k[19] || (k[19] = (H) => m.value = !1),
+      onFocus: Y,
+      onBlur: k[20] || (k[20] = (H) => f.value = !1)
     }, [
-      e.tab.icon ? (r(), Y(H, {
+      e.tab.icon ? (i(), U(N, {
         key: 0,
         name: e.tab.icon,
         size: 16,
         class: "shrink-0"
-      }, null, 8, ["name"])) : F(l) ? (r(), i("span", Ta, M(C.value), 1)) : x("", !0),
-      F(l) ? x("", !0) : (r(), i("span", Aa, M(e.tab.label), 1)),
-      c.value ? (r(), i("span", {
+      }, null, 8, ["name"])) : F(l) ? (i(), r("span", Ta, M(C.value), 1)) : x("", !0),
+      F(l) ? x("", !0) : (i(), r("span", Aa, M(e.tab.label), 1)),
+      c.value ? (i(), r("span", {
         key: 3,
-        class: h(["size-2 shrink-0 rounded-full bg-current", F(l) ? "absolute right-0.5 top-0.5" : ""]),
+        class: y(["size-2 shrink-0 rounded-full bg-current", F(l) ? "absolute right-0.5 top-0.5" : ""]),
         "aria-hidden": "true"
-      }, null, 2)) : b.value && !F(l) ? (r(), i("button", {
+      }, null, 2)) : b.value && !F(l) ? (i(), r("button", {
         key: 4,
         type: "button",
         class: "flex size-4 shrink-0 items-center justify-center rounded-corner-sm hover:bg-ui-surface",
         title: e.closeLabel,
         "aria-label": `${e.closeLabel}: ${j.value}`,
-        onClick: k[0] || (k[0] = V((q) => a("close"), ["stop"]))
+        onClick: k[0] || (k[0] = V((H) => a("close"), ["stop"]))
       }, [
-        O(H, {
+        O(N, {
           name: "gtk-close",
           type: "symbol",
           size: 12
         })
       ], 8, Ba)) : x("", !0),
-      (r(), Y(ye, { to: "body" }, [
+      (i(), U(ge, { to: "body" }, [
         O(ke, {
           "enter-active-class": "transition duration-150 ease-out",
           "enter-from-class": "opacity-0 scale-95",
           "leave-active-class": "transition duration-100 ease-in",
           "leave-to-class": "opacity-0 scale-95"
         }, {
-          default: K(() => [
-            p.value ? (r(), i("div", {
+          default: G(() => [
+            p.value ? (i(), r("div", {
               key: 0,
-              class: h(["flex items-center gap-2 rounded-corner border border-ui-border bg-ui-surface/95 px-3 py-1 text-sm shadow-lg", e.active ? "font-bold" : ""]),
+              class: y(["flex items-center gap-2 rounded-corner border border-ui-border bg-ui-surface/95 px-3 py-1 text-sm shadow-lg", e.active ? "font-bold" : ""]),
               ref_key: "desplegadoRef",
               ref: u,
               style: fe(P.value),
-              onMouseenter: k[2] || (k[2] = (q) => d.value = !0),
-              onMouseleave: k[3] || (k[3] = (q) => d.value = !1),
-              onFocusin: k[4] || (k[4] = (q) => d.value = !0),
-              onFocusout: U
+              onMouseenter: k[2] || (k[2] = (H) => d.value = !0),
+              onMouseleave: k[3] || (k[3] = (H) => d.value = !1),
+              onFocusin: k[4] || (k[4] = (H) => d.value = !0),
+              onFocusout: K
             }, [
-              T("span", Sa, M(e.tab.label), 1),
-              e.tab.dirty ? (r(), i("span", Ma)) : x("", !0),
-              g.value ? (r(), i("button", {
+              B("span", Sa, M(e.tab.label), 1),
+              e.tab.dirty ? (i(), r("span", Ma)) : x("", !0),
+              g.value ? (i(), r("button", {
                 key: 1,
                 type: "button",
                 class: "flex size-4 shrink-0 items-center justify-center rounded-corner-sm hover:bg-ui-surface",
                 title: e.closeLabel,
                 "aria-label": `${e.closeLabel}: ${j.value}`,
-                onClick: k[1] || (k[1] = V((q) => a("close"), ["stop"]))
+                onClick: k[1] || (k[1] = V((H) => a("close"), ["stop"]))
               }, [
-                O(H, {
+                O(N, {
                   name: "gtk-close",
                   type: "symbol",
                   size: 12
@@ -859,39 +859,39 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
   emits: ["update:modelValue", "select", "close", "new", "reorder", "menu"],
   setup(e, { emit: n }) {
     const t = e, a = n, { vertical: l } = he(), o = w(null), s = w(0), u = w(null), m = w(null);
-    function f(y) {
-      a("update:modelValue", y), a("select", y);
+    function f(h) {
+      a("update:modelValue", h), a("select", h);
     }
-    async function d(y, c) {
+    async function d(h, c) {
       const b = t.tabs.length - 1;
       if (b < 0) return;
-      const p = c === "primera" ? 0 : c === "ultima" ? b : c === "anterior" ? (y - 1 + t.tabs.length) % t.tabs.length : (y + 1) % t.tabs.length;
-      s.value = p, await X(), o.value?.querySelectorAll('[role="tab"]')?.[p]?.focus();
+      const p = c === "primera" ? 0 : c === "ultima" ? b : c === "anterior" ? (h - 1 + t.tabs.length) % t.tabs.length : (h + 1) % t.tabs.length;
+      s.value = p, await J(), o.value?.querySelectorAll('[role="tab"]')?.[p]?.focus();
     }
-    function L(y, c) {
+    function E(h, c) {
       if (t.fixedOrder) return;
-      const b = y + c;
+      const b = h + c;
       if (b < 0 || b >= t.tabs.length) return;
-      const p = [...t.tabs], [P] = p.splice(y, 1);
+      const p = [...t.tabs], [P] = p.splice(h, 1);
       P && (p.splice(b, 0, P), s.value = b, a("reorder", p));
     }
-    function z(y) {
+    function L(h) {
       const c = o.value;
       if (!c) return;
-      const b = y.deltaY || y.deltaX || 0, p = l.value ? c.scrollTop : c.scrollLeft;
-      l.value ? c.scrollTop += b : c.scrollLeft += b, (l.value ? c.scrollTop : c.scrollLeft) !== p && y.preventDefault();
+      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();
     }
-    function B(y, c) {
-      t.fixedOrder || (u.value = y, c.dataTransfer?.setData("text/plain", String(y)), c.dataTransfer && (c.dataTransfer.effectAllowed = "move"));
+    function A(h, c) {
+      t.fixedOrder || (u.value = h, c.dataTransfer?.setData("text/plain", String(h)), c.dataTransfer && (c.dataTransfer.effectAllowed = "move"));
     }
-    function g(y, c) {
-      t.fixedOrder || u.value === null || (c.preventDefault(), m.value = y, c.dataTransfer && (c.dataTransfer.dropEffect = "move"));
+    function g(h, c) {
+      t.fixedOrder || u.value === null || (c.preventDefault(), m.value = h, c.dataTransfer && (c.dataTransfer.dropEffect = "move"));
     }
-    function $(y) {
+    function $(h) {
       const c = u.value;
-      if (j(), t.fixedOrder || c === null || c === y) return;
+      if (j(), t.fixedOrder || c === null || c === h) return;
       const b = [...t.tabs], [p] = b.splice(c, 1);
-      p && (b.splice(y, 0, p), a("reorder", b));
+      p && (b.splice(h, 0, p), a("reorder", b));
     }
     function j() {
       u.value = null, m.value = null;
@@ -899,25 +899,25 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
     const C = v(
       () => l.value ? "flex h-full flex-col items-center gap-1 overflow-y-auto overflow-x-hidden" : "flex items-center gap-1 overflow-x-auto overflow-y-hidden"
     );
-    return (y, c) => (r(), i("div", {
-      class: h(["flex min-h-0 min-w-0 items-center gap-1", F(l) ? "w-full flex-col" : "h-full"]),
+    return (h, c) => (i(), r("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"
     }, [
-      T("div", {
+      B("div", {
         ref_key: "carril",
         ref: o,
-        class: h(C.value),
-        onWheel: z
+        class: y(C.value),
+        onWheel: L
       }, [
-        (r(!0), i(te, null, ue(e.tabs, (b, p) => (r(), i("div", {
+        (i(!0), r(te, null, ue(e.tabs, (b, p) => (i(), r("div", {
           key: b.id,
-          class: h(["transition-opacity", [
+          class: y(["transition-opacity", [
             u.value === p ? "opacity-40" : "",
             m.value === p && u.value !== p ? "ring-2 ring-secondary rounded-corner" : ""
           ]]),
           draggable: !e.fixedOrder,
-          onDragstart: (P) => B(p, P),
+          onDragstart: (P) => A(p, P),
           onDragover: (P) => g(p, P),
           onDrop: V((P) => $(p), ["prevent"]),
           onDragend: j
@@ -932,11 +932,11 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
             onClose: (P) => a("close", b.id),
             onMenu: (P) => a("menu", { id: b.id, ...P }),
             onNavegar: (P) => d(p, P),
-            onMover: (P) => L(p, P)
+            onMover: (P) => E(p, P)
           }, null, 8, ["tab", "active", "close-label", "dirty-label", "tabindex", "onSelect", "onClose", "onMenu", "onNavegar", "onMover"])
         ], 42, ja))), 128))
       ], 34),
-      e.newLabel ? (r(), i("button", {
+      e.newLabel ? (i(), r("button", {
         key: 0,
         type: "button",
         class: "flex size-7 shrink-0 items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 hover:bg-ui-surface/70",
@@ -944,7 +944,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
         "aria-label": e.newLabel,
         onClick: c[0] || (c[0] = (b) => a("new"))
       }, [
-        O(H, {
+        O(N, {
           name: "gtk-add",
           type: "symbol",
           size: 14
@@ -990,7 +990,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       a.mono ? "font-mono" : "",
       a.disabled ? "cursor-not-allowed opacity-60" : ""
     ]);
-    return (d, L) => (r(), i("input", {
+    return (d, E) => (i(), r("input", {
       ref_key: "campo",
       ref: u,
       id: e.id,
@@ -1004,11 +1004,11 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       "aria-describedby": e.describedBy,
       autocomplete: e.autocomplete,
       "aria-invalid": e.invalid || void 0,
-      class: h(f.value),
+      class: y(f.value),
       onInput: o,
       onChange: s,
-      onKeyup: L[0] || (L[0] = (z) => l("keyup", z)),
-      onKeydown: L[1] || (L[1] = (z) => l("keydown", z))
+      onKeyup: E[0] || (E[0] = (L) => l("keyup", L)),
+      onKeydown: E[1] || (E[1] = (L) => l("keydown", L))
     }, null, 42, Fa));
   }
 }), Na = { class: "pointer-events-none absolute left-2 flex items-center" }, qa = ["aria-label"], Oe = /* @__PURE__ */ D({
@@ -1042,35 +1042,35 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
     function d() {
       clearTimeout(s), s = void 0;
     }
-    function L($) {
+    function E($) {
       l("update:modelValue", $), !(a.debounce <= 0) && (d(), s = setTimeout(() => l("search", $), a.debounce));
     }
-    function z() {
+    function L() {
       d(), l("search", a.modelValue);
     }
-    function B() {
+    function A() {
       d(), l("update:modelValue", ""), l("clear"), g();
     }
     function g() {
       return o.value?.enfocar() ?? !1;
     }
-    return n({ enfocar: g }), J(async () => {
-      a.autofocus && (await X(), g());
-    }), ve(d), W(
+    return n({ enfocar: g }), W(async () => {
+      a.autofocus && (await J(), g());
+    }), ve(d), Q(
       () => a.disabled,
       ($) => {
         $ && d();
       }
-    ), ($, j) => (r(), i("div", {
+    ), ($, j) => (i(), r("div", {
       class: "relative flex items-center",
-      onKeydown: R(z, ["enter"])
+      onKeydown: R(L, ["enter"])
     }, [
-      T("span", Na, [
-        O(H, {
+      B("span", Na, [
+        O(N, {
           name: e.busy ? "content-loading" : "system-search",
           type: "symbol",
           size: 14,
-          class: h(e.busy ? "animate-spin opacity-70" : "opacity-60")
+          class: y(e.busy ? "animate-spin opacity-70" : "opacity-60")
         }, null, 8, ["name", "class"])
       ]),
       O(lt, ce({
@@ -1083,19 +1083,19 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       }, m.value, {
         disabled: e.disabled,
         class: ["pl-7 [&::-webkit-search-cancel-button]:appearance-none", f.value ? "pr-8" : ""],
-        "onUpdate:modelValue": L,
+        "onUpdate:modelValue": E,
         onKeydown: j[0] || (j[0] = (C) => l("keydown", C))
       }), null, 16, ["model-value", "placeholder", "ariaLabel", "disabled", "class"]),
-      f.value ? (r(), i("button", {
+      f.value ? (i(), r("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",
         "aria-label": e.label ? `${e.label}: vaciar` : "Vaciar",
         onMousedown: j[1] || (j[1] = V(() => {
         }, ["prevent"])),
-        onClick: B
+        onClick: A
       }, [
-        O(H, {
+        O(N, {
           name: "gtk-close",
           type: "symbol",
           size: 12,
@@ -1121,21 +1121,21 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       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 L() {
-      s.value = !0, a("open"), await X(), u.value?.enfocar();
+    async function E() {
+      s.value = !0, a("open"), await J(), u.value?.enfocar();
     }
-    function z() {
+    function L() {
       s.value && (s.value = !1, a("close"));
     }
-    function B(g) {
+    function A(g) {
       const $ = g.relatedTarget;
-      $ && g.currentTarget.contains($) || z();
+      $ && g.currentTarget.contains($) || L();
     }
-    return (g, $) => (r(), i("div", {
+    return (g, $) => (i(), r("div", {
       class: "relative flex shrink-0 items-center",
-      onFocusout: B
+      onFocusout: A
     }, [
-      m.value ? (r(), i("button", {
+      m.value ? (i(), r("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",
@@ -1144,18 +1144,18 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
         "aria-expanded": s.value,
         onMousedown: $[0] || ($[0] = V(() => {
         }, ["prevent"])),
-        onClick: $[1] || ($[1] = (j) => s.value ? z() : L())
+        onClick: $[1] || ($[1] = (j) => s.value ? L() : E())
       }, [
-        O(H, {
+        O(N, {
           name: "system-search",
           type: "symbol",
           size: 14
         })
       ], 40, Ha)) : x("", !0),
-      f.value ? (r(), i("div", {
+      f.value ? (i(), r("div", {
         key: 1,
-        class: h(d.value),
-        onKeydown: R(z, ["esc"])
+        class: y(d.value),
+        onKeydown: R(L, ["esc"])
       }, [
         O(Oe, {
           ref_key: "campo",
@@ -1165,7 +1165,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
           label: e.label,
           disabled: e.disabled,
           debounce: e.debounce,
-          class: h(m.value ? "" : "w-48"),
+          class: y(m.value ? "" : "w-48"),
           "onUpdate:modelValue": $[2] || ($[2] = (j) => a("update:modelValue", j)),
           onSearch: $[3] || ($[3] = (j) => a("search", j))
         }, null, 8, ["model-value", "placeholder", "label", "disabled", "debounce", "class"])
@@ -1205,10 +1205,10 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
     }, s = (u) => {
       t.stopPropagation && u.stopPropagation(), t.preventDefault && u.preventDefault(), !t.disabled && !t.loading && a("click");
     };
-    return (u, m) => (r(), i("button", {
+    return (u, m) => (i(), r("button", {
       type: t.type,
       onClick: s,
-      class: h(["rounded-corner transition-[background-color,opacity] duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", [
+      class: y(["rounded-corner transition-[background-color,opacity] duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", [
         l[t.variant],
         o[t.size],
         t.fullWidth ? "w-full" : "",
@@ -1217,15 +1217,15 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       ]]),
       disabled: t.disabled || t.loading
     }, [
-      e.loading ? (r(), i("span", Wa)) : x("", !0),
-      t.iconSrc && !t.iconRight ? (r(), i("img", {
+      e.loading ? (i(), r("span", Wa)) : x("", !0),
+      t.iconSrc && !t.iconRight ? (i(), r("img", {
         key: 1,
         src: t.iconSrc,
         alt: t.iconAlt || t.label,
         class: "w-4 h-4"
       }, null, 8, Ga)) : x("", !0),
-      t.label ? (r(), i("span", Qa, M(t.label), 1)) : x("", !0),
-      t.iconSrc && t.iconRight ? (r(), i("img", {
+      t.label ? (i(), r("span", Qa, M(t.label), 1)) : x("", !0),
+      t.iconSrc && t.iconRight ? (i(), r("img", {
         key: 3,
         src: t.iconSrc,
         alt: t.iconAlt || t.label,
@@ -1244,7 +1244,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
   warning: "border-status-warning/40 bg-status-warning/10 text-tx-main",
   error: "border-status-error/40 bg-status-error/10 text-tx-main"
 };
-function rt(e) {
+function it(e) {
   return e === "error" ? "alert" : "status";
 }
 const Za = ["role"], _a = {
@@ -1262,24 +1262,24 @@ const Za = ["role"], _a = {
     iconType: { default: "symbol" }
   },
   setup(e) {
-    const n = e, t = v(() => ot[n.tone]), a = v(() => rt(n.tone));
-    return (l, o) => (r(), i("div", {
+    const n = e, t = v(() => ot[n.tone]), a = v(() => it(n.tone));
+    return (l, o) => (i(), r("div", {
       role: a.value,
       "aria-atomic": "true",
-      class: h(["flex gap-3 rounded-corner border px-4 py-2 text-sm", t.value])
+      class: y(["flex gap-3 rounded-corner border px-4 py-2 text-sm", t.value])
     }, [
-      e.icon ? (r(), i("span", _a, [
-        O(H, {
+      e.icon ? (i(), r("span", _a, [
+        O(N, {
           name: e.icon,
           type: e.iconType,
           size: 18,
           alt: ""
         }, null, 8, ["name", "type"])
       ])) : x("", !0),
-      T("div", en, [
-        e.title ? (r(), i("p", tn, M(e.title), 1)) : x("", !0),
-        T("div", {
-          class: h(e.title ? "mt-1" : "")
+      B("div", en, [
+        e.title ? (i(), r("p", tn, M(e.title), 1)) : x("", !0),
+        B("div", {
+          class: y(e.title ? "mt-1" : "")
         }, [
           S(l.$slots, "default")
         ], 2)
@@ -1299,17 +1299,17 @@ const Za = ["role"], _a = {
     bordered: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (n, t) => (r(), i("div", {
-      class: h(["flex flex-col items-center justify-center gap-3 px-8 py-12 text-center", e.bordered ? "rounded-corner border border-ui-border border-dashed bg-ui-surface/20" : ""])
+    return (n, t) => (i(), r("div", {
+      class: y(["flex flex-col items-center justify-center gap-3 px-8 py-12 text-center", e.bordered ? "rounded-corner border border-ui-border border-dashed bg-ui-surface/20" : ""])
     }, [
-      O(H, {
+      O(N, {
         name: e.icon,
         type: e.iconType,
         size: 48,
         class: "opacity-60"
       }, null, 8, ["name", "type"]),
-      T("p", nn, M(e.title), 1),
-      e.note ? (r(), i("p", ln, M(e.note), 1)) : x("", !0),
+      B("p", nn, M(e.title), 1),
+      e.note ? (i(), r("p", ln, M(e.note), 1)) : x("", !0),
       S(n.$slots, "default")
     ], 2));
   }
@@ -1320,13 +1320,13 @@ const Za = ["role"], _a = {
     bordered: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (n, t) => (r(), i("div", {
+    return (n, t) => (i(), r("div", {
       role: "status",
       "aria-atomic": "true",
-      class: h(["flex flex-col items-center justify-center gap-4 px-8 py-12 text-center", e.bordered ? "rounded-corner border border-ui-border border-dashed bg-ui-surface/20" : ""])
+      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] = T("span", { class: "h-10 w-10 animate-spin rounded-full border-4 border-ui-border border-t-primary motion-reduce:animate-none" }, null, -1)),
-      T("p", rn, M(e.label), 1)
+      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", rn, M(e.label), 1)
     ], 2));
   }
 }), un = ["role"], cn = /* @__PURE__ */ D({
@@ -1339,9 +1339,9 @@ 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) => (r(), Y(ye, { to: "body" }, [
-      T("div", {
-        class: h(["pointer-events-none fixed z-60 flex flex-col gap-2", t.value])
+    return (a, l) => (i(), U(ge, { to: "body" }, [
+      B("div", {
+        class: y(["pointer-events-none fixed z-60 flex flex-col gap-2", t.value])
       }, [
         O(kt, {
           "enter-active-class": "transition-all duration-300 ease-out",
@@ -1350,12 +1350,12 @@ const Za = ["role"], _a = {
           "leave-to-class": "translate-y-2 opacity-0",
           "move-class": "transition-transform duration-300"
         }, {
-          default: K(() => [
-            (r(!0), i(te, null, ue(e.toasts, (o) => (r(), i("div", {
+          default: G(() => [
+            (i(!0), r(te, null, ue(e.toasts, (o) => (i(), r("div", {
               key: o.id,
-              role: F(rt)(o.tone ?? "info"),
+              role: F(it)(o.tone ?? "info"),
               "aria-atomic": "true",
-              class: h(["pointer-events-auto rounded-corner border px-4 py-2 text-sm shadow-lg backdrop-blur-sm", F(ot)[o.tone ?? "info"]])
+              class: y(["pointer-events-auto rounded-corner border px-4 py-2 text-sm shadow-lg backdrop-blur-sm", F(ot)[o.tone ?? "info"]])
             }, [
               S(a.$slots, "default", { aviso: o }, () => [
                 Me(M(o.message), 1)
@@ -1385,7 +1385,7 @@ const Za = ["role"], _a = {
     }, a = v(
       () => n.value === null ? null : Math.max(0, Math.min(100, n.value))
     );
-    return (l, o) => (r(), i("div", {
+    return (l, o) => (i(), r("div", {
       role: "progressbar",
       "aria-label": e.label,
       "aria-valuenow": a.value ?? void 0,
@@ -1393,15 +1393,15 @@ const Za = ["role"], _a = {
       "aria-valuemax": "100",
       class: "h-2 w-full overflow-hidden rounded-corner bg-ui-surface/70"
     }, [
-      a.value !== null ? (r(), i("div", {
+      a.value !== null ? (i(), r("div", {
         key: 0,
-        class: h(["h-full rounded-corner transition-[width] duration-300 ease-out", t[e.tone]]),
+        class: y(["h-full rounded-corner transition-[width] duration-300 ease-out", t[e.tone]]),
         style: fe({ width: `${a.value}%` })
-      }, null, 6)) : (r(), i("div", fn))
+      }, null, 6)) : (i(), r("div", fn))
     ], 8, dn));
   }
 }), bn = /[/\-_.]/;
-function ze(e, n) {
+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;
@@ -1411,8 +1411,8 @@ function vn(e, n) {
   if (!t) return e;
   const a = [];
   for (let l = 0; l < e.length; l++) {
-    const o = e[l], s = ze(t, o.valor), u = ze(t, o.etiqueta), m = u === 10 ? 20 : u, d = ze(t, o.detalle) === 100 ? 100 : 40, L = Math.min(s, m, d);
-    L !== 100 && a.push({ opcion: o, rango: L, orden: l });
+    const o = e[l], s = Le(t, o.valor), u = Le(t, o.etiqueta), m = u === 10 ? 20 : u, d = Le(t, o.detalle) === 100 ? 100 : 40, E = Math.min(s, m, d);
+    E !== 100 && a.push({ opcion: o, rango: E, orden: l });
   }
   return a.sort((l, o) => l.rango - o.rango || l.orden - o.orden), a.map((l) => l.opcion);
 }
@@ -1420,19 +1420,19 @@ let Ue = 0;
 function pn() {
   return Ue += 1, `vsk-lista-${Ue}`;
 }
-const gn = ["disabled", "aria-label", "aria-expanded"], yn = { class: "min-w-0 flex-1 truncate" }, hn = {
+const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 flex-1 truncate" }, hn = {
   key: 0,
   class: "ml-2 text-tx-muted text-xs"
 }, xn = { class: "border-ui-border border-b p-2" }, wn = ["id"], kn = {
   key: 0,
   class: "p-3 text-center text-tx-muted text-xs"
-}, $n = ["id", "data-indice", "aria-selected"], Cn = { class: "min-w-0 flex-1 truncate" }, En = {
+}, $n = ["id", "data-indice", "aria-selected"], Cn = { class: "min-w-0 flex-1 truncate" }, zn = {
   key: 0,
   class: "shrink-0 text-tx-muted text-xs"
-}, Ln = {
+}, En = {
   key: 1,
   class: "px-2 py-1 text-tx-muted text-xs"
-}, zn = /* @__PURE__ */ D({
+}, Ln = /* @__PURE__ */ D({
   __name: "SearchSelect",
   props: {
     modelValue: {},
@@ -1447,69 +1447,69 @@ const gn = ["disabled", "aria-label", "aria-expanded"], yn = { class: "min-w-0 f
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = w(""), o = w(!1), s = w(0), u = w(null), m = w(null), f = w(null), d = pn(), L = v(
-      () => t.options.find((A) => A.valor === t.modelValue) ?? null
-    ), z = v(() => vn(t.options, l.value)), B = v(() => z.value.slice(0, t.limit)), g = v(() => Math.max(0, z.value.length - t.limit)), $ = v(
-      () => B.value.length > 0 ? `${d}-${s.value}` : void 0
+    const t = e, a = n, l = w(""), o = w(!1), s = w(0), u = w(null), m = w(null), f = w(null), d = pn(), E = 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)), $ = v(
+      () => A.value.length > 0 ? `${d}-${s.value}` : void 0
     );
-    function j(A) {
-      a("update:modelValue", A), y();
+    function j(T) {
+      a("update:modelValue", T), h();
     }
     async function C() {
       o.value = !0;
-      const A = B.value.findIndex((E) => E.valor === t.modelValue);
-      s.value = A >= 0 ? A : 0, await X(), f.value?.enfocar(), U();
+      const T = A.value.findIndex((z) => z.valor === t.modelValue);
+      s.value = T >= 0 ? T : 0, await J(), f.value?.enfocar(), K();
     }
-    function y(A = !0) {
-      o.value && (o.value = !1, l.value = "", A && X(() => m.value?.focus()));
+    function h(T = !0) {
+      o.value && (o.value = !1, l.value = "", T && J(() => m.value?.focus()));
     }
-    function c(A) {
-      const E = B.value.length;
-      E !== 0 && (s.value = (s.value + A + E) % E, U());
+    function c(T) {
+      const z = A.value.length;
+      z !== 0 && (s.value = (s.value + T + z) % z, K());
     }
-    function b(A) {
-      s.value = A, U();
+    function b(T) {
+      s.value = T, K();
     }
-    function p(A) {
-      const E = A.target?.closest?.("[data-indice]");
-      if (!E) return null;
-      const I = Number(E.getAttribute("data-indice"));
+    function p(T) {
+      const z = T.target?.closest?.("[data-indice]");
+      if (!z) return null;
+      const I = Number(z.getAttribute("data-indice"));
       return Number.isInteger(I) ? I : null;
     }
-    function P(A) {
-      const E = p(A), I = E === null ? void 0 : B.value[E];
+    function P(T) {
+      const z = p(T), I = z === null ? void 0 : A.value[z];
       I && j(I.valor);
     }
-    function le(A) {
-      const E = p(A);
-      E !== null && (s.value = E);
+    function le(T) {
+      const z = p(T);
+      z !== null && (s.value = z);
     }
-    function U() {
-      X(() => {
+    function K() {
+      J(() => {
         u.value?.querySelector(`[data-indice="${s.value}"]`)?.scrollIntoView({ block: "nearest" });
       });
     }
     function oe() {
-      const A = B.value[s.value];
-      A && j(A.valor);
+      const T = A.value[s.value];
+      T && j(T.valor);
     }
-    W(
+    Q(
       () => t.disabled,
-      (A) => {
-        A && y(!1);
+      (T) => {
+        T && h(!1);
       }
-    ), W(l, () => {
-      s.value = 0, U();
+    ), Q(l, () => {
+      s.value = 0, K();
     });
-    function G(A) {
-      const E = A.relatedTarget;
-      E && A.currentTarget.contains(E) || y(!1);
+    function Y(T) {
+      const z = T.relatedTarget;
+      z && T.currentTarget.contains(z) || h(!1);
     }
-    return (A, E) => (r(), i("div", {
+    return (T, z) => (i(), r("div", {
       class: "relative",
-      onFocusout: G
+      onFocusout: Y
     }, [
-      T("button", {
+      B("button", {
         ref_key: "boton",
         ref: m,
         type: "button",
@@ -1518,44 +1518,44 @@ const gn = ["disabled", "aria-label", "aria-expanded"], yn = { class: "min-w-0 f
         "aria-label": e.label || void 0,
         "aria-expanded": o.value,
         "aria-haspopup": "listbox",
-        onClick: E[0] || (E[0] = (I) => o.value ? y() : C()),
+        onClick: z[0] || (z[0] = (I) => o.value ? h() : C()),
         onKeydown: [
-          E[1] || (E[1] = R(V((I) => o.value ? c(1) : C(), ["prevent"]), ["down"])),
-          E[2] || (E[2] = R(V((I) => o.value ? c(-1) : C(), ["prevent"]), ["up"]))
+          z[1] || (z[1] = R(V((I) => o.value ? c(1) : C(), ["prevent"]), ["down"])),
+          z[2] || (z[2] = R(V((I) => o.value ? c(-1) : C(), ["prevent"]), ["up"]))
         ]
       }, [
-        T("span", yn, [
-          Me(M(L.value?.etiqueta ?? e.placeholder) + " ", 1),
-          L.value?.detalle ? (r(), i("span", hn, M(L.value.detalle), 1)) : x("", !0)
+        B("span", gn, [
+          Me(M(E.value?.etiqueta ?? e.placeholder) + " ", 1),
+          E.value?.detalle ? (i(), r("span", hn, M(E.value.detalle), 1)) : x("", !0)
         ]),
-        O(H, {
+        O(N, {
           name: "go-down",
           type: "symbol",
           size: 12,
           class: "shrink-0 opacity-60"
         })
-      ], 40, gn),
-      o.value ? (r(), i("div", {
+      ], 40, yn),
+      o.value ? (i(), r("div", {
         key: 0,
-        class: h(["absolute z-20 w-full min-w-64 rounded-corner border border-ui-border-strong bg-ui-bg shadow-lg", e.up ? "bottom-full mb-1" : "mt-1"]),
+        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: [
-          E[4] || (E[4] = R(V((I) => y(), ["prevent"]), ["escape"])),
-          E[5] || (E[5] = R(V((I) => c(1), ["prevent"]), ["down"])),
-          E[6] || (E[6] = R(V((I) => c(-1), ["prevent"]), ["up"])),
-          E[7] || (E[7] = R(V((I) => b(0), ["prevent"]), ["home"])),
-          E[8] || (E[8] = R(V((I) => b(B.value.length - 1), ["prevent"]), ["end"])),
-          E[9] || (E[9] = R(V((I) => oe(), ["prevent"]), ["enter"])),
-          E[10] || (E[10] = R((I) => y(!1), ["tab"]))
+          z[4] || (z[4] = R(V((I) => h(), ["prevent"]), ["escape"])),
+          z[5] || (z[5] = R(V((I) => c(1), ["prevent"]), ["down"])),
+          z[6] || (z[6] = R(V((I) => c(-1), ["prevent"]), ["up"])),
+          z[7] || (z[7] = R(V((I) => b(0), ["prevent"]), ["home"])),
+          z[8] || (z[8] = R(V((I) => b(A.value.length - 1), ["prevent"]), ["end"])),
+          z[9] || (z[9] = R(V((I) => oe(), ["prevent"]), ["enter"])),
+          z[10] || (z[10] = R((I) => h(!1), ["tab"]))
         ],
         onClick: P,
         onMousemove: le
       }, [
-        T("div", xn, [
+        B("div", xn, [
           O(Oe, {
             ref_key: "campo",
             ref: f,
             modelValue: l.value,
-            "onUpdate:modelValue": E[3] || (E[3] = (I) => l.value = I),
+            "onUpdate:modelValue": z[3] || (z[3] = (I) => l.value = I),
             label: e.label,
             placeholder: e.searchPlaceholder,
             "listbox-id": F(d),
@@ -1563,29 +1563,29 @@ const gn = ["disabled", "aria-label", "aria-expanded"], yn = { class: "min-w-0 f
             expanded: o.value
           }, null, 8, ["modelValue", "label", "placeholder", "listbox-id", "active-option-id", "expanded"])
         ]),
-        T("ul", {
+        B("ul", {
           id: F(d),
           ref_key: "lista",
           ref: u,
           role: "listbox",
           class: "max-h-56 overflow-y-auto p-1"
         }, [
-          B.value.length === 0 ? (r(), i("li", kn, M(e.emptyText), 1)) : x("", !0),
-          (r(!0), i(te, null, ue(B.value, (I, de) => (r(), i("li", {
+          A.value.length === 0 ? (i(), r("li", kn, M(e.emptyText), 1)) : x("", !0),
+          (i(!0), r(te, null, ue(A.value, (I, de) => (i(), r("li", {
             id: `${F(d)}-${de}`,
             key: I.valor,
             "data-indice": de,
             role: "option",
             "aria-selected": I.valor === e.modelValue,
-            class: h(["flex cursor-pointer items-baseline gap-2 rounded-corner px-2 py-1 text-sm", [
+            class: y(["flex cursor-pointer items-baseline gap-2 rounded-corner px-2 py-1 text-sm", [
               de === s.value ? "bg-ui-surface" : "",
               I.valor === e.modelValue ? "font-medium text-primary" : "text-tx-main"
             ]])
           }, [
-            T("span", Cn, M(I.etiqueta), 1),
-            I.detalle ? (r(), i("span", En, M(I.detalle), 1)) : x("", !0)
+            B("span", Cn, M(I.etiqueta), 1),
+            I.detalle ? (i(), r("span", zn, M(I.detalle), 1)) : x("", !0)
           ], 10, $n))), 128)),
-          g.value > 0 ? (r(), i("li", Ln, "+" + M(g.value), 1)) : x("", !0)
+          g.value > 0 ? (i(), r("li", En, "+" + M(g.value), 1)) : x("", !0)
         ], 8, wn)
       ], 34)) : x("", !0)
     ], 32));
@@ -1598,10 +1598,10 @@ const gn = ["disabled", "aria-label", "aria-expanded"], yn = { class: "min-w-0 f
     customClass: { default: () => ({}) }
   },
   setup(e) {
-    return (n, t) => (r(), i("div", {
-      class: h(["flex flex-col gap-4 p-4 background rounded-corner", e.customClass])
+    return (n, t) => (i(), r("div", {
+      class: y(["flex flex-col gap-4 p-4 background rounded-corner", e.customClass])
     }, [
-      T("h3", Dn, M(e.icon ? `${e.icon} ${e.title}` : e.title), 1),
+      B("h3", Dn, M(e.icon ? `${e.icon} ${e.title}` : e.title), 1),
       S(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
@@ -1620,7 +1620,9 @@ const gn = ["disabled", "aria-label", "aria-expanded"], yn = { class: "min-w-0 f
 }, Rn = /* @__PURE__ */ D({
   __name: "DeviceCard",
   props: {
-    icon: {},
+    name: { default: "" },
+    type: { default: "icon" },
+    icon: { default: "" },
     title: {},
     subtitle: { default: "" },
     metadata: { default: "" },
@@ -1634,41 +1636,52 @@ const gn = ["disabled", "aria-label", "aria-expanded"], yn = { class: "min-w-0 f
   },
   emits: ["action", "click"],
   setup(e, { emit: n }) {
-    const t = n, a = () => {
-      t("action");
-    }, l = () => {
-      t("click");
+    const t = e, a = n, l = () => {
+      a("action");
+    }, o = () => {
+      a("click");
     };
-    return (o, s) => (r(), i("div", {
-      class: h(["flex items-center justify-between background rounded-vsk px-6 py-3 mb-4", [{ "border-l-4 border-green-500": e.isConnected }, e.customClass]]),
-      onClick: l
+    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."
+      );
+    }), (s, u) => (i(), r("div", {
+      class: y(["flex items-center justify-between background rounded-vsk px-6 py-3 mb-4", [{ "border-l-4 border-green-500": e.isConnected }, e.customClass]]),
+      onClick: o
     }, [
-      T("div", Bn, [
-        T("img", {
+      B("div", Bn, [
+        e.name ? (i(), U(N, {
+          key: 0,
+          name: e.name,
+          type: e.type,
+          size: 28,
+          alt: e.title
+        }, null, 8, ["name", "type", "alt"])) : (i(), r("img", {
+          key: 1,
           src: e.icon,
           alt: e.title,
           class: "h-7 w-7 shrink-0"
-        }, null, 8, Sn),
-        T("div", Mn, [
-          T("div", Vn, M(e.title), 1),
-          e.subtitle ? (r(), i("div", In, M(e.subtitle), 1)) : x("", !0),
-          e.metadata ? (r(), i("div", On, M(e.metadata), 1)) : x("", !0),
-          e.extraInfo && e.extraInfo.length > 0 ? (r(), i("div", jn, [
-            (r(!0), i(te, null, ue(e.extraInfo, (u, m) => (r(), i("span", { key: m }, M(u), 1))), 128))
+        }, null, 8, Sn)),
+        B("div", Mn, [
+          B("div", Vn, M(e.title), 1),
+          e.subtitle ? (i(), r("div", In, M(e.subtitle), 1)) : x("", !0),
+          e.metadata ? (i(), r("div", On, M(e.metadata), 1)) : x("", !0),
+          e.extraInfo && e.extraInfo.length > 0 ? (i(), r("div", jn, [
+            (i(!0), r(te, null, ue(e.extraInfo, (m, f) => (i(), r("span", { key: f }, M(m), 1))), 128))
           ])) : x("", !0)
         ])
       ]),
-      e.showActionButton ? (r(), i("button", {
+      e.showActionButton ? (i(), r("button", {
         key: 0,
         class: "bg-vsk-primary rounded-vsk px-4 py-2 text-sm font-semibold cursor-pointer hover:opacity-70",
-        onClick: V(a, ["stop"])
+        onClick: V(l, ["stop"])
       }, M(e.actionLabel), 1)) : x("", !0),
-      e.showStatusIndicator && e.isConnected ? (r(), i("div", Pn)) : x("", !0)
+      e.showStatusIndicator && e.isConnected ? (i(), r("div", Pn)) : x("", !0)
     ], 2));
   }
-}), it = /* @__PURE__ */ Symbol("diálogo de vasak");
+}), rt = /* @__PURE__ */ Symbol("diálogo de vasak");
 function st() {
-  const e = we(it, null);
+  const e = we(rt, null);
   if (e) return e;
   const n = w(!1);
   return {
@@ -1693,7 +1706,7 @@ const Nn = /* @__PURE__ */ D({
   emits: ["update:open"],
   setup(e, { emit: n }) {
     const t = e, a = n, l = w(null);
-    return ge(it, {
+    return ye(rt, {
       abierto: v(() => t.open),
       cerrar: () => a("update:open", !1),
       idDelTitulo: l,
@@ -1714,32 +1727,32 @@ const Nn = /* @__PURE__ */ D({
   },
   setup(e) {
     const n = e, t = Be(), a = v(() => t.class ?? ""), l = v(() => {
-      const { class: C, ...y } = t;
-      return y;
+      const { class: C, ...h } = t;
+      return h;
     }), o = v(() => n.size === "full" ? "relative z-10 h-full w-full overflow-hidden rounded-corner-window text-tx-main" : `${Un} ${n.size === "lg" ? "max-w-2xl" : "max-w-lg"}`), s = st(), u = v(() => s.abierto.value), m = w(null), f = w(null);
     let d = null;
-    function L() {
+    function E() {
       return f.value ? [...f.value.querySelectorAll('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])')] : [];
     }
-    function z(C) {
+    function L(C) {
       if (C.key === "Escape") {
         s.cerrar();
         return;
       }
       if (C.key !== "Tab") return;
-      const y = L();
-      if (y.length === 0) {
+      const h = E();
+      if (h.length === 0) {
         C.preventDefault(), f.value?.focus();
         return;
       }
-      const c = y[0], b = y[y.length - 1], p = document.activeElement;
+      const c = h[0], b = h[h.length - 1], p = document.activeElement;
       C.shiftKey && (p === c || p === f.value) ? (C.preventDefault(), b.focus()) : !C.shiftKey && p === b && (C.preventDefault(), c.focus());
     }
-    function B(C) {
+    function A(C) {
       C.target === C.currentTarget && s.cerrar();
     }
     function g(C) {
-      m.value?.contains(C.target) || z(C);
+      m.value?.contains(C.target) || L(C);
     }
     function $() {
       document.removeEventListener("keydown", g);
@@ -1748,11 +1761,11 @@ const Nn = /* @__PURE__ */ D({
       const C = d;
       d = null, C?.isConnected && C.focus();
     }
-    return W(
+    return Q(
       u,
       async (C) => {
         if (C) {
-          d = document.activeElement, document.addEventListener("keydown", g), await X(), f.value?.focus();
+          d = document.activeElement, document.addEventListener("keydown", g), await J(), f.value?.focus();
           return;
         }
         $(), j();
@@ -1763,24 +1776,24 @@ const Nn = /* @__PURE__ */ D({
       { immediate: !0 }
     ), ve(() => {
       $(), j();
-    }), (C, y) => (r(), Y(ye, { to: "body" }, [
+    }), (C, h) => (i(), U(ge, { to: "body" }, [
       O(ke, {
         "enter-active-class": "transition-opacity duration-200 ease-out",
         "leave-active-class": "transition-opacity duration-150 ease-in",
         "enter-from-class": "opacity-0",
         "leave-to-class": "opacity-0"
       }, {
-        default: K(() => [
-          u.value ? (r(), i("div", {
+        default: G(() => [
+          u.value ? (i(), r("div", {
             key: 0,
             ref_key: "velo",
             ref: m,
             class: "fixed inset-0 z-50 flex items-center justify-center",
-            onClick: B,
-            onKeydown: z
+            onClick: A,
+            onKeydown: L
           }, [
-            n.size === "md" ? (r(), i("div", qn)) : x("", !0),
-            T("div", ce({
+            n.size === "md" ? (i(), r("div", qn)) : x("", !0),
+            B("div", ce({
               ref_key: "panel",
               ref: f,
               tabindex: "-1",
@@ -1802,21 +1815,21 @@ const Nn = /* @__PURE__ */ D({
 }), Wn = { class: "text-sm text-tx-muted" }, Gn = /* @__PURE__ */ D({
   __name: "DialogDescription",
   setup(e) {
-    return (n, t) => (r(), i("p", Wn, [
+    return (n, t) => (i(), r("p", Wn, [
       S(n.$slots, "default")
     ]));
   }
 }), Qn = { class: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, Yn = /* @__PURE__ */ D({
   __name: "DialogFooter",
   setup(e) {
-    return (n, t) => (r(), i("div", Qn, [
+    return (n, t) => (i(), r("div", Qn, [
       S(n.$slots, "default")
     ]));
   }
 }), Xn = { class: "flex flex-col gap-1.5 text-center sm:text-left" }, Jn = /* @__PURE__ */ D({
   __name: "DialogHeader",
   setup(e) {
-    return (n, t) => (r(), i("div", Xn, [
+    return (n, t) => (i(), r("div", Xn, [
       S(n.$slots, "default")
     ]));
   }
@@ -1824,7 +1837,7 @@ const Nn = /* @__PURE__ */ D({
   __name: "DialogTitle",
   setup(e) {
     const n = st(), t = Fn();
-    return J(() => n.ponerElTitulo(t)), ve(() => n.ponerElTitulo(null)), (a, l) => (r(), i("h2", {
+    return W(() => n.ponerElTitulo(t)), ve(() => n.ponerElTitulo(null)), (a, l) => (i(), r("h2", {
       id: F(t),
       class: "font-semibold text-lg leading-none tracking-tight"
     }, [
@@ -1876,29 +1889,29 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
         t.open === void 0 && (l.value = g), a("update:open", g);
       }
     });
-    W(d, (g) => {
+    Q(d, (g) => {
       if (g) {
         const $ = document.activeElement;
         f = $ instanceof HTMLElement ? $ : null;
       } else
         u.value = "ninguno";
     });
-    function L(g = "ninguno") {
+    function E(g = "ninguno") {
       u.value = g, d.value = !0;
     }
-    function z(g = {}) {
+    function L(g = {}) {
       if (d.value = !1, !g.devolverElFoco) return;
       const $ = f ?? o.value;
       $?.isConnected && $.focus();
     }
-    function B(g = "ninguno") {
+    function A(g = "ninguno") {
       if (d.value) {
-        z({ devolverElFoco: !0 });
+        L({ devolverElFoco: !0 });
         return;
       }
-      L(g);
+      E(g);
     }
-    return ge(ut, {
+    return ye(ut, {
       abierto: d,
       idDelMenu: m,
       idDeLaEtiqueta: s,
@@ -1910,10 +1923,10 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
         o.value = g;
       },
       focoAlAbrir: u,
-      abrir: L,
-      cerrar: z,
-      alternar: B
-    }), (g, $) => (r(), i("div", el, [
+      abrir: E,
+      cerrar: L,
+      alternar: A
+    }), (g, $) => (i(), r("div", el, [
       S(g.$slots, "default")
     ]));
   }
@@ -1952,59 +1965,59 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
           return b.left - p;
       }
     }
-    function L(c, b, p) {
+    function E(c, b, p) {
       return p < b ? b : Math.min(Math.max(c, b), p);
     }
-    function z() {
+    function L() {
       if (!o.value || !u.value) return;
       const c = o.value.getBoundingClientRect(), b = u.value.scrollHeight, p = u.value.offsetWidth, P = n.side === "top" || n.side === "bottom", le = P ? b : p;
-      let U = n.side;
-      const oe = d(U, c);
-      oe < le && d(f[U], c) > oe && (U = f[U]);
-      let G = 0, A = 0, E = null;
-      switch (U) {
+      let K = n.side;
+      const oe = d(K, c);
+      oe < le && d(f[K], c) > oe && (K = f[K]);
+      let Y = 0, T = 0, z = null;
+      switch (K) {
         case "bottom": {
-          G = c.bottom + n.sideOffset, E = Math.max(window.innerHeight - G - Z, 0);
+          Y = c.bottom + n.sideOffset, z = Math.max(window.innerHeight - Y - Z, 0);
           break;
         }
         case "top": {
-          E = Math.max(d("top", c), 0), G = c.top - n.sideOffset - Math.min(b, E);
+          z = Math.max(d("top", c), 0), Y = c.top - n.sideOffset - Math.min(b, z);
           break;
         }
         case "left":
         case "right": {
-          A = U === "right" ? c.right + n.sideOffset : c.left - p - n.sideOffset;
+          T = K === "right" ? c.right + n.sideOffset : c.left - p - n.sideOffset;
           const I = window.innerHeight - 2 * Z;
-          G = L(c.top, Z, window.innerHeight - Math.min(b, I) - Z), E = Math.max(window.innerHeight - G - Z, 0);
+          Y = E(c.top, Z, window.innerHeight - Math.min(b, I) - Z), z = Math.max(window.innerHeight - Y - Z, 0);
           break;
         }
       }
       if (P)
         switch (n.align) {
           case "start":
-            A = c.left;
+            T = c.left;
             break;
           case "center":
-            A = c.left + c.width / 2 - p / 2;
+            T = c.left + c.width / 2 - p / 2;
             break;
           case "end":
-            A = c.right - p;
+            T = c.right - p;
             break;
         }
-      A = L(A, Z, window.innerWidth - p - Z), m.value = { top: G, left: A, techo: E };
+      T = E(T, Z, window.innerWidth - p - Z), m.value = { top: Y, left: T, techo: z };
     }
-    function B() {
+    function A() {
       return u.value ? Array.from(u.value.querySelectorAll('[role="menuitem"]')) : [];
     }
     function g(c) {
-      const b = B();
+      const b = A();
       if (!b.length) return;
       const p = b.length;
       b[(c % p + p) % p]?.focus();
     }
     function $() {
       const c = document.activeElement;
-      return c instanceof HTMLElement ? B().indexOf(c) : -1;
+      return c instanceof HTMLElement ? A().indexOf(c) : -1;
     }
     function j(c) {
       const b = $();
@@ -2029,10 +2042,10 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
           break;
       }
     }
-    W(s, async (c) => {
+    Q(s, async (c) => {
       if (c)
-        switch (await X(), requestAnimationFrame(() => {
-          z();
+        switch (await J(), requestAnimationFrame(() => {
+          L();
         }), t.focoAlAbrir.value) {
           case "primero":
             g(0);
@@ -2048,17 +2061,17 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
         }
     });
     function C(c) {
-      s.value && (c && u.value?.contains(c.target) || z());
+      s.value && (c && u.value?.contains(c.target) || L());
     }
-    function y(c) {
+    function h(c) {
       const b = c.target, p = !!b.closest("[data-dropdown-content]"), P = !!o.value?.contains(b);
       !p && !P && t.cerrar();
     }
-    return J(() => {
-      document.addEventListener("click", y), window.addEventListener("resize", C), window.addEventListener("scroll", C, !0);
+    return W(() => {
+      document.addEventListener("click", h), window.addEventListener("resize", C), window.addEventListener("scroll", C, !0);
     }), pe(() => {
-      document.removeEventListener("click", y), window.removeEventListener("resize", C), window.removeEventListener("scroll", C, !0);
-    }), (c, b) => (r(), Y(ye, { to: "body" }, [
+      document.removeEventListener("click", h), window.removeEventListener("resize", C), window.removeEventListener("scroll", C, !0);
+    }), (c, b) => (i(), U(ge, { to: "body" }, [
       O(ke, {
         "enter-active-class": "transition-all duration-150 ease-in-out",
         "leave-active-class": "transition-all duration-150 ease-in-out",
@@ -2067,8 +2080,8 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
         onEnter: b[1] || (b[1] = (p) => p.offsetHeight),
         onLeave: b[2] || (b[2] = (p) => p.offsetHeight)
       }, {
-        default: K(() => [
-          Se(T("div", ce({
+        default: G(() => [
+          Se(B("div", ce({
             ref_key: "contenido",
             ref: u
           }, c.$attrs, {
@@ -2092,7 +2105,7 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
             onClick: b[0] || (b[0] = (p) => p.stopPropagation()),
             onKeydown: j
           }), [
-            T("div", nl, [
+            B("div", nl, [
               S(c.$slots, "default")
             ])
           ], 16, al), [
@@ -2103,7 +2116,7 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
       })
     ]));
   }
-}), ol = ["aria-disabled", "onKeydown"], rl = /* @__PURE__ */ D({
+}), ol = ["aria-disabled", "onKeydown"], il = /* @__PURE__ */ D({
   __name: "DropdownMenuItem",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -2114,11 +2127,11 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
     function o(s) {
       t.disabled || (a("select"), a("click", s), l.cerrar({ devolverElFoco: !0 }));
     }
-    return (s, u) => (r(), i("div", {
+    return (s, u) => (i(), r("div", {
       role: "menuitem",
       tabindex: "0",
       "aria-disabled": e.disabled || void 0,
-      class: h([
+      class: y([
         "px-3 py-2 text-sm transition-colors outline-none",
         {
           "opacity-50 cursor-not-allowed": e.disabled,
@@ -2134,15 +2147,15 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
       S(s.$slots, "default")
     ], 42, ol));
   }
-}), il = /* @__PURE__ */ D({
+}), rl = /* @__PURE__ */ D({
   __name: "DropdownMenuLabel",
   setup(e) {
     const n = Ce(), t = `${ct()}-titulo`;
-    return J(() => {
+    return W(() => {
       n.ponerLaEtiqueta(t);
     }), pe(() => {
       n.ponerLaEtiqueta(null);
-    }), (a, l) => (r(), i("div", {
+    }), (a, l) => (i(), r("div", {
       id: t,
       role: "presentation",
       class: "px-3 py-2 text-sm font-semibold text-tx-main"
@@ -2157,12 +2170,12 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
 }, ul = /* @__PURE__ */ D({
   __name: "DropdownMenuSeparator",
   setup(e) {
-    return (n, t) => (r(), i("div", sl));
+    return (n, t) => (i(), r("div", sl));
   }
 });
 function dt(e) {
   const n = e.filter(
-    (a) => a.type !== Et && !(a.type === Lt && typeof a.children == "string" && !a.children.trim())
+    (a) => a.type !== zt && !(a.type === Et && typeof a.children == "string" && !a.children.trim())
   );
   if (n.length !== 1) return null;
   const t = n[0];
@@ -2242,13 +2255,13 @@ const dl = D({
     labelClass: { default: () => ({}) }
   },
   setup(e) {
-    return (n, t) => (r(), i("div", {
-      class: h(["flex flex-col gap-2", e.customClass])
+    return (n, t) => (i(), r("div", {
+      class: y(["flex flex-col gap-2", e.customClass])
     }, [
-      e.label ? (r(), i("label", {
+      e.label ? (i(), r("label", {
         key: 0,
         for: e.htmlFor,
-        class: h(["text-sm font-medium text-primary dark:text-primary-dark", e.labelClass])
+        class: y(["text-sm font-medium text-primary dark:text-primary-dark", e.labelClass])
       }, M(e.label), 11, fl)) : x("", !0),
       S(n.$slots, "default", {}, void 0, !0)
     ], 2));
@@ -2264,8 +2277,8 @@ const dl = D({
     const t = e, a = n, l = () => {
       t.clickable && a("click");
     };
-    return (o, s) => (r(), i("div", {
-      class: h([
+    return (o, s) => (i(), r("div", {
+      class: y([
         "flex items-center justify-between background p-3 rounded-vsk border border-vsk-primary/70 transition-colors duration-200",
         {
           "hover:bg-vsk-primary/5 cursor-pointer": t.clickable
@@ -2277,13 +2290,15 @@ const dl = D({
       S(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), pl = /* @__PURE__ */ $e(vl, [["__scopeId", "data-v-f86d47da"]]), gl = { class: "background rounded-corner flex flex-row items-center gap-2 justify-between w-full h-auto p-4 transition-[background-color] duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80" }, yl = ["title", "aria-label"], hl = ["src"], xl = {
+}), pl = /* @__PURE__ */ $e(vl, [["__scopeId", "data-v-f86d47da"]]), yl = { class: "background rounded-corner flex flex-row items-center gap-2 justify-between w-full h-auto p-4 transition-[background-color] duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80" }, gl = ["title", "aria-label"], hl = ["src"], xl = {
   key: 1,
   class: "w-8 h-8 flex items-center justify-center"
 }, wl = ["src"], kl = ["min", "max", "value", "aria-label", "aria-valuetext"], $l = /* @__PURE__ */ D({
   __name: "SliderControl",
   props: {
-    icon: {},
+    name: { default: "" },
+    type: { default: "icon" },
+    icon: { default: "" },
     label: {},
     buttonLabel: {},
     modelValue: {},
@@ -2295,7 +2310,13 @@ const dl = D({
   },
   emits: ["update:modelValue", "buttonClick"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = v(() => {
+    const t = e;
+    W(() => {
+      t.icon && !t.name && console.warn(
+        "[SliderControl] «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 a = n, l = v(() => {
       if (t.max <= t.min) return 0;
       const m = t.max - t.min, f = t.modelValue - t.min;
       return Math.round(f / m * 100);
@@ -2305,8 +2326,8 @@ const dl = D({
     }, u = () => {
       a("buttonClick");
     };
-    return (m, f) => (r(), i("div", gl, [
-      e.showButton ? (r(), i("button", {
+    return (m, f) => (i(), r("div", yl, [
+      e.showButton ? (i(), r("button", {
         key: 0,
         onClick: u,
         type: "button",
@@ -2314,19 +2335,32 @@ const dl = 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 dark:hover:bg-ui-surface-dark/80 hover:scale-110 active:scale-95"
       }, [
-        T("img", {
+        e.name ? (i(), U(N, {
+          key: 0,
+          name: e.name,
+          type: e.type,
+          size: 24,
+          class: y(e.iconClass)
+        }, null, 8, ["name", "type", "class"])) : (i(), r("img", {
+          key: 1,
           src: e.icon,
           alt: "",
-          class: h(["w-6 h-6", e.iconClass])
-        }, null, 10, hl)
-      ], 8, yl)) : (r(), i("div", xl, [
-        T("img", {
+          class: y(["w-6 h-6", e.iconClass])
+        }, null, 10, hl))
+      ], 8, gl)) : (i(), r("div", xl, [
+        e.name ? (i(), U(N, {
+          key: 0,
+          name: e.name,
+          type: e.type,
+          size: 24
+        }, null, 8, ["name", "type"])) : (i(), r("img", {
+          key: 1,
           src: e.icon,
           alt: "",
           class: "w-6 h-6"
-        }, null, 8, wl)
+        }, null, 8, wl))
       ])),
-      T("input", {
+      B("input", {
         type: "range",
         min: e.min,
         max: e.max,
@@ -2336,8 +2370,8 @@ const dl = D({
         "aria-valuetext": `${l.value}%`,
         class: "flex-1 transition-[scale] duration-200 hover:scale-105"
       }, null, 40, kl),
-      T("span", {
-        class: h(["w-12 text-right transition-[color] duration-200 font-medium", o.value])
+      B("span", {
+        class: y(["w-12 text-right transition-[color] duration-200 font-medium", o.value])
       }, M(l.value) + "% ", 3)
     ]));
   }
@@ -2349,15 +2383,15 @@ const dl = D({
   },
   setup(e) {
     const n = e, t = v(() => n.size === "small");
-    return (a, l) => (r(), i("span", {
+    return (a, l) => (i(), r("span", {
       "aria-hidden": "true",
-      class: h(["inline-flex shrink-0 items-center rounded-full border transition-colors", [
+      class: y(["inline-flex shrink-0 items-center rounded-full border transition-colors", [
         t.value ? "h-6 w-11" : "h-7 w-12",
         e.on ? "border-transparent bg-primary" : "border-ui-border-strong bg-ui-surface"
       ]])
     }, [
-      T("span", {
-        class: h(["inline-block transform rounded-full shadow transition-transform", [
+      B("span", {
+        class: y(["inline-block transform rounded-full shadow transition-transform", [
           t.value ? "h-4 w-4" : "h-5 w-5",
           e.on ? "bg-tx-on-primary" : "bg-tx-main",
           e.on ? "translate-x-6" : "translate-x-1"
@@ -2365,7 +2399,7 @@ const dl = D({
       }, null, 2)
     ], 2));
   }
-}), Cl = ["aria-checked", "disabled"], El = { class: "min-w-0 flex-1" }, Ll = { class: "block font-medium text-sm text-tx-main" }, zl = {
+}), Cl = ["aria-checked", "disabled"], zl = { class: "min-w-0 flex-1" }, El = { class: "block font-medium text-sm text-tx-main" }, Ll = {
   key: 0,
   class: "mt-0.5 block text-tx-muted text-xs"
 }, Dl = /* @__PURE__ */ D({
@@ -2381,7 +2415,7 @@ const dl = D({
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const t = e, a = n;
-    return (l, o) => (r(), i("button", {
+    return (l, o) => (i(), r("button", {
       type: "button",
       role: "switch",
       "aria-checked": e.modelValue,
@@ -2393,21 +2427,21 @@ const dl = D({
         on: e.modelValue,
         class: "mt-0.5"
       }, null, 8, ["on"]),
-      e.icon ? (r(), i("span", {
+      e.icon ? (i(), r("span", {
         key: 0,
-        class: h(["flex size-10 shrink-0 items-center justify-center rounded-corner border", e.modelValue ? "border-secondary bg-primary/20" : "border-ui-border bg-ui-surface/40"]),
+        class: y(["flex size-10 shrink-0 items-center justify-center rounded-corner border", e.modelValue ? "border-secondary bg-primary/20" : "border-ui-border bg-ui-surface/40"]),
         "aria-hidden": "true"
       }, [
-        O(H, {
+        O(N, {
           name: e.icon,
           type: e.iconType,
           size: 24,
           alt: ""
         }, null, 8, ["name", "type"])
       ], 2)) : x("", !0),
-      T("span", El, [
-        T("span", Ll, M(e.label), 1),
-        e.description ? (r(), i("span", zl, M(e.description), 1)) : x("", !0),
+      B("span", zl, [
+        B("span", El, M(e.label), 1),
+        e.description ? (i(), r("span", Ll, M(e.description), 1)) : x("", !0),
         S(l.$slots, "pie")
       ])
     ], 8, Cl));
@@ -2426,7 +2460,7 @@ const dl = D({
     function l() {
       a("update:modelValue", !t.modelValue);
     }
-    return (o, s) => (r(), i("button", {
+    return (o, s) => (i(), r("button", {
       type: "button",
       role: "switch",
       "aria-checked": e.modelValue,
@@ -2444,7 +2478,9 @@ const dl = D({
 }), Bl = ["disabled", "title", "aria-label", "aria-pressed", "aria-busy"], Sl = ["src"], Ml = /* @__PURE__ */ D({
   __name: "ToggleControl",
   props: {
-    icon: {},
+    name: { default: "" },
+    type: { default: "icon" },
+    icon: { default: "" },
     label: {},
     pressed: { type: [Boolean, null], default: null },
     isActive: { type: Boolean, default: !1 },
@@ -2454,13 +2490,19 @@ const dl = D({
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const t = n;
-    function a() {
-      t("click");
+    const t = e;
+    W(() => {
+      t.icon && !t.name && console.warn(
+        "[ToggleControl] «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 a = n;
+    function l() {
+      a("click");
     }
-    return (l, o) => (r(), i("button", {
+    return (o, s) => (i(), r("button", {
       type: "button",
-      class: h(["p-2 rounded-corner bg-ui-bg/80 hover:opacity-50 transition-[opacity,scale,box-shadow] duration-300 h-17.5 w-17.5 group relative overflow-hidden hover:scale-105 hover:shadow-lg active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", {
+      class: y(["p-2 rounded-corner bg-ui-bg/80 hover:opacity-50 transition-[opacity,scale,box-shadow] duration-300 h-17.5 w-17.5 group relative overflow-hidden hover:scale-105 hover:shadow-lg active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", {
         "animate-pulse": e.isLoading,
         "ring-2 ring-primary": e.isActive,
         "opacity-60": !e.isActive,
@@ -2471,18 +2513,30 @@ const dl = D({
       "aria-label": e.label,
       "aria-pressed": e.pressed ?? void 0,
       "aria-busy": e.isLoading || void 0,
-      onClick: a
+      onClick: l
     }, [
-      T("img", {
+      e.name ? (i(), U(N, {
+        key: 0,
+        name: e.name,
+        type: e.type,
+        size: 50,
+        class: y(["m-auto transition-[scale,filter] duration-300 group-hover:scale-110 relative z-10", {
+          "animate-spin": e.isLoading,
+          "filter brightness-75": !e.isActive,
+          "drop-shadow-lg": e.isActive,
+          ...e.iconClass
+        }])
+      }, null, 8, ["name", "type", "class"])) : (i(), r("img", {
+        key: 1,
         src: e.icon,
         alt: "",
-        class: h(["m-auto w-12.5 h-12.5 transition-[scale,filter] duration-300 group-hover:scale-110 relative z-10", {
+        class: y(["m-auto w-12.5 h-12.5 transition-[scale,filter] duration-300 group-hover:scale-110 relative z-10", {
           "animate-spin": e.isLoading,
           "filter brightness-75": !e.isActive,
           "drop-shadow-lg": e.isActive,
           ...e.iconClass
         }])
-      }, null, 10, Sl)
+      }, null, 10, Sl))
     ], 10, Bl));
   }
 }), ft = /* @__PURE__ */ Symbol("tooltip de vasak");
@@ -2520,7 +2574,7 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
     function s() {
       l && clearTimeout(l), t.value = !1;
     }
-    return ge(ft, {
+    return ye(ft, {
       abierto: v(() => t.value && !n.disabled),
       disparador: a,
       ponerElDisparador: (u) => {
@@ -2528,7 +2582,7 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
       },
       abrir: o,
       cerrar: s
-    }), (u, m) => (r(), i("div", Vl, [
+    }), (u, m) => (i(), r("div", Vl, [
       S(u.$slots, "default")
     ]));
   }
@@ -2545,39 +2599,39 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
     function m() {
       const f = l.disparador.value;
       if (!f || !s.value) return;
-      const d = f.getBoundingClientRect(), L = s.value.getBoundingClientRect();
-      let z = 0, B = 0;
+      const d = f.getBoundingClientRect(), E = s.value.getBoundingClientRect();
+      let L = 0, A = 0;
       switch (a.side) {
         case "bottom":
-          z = d.bottom + a.sideOffset, B = d.left + d.width / 2 - L.width / 2;
+          L = d.bottom + a.sideOffset, A = d.left + d.width / 2 - E.width / 2;
           break;
         case "top":
-          z = d.top - L.height - a.sideOffset, B = d.left + d.width / 2 - L.width / 2;
+          L = d.top - E.height - a.sideOffset, A = d.left + d.width / 2 - E.width / 2;
           break;
         case "left":
-          B = d.left - L.width - a.sideOffset, z = d.top + d.height / 2 - L.height / 2;
+          A = d.left - E.width - a.sideOffset, L = d.top + d.height / 2 - E.height / 2;
           break;
         case "right":
-          B = d.right + a.sideOffset, z = d.top + d.height / 2 - L.height / 2;
+          A = d.right + a.sideOffset, L = d.top + d.height / 2 - E.height / 2;
           break;
       }
-      u.value = { top: z, left: B };
+      u.value = { top: L, left: A };
     }
-    return W(o, async (f) => {
-      f && (await X(), requestAnimationFrame(m));
-    }), (f, d) => (r(), Y(ye, { to: "body" }, [
+    return Q(o, async (f) => {
+      f && (await J(), requestAnimationFrame(m));
+    }), (f, d) => (i(), U(ge, { to: "body" }, [
       O(ke, {
         "enter-active-class": "transition-all duration-200 ease-in-out",
         "leave-active-class": "transition-all duration-200 ease-in-out",
         "enter-from-class": "opacity-0 scale-95",
         "leave-to-class": "opacity-0 scale-95"
       }, {
-        default: K(() => [
-          Se(T("div", {
+        default: G(() => [
+          Se(B("div", {
             ref_key: "globo",
             ref: s,
             style: fe({ position: "fixed", top: `${u.value.top}px`, left: `${u.value.left}px`, zIndex: 50 }),
-            class: h([
+            class: y([
               t.value,
               "pointer-events-none rounded-corner border border-secondary bg-ui-bg/80 px-2 py-1 text-sm shadow-md"
             ])
@@ -2601,9 +2655,9 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
     function l() {
       n.ponerElDisparador(a()), n.abrir();
     }
-    return J(() => {
+    return W(() => {
       n.ponerElDisparador(a());
-    }), (o, s) => (r(), i("div", {
+    }), (o, s) => (i(), r("div", {
       ref_key: "envoltorio",
       ref: t,
       class: "inline-block",
@@ -2616,12 +2670,14 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
     ], 544));
   }
 }), Pl = ["title"], Rl = ["src", "alt"], Fl = {
-  key: 0,
+  key: 2,
   class: "absolute bottom-1 right-1 bg-primary dark:bg-primary-dark text-white text-xs rounded-full w-4 h-4 flex items-center justify-center font-bold animate-bounce"
 }, Nl = /* @__PURE__ */ D({
   __name: "TrayIconButton",
   props: {
-    icon: {},
+    name: { default: "" },
+    type: { default: "icon" },
+    icon: { default: "" },
     alt: { default: "" },
     tooltip: { default: "" },
     badge: { default: null },
@@ -2633,33 +2689,47 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const t = n, a = w(!1), l = () => {
-      t("click");
+    const t = e, a = n, l = 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 = () => {
+      a("click");
     };
-    return (o, s) => (r(), i("div", {
-      class: h(["p-1 rounded-corner relative hover:bg-primary dark:hover:bg-primary-dark group transition-[background-color] duration-300", e.customClass]),
+    return (s, u) => (i(), r("div", {
+      class: y(["p-1 rounded-corner relative hover:bg-primary dark:hover:bg-primary-dark group transition-[background-color] duration-300", e.customClass]),
       title: e.tooltip,
-      onClick: l,
-      onMouseenter: s[0] || (s[0] = (u) => a.value = !0),
-      onMouseleave: s[1] || (s[1] = (u) => a.value = !1)
+      onClick: o,
+      onMouseenter: u[0] || (u[0] = (m) => l.value = !0),
+      onMouseleave: u[1] || (u[1] = (m) => l.value = !1)
     }, [
-      T("img", {
-        src: e.icon,
+      e.name ? (i(), U(N, {
+        key: 0,
+        name: e.name,
+        type: e.type,
+        size: 22,
         alt: e.alt,
-        class: h(["m-auto h-5.5 w-auto", e.iconClass])
-      }, null, 10, Rl),
-      e.badge !== null && e.badge > 0 ? (r(), i("div", Fl, M(e.badge), 1)) : x("", !0),
-      e.showCustomTooltip && e.customTooltipText ? (r(), i("div", {
+        class: y(["m-auto", e.iconClass])
+      }, null, 8, ["name", "type", "alt", "class"])) : (i(), r("img", {
         key: 1,
-        class: h(["absolute top-1 left-1/2 transform -translate-x-1/2 text-xs font-semibold p-1 rounded-corner transition-[opacity,translate] duration-300 pointer-events-none background", [
+        src: e.icon,
+        alt: e.alt,
+        class: y(["m-auto h-5.5 w-auto", e.iconClass])
+      }, null, 10, Rl)),
+      e.badge !== null && e.badge > 0 ? (i(), r("div", Fl, M(e.badge), 1)) : x("", !0),
+      e.showCustomTooltip && e.customTooltipText ? (i(), r("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": !a.value,
-            "opacity-100 translate-y-0": a.value
+            "opacity-0 -translate-y-2": !l.value,
+            "opacity-100 translate-y-0": l.value
           }
         ]])
       }, M(e.customTooltipText), 3)) : x("", !0),
-      S(o.$slots, "default")
+      S(s.$slots, "default")
     ], 42, Pl));
   }
 }), ql = [
@@ -2667,8 +2737,8 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
   _e,
   Ze,
   ba,
-  H,
-  za,
+  N,
+  La,
   at,
   tt,
   Ra,
@@ -2680,7 +2750,7 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
   sn,
   mn,
   Oe,
-  zn,
+  Ln,
   lt,
   cn,
   An,
@@ -2693,8 +2763,8 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
   _n,
   tl,
   ll,
-  rl,
   il,
+  rl,
   ul,
   dl,
   bl,
@@ -2721,7 +2791,7 @@ export {
   at as AppBar,
   Ua as BarSearch,
   ot as CLASES_POR_TONO,
-  it as CLAVE_DEL_DIALOGO,
+  rt as CLAVE_DEL_DIALOGO,
   ut as CLAVE_DEL_MENU,
   ft as CLAVE_DEL_TOOLTIP,
   Ve as CLAVE_DE_LA_BARRA,
@@ -2735,8 +2805,8 @@ export {
   _n as DialogTitle,
   tl as DropdownMenu,
   ll as DropdownMenuContent,
-  rl as DropdownMenuItem,
-  il as DropdownMenuLabel,
+  il as DropdownMenuItem,
+  rl as DropdownMenuLabel,
   ul as DropdownMenuSeparator,
   dl as DropdownMenuTrigger,
   on as EmptyState,
@@ -2747,7 +2817,7 @@ export {
   va as POSICIONES,
   mn as ProgressBar,
   Oe as SearchField,
-  zn as SearchSelect,
+  Ln as SearchSelect,
   ba as SelectField,
   ua as SideBar,
   _e as SideButton,
@@ -2759,7 +2829,7 @@ export {
   Ra as TabBar,
   nt as TabItem,
   lt as TextInput,
-  H as ThemeIcon,
+  N as ThemeIcon,
   cn as ToastArea,
   Ml as ToggleControl,
   Il as Tooltip,
@@ -2767,14 +2837,14 @@ export {
   jl as TooltipTrigger,
   Nl as TrayIconButton,
   tt as WindowControls,
-  za as WindowFrame,
+  La as WindowFrame,
   vn as buscarOpciones,
   Xl as default,
   pa as esPosicion,
   Ql as olvidarLosIconosDelTema,
   Ae as orientacionDe,
   ha as posicionDe,
-  rt as rolDelTono,
+  it as rolDelTono,
   st as usarElDialogo,
   Ce as usarElMenu,
   mt as usarElTooltip,