@vasakgroup/vue-libvasak 1.5.0 → 1.7.0

package/dist/vue-libvasak.es.js

@@ -1,11 +1,11 @@
-import { ref as k, 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 ke, getCurrentInstance as Ge, provide as ye, createTextVNode as Me, toHandlers as Qe, createSlots as kt, withModifiers as V, withKeys as R, Teleport as ge, Transition as we, nextTick as J, TransitionGroup as wt, vShow as Ye, cloneVNode as $t, h as Ct, Comment as zt, Text as Et } from "vue";
+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 j, toDisplayString as V, normalizeClass as y, renderSlot as S, createBlock as U, onBeforeUnmount as pe, Fragment as te, renderList as ue, withCtx as G, mergeModels as Re, useAttrs as Be, useId as yt, useModel as gt, withDirectives as Se, mergeProps as ce, isRef as ht, vModelSelect as xt, inject as we, getCurrentInstance as Ge, provide as ye, createTextVNode as ke, toHandlers as Qe, createSlots as wt, withModifiers as M, withKeys as I, Teleport as ge, Transition as $e, 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(), re = /* @__PURE__ */ new Map(), me = k(0);
+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() {
+function Xl() {
   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, ze = 10, Vt = 16, ae = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Set();
@@ -84,7 +84,7 @@ function Ht(e, n) {
   });
   return re.set(t, s), s;
 }
-function Yl() {
+function Jl() {
   let e = !1;
   return W(async () => {
     await Je(), e && Te();
@@ -93,19 +93,19 @@ function Yl() {
   }), vt(me);
 }
 function Ut(e, n) {
-  const t = k("");
+  const t = w("");
   let a = !1, l = 0;
   const o = Ot(async () => {
     await s();
   });
   async function s() {
-    const u = ++l, m = e.value;
-    if (!m) {
+    const u = ++l, f = e.value;
+    if (!f) {
       t.value = "";
       return;
     }
-    const f = await Ht(m, n.value);
-    u === l && !a && (t.value = f);
+    const m = await Ht(f, n.value);
+    u === l && !a && (t.value = m);
   }
   return W(async () => {
     await Je(), a || await s();
@@ -154,7 +154,7 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
     defaultOpen: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const n = e, t = k(n.defaultOpen);
+    const n = e, t = w(n.defaultOpen);
     return Q(
       () => n.collapsed,
       (a) => {
@@ -168,8 +168,8 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
         "aria-expanded": t.value,
         onClick: l[0] || (l[0] = (o) => t.value = !t.value)
       }, [
-        B("span", null, M(e.title), 1),
-        O(N, {
+        B("span", null, V(e.title), 1),
+        j(N, {
           name: "pan-down-symbolic",
           type: "symbol",
           size: 12,
@@ -220,10 +220,10 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
           key: 0,
           name: e.icon,
           size: 20
-        }, null, 8, ["name"])) : (i(), r("span", Xt, M(e.label.charAt(0).toUpperCase()), 1))
+        }, null, 8, ["name"])) : (i(), r("span", Xt, V(e.label.charAt(0).toUpperCase()), 1))
       ], 2),
-      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)
+      e.collapsed ? x("", !0) : (i(), r("span", Jt, V(e.label), 1)),
+      !e.collapsed && e.badge !== "" ? (i(), r("span", Zt, V(e.badge), 1)) : x("", !0)
     ], 10, Yt));
   }
 }), _t = {
@@ -254,9 +254,9 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
   },
   emits: ["update:modelValue", "update:collapsed", "change"],
   setup(e, { expose: n, emit: t }) {
-    const a = e, l = t, o = k(a.collapsed ?? !1), s = k(!1);
-    let u = null, m = null;
-    const f = v(() => s.value || o.value), d = v(() => !!(a.title || a.subtitle));
+    const a = e, l = t, o = w(a.collapsed ?? !1), s = w(!1);
+    let u = null, f = null;
+    const m = v(() => s.value || o.value), d = v(() => !!(a.title || a.subtitle));
     v(() => a.categories.length > 0);
     function E() {
       return document.documentElement?.clientWidth || window.innerWidth;
@@ -276,45 +276,45 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
         $ !== void 0 && (o.value = $);
       }
     ), 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));
+      u = window.matchMedia(`(max-width: ${Ne}px)`), L(), u.addEventListener("change", L), window.addEventListener("resize", L), typeof ResizeObserver < "u" && document.documentElement && (f = new ResizeObserver(L), f.observe(document.documentElement));
     }), pe(() => {
-      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"]])
+      u?.removeEventListener("change", L), window.removeEventListener("resize", L), f?.disconnect(), f = null;
+    }), n({ collapsed: m }), ($, P) => (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]", m.value ? "md:w-[84px]" : "md:w-72"]])
     }, [
       d.value || $.$slots.header ? (i(), r("header", _t, [
         B("div", ea, [
           B("button", {
             type: "button",
             class: y(Fe),
-            "aria-label": f.value ? e.expandLabel : e.collapseLabel,
-            "aria-expanded": !f.value,
+            "aria-label": m.value ? e.expandLabel : e.collapseLabel,
+            "aria-expanded": !m.value,
             onClick: A
           }, [
-            O(N, {
-              name: f.value ? "pan-end-symbolic" : "pan-start-symbolic",
+            j(N, {
+              name: m.value ? "pan-end-symbolic" : "pan-start-symbolic",
               type: "symbol",
               size: 16
             }, null, 8, ["name"])
           ], 8, ta),
-          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)
+          d.value && !m.value ? (i(), r("div", aa, [
+            e.title ? (i(), r("p", na, V(e.title), 1)) : x("", !0),
+            e.subtitle ? (i(), r("p", la, V(e.subtitle), 1)) : x("", !0)
           ])) : x("", !0)
         ]),
-        $.$slots.header && !f.value ? (i(), r("div", oa, [
-          S($.$slots, "header", { collapsed: f.value })
+        $.$slots.header && !m.value ? (i(), r("div", oa, [
+          S($.$slots, "header", { collapsed: m.value })
         ])) : x("", !0)
       ])) : (i(), r("div", ia, [
         B("button", {
           type: "button",
           class: y(Fe),
-          "aria-label": f.value ? e.expandLabel : e.collapseLabel,
-          "aria-expanded": !f.value,
+          "aria-label": m.value ? e.expandLabel : e.collapseLabel,
+          "aria-expanded": !m.value,
           onClick: A
         }, [
-          O(N, {
-            name: f.value ? "pan-end-symbolic" : "pan-start-symbolic",
+          j(N, {
+            name: m.value ? "pan-end-symbolic" : "pan-start-symbolic",
             type: "symbol",
             size: 16
           }, null, 8, ["name"])
@@ -324,7 +324,7 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
         (i(!0), r(te, null, ue(e.categories, (C) => (i(), U(Ze, {
           key: C.id,
           title: C.title,
-          collapsed: f.value
+          collapsed: m.value
         }, {
           default: G(() => [
             (i(!0), r(te, null, ue(C.items, (h) => (i(), U(_e, {
@@ -333,14 +333,14 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
               icon: h.icon,
               badge: h.badge,
               disabled: h.disabled,
-              collapsed: f.value,
+              collapsed: m.value,
               active: e.modelValue === h.id,
               onClick: (c) => g(h.id)
             }, null, 8, ["label", "icon", "badge", "disabled", "collapsed", "active", "onClick"]))), 128))
           ]),
           _: 2
         }, 1032, ["title", "collapsed"]))), 128)),
-        S($.$slots, "default", { collapsed: f.value })
+        S($.$slots, "default", { collapsed: m.value })
       ])
     ], 2));
   }
@@ -357,17 +357,17 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
   }),
   emits: /* @__PURE__ */ Re(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, a = Be(), l = yt(), o = v(() => a.id ?? l), s = n, [u, m] = gt(e, "modelValue", {
-      set(f) {
-        return m.number ? Number(f) : f;
+    const t = e, a = Be(), l = yt(), o = v(() => a.id ?? l), s = n, [u, f] = gt(e, "modelValue", {
+      set(m) {
+        return f.number ? Number(m) : m;
       }
     });
-    return (f, d) => (i(), r("div", ca, [
+    return (m, 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),
+      }, V(t.label), 9, da)) : x("", !0),
       B("div", fa, [
         Se(B("select", ce({
           id: o.value,
@@ -376,11 +376,11 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
         }, F(a), {
           onChange: d[1] || (d[1] = (E) => s("change", E))
         }), [
-          S(f.$slots, "default")
+          S(m.$slots, "default")
         ], 16, ma), [
           [xt, F(u)]
         ]),
-        O(N, {
+        j(N, {
           name: "pan-down-symbolic",
           type: "symbol",
           size: 14,
@@ -389,7 +389,7 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
       ])
     ]));
   }
-}), Ve = /* @__PURE__ */ Symbol("barra de vasak");
+}), Me = /* @__PURE__ */ Symbol("barra de vasak");
 function Ae(e) {
   return e === "left" || e === "right" ? "vertical" : "horizontal";
 }
@@ -398,22 +398,22 @@ function pa(e) {
   return typeof e == "string" && va.includes(e);
 }
 function he() {
-  const e = ke(Ve, null);
+  const e = we(Me, null);
   if (e) return e;
-  const n = k("top");
+  const n = w("top");
   return {
     posicion: n,
     orientacion: v(() => Ae(n.value)),
     vertical: v(() => Ae(n.value) === "vertical")
   };
 }
-const Ie = ["minimize", "maximize", "close"], ya = "window", ga = "barPosition";
+const Ve = ["minimize", "maximize", "close"], ya = "window", ga = "barPosition";
 function ha(e) {
   const t = e?.[ya]?.[ga];
   return pa(t) ? t : null;
 }
 function xa(e = "top") {
-  const n = k(e);
+  const n = w(e);
   let t = null, a = !1;
   async function l() {
     try {
@@ -447,17 +447,17 @@ function et(e) {
   }
   return t;
 }
-const ka = ["title", "aria-label"], wa = ["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({
+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 },
+    controls: { default: () => Ve },
     minimizeLabel: {},
     maximizeLabel: {},
     closeLabel: {}
   },
   emits: ["minimize", "maximize", "close"],
   setup(e, { emit: n }) {
-    const t = e, { t: a } = Bt(), l = v(() => t.minimizeLabel ?? a("ventana.minimizar")), o = v(() => t.maximizeLabel ?? a("ventana.maximizar")), s = v(() => t.closeLabel ?? a("ventana.cerrar")), u = n, { vertical: m } = he(), f = v(() => ({
+    const t = e, { t: a } = Bt(), l = v(() => t.minimizeLabel ?? a("ventana.minimizar")), o = v(() => t.maximizeLabel ?? a("ventana.maximizar")), s = v(() => t.closeLabel ?? a("ventana.cerrar")), u = n, { vertical: f } = he(), m = v(() => ({
       minimize: t.controls.includes("minimize"),
       maximize: t.controls.includes("maximize"),
       close: t.controls.includes("close")
@@ -466,8 +466,8 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       return At();
     }
     const E = Ge();
-    function L(j) {
-      return !!E?.vnode.props?.[`on${j}`];
+    function L(P) {
+      return !!E?.vnode.props?.[`on${P}`];
     }
     function A() {
       if (L("Minimize")) return u("minimize");
@@ -481,12 +481,12 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       if (L("Close")) return u("close");
       d().close();
     }
-    return (j, C) => e.controls.length ? (i(), r("div", {
+    return (P, C) => e.controls.length ? (i(), r("div", {
       key: 0,
-      class: y(["flex shrink-0 gap-1", F(m) ? "flex-col" : ""]),
+      class: y(["flex shrink-0 gap-1", F(f) ? "flex-col" : ""]),
       "data-tauri-drag-region": ""
     }, [
-      f.value.minimize ? (i(), r("button", {
+      m.value.minimize ? (i(), r("button", {
         key: 0,
         type: "button",
         class: y([Ee, "hover:bg-status-success"]),
@@ -494,13 +494,13 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
         "aria-label": l.value,
         onClick: C[0] || (C[0] = (h) => A())
       }, [
-        O(N, {
+        j(N, {
           name: "window-minimize",
           type: "symbol",
           size: 24
         })
-      ], 10, ka)) : x("", !0),
-      f.value.maximize ? (i(), r("button", {
+      ], 10, wa)) : x("", !0),
+      m.value.maximize ? (i(), r("button", {
         key: 1,
         type: "button",
         class: y([Ee, "hover:bg-status-warning"]),
@@ -508,13 +508,13 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
         "aria-label": o.value,
         onClick: C[1] || (C[1] = (h) => g())
       }, [
-        O(N, {
+        j(N, {
           name: "window-maximize",
           type: "symbol",
           size: 24
         })
-      ], 10, wa)) : x("", !0),
-      f.value.close ? (i(), r("button", {
+      ], 10, ka)) : x("", !0),
+      m.value.close ? (i(), r("button", {
         key: 2,
         type: "button",
         class: y([Ee, "hover:bg-status-error"]),
@@ -522,7 +522,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
         "aria-label": s.value,
         onClick: C[2] || (C[2] = (h) => $())
       }, [
-        O(N, {
+        j(N, {
           name: "window-close",
           type: "symbol",
           size: 24
@@ -546,12 +546,12 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
     minimizeLabel: {},
     maximizeLabel: {},
     closeLabel: {},
-    controls: { default: () => Ie }
+    controls: { default: () => Ve }
   },
   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 ye(Ve, {
+    return ye(Me, {
       posicion: a,
       orientacion: v(() => l.value ? "vertical" : "horizontal"),
       vertical: l
@@ -564,7 +564,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       ])) : x("", !0),
       (o.$slots.titulo || e.title) && !l.value ? (i(), r("p", za, [
         S(o.$slots, "titulo", {}, () => [
-          Me(M(e.title), 1)
+          ke(V(e.title), 1)
         ])
       ])) : x("", !0),
       B("div", {
@@ -579,7 +579,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       }, [
         S(o.$slots, "acciones")
       ], 2)) : x("", !0),
-      O(tt, ce({
+      j(tt, ce({
         controls: e.controls,
         "minimize-label": e.minimizeLabel,
         "maximize-label": e.maximizeLabel,
@@ -605,20 +605,20 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
     minimizeLabel: {},
     maximizeLabel: {},
     closeLabel: {},
-    controls: { default: () => Ie },
+    controls: { default: () => Ve },
     hideBar: { type: Boolean, default: !1 }
   },
   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");
-    ye(Ve, { posicion: a, orientacion: l, vertical: o });
+    ye(Me, { posicion: a, orientacion: l, vertical: o });
     const s = {
       top: "flex-col",
       bottom: "flex-col-reverse",
       left: "flex-row",
       right: "flex-row-reverse"
     };
-    return (u, m) => (i(), r("div", {
+    return (u, f) => (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) : (i(), U(at, ce({
@@ -629,7 +629,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
         "maximize-label": e.maximizeLabel,
         "close-label": e.closeLabel,
         controls: e.controls
-      }, Qe(F(et)(["minimize", "maximize", "close"]))), kt({
+      }, Qe(F(et)(["minimize", "maximize", "close"]))), wt({
         default: G(() => [
           S(u.$slots, "barra")
         ]),
@@ -690,39 +690,39 @@ const ka = ["title", "aria-label"], wa = ["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 = k(null), u = k(null), m = k(!1), f = k(!1), d = k(!1), E = k({ top: 0, left: 0, right: 0 });
+    const t = e, a = n, { vertical: l, posicion: o } = he(), s = w(null), u = w(null), f = w(!1), m = 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(
+    const g = v(() => t.tab.closable !== !1), $ = v(() => t.tab.tooltip ?? t.tab.label), P = v(
       () => t.tab.dirty ? `${t.tab.label} · ${t.dirtyLabel}` : t.tab.label
-    ), C = v(() => t.tab.label.trim().charAt(0).toUpperCase()), h = v(() => m.value || d.value), c = v(
+    ), C = v(() => t.tab.label.trim().charAt(0).toUpperCase()), h = v(() => f.value || d.value), c = v(
       () => !!t.tab.dirty && !(h.value && g.value)
     ), b = v(
       () => g.value && (h.value || t.active || !t.tab.dirty)
     ), p = v(
-      () => l.value && (m.value || f.value || d.value)
-    ), P = v(() => {
+      () => l.value && (f.value || m.value || d.value)
+    ), R = v(() => {
       const q = { position: "fixed", top: `${E.value.top}px`, zIndex: 50 };
       return o.value === "right" ? { ...q, right: `${E.value.right + He}px` } : { ...q, left: `${E.value.left + He}px` };
     });
     function le() {
       const q = s.value;
       if (!q) return;
-      const w = q.getBoundingClientRect();
+      const k = q.getBoundingClientRect();
       E.value = {
-        top: w.top,
-        left: w.right,
-        right: window.innerWidth - w.left
+        top: k.top,
+        left: k.right,
+        right: window.innerWidth - k.left
       };
     }
     function K(q) {
-      const w = q.relatedTarget;
-      w && u.value?.contains(w) || (d.value = !1);
+      const k = q.relatedTarget;
+      k && u.value?.contains(k) || (d.value = !1);
     }
     function oe() {
-      m.value = !0, le();
+      f.value = !0, le();
     }
     function Y() {
-      f.value = !0, le();
+      m.value = !0, le();
     }
     function T() {
       L !== null && clearTimeout(L), L = null, A = null;
@@ -732,7 +732,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
         A && a("menu", A), T();
       }, Ia));
     }
-    function I(q) {
+    function O(q) {
       if (!A) return;
       (Math.abs(q.clientX - A.x) > qe || Math.abs(q.clientY - A.y) > qe) && T();
     }
@@ -742,7 +742,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
     function bt(q) {
       q.preventDefault(), a("menu", { x: q.clientX, y: q.clientY });
     }
-    return pe(T), (q, w) => (i(), r("div", {
+    return pe(T), (q, k) => (i(), r("div", {
       ref_key: "raiz",
       ref: s,
       class: y(["group relative flex shrink-0 cursor-pointer items-center gap-2 rounded-corner border border-ui-border transition-colors", [
@@ -752,42 +752,42 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       role: "tab",
       "aria-selected": e.active,
       title: $.value,
-      "aria-label": j.value,
+      "aria-label": P.value,
       tabindex: e.tabindex,
-      onClick: w[5] || (w[5] = V((H) => a("select"), ["stop"])),
+      onClick: k[5] || (k[5] = M((H) => a("select"), ["stop"])),
       onKeydown: [
-        w[6] || (w[6] = R(V((H) => a("select"), ["stop"]), ["enter"])),
-        w[7] || (w[7] = R(V((H) => a("select"), ["prevent", "stop"]), ["space"])),
-        w[8] || (w[8] = R(V((H) => a("navegar", "anterior"), ["prevent", "stop"]), ["left"])),
-        w[9] || (w[9] = R(V((H) => a("navegar", "anterior"), ["prevent", "stop"]), ["up"])),
-        w[10] || (w[10] = R(V((H) => a("navegar", "siguiente"), ["prevent", "stop"]), ["right"])),
-        w[11] || (w[11] = R(V((H) => a("navegar", "siguiente"), ["prevent", "stop"]), ["down"])),
-        w[12] || (w[12] = R(V((H) => a("navegar", "primera"), ["prevent", "stop"]), ["home"])),
-        w[13] || (w[13] = R(V((H) => a("navegar", "ultima"), ["prevent", "stop"]), ["end"])),
-        w[14] || (w[14] = R(V((H) => a("mover", -1), ["alt", "prevent", "stop"]), ["left"])),
-        w[15] || (w[15] = R(V((H) => a("mover", -1), ["alt", "prevent", "stop"]), ["up"])),
-        w[16] || (w[16] = R(V((H) => a("mover", 1), ["alt", "prevent", "stop"]), ["right"])),
-        w[17] || (w[17] = R(V((H) => a("mover", 1), ["alt", "prevent", "stop"]), ["down"])),
-        w[18] || (w[18] = R(V((H) => g.value && a("close"), ["prevent", "stop"]), ["delete"]))
+        k[6] || (k[6] = I(M((H) => a("select"), ["stop"]), ["enter"])),
+        k[7] || (k[7] = I(M((H) => a("select"), ["prevent", "stop"]), ["space"])),
+        k[8] || (k[8] = I(M((H) => a("navegar", "anterior"), ["prevent", "stop"]), ["left"])),
+        k[9] || (k[9] = I(M((H) => a("navegar", "anterior"), ["prevent", "stop"]), ["up"])),
+        k[10] || (k[10] = I(M((H) => a("navegar", "siguiente"), ["prevent", "stop"]), ["right"])),
+        k[11] || (k[11] = I(M((H) => a("navegar", "siguiente"), ["prevent", "stop"]), ["down"])),
+        k[12] || (k[12] = I(M((H) => a("navegar", "primera"), ["prevent", "stop"]), ["home"])),
+        k[13] || (k[13] = I(M((H) => a("navegar", "ultima"), ["prevent", "stop"]), ["end"])),
+        k[14] || (k[14] = I(M((H) => a("mover", -1), ["alt", "prevent", "stop"]), ["left"])),
+        k[15] || (k[15] = I(M((H) => a("mover", -1), ["alt", "prevent", "stop"]), ["up"])),
+        k[16] || (k[16] = I(M((H) => a("mover", 1), ["alt", "prevent", "stop"]), ["right"])),
+        k[17] || (k[17] = I(M((H) => a("mover", 1), ["alt", "prevent", "stop"]), ["down"])),
+        k[18] || (k[18] = I(M((H) => g.value && a("close"), ["prevent", "stop"]), ["delete"]))
       ],
-      onAuxclick: V(de, ["stop"]),
+      onAuxclick: M(de, ["stop"]),
       onContextmenu: bt,
       onPointerdown: z,
-      onPointermove: I,
+      onPointermove: O,
       onPointerup: T,
       onPointerleave: T,
       onMouseenter: oe,
-      onMouseleave: w[19] || (w[19] = (H) => m.value = !1),
+      onMouseleave: k[19] || (k[19] = (H) => f.value = !1),
       onFocus: Y,
-      onBlur: w[20] || (w[20] = (H) => f.value = !1)
+      onBlur: k[20] || (k[20] = (H) => m.value = !1)
     }, [
       e.tab.icon ? (i(), U(N, {
         key: 0,
         name: e.tab.icon,
         size: 16,
         class: "shrink-0"
-      }, 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)),
+      }, null, 8, ["name"])) : F(l) ? (i(), r("span", Ta, V(C.value), 1)) : x("", !0),
+      F(l) ? x("", !0) : (i(), r("span", Aa, V(e.tab.label), 1)),
       c.value ? (i(), r("span", {
         key: 3,
         class: y(["size-2 shrink-0 rounded-full bg-current", F(l) ? "absolute right-0.5 top-0.5" : ""]),
@@ -797,17 +797,17 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
         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: w[0] || (w[0] = V((H) => a("close"), ["stop"]))
+        "aria-label": `${e.closeLabel}: ${P.value}`,
+        onClick: k[0] || (k[0] = M((H) => a("close"), ["stop"]))
       }, [
-        O(N, {
+        j(N, {
           name: "gtk-close",
           type: "symbol",
           size: 12
         })
       ], 8, Ba)) : x("", !0),
       (i(), U(ge, { to: "body" }, [
-        O(we, {
+        j($e, {
           "enter-active-class": "transition duration-150 ease-out",
           "enter-from-class": "opacity-0 scale-95",
           "leave-active-class": "transition duration-100 ease-in",
@@ -819,23 +819,23 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
               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: w[2] || (w[2] = (H) => d.value = !0),
-              onMouseleave: w[3] || (w[3] = (H) => d.value = !1),
-              onFocusin: w[4] || (w[4] = (H) => d.value = !0),
+              style: fe(R.value),
+              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
             }, [
-              B("span", Sa, M(e.tab.label), 1),
+              B("span", Sa, V(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: w[1] || (w[1] = V((H) => a("close"), ["stop"]))
+                "aria-label": `${e.closeLabel}: ${P.value}`,
+                onClick: k[1] || (k[1] = M((H) => a("close"), ["stop"]))
               }, [
-                O(N, {
+                j(N, {
                   name: "gtk-close",
                   type: "symbol",
                   size: 12
@@ -860,8 +860,8 @@ const ka = ["title", "aria-label"], wa = ["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 = k(null), s = k(0), u = k(null), m = k(null);
-    function f(h) {
+    const t = e, a = n, { vertical: l } = he(), o = w(null), s = w(0), u = w(null), f = w(null);
+    function m(h) {
       a("update:modelValue", h), a("select", h);
     }
     async function d(h, c) {
@@ -874,8 +874,8 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       if (t.fixedOrder) return;
       const b = h + c;
       if (b < 0 || b >= t.tabs.length) return;
-      const p = [...t.tabs], [P] = p.splice(h, 1);
-      P && (p.splice(b, 0, P), s.value = b, a("reorder", p));
+      const p = [...t.tabs], [R] = p.splice(h, 1);
+      R && (p.splice(b, 0, R), s.value = b, a("reorder", p));
     }
     function L(h) {
       const c = o.value;
@@ -887,16 +887,16 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       t.fixedOrder || (u.value = h, c.dataTransfer?.setData("text/plain", String(h)), c.dataTransfer && (c.dataTransfer.effectAllowed = "move"));
     }
     function g(h, c) {
-      t.fixedOrder || u.value === null || (c.preventDefault(), m.value = h, c.dataTransfer && (c.dataTransfer.dropEffect = "move"));
+      t.fixedOrder || u.value === null || (c.preventDefault(), f.value = h, c.dataTransfer && (c.dataTransfer.dropEffect = "move"));
     }
     function $(h) {
       const c = u.value;
-      if (j(), t.fixedOrder || c === null || c === h) return;
+      if (P(), t.fixedOrder || c === null || c === h) return;
       const b = [...t.tabs], [p] = b.splice(c, 1);
       p && (b.splice(h, 0, p), a("reorder", b));
     }
-    function j() {
-      u.value = null, m.value = null;
+    function P() {
+      u.value = null, f.value = null;
     }
     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"
@@ -916,25 +916,25 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
           key: b.id,
           class: y(["transition-opacity", [
             u.value === p ? "opacity-40" : "",
-            m.value === p && u.value !== p ? "ring-2 ring-secondary rounded-corner" : ""
+            f.value === p && u.value !== p ? "ring-2 ring-secondary rounded-corner" : ""
           ]]),
           draggable: !e.fixedOrder,
-          onDragstart: (P) => A(p, P),
-          onDragover: (P) => g(p, P),
-          onDrop: V((P) => $(p), ["prevent"]),
-          onDragend: j
+          onDragstart: (R) => A(p, R),
+          onDragover: (R) => g(p, R),
+          onDrop: M((R) => $(p), ["prevent"]),
+          onDragend: P
         }, [
-          O(nt, {
+          j(nt, {
             tab: b,
             active: b.id === e.modelValue,
             "close-label": e.closeLabel,
             "dirty-label": e.dirtyLabel,
             tabindex: p === s.value ? 0 : -1,
-            onSelect: (P) => f(b.id),
-            onClose: (P) => a("close", b.id),
-            onMenu: (P) => a("menu", { id: b.id, ...P }),
-            onNavegar: (P) => d(p, P),
-            onMover: (P) => E(p, P)
+            onSelect: (R) => m(b.id),
+            onClose: (R) => a("close", b.id),
+            onMenu: (R) => a("menu", { id: b.id, ...R }),
+            onNavegar: (R) => d(p, R),
+            onMover: (R) => E(p, R)
           }, null, 8, ["tab", "active", "close-label", "dirty-label", "tabindex", "onSelect", "onClose", "onMenu", "onNavegar", "onMover"])
         ], 42, ja))), 128))
       ], 34),
@@ -946,7 +946,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
         "aria-label": e.newLabel,
         onClick: c[0] || (c[0] = (b) => a("new"))
       }, [
-        O(N, {
+        j(N, {
           name: "gtk-add",
           type: "symbol",
           size: 14
@@ -980,12 +980,12 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
     function s(d) {
       a.lazy && l("update:modelValue", d.target.value);
     }
-    const u = k(null);
-    function m() {
+    const u = w(null);
+    function f() {
       return u.value?.focus(), u.value !== null && document.activeElement === u.value;
     }
-    n({ enfocar: m });
-    const f = v(() => [
+    n({ enfocar: f });
+    const m = v(() => [
       "w-full rounded-corner border bg-ui-surface/70 px-3 py-1.5 text-sm text-tx-main",
       "placeholder:text-tx-muted focus:outline-none focus:ring-1 focus:ring-primary",
       a.invalid ? "border-status-error" : "border-ui-border",
@@ -1006,14 +1006,14 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       "aria-describedby": e.describedBy,
       autocomplete: e.autocomplete,
       "aria-invalid": e.invalid || void 0,
-      class: y(f.value),
+      class: y(m.value),
       onInput: o,
       onChange: s,
       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({
+}), Na = { class: "pointer-events-none absolute left-2 flex items-center" }, qa = ["aria-label"], Ie = /* @__PURE__ */ D({
   __name: "SearchField",
   props: {
     modelValue: { default: "" },
@@ -1030,9 +1030,9 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
   },
   emits: ["update:modelValue", "search", "clear", "keydown"],
   setup(e, { expose: n, emit: t }) {
-    const a = e, l = t, o = k(null);
+    const a = e, l = t, o = w(null);
     let s;
-    const u = v(() => a.modelValue.length > 0), m = v(
+    const u = v(() => a.modelValue.length > 0), f = v(
       () => a.listboxId ? {
         role: "combobox",
         "aria-autocomplete": "list",
@@ -1040,7 +1040,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
         "aria-expanded": String(a.expanded),
         "aria-activedescendant": a.activeOptionId || void 0
       } : {}
-    ), f = v(() => a.clearable && u.value && !a.disabled);
+    ), m = v(() => a.clearable && u.value && !a.disabled);
     function d() {
       clearTimeout(s), s = void 0;
     }
@@ -1063,41 +1063,41 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       ($) => {
         $ && d();
       }
-    ), ($, j) => (i(), r("div", {
+    ), ($, P) => (i(), r("div", {
       class: "relative flex items-center",
-      onKeydown: R(L, ["enter"])
+      onKeydown: I(L, ["enter"])
     }, [
       B("span", Na, [
-        O(N, {
+        j(N, {
           name: e.busy ? "content-loading" : "system-search",
           type: "symbol",
           size: 14,
           class: y(e.busy ? "animate-spin opacity-70" : "opacity-60")
         }, null, 8, ["name", "class"])
       ]),
-      O(lt, ce({
+      j(lt, ce({
         ref_key: "campo",
         ref: o,
         type: "search",
         "model-value": e.modelValue,
         placeholder: e.placeholder || e.label,
         ariaLabel: e.label || void 0
-      }, m.value, {
+      }, f.value, {
         disabled: e.disabled,
-        class: ["pl-7 [&::-webkit-search-cancel-button]:appearance-none", f.value ? "pr-8" : ""],
+        class: ["pl-7 [&::-webkit-search-cancel-button]:appearance-none", m.value ? "pr-8" : ""],
         "onUpdate:modelValue": E,
-        onKeydown: j[0] || (j[0] = (C) => l("keydown", C))
+        onKeydown: P[0] || (P[0] = (C) => l("keydown", C))
       }), null, 16, ["model-value", "placeholder", "ariaLabel", "disabled", "class"]),
-      f.value ? (i(), r("button", {
+      m.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(() => {
+        onMousedown: P[1] || (P[1] = M(() => {
         }, ["prevent"])),
         onClick: A
       }, [
-        O(N, {
+        j(N, {
           name: "gtk-close",
           type: "symbol",
           size: 12,
@@ -1118,8 +1118,8 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
   },
   emits: ["update:modelValue", "search", "open", "close"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { vertical: l, posicion: o } = he(), s = k(!1), u = k(null), m = v(() => l.value || t.collapsed), f = v(() => !m.value || s.value), d = v(() => {
-      if (!m.value) return "";
+    const t = e, a = n, { vertical: l, posicion: o } = he(), s = w(!1), u = w(null), f = v(() => l.value || t.collapsed), m = v(() => !f.value || s.value), d = v(() => {
+      if (!f.value) return "";
       const g = "absolute z-40 w-64 rounded-corner border border-ui-border bg-ui-surface/95 p-1 shadow-lg";
       return o.value === "left" ? `${g} left-full top-0 ml-1` : o.value === "right" ? `${g} right-full top-0 mr-1` : o.value === "bottom" ? `${g} bottom-full right-0 mb-1` : `${g} top-full right-0 mt-1`;
     });
@@ -1137,29 +1137,29 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       class: "relative flex shrink-0 items-center",
       onFocusout: A
     }, [
-      m.value ? (i(), r("button", {
+      f.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",
         title: e.label,
         "aria-label": e.label,
         "aria-expanded": s.value,
-        onMousedown: $[0] || ($[0] = V(() => {
+        onMousedown: $[0] || ($[0] = M(() => {
         }, ["prevent"])),
-        onClick: $[1] || ($[1] = (j) => s.value ? L() : E())
+        onClick: $[1] || ($[1] = (P) => s.value ? L() : E())
       }, [
-        O(N, {
+        j(N, {
           name: "system-search",
           type: "symbol",
           size: 14
         })
       ], 40, Ha)) : x("", !0),
-      f.value ? (i(), r("div", {
+      m.value ? (i(), r("div", {
         key: 1,
         class: y(d.value),
-        onKeydown: R(L, ["esc"])
+        onKeydown: I(L, ["esc"])
       }, [
-        O(Oe, {
+        j(Ie, {
           ref_key: "campo",
           ref: u,
           "model-value": e.modelValue,
@@ -1167,9 +1167,9 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
           label: e.label,
           disabled: e.disabled,
           debounce: e.debounce,
-          class: y(m.value ? "" : "w-48"),
-          "onUpdate:modelValue": $[2] || ($[2] = (j) => a("update:modelValue", j)),
-          onSearch: $[3] || ($[3] = (j) => a("search", j))
+          class: y(f.value ? "" : "w-48"),
+          "onUpdate:modelValue": $[2] || ($[2] = (P) => a("update:modelValue", P)),
+          onSearch: $[3] || ($[3] = (P) => a("search", P))
         }, null, 8, ["model-value", "placeholder", "label", "disabled", "debounce", "class"])
       ], 34)) : x("", !0)
     ], 32));
@@ -1207,7 +1207,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
     }, s = (u) => {
       t.stopPropagation && u.stopPropagation(), t.preventDefault && u.preventDefault(), !t.disabled && !t.loading && a("click");
     };
-    return (u, m) => (i(), r("button", {
+    return (u, f) => (i(), r("button", {
       type: t.type,
       onClick: s,
       class: y(["rounded-corner transition-[background-color,opacity] duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", [
@@ -1226,7 +1226,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
         alt: t.iconAlt || t.label,
         class: "w-4 h-4"
       }, null, 8, Ga)) : x("", !0),
-      t.label ? (i(), r("span", Qa, M(t.label), 1)) : x("", !0),
+      t.label ? (i(), r("span", Qa, V(t.label), 1)) : x("", !0),
       t.iconSrc && t.iconRight ? (i(), r("img", {
         key: 3,
         src: t.iconSrc,
@@ -1235,12 +1235,12 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       }, null, 8, Ya)) : x("", !0)
     ], 10, Ka));
   }
-}), $e = (e, n) => {
+}), Oe = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [a, l] of n)
     t[a] = l;
   return t;
-}, Ja = /* @__PURE__ */ $e(Xa, [["__scopeId", "data-v-3c1bd6bd"]]), ot = {
+}, Ja = /* @__PURE__ */ Oe(Xa, [["__scopeId", "data-v-3c1bd6bd"]]), ot = {
   info: "border-ui-border bg-ui-surface/70 text-tx-main",
   success: "border-status-success/40 bg-status-success/10 text-tx-main",
   warning: "border-status-warning/40 bg-status-warning/10 text-tx-main",
@@ -1271,7 +1271,7 @@ const Za = ["role"], _a = {
       class: y(["flex gap-3 rounded-corner border px-4 py-2 text-sm", t.value])
     }, [
       e.icon ? (i(), r("span", _a, [
-        O(N, {
+        j(N, {
           name: e.icon,
           type: e.iconType,
           size: 18,
@@ -1279,7 +1279,7 @@ const Za = ["role"], _a = {
         }, null, 8, ["name", "type"])
       ])) : x("", !0),
       B("div", en, [
-        e.title ? (i(), r("p", tn, M(e.title), 1)) : x("", !0),
+        e.title ? (i(), r("p", tn, V(e.title), 1)) : x("", !0),
         B("div", {
           class: y(e.title ? "mt-1" : "")
         }, [
@@ -1304,14 +1304,14 @@ const Za = ["role"], _a = {
     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(N, {
+      j(N, {
         name: e.icon,
         type: e.iconType,
         size: 48,
         class: "opacity-60"
       }, null, 8, ["name", "type"]),
-      B("p", nn, M(e.title), 1),
-      e.note ? (i(), r("p", ln, M(e.note), 1)) : x("", !0),
+      B("p", nn, V(e.title), 1),
+      e.note ? (i(), r("p", ln, V(e.note), 1)) : x("", !0),
       S(n.$slots, "default")
     ], 2));
   }
@@ -1328,7 +1328,7 @@ const Za = ["role"], _a = {
       class: y(["flex flex-col items-center justify-center gap-4 px-8 py-12 text-center", e.bordered ? "rounded-corner border border-ui-border border-dashed bg-ui-surface/20" : ""])
     }, [
       t[0] || (t[0] = B("span", { class: "h-10 w-10 animate-spin rounded-full border-4 border-ui-border border-t-primary motion-reduce:animate-none" }, null, -1)),
-      B("p", rn, M(e.label), 1)
+      B("p", rn, V(e.label), 1)
     ], 2));
   }
 }), un = ["role"], cn = /* @__PURE__ */ D({
@@ -1345,7 +1345,7 @@ const Za = ["role"], _a = {
       B("div", {
         class: y(["pointer-events-none fixed z-60 flex flex-col gap-2", t.value])
       }, [
-        O(wt, {
+        j(kt, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "leave-active-class": "transition-all duration-200 ease-in",
           "enter-from-class": "translate-y-2 opacity-0",
@@ -1360,7 +1360,7 @@ const Za = ["role"], _a = {
               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)
+                ke(V(o.message), 1)
               ])
             ], 10, un))), 128))
           ]),
@@ -1413,7 +1413,7 @@ function vn(e, n) {
   if (!t) return e;
   const a = [];
   for (let l = 0; l < e.length; 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);
+    const o = e[l], s = Le(t, o.valor), u = Le(t, o.etiqueta), f = u === 10 ? 20 : u, d = Le(t, o.detalle) === 100 ? 100 : 40, E = Math.min(s, f, 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);
@@ -1425,7 +1425,7 @@ function pn() {
 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" }, kn = ["id"], wn = {
+}, 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" }, zn = {
@@ -1449,21 +1449,21 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = k(""), o = k(!1), s = k(0), u = k(null), m = k(null), f = k(null), d = pn(), E = v(
+    const t = e, a = n, l = w(""), o = w(!1), s = w(0), u = w(null), f = w(null), m = 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(T) {
+    function P(T) {
       a("update:modelValue", T), h();
     }
     async function C() {
       o.value = !0;
       const T = A.value.findIndex((z) => z.valor === t.modelValue);
-      s.value = T >= 0 ? T : 0, await J(), f.value?.enfocar(), K();
+      s.value = T >= 0 ? T : 0, await J(), m.value?.enfocar(), K();
     }
     function h(T = !0) {
-      o.value && (o.value = !1, l.value = "", T && J(() => m.value?.focus()));
+      o.value && (o.value = !1, l.value = "", T && J(() => f.value?.focus()));
     }
     function c(T) {
       const z = A.value.length;
@@ -1475,12 +1475,12 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
     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;
+      const O = Number(z.getAttribute("data-indice"));
+      return Number.isInteger(O) ? O : null;
     }
-    function P(T) {
-      const z = p(T), I = z === null ? void 0 : A.value[z];
-      I && j(I.valor);
+    function R(T) {
+      const z = p(T), O = z === null ? void 0 : A.value[z];
+      O && P(O.valor);
     }
     function le(T) {
       const z = p(T);
@@ -1493,7 +1493,7 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
     }
     function oe() {
       const T = A.value[s.value];
-      T && j(T.valor);
+      T && P(T.valor);
     }
     Q(
       () => t.disabled,
@@ -1513,24 +1513,24 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
     }, [
       B("button", {
         ref_key: "boton",
-        ref: m,
+        ref: f,
         type: "button",
         disabled: e.disabled,
         class: "flex w-full items-center justify-between gap-2 rounded-corner border border-ui-border-strong bg-ui-surface px-2 py-1 text-left text-sm text-tx-main transition-colors hover:bg-ui-bg/60 disabled:cursor-not-allowed disabled:opacity-50",
         "aria-label": e.label || void 0,
         "aria-expanded": o.value,
         "aria-haspopup": "listbox",
-        onClick: z[0] || (z[0] = (I) => o.value ? h() : C()),
+        onClick: z[0] || (z[0] = (O) => o.value ? h() : C()),
         onKeydown: [
-          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"]))
+          z[1] || (z[1] = I(M((O) => o.value ? c(1) : C(), ["prevent"]), ["down"])),
+          z[2] || (z[2] = I(M((O) => o.value ? c(-1) : C(), ["prevent"]), ["up"]))
         ]
       }, [
         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)
+          ke(V(E.value?.etiqueta ?? e.placeholder) + " ", 1),
+          E.value?.detalle ? (i(), r("span", hn, V(E.value.detalle), 1)) : x("", !0)
         ]),
-        O(N, {
+        j(N, {
           name: "go-down",
           type: "symbol",
           size: 12,
@@ -1541,23 +1541,23 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
         key: 0,
         class: y(["absolute z-20 w-full min-w-64 rounded-corner border border-ui-border-strong bg-ui-bg shadow-lg", e.up ? "bottom-full mb-1" : "mt-1"]),
         onKeydown: [
-          z[4] || (z[4] = 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"]))
+          z[4] || (z[4] = I(M((O) => h(), ["prevent"]), ["escape"])),
+          z[5] || (z[5] = I(M((O) => c(1), ["prevent"]), ["down"])),
+          z[6] || (z[6] = I(M((O) => c(-1), ["prevent"]), ["up"])),
+          z[7] || (z[7] = I(M((O) => b(0), ["prevent"]), ["home"])),
+          z[8] || (z[8] = I(M((O) => b(A.value.length - 1), ["prevent"]), ["end"])),
+          z[9] || (z[9] = I(M((O) => oe(), ["prevent"]), ["enter"])),
+          z[10] || (z[10] = I((O) => h(!1), ["tab"]))
         ],
-        onClick: P,
+        onClick: R,
         onMousemove: le
       }, [
         B("div", xn, [
-          O(Oe, {
+          j(Ie, {
             ref_key: "campo",
-            ref: f,
+            ref: m,
             modelValue: l.value,
-            "onUpdate:modelValue": z[3] || (z[3] = (I) => l.value = I),
+            "onUpdate:modelValue": z[3] || (z[3] = (O) => l.value = O),
             label: e.label,
             placeholder: e.searchPlaceholder,
             "listbox-id": F(d),
@@ -1572,23 +1572,23 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
           role: "listbox",
           class: "max-h-56 overflow-y-auto p-1"
         }, [
-          A.value.length === 0 ? (i(), r("li", wn, M(e.emptyText), 1)) : x("", !0),
-          (i(!0), r(te, null, ue(A.value, (I, de) => (i(), r("li", {
+          A.value.length === 0 ? (i(), r("li", kn, V(e.emptyText), 1)) : x("", !0),
+          (i(!0), r(te, null, ue(A.value, (O, de) => (i(), r("li", {
             id: `${F(d)}-${de}`,
-            key: I.valor,
+            key: O.valor,
             "data-indice": de,
             role: "option",
-            "aria-selected": I.valor === e.modelValue,
+            "aria-selected": O.valor === e.modelValue,
             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"
+              O.valor === e.modelValue ? "font-medium text-primary" : "text-tx-main"
             ]])
           }, [
-            B("span", Cn, M(I.etiqueta), 1),
-            I.detalle ? (i(), r("span", zn, M(I.detalle), 1)) : x("", !0)
+            B("span", Cn, V(O.etiqueta), 1),
+            O.detalle ? (i(), r("span", zn, V(O.detalle), 1)) : x("", !0)
           ], 10, $n))), 128)),
-          g.value > 0 ? (i(), r("li", En, "+" + M(g.value), 1)) : x("", !0)
-        ], 8, kn)
+          g.value > 0 ? (i(), r("li", En, "+" + V(g.value), 1)) : x("", !0)
+        ], 8, wn)
       ], 34)) : x("", !0)
     ], 32));
   }
@@ -1603,23 +1603,23 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
     return (n, t) => (i(), r("div", {
       class: y(["flex flex-col gap-4 p-4 background rounded-corner", e.customClass])
     }, [
-      B("h3", Dn, M(e.icon ? `${e.icon} ${e.title}` : e.title), 1),
+      B("h3", Dn, V(e.icon ? `${e.icon} ${e.title}` : e.title), 1),
       S(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), An = /* @__PURE__ */ $e(Tn, [["__scopeId", "data-v-45bd4eab"]]), Bn = { class: "flex items-center gap-3 flex-1 min-w-0" }, Sn = ["src", "alt"], Mn = { class: "min-w-0" }, Vn = { class: "font-semibold truncate" }, In = {
+}), An = /* @__PURE__ */ Oe(Tn, [["__scopeId", "data-v-45bd4eab"]]), Bn = ["role", "tabindex", "aria-label", "onKeydown"], Sn = { class: "flex items-center gap-3 flex-1 min-w-0" }, Mn = ["src", "alt"], Vn = { class: "min-w-0" }, In = { class: "font-semibold truncate" }, On = {
   key: 0,
-  class: "text-xs text-gray-400 truncate"
-}, On = {
-  key: 1,
-  class: "text-xs text-gray-400 truncate"
+  class: "text-xs text-tx-muted truncate"
 }, jn = {
-  key: 2,
-  class: "text-xs text-gray-400 flex gap-2 mt-1"
+  key: 1,
+  class: "text-xs text-tx-muted truncate"
 }, Pn = {
+  key: 2,
+  class: "text-xs text-tx-muted flex gap-3 mt-1 flex-wrap"
+}, Rn = ["disabled"], Fn = {
   key: 1,
-  class: "w-2 h-2 rounded-full bg-green-500"
-}, Rn = /* @__PURE__ */ D({
+  class: "w-2 h-2 rounded-full bg-status-success"
+}, Nn = /* @__PURE__ */ D({
   __name: "DeviceCard",
   props: {
     name: { default: "" },
@@ -1631,27 +1631,39 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
     extraInfo: { default: () => [] },
     isConnected: { type: Boolean, default: !1 },
     showActionButton: { type: Boolean, default: !0 },
-    actionLabel: { default: "Conectar" },
+    actionLabel: { default: "" },
+    connectingLabel: { default: "" },
+    isConnecting: { type: Boolean, default: !1 },
     showStatusIndicator: { type: Boolean, default: !1 },
     customClass: { default: "" },
     clickable: { type: Boolean, default: !1 }
   },
   emits: ["action", "click"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = () => {
-      a("action");
-    }, o = () => {
-      a("click");
+    const t = e, a = (f) => typeof f == "string" ? "" : f.icon ?? "", l = (f) => typeof f == "string" ? f : f.text, o = n, s = () => {
+      o("action");
+    }, u = () => {
+      t.clickable && o("click");
     };
     return W(() => {
       t.icon && !t.name && console.warn(
         "[DeviceCard] «icon» está obsoleto y se va en la próxima mayor: recibe una ruta ya resuelta. Usá «name» con el nombre del icono del tema, y «type» si hace falta el símbolo."
       );
-    }), (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
+    }), (f, m) => (i(), r("div", {
+      class: y(["flex items-center justify-between background rounded-corner border border-ui-border px-6 py-3 mb-4", [
+        { "border-l-4 border-status-success": e.isConnected, "cursor-pointer": e.clickable },
+        e.customClass
+      ]]),
+      role: e.clickable ? "button" : void 0,
+      tabindex: e.clickable ? 0 : void 0,
+      "aria-label": e.clickable ? e.title : void 0,
+      onClick: u,
+      onKeydown: [
+        I(M(u, ["self", "prevent"]), ["enter"]),
+        I(M(u, ["self", "prevent"]), ["space"])
+      ]
     }, [
-      B("div", Bn, [
+      B("div", Sn, [
         e.name ? (i(), U(N, {
           key: 0,
           name: e.name,
@@ -1663,51 +1675,64 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
           src: e.icon,
           alt: e.title,
           class: "h-7 w-7 shrink-0"
-        }, null, 8, 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))
+        }, null, 8, Mn)),
+        B("div", Vn, [
+          B("div", In, V(e.title), 1),
+          e.subtitle ? (i(), r("div", On, V(e.subtitle), 1)) : x("", !0),
+          e.metadata ? (i(), r("div", jn, V(e.metadata), 1)) : x("", !0),
+          e.extraInfo.length > 0 ? (i(), r("div", Pn, [
+            (i(!0), r(te, null, ue(e.extraInfo, (d, E) => (i(), r("span", {
+              key: E,
+              class: "inline-flex items-center gap-1"
+            }, [
+              a(d) ? (i(), U(N, {
+                key: 0,
+                name: a(d),
+                type: "symbol",
+                size: 14
+              }, null, 8, ["name"])) : x("", !0),
+              ke(" " + V(l(d)), 1)
+            ]))), 128))
           ])) : x("", !0)
         ])
       ]),
       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(l, ["stop"])
-      }, M(e.actionLabel), 1)) : x("", !0),
-      e.showStatusIndicator && e.isConnected ? (i(), r("div", Pn)) : x("", !0)
-    ], 2));
+        type: "button",
+        class: "bg-primary text-tx-on-primary rounded-corner px-4 py-2 text-sm font-semibold cursor-pointer hover:opacity-70 disabled:opacity-50 disabled:cursor-not-allowed",
+        disabled: e.isConnecting,
+        onClick: M(s, ["stop"])
+      }, V(e.isConnecting ? e.connectingLabel : e.actionLabel), 9, Rn)) : x("", !0),
+      e.showStatusIndicator && e.isConnected ? (i(), r("div", Fn)) : x("", !0)
+    ], 42, Bn));
   }
 }), rt = /* @__PURE__ */ Symbol("diálogo de vasak");
 function st() {
-  const e = ke(rt, null);
+  const e = we(rt, null);
   if (e) return e;
-  const n = k(!1);
+  const n = w(!1);
   return {
     abierto: v(() => n.value),
     cerrar: () => {
       n.value = !1;
     },
-    idDelTitulo: k(null),
+    idDelTitulo: w(null),
     ponerElTitulo: () => {
     }
   };
 }
 let Ke = 0;
-function Fn() {
+function qn() {
   return Ke += 1, `vsk-dialogo-titulo-${Ke}`;
 }
-const Nn = /* @__PURE__ */ D({
+const Hn = /* @__PURE__ */ D({
   __name: "Dialog",
   props: {
     open: { type: Boolean, default: !1 }
   },
   emits: ["update:open"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = k(null);
+    const t = e, a = n, l = w(null);
     return ye(rt, {
       abierto: v(() => t.open),
       cerrar: () => a("update:open", !1),
@@ -1717,10 +1742,10 @@ const Nn = /* @__PURE__ */ D({
       }
     }), (o, s) => S(o.$slots, "default");
   }
-}), qn = {
+}), Un = {
   key: 0,
   class: "absolute inset-0 rounded-corner-window bg-ui-border-dark/40"
-}, Hn = ["aria-labelledby", "aria-label"], Un = "relative z-10 w-full rounded-corner border border-ui-border bg-ui-bg/80 p-6 text-tx-main shadow-lg", Kn = /* @__PURE__ */ D({
+}, Kn = ["aria-labelledby", "aria-label"], Wn = "relative z-10 w-full rounded-corner border border-ui-border bg-ui-bg/80 p-6 text-tx-main shadow-lg", Gn = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "DialogContent",
   props: {
@@ -1731,10 +1756,10 @@ const Nn = /* @__PURE__ */ D({
     const n = e, t = Be(), a = v(() => t.class ?? ""), l = v(() => {
       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 = k(null), f = k(null);
+    }), o = v(() => n.size === "full" ? "relative z-10 h-full w-full overflow-hidden rounded-corner-window text-tx-main" : `${Wn} ${n.size === "lg" ? "max-w-2xl" : "max-w-lg"}`), s = st(), u = v(() => s.abierto.value), f = w(null), m = w(null);
     let d = null;
     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"])')] : [];
+      return m.value ? [...m.value.querySelectorAll('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])')] : [];
     }
     function L(C) {
       if (C.key === "Escape") {
@@ -1744,22 +1769,22 @@ const Nn = /* @__PURE__ */ D({
       if (C.key !== "Tab") return;
       const h = E();
       if (h.length === 0) {
-        C.preventDefault(), f.value?.focus();
+        C.preventDefault(), m.value?.focus();
         return;
       }
       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());
+      C.shiftKey && (p === c || p === m.value) ? (C.preventDefault(), b.focus()) : !C.shiftKey && p === b && (C.preventDefault(), c.focus());
     }
     function A(C) {
       C.target === C.currentTarget && s.cerrar();
     }
     function g(C) {
-      m.value?.contains(C.target) || L(C);
+      f.value?.contains(C.target) || L(C);
     }
     function $() {
       document.removeEventListener("keydown", g);
     }
-    function j() {
+    function P() {
       const C = d;
       d = null, C?.isConnected && C.focus();
     }
@@ -1767,19 +1792,19 @@ const Nn = /* @__PURE__ */ D({
       u,
       async (C) => {
         if (C) {
-          d = document.activeElement, document.addEventListener("keydown", g), await J(), f.value?.focus();
+          d = document.activeElement, document.addEventListener("keydown", g), await J(), m.value?.focus();
           return;
         }
-        $(), j();
+        $(), P();
       },
       // `watch` no corre para el valor inicial, y un diálogo se puede montar ya
       // abierto —una vista que arranca preguntando algo—. Sin esto, ése no recibe
       // el foco y ni Escape ni el Tab hacen nada: el `aria-modal` queda en promesa.
       { immediate: !0 }
     ), ve(() => {
-      $(), j();
+      $(), P();
     }), (C, h) => (i(), U(ge, { to: "body" }, [
-      O(we, {
+      j($e, {
         "enter-active-class": "transition-opacity duration-200 ease-out",
         "leave-active-class": "transition-opacity duration-150 ease-in",
         "enter-from-class": "opacity-0",
@@ -1789,15 +1814,15 @@ const Nn = /* @__PURE__ */ D({
           u.value ? (i(), r("div", {
             key: 0,
             ref_key: "velo",
-            ref: m,
+            ref: f,
             class: "fixed inset-0 z-50 flex items-center justify-center",
             onClick: A,
             onKeydown: L
           }, [
-            n.size === "md" ? (i(), r("div", qn)) : x("", !0),
+            n.size === "md" ? (i(), r("div", Un)) : x("", !0),
             B("div", ce({
               ref_key: "panel",
-              ref: f,
+              ref: m,
               tabindex: "-1",
               role: "dialog",
               "aria-modal": "true",
@@ -1807,60 +1832,60 @@ const Nn = /* @__PURE__ */ D({
               class: [a.value, o.value]
             }), [
               S(C.$slots, "default")
-            ], 16, Hn)
+            ], 16, Kn)
           ], 544)) : x("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), Wn = { class: "text-sm text-tx-muted" }, Gn = /* @__PURE__ */ D({
+}), Qn = { class: "text-sm text-tx-muted" }, Yn = /* @__PURE__ */ D({
   __name: "DialogDescription",
   setup(e) {
-    return (n, t) => (i(), r("p", Wn, [
+    return (n, t) => (i(), r("p", Qn, [
       S(n.$slots, "default")
     ]));
   }
-}), Qn = { class: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, Yn = /* @__PURE__ */ D({
+}), Xn = { class: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, Jn = /* @__PURE__ */ D({
   __name: "DialogFooter",
   setup(e) {
-    return (n, t) => (i(), r("div", Qn, [
+    return (n, t) => (i(), r("div", Xn, [
       S(n.$slots, "default")
     ]));
   }
-}), Xn = { class: "flex flex-col gap-1.5 text-center sm:text-left" }, Jn = /* @__PURE__ */ D({
+}), Zn = { class: "flex flex-col gap-1.5 text-center sm:text-left" }, _n = /* @__PURE__ */ D({
   __name: "DialogHeader",
   setup(e) {
-    return (n, t) => (i(), r("div", Xn, [
+    return (n, t) => (i(), r("div", Zn, [
       S(n.$slots, "default")
     ]));
   }
-}), Zn = ["id"], _n = /* @__PURE__ */ D({
+}), el = ["id"], tl = /* @__PURE__ */ D({
   __name: "DialogTitle",
   setup(e) {
-    const n = st(), t = Fn();
+    const n = st(), t = qn();
     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"
     }, [
       S(a.$slots, "default")
-    ], 8, Zn));
+    ], 8, el));
   }
 }), ut = /* @__PURE__ */ Symbol("menú de vasak");
 function Ce() {
-  const e = ke(ut, null);
+  const e = we(ut, null);
   if (e) return e;
-  const n = k(!1);
+  const n = w(!1);
   return {
     abierto: n,
     idDelMenu: "vsk-menu-suelto",
-    idDeLaEtiqueta: k(null),
+    idDeLaEtiqueta: w(null),
     ponerLaEtiqueta: () => {
     },
-    disparador: k(null),
+    disparador: w(null),
     ponerElDisparador: () => {
     },
-    focoAlAbrir: k("ninguno"),
+    focoAlAbrir: w("ninguno"),
     abrir: () => {
       n.value = !0;
     },
@@ -1876,15 +1901,15 @@ let We = 0;
 function ct() {
   return We += 1, `vsk-menu-${We}`;
 }
-const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
+const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
   __name: "DropdownMenu",
   props: {
     open: { type: Boolean, default: void 0 }
   },
   emits: ["update:open"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = k(!1), o = k(null), s = k(null), u = k("ninguno"), m = ct();
-    let f = null;
+    const t = e, a = n, l = w(!1), o = w(null), s = w(null), u = w("ninguno"), f = ct();
+    let m = null;
     const d = v({
       get: () => t.open ?? l.value,
       set: (g) => {
@@ -1894,7 +1919,7 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
     Q(d, (g) => {
       if (g) {
         const $ = document.activeElement;
-        f = $ instanceof HTMLElement ? $ : null;
+        m = $ instanceof HTMLElement ? $ : null;
       } else
         u.value = "ninguno";
     });
@@ -1903,7 +1928,7 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
     }
     function L(g = {}) {
       if (d.value = !1, !g.devolverElFoco) return;
-      const $ = f ?? o.value;
+      const $ = m ?? o.value;
       $?.isConnected && $.focus();
     }
     function A(g = "ninguno") {
@@ -1915,7 +1940,7 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
     }
     return ye(ut, {
       abierto: d,
-      idDelMenu: m,
+      idDelMenu: f,
       idDeLaEtiqueta: s,
       ponerLaEtiqueta: (g) => {
         s.value = g;
@@ -1928,14 +1953,14 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
       abrir: E,
       cerrar: L,
       alternar: A
-    }), (g, $) => (i(), r("div", el, [
+    }), (g, $) => (i(), r("div", al, [
       S(g.$slots, "default")
     ]));
   }
-}), al = ["id", "aria-labelledby", "inert"], nl = {
+}), ll = ["id", "aria-labelledby", "inert"], ol = {
   role: "none",
   class: "py-1"
-}, Z = 8, ll = /* @__PURE__ */ D({
+}, Z = 8, il = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "DropdownMenuContent",
   props: {
@@ -1944,11 +1969,11 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
     sideOffset: { default: 4 }
   },
   setup(e) {
-    const n = e, t = Ce(), { idDelMenu: a, idDeLaEtiqueta: l } = t, o = v(() => t.disparador.value), s = v(() => t.abierto.value), u = k(null), m = k({
+    const n = e, t = Ce(), { idDelMenu: a, idDeLaEtiqueta: l } = t, o = v(() => t.disparador.value), s = v(() => t.abierto.value), u = w(null), f = w({
       top: 0,
       left: 0,
       techo: null
-    }), f = {
+    }), m = {
       top: "bottom",
       bottom: "top",
       left: "right",
@@ -1972,10 +1997,10 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
     }
     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;
+      const c = o.value.getBoundingClientRect(), b = u.value.scrollHeight, p = u.value.offsetWidth, R = n.side === "top" || n.side === "bottom", le = R ? b : p;
       let K = n.side;
       const oe = d(K, c);
-      oe < le && d(f[K], c) > oe && (K = f[K]);
+      oe < le && d(m[K], c) > oe && (K = m[K]);
       let Y = 0, T = 0, z = null;
       switch (K) {
         case "bottom": {
@@ -1989,12 +2014,12 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
         case "left":
         case "right": {
           T = K === "right" ? c.right + n.sideOffset : c.left - p - n.sideOffset;
-          const I = window.innerHeight - 2 * Z;
-          Y = E(c.top, Z, window.innerHeight - Math.min(b, I) - Z), z = Math.max(window.innerHeight - Y - Z, 0);
+          const O = window.innerHeight - 2 * Z;
+          Y = E(c.top, Z, window.innerHeight - Math.min(b, O) - Z), z = Math.max(window.innerHeight - Y - Z, 0);
           break;
         }
       }
-      if (P)
+      if (R)
         switch (n.align) {
           case "start":
             T = c.left;
@@ -2006,7 +2031,7 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
             T = c.right - p;
             break;
         }
-      T = E(T, Z, window.innerWidth - p - Z), m.value = { top: Y, left: T, techo: z };
+      T = E(T, Z, window.innerWidth - p - Z), f.value = { top: Y, left: T, techo: z };
     }
     function A() {
       return u.value ? Array.from(u.value.querySelectorAll('[role="menuitem"]')) : [];
@@ -2021,7 +2046,7 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
       const c = document.activeElement;
       return c instanceof HTMLElement ? A().indexOf(c) : -1;
     }
-    function j(c) {
+    function P(c) {
       const b = $();
       switch (c.key) {
         case "ArrowDown":
@@ -2066,15 +2091,15 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
       s.value && (c && u.value?.contains(c.target) || L());
     }
     function h(c) {
-      const b = c.target, p = !!b.closest("[data-dropdown-content]"), P = !!o.value?.contains(b);
-      !p && !P && t.cerrar();
+      const b = c.target, p = !!b.closest("[data-dropdown-content]"), R = !!o.value?.contains(b);
+      !p && !R && t.cerrar();
     }
     return W(() => {
       document.addEventListener("click", h), window.addEventListener("resize", C), window.addEventListener("scroll", C, !0);
     }), pe(() => {
       document.removeEventListener("click", h), window.removeEventListener("resize", C), window.removeEventListener("scroll", C, !0);
     }), (c, b) => (i(), U(ge, { to: "body" }, [
-      O(we, {
+      j($e, {
         "enter-active-class": "transition-all duration-150 ease-in-out",
         "leave-active-class": "transition-all duration-150 ease-in-out",
         "enter-from-class": "opacity-0 scale-95",
@@ -2095,9 +2120,9 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
             inert: !s.value,
             style: {
               position: "fixed",
-              top: `${m.value.top}px`,
-              left: `${m.value.left}px`,
-              maxHeight: m.value.techo === null ? void 0 : `${m.value.techo}px`,
+              top: `${f.value.top}px`,
+              left: `${f.value.left}px`,
+              maxHeight: f.value.techo === null ? void 0 : `${f.value.techo}px`,
               overflowY: "auto",
               overscrollBehavior: "contain",
               zIndex: 50
@@ -2105,12 +2130,12 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
             "data-dropdown-content": "",
             class: "min-w-30 rounded-corner border border-primary bg-ui-bg/80 shadow-lg focus:outline-none",
             onClick: b[0] || (b[0] = (p) => p.stopPropagation()),
-            onKeydown: j
+            onKeydown: P
           }), [
-            B("div", nl, [
+            B("div", ol, [
               S(c.$slots, "default")
             ])
-          ], 16, al), [
+          ], 16, ll), [
             [Ye, s.value]
           ])
         ]),
@@ -2118,7 +2143,7 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
       })
     ]));
   }
-}), ol = ["aria-disabled", "onKeydown"], il = /* @__PURE__ */ D({
+}), rl = ["aria-disabled", "onKeydown"], sl = /* @__PURE__ */ D({
   __name: "DropdownMenuItem",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -2142,14 +2167,14 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
       ]),
       onClick: o,
       onKeydown: [
-        R(V(o, ["prevent"]), ["enter"]),
-        R(V(o, ["prevent"]), ["space"])
+        I(M(o, ["prevent"]), ["enter"]),
+        I(M(o, ["prevent"]), ["space"])
       ]
     }, [
       S(s.$slots, "default")
-    ], 42, ol));
+    ], 42, rl));
   }
-}), rl = /* @__PURE__ */ D({
+}), ul = /* @__PURE__ */ D({
   __name: "DropdownMenuLabel",
   setup(e) {
     const n = Ce(), t = `${ct()}-titulo`;
@@ -2165,14 +2190,14 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
       S(a.$slots, "default")
     ]));
   }
-}), sl = {
+}), cl = {
   role: "separator",
   "aria-orientation": "horizontal",
   class: "bg-ui-bg/80 my-4 h-0.5"
-}, ul = /* @__PURE__ */ D({
+}, dl = /* @__PURE__ */ D({
   __name: "DropdownMenuSeparator",
   setup(e) {
-    return (n, t) => (i(), r("div", sl));
+    return (n, t) => (i(), r("div", cl));
   }
 });
 function dt(e) {
@@ -2183,12 +2208,12 @@ function dt(e) {
   const t = n[0];
   return t.type === te && Array.isArray(t.children) ? dt(t.children) : t;
 }
-function cl(e) {
+function fl(e) {
   if (e instanceof HTMLElement) return e;
   const n = e?.$el;
   return n instanceof HTMLElement ? n : null;
 }
-const dl = D({
+const ml = D({
   name: "DropdownMenuTrigger",
   inheritAttrs: !1,
   props: {
@@ -2198,33 +2223,33 @@ const dl = D({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e, { slots: n, attrs: t }) {
-    const a = Ce(), l = k(null);
+    const a = Ce(), l = w(null);
     function o() {
-      a.ponerElDisparador(cl(l.value));
+      a.ponerElDisparador(fl(l.value));
     }
     function s() {
       e.disabled || (o(), a.alternar());
     }
-    function u(m) {
+    function u(f) {
       if (!e.disabled)
-        switch (m.key) {
+        switch (f.key) {
           case "Enter":
           case " ":
-            m.preventDefault(), o(), a.alternar("primero");
+            f.preventDefault(), o(), a.alternar("primero");
             break;
           case "ArrowDown":
-            m.preventDefault(), o(), a.abrir("primero");
+            f.preventDefault(), o(), a.abrir("primero");
             break;
           case "ArrowUp":
-            m.preventDefault(), o(), a.abrir("ultimo");
+            f.preventDefault(), o(), a.abrir("ultimo");
             break;
           case "Escape":
-            a.abierto.value && (m.preventDefault(), a.cerrar({ devolverElFoco: !0 }));
+            a.abierto.value && (f.preventDefault(), a.cerrar({ devolverElFoco: !0 }));
             break;
         }
     }
     return () => {
-      const m = {
+      const f = {
         ref: (d) => {
           l.value = d, o();
         },
@@ -2236,19 +2261,19 @@ const dl = D({
         "aria-controls": a.abierto.value ? a.idDelMenu : void 0,
         onClick: s,
         onKeydown: u
-      }, f = n.default?.() ?? [];
+      }, m = n.default?.() ?? [];
       if (e.asChild) {
-        const d = dt(f);
-        if (d) return $t(d, { ...t, ...m });
+        const d = dt(m);
+        if (d) return $t(d, { ...t, ...f });
       }
       return Ct(
         "div",
-        { ...t, class: ["dropdown-menu-trigger inline-block", t.class], ...m },
-        f
+        { ...t, class: ["dropdown-menu-trigger inline-block", t.class], ...f },
+        m
       );
     };
   }
-}), fl = ["for"], ml = /* @__PURE__ */ D({
+}), bl = ["for"], vl = /* @__PURE__ */ D({
   __name: "FormGroup",
   props: {
     label: {},
@@ -2264,11 +2289,11 @@ const dl = D({
         key: 0,
         for: e.htmlFor,
         class: y(["text-sm font-medium text-primary dark:text-primary-dark", e.labelClass])
-      }, M(e.label), 11, fl)) : x("", !0),
+      }, V(e.label), 11, bl)) : x("", !0),
       S(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), bl = /* @__PURE__ */ $e(ml, [["__scopeId", "data-v-c0d9d9cb"]]), vl = /* @__PURE__ */ D({
+}), pl = /* @__PURE__ */ Oe(vl, [["__scopeId", "data-v-c0d9d9cb"]]), yl = ["role", "tabindex", "onKeydown"], gl = /* @__PURE__ */ D({
   __name: "ListCard",
   props: {
     clickable: { type: Boolean, default: !1 },
@@ -2281,21 +2306,27 @@ const dl = D({
     };
     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",
+        "flex items-center justify-between background p-3 rounded-corner border border-ui-border transition-colors duration-200",
         {
-          "hover:bg-vsk-primary/5 cursor-pointer": t.clickable
+          "hover:bg-ui-surface/60 cursor-pointer": t.clickable
         },
         e.customClass
       ]),
-      onClick: l
+      role: t.clickable ? "button" : void 0,
+      tabindex: t.clickable ? 0 : void 0,
+      onClick: l,
+      onKeydown: [
+        I(M(l, ["self", "prevent"]), ["enter"]),
+        I(M(l, ["self", "prevent"]), ["space"])
+      ]
     }, [
-      S(o.$slots, "default", {}, void 0, !0)
-    ], 2));
+      S(o.$slots, "default")
+    ], 42, yl));
   }
-}), 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 = {
+}), hl = { class: "background rounded-corner flex flex-row items-center gap-2 justify-between w-full h-auto p-4 transition-[background-color] duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80" }, xl = ["title", "aria-label"], wl = ["src"], kl = {
   key: 1,
   class: "w-8 h-8 flex items-center justify-center"
-}, kl = ["src"], wl = ["min", "max", "value", "aria-label", "aria-valuetext"], $l = /* @__PURE__ */ D({
+}, $l = ["src"], Cl = ["min", "max", "value", "aria-label", "aria-valuetext"], zl = /* @__PURE__ */ D({
   __name: "SliderControl",
   props: {
     name: { default: "" },
@@ -2320,15 +2351,15 @@ const dl = D({
     });
     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);
-    }), o = v(() => t.getPercentageClass ? t.getPercentageClass(l.value) : ""), s = (m) => {
-      const f = m.target;
-      a("update:modelValue", Number(f.value));
+      const f = t.max - t.min, m = t.modelValue - t.min;
+      return Math.round(m / f * 100);
+    }), o = v(() => t.getPercentageClass ? t.getPercentageClass(l.value) : ""), s = (f) => {
+      const m = f.target;
+      a("update:modelValue", Number(m.value));
     }, u = () => {
       a("buttonClick");
     };
-    return (m, f) => (i(), r("div", yl, [
+    return (f, m) => (i(), r("div", hl, [
       e.showButton ? (i(), r("button", {
         key: 0,
         onClick: u,
@@ -2348,8 +2379,8 @@ const dl = D({
           src: e.icon,
           alt: "",
           class: y(["w-6 h-6", e.iconClass])
-        }, null, 10, hl))
-      ], 8, gl)) : (i(), r("div", xl, [
+        }, null, 10, wl))
+      ], 8, xl)) : (i(), r("div", kl, [
         e.name ? (i(), U(N, {
           key: 0,
           name: e.name,
@@ -2360,7 +2391,7 @@ const dl = D({
           src: e.icon,
           alt: "",
           class: "w-6 h-6"
-        }, null, 8, kl))
+        }, null, 8, $l))
       ])),
       B("input", {
         type: "range",
@@ -2371,10 +2402,10 @@ const dl = D({
         "aria-label": e.label,
         "aria-valuetext": `${l.value}%`,
         class: "flex-1 transition-[scale] duration-200 hover:scale-105"
-      }, null, 40, wl),
+      }, null, 40, Cl),
       B("span", {
         class: y(["w-12 text-right transition-[color] duration-200 font-medium", o.value])
-      }, M(l.value) + "% ", 3)
+      }, V(l.value) + "% ", 3)
     ]));
   }
 }), je = /* @__PURE__ */ D({
@@ -2401,10 +2432,10 @@ const dl = D({
       }, null, 2)
     ], 2));
   }
-}), Cl = ["aria-checked", "disabled"], zl = { class: "min-w-0 flex-1" }, El = { class: "block font-medium text-sm text-tx-main" }, Ll = {
+}), El = ["aria-checked", "disabled"], Ll = { class: "min-w-0 flex-1" }, Dl = { class: "block font-medium text-sm text-tx-main" }, Tl = {
   key: 0,
   class: "mt-0.5 block text-tx-muted text-xs"
-}, Dl = /* @__PURE__ */ D({
+}, Al = /* @__PURE__ */ D({
   __name: "SwitchRow",
   props: {
     modelValue: { type: Boolean },
@@ -2425,7 +2456,7 @@ const dl = D({
       class: "flex w-full items-start gap-3 rounded-corner p-2 text-left transition-colors hover:bg-ui-surface/60 disabled:cursor-not-allowed disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
       onClick: o[0] || (o[0] = (s) => a("update:modelValue", !t.modelValue))
     }, [
-      O(je, {
+      j(je, {
         on: e.modelValue,
         class: "mt-0.5"
       }, null, 8, ["on"]),
@@ -2434,21 +2465,21 @@ const dl = D({
         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(N, {
+        j(N, {
           name: e.icon,
           type: e.iconType,
           size: 24,
           alt: ""
         }, null, 8, ["name", "type"])
       ], 2)) : x("", !0),
-      B("span", zl, [
-        B("span", El, M(e.label), 1),
-        e.description ? (i(), r("span", Ll, M(e.description), 1)) : x("", !0),
+      B("span", Ll, [
+        B("span", Dl, V(e.label), 1),
+        e.description ? (i(), r("span", Tl, V(e.description), 1)) : x("", !0),
         S(l.$slots, "pie")
       ])
-    ], 8, Cl));
+    ], 8, El));
   }
-}), Tl = ["aria-checked", "aria-label", "disabled"], Al = /* @__PURE__ */ D({
+}), Bl = ["aria-checked", "aria-label", "disabled"], Sl = /* @__PURE__ */ D({
   __name: "SwitchToggle",
   props: {
     modelValue: { type: Boolean },
@@ -2471,13 +2502,13 @@ const dl = D({
       class: "rounded-full transition-opacity disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
       onClick: l
     }, [
-      O(je, {
+      j(je, {
         on: e.modelValue,
         size: e.size
       }, null, 8, ["on", "size"])
-    ], 8, Tl));
+    ], 8, Bl));
   }
-}), Bl = ["disabled", "title", "aria-label", "aria-pressed", "aria-busy"], Sl = ["src"], Ml = /* @__PURE__ */ D({
+}), Ml = ["disabled", "title", "aria-label", "aria-pressed", "aria-busy"], Vl = ["src"], Il = /* @__PURE__ */ D({
   __name: "ToggleControl",
   props: {
     name: { default: "" },
@@ -2538,17 +2569,17 @@ const dl = D({
           "drop-shadow-lg": e.isActive,
           ...e.iconClass
         }])
-      }, null, 10, Sl))
-    ], 10, Bl));
+      }, null, 10, Vl))
+    ], 10, Ml));
   }
 }), ft = /* @__PURE__ */ Symbol("tooltip de vasak");
 function mt() {
-  const e = ke(ft, null);
+  const e = we(ft, null);
   if (e) return e;
-  const n = k(!1);
+  const n = w(!1);
   return {
     abierto: v(() => n.value),
-    disparador: k(null),
+    disparador: w(null),
     ponerElDisparador: () => {
     },
     abrir: () => {
@@ -2559,14 +2590,14 @@ function mt() {
     }
   };
 }
-const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
+const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
   __name: "Tooltip",
   props: {
     disabled: { type: Boolean, default: !1 },
     delayDuration: { default: 200 }
   },
   setup(e) {
-    const n = e, t = k(!1), a = k(null);
+    const n = e, t = w(!1), a = w(null);
     let l = null;
     function o() {
       n.disabled || (l = setTimeout(() => {
@@ -2584,11 +2615,11 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
       },
       abrir: o,
       cerrar: s
-    }), (u, m) => (i(), r("div", Vl, [
+    }), (u, f) => (i(), r("div", Ol, [
       S(u.$slots, "default")
     ]));
   }
-}), Ol = /* @__PURE__ */ D({
+}), Pl = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "TooltipContent",
   props: {
@@ -2597,11 +2628,11 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
     sideOffset: { default: 4 }
   },
   setup(e) {
-    const n = Be(), t = v(() => n.class ?? ""), a = e, l = mt(), o = v(() => l.abierto.value), s = k(null), u = k({ top: 0, left: 0 });
-    function m() {
-      const f = l.disparador.value;
-      if (!f || !s.value) return;
-      const d = f.getBoundingClientRect(), E = s.value.getBoundingClientRect();
+    const n = Be(), t = v(() => n.class ?? ""), a = e, l = mt(), o = v(() => l.abierto.value), s = w(null), u = w({ top: 0, left: 0 });
+    function f() {
+      const m = l.disparador.value;
+      if (!m || !s.value) return;
+      const d = m.getBoundingClientRect(), E = s.value.getBoundingClientRect();
       let L = 0, A = 0;
       switch (a.side) {
         case "bottom":
@@ -2619,10 +2650,10 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
       }
       u.value = { top: L, left: A };
     }
-    return Q(o, async (f) => {
-      f && (await J(), requestAnimationFrame(m));
-    }), (f, d) => (i(), U(ge, { to: "body" }, [
-      O(we, {
+    return Q(o, async (m) => {
+      m && (await J(), requestAnimationFrame(f));
+    }), (m, d) => (i(), U(ge, { to: "body" }, [
+      j($e, {
         "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",
@@ -2638,7 +2669,7 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
               "pointer-events-none rounded-corner border border-secondary bg-ui-bg/80 px-2 py-1 text-sm shadow-md"
             ])
           }, [
-            S(f.$slots, "default")
+            S(m.$slots, "default")
           ], 6), [
             [Ye, o.value]
           ])
@@ -2647,10 +2678,10 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
       })
     ]));
   }
-}), jl = /* @__PURE__ */ D({
+}), Rl = /* @__PURE__ */ D({
   __name: "TooltipTrigger",
   setup(e) {
-    const n = mt(), t = k(null);
+    const n = mt(), t = w(null);
     function a() {
       return t.value ? t.value.firstElementChild ?? t.value : null;
     }
@@ -2671,10 +2702,10 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
       S(o.$slots, "default")
     ], 544));
   }
-}), Pl = ["title"], Rl = ["src", "alt"], Fl = {
+}), Fl = ["title"], Nl = ["src", "alt"], ql = {
   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({
+}, Hl = /* @__PURE__ */ D({
   __name: "TrayIconButton",
   props: {
     name: { default: "" },
@@ -2691,7 +2722,7 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = k(!1);
+    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."
@@ -2704,8 +2735,8 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
       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: o,
-      onMouseenter: u[0] || (u[0] = (m) => l.value = !0),
-      onMouseleave: u[1] || (u[1] = (m) => l.value = !1)
+      onMouseenter: u[0] || (u[0] = (f) => l.value = !0),
+      onMouseleave: u[1] || (u[1] = (f) => l.value = !1)
     }, [
       e.name ? (i(), U(N, {
         key: 0,
@@ -2719,8 +2750,8 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
         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),
+      }, null, 10, Nl)),
+      e.badge !== null && e.badge > 0 ? (i(), r("div", ql, V(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", [
@@ -2730,11 +2761,11 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
             "opacity-100 translate-y-0": l.value
           }
         ]])
-      }, M(e.customTooltipText), 3)) : x("", !0),
+      }, V(e.customTooltipText), 3)) : x("", !0),
       S(s.$slots, "default")
-    ], 42, Pl));
+    ], 42, Fl));
   }
-}), ql = [
+}), Ul = [
   ua,
   _e,
   Ze,
@@ -2751,38 +2782,38 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
   on,
   sn,
   mn,
-  Oe,
+  Ie,
   Ln,
   lt,
   cn,
   An,
-  Rn,
   Nn,
-  Kn,
+  Hn,
   Gn,
   Yn,
   Jn,
   _n,
   tl,
-  ll,
+  nl,
   il,
-  rl,
+  sl,
   ul,
   dl,
-  bl,
+  ml,
   pl,
-  $l,
-  Dl,
+  gl,
+  zl,
   Al,
+  Sl,
   je,
-  Ml,
   Il,
-  Ol,
   jl,
-  Nl
-], Xl = {
+  Pl,
+  Rl,
+  Hl
+], Zl = {
   install(e) {
-    ql.forEach((n) => {
+    Ul.forEach((n) => {
       e.component(n.name, n);
     });
   }
@@ -2796,54 +2827,54 @@ export {
   rt as CLAVE_DEL_DIALOGO,
   ut as CLAVE_DEL_MENU,
   ft as CLAVE_DEL_TOOLTIP,
-  Ve as CLAVE_DE_LA_BARRA,
+  Me as CLAVE_DE_LA_BARRA,
   An as ConfigSection,
-  Rn as DeviceCard,
-  Nn as Dialog,
-  Kn as DialogContent,
-  Gn as DialogDescription,
-  Yn as DialogFooter,
-  Jn as DialogHeader,
-  _n as DialogTitle,
-  tl as DropdownMenu,
-  ll as DropdownMenuContent,
-  il as DropdownMenuItem,
-  rl as DropdownMenuLabel,
-  ul as DropdownMenuSeparator,
-  dl as DropdownMenuTrigger,
+  Nn as DeviceCard,
+  Hn as Dialog,
+  Gn as DialogContent,
+  Yn as DialogDescription,
+  Jn as DialogFooter,
+  _n as DialogHeader,
+  tl as DialogTitle,
+  nl as DropdownMenu,
+  il as DropdownMenuContent,
+  sl as DropdownMenuItem,
+  ul as DropdownMenuLabel,
+  dl as DropdownMenuSeparator,
+  ml as DropdownMenuTrigger,
   on as EmptyState,
-  bl as FormGroup,
-  Ie as LOS_TRES_CONTROLES,
-  pl as ListCard,
+  pl as FormGroup,
+  Ve as LOS_TRES_CONTROLES,
+  gl as ListCard,
   sn as LoadingState,
   va as POSICIONES,
   mn as ProgressBar,
-  Oe as SearchField,
+  Ie as SearchField,
   Ln as SearchSelect,
   ba as SelectField,
   ua as SideBar,
   _e as SideButton,
   Ze as SideGroup,
-  $l as SliderControl,
-  Dl as SwitchRow,
-  Al as SwitchToggle,
+  zl as SliderControl,
+  Al as SwitchRow,
+  Sl as SwitchToggle,
   je as SwitchTrack,
   Ra as TabBar,
   nt as TabItem,
   lt as TextInput,
   N as ThemeIcon,
   cn as ToastArea,
-  Ml as ToggleControl,
-  Il as Tooltip,
-  Ol as TooltipContent,
-  jl as TooltipTrigger,
-  Nl as TrayIconButton,
+  Il as ToggleControl,
+  jl as Tooltip,
+  Pl as TooltipContent,
+  Rl as TooltipTrigger,
+  Hl as TrayIconButton,
   tt as WindowControls,
   La as WindowFrame,
   vn as buscarOpciones,
-  Xl as default,
+  Zl as default,
   pa as esPosicion,
-  Ql as olvidarLosIconosDelTema,
+  Xl as olvidarLosIconosDelTema,
   Ae as orientacionDe,
   ha as posicionDe,
   it as rolDelTono,
@@ -2852,5 +2883,5 @@ export {
   mt as usarElTooltip,
   he as usarLaBarra,
   xa as usarLaPosicionDeLaBarra,
-  Yl as usarLaVersionDelTema
+  Jl as usarLaVersionDelTema
 };