@vasakgroup/vue-libvasak 1.5.0 → 1.6.0

package/dist/vue-libvasak.es.js

@@ -1,17 +1,17 @@
-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 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 Ae, useId as yt, useModel as gt, withDirectives as Be, mergeProps as ce, isRef as ht, vModelSelect as xt, inject as we, getCurrentInstance as Ge, provide as ye, createTextVNode as Se, toHandlers as Qe, createSlots as wt, withModifiers as V, withKeys as P, Teleport as ge, Transition as ke, nextTick as J, TransitionGroup as kt, vShow as Ye, cloneVNode as $t, h as Ct, Comment as zt, Text as Et } from "vue";
 import { listen as Lt } from "@tauri-apps/api/event";
 import { getSymbolSource as Dt, getIconSource as Tt } from "@vasakgroup/plugin-vicons";
 import { getCurrentWindow as At } from "@tauri-apps/api/window";
 import { useI18n as Bt } from "@vasakgroup/tauri-plugin-i18n";
-const St = "vicons:theme-changed", xe = /* @__PURE__ */ new Map(), 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() {
-  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;
+  xe.clear(), re.clear(), se = 0, be = null, ie = null, me.value = 0, ae.clear(), ne.clear(), Xe = 0, ee?.disconnect(), ee = null, Le = !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();
-let Xe = 0, ee = null, De = !1;
+const Mt = 100, Ce = 10, Vt = 16, ae = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Set();
+let Xe = 0, ee = null, Le = !1;
 function It() {
-  return De ? ee : (De = !0, typeof IntersectionObserver > "u" ? null : (ee = new IntersectionObserver(
+  return Le ? ee : (Le = !0, typeof IntersectionObserver > "u" ? null : (ee = new IntersectionObserver(
     (e) => {
       for (const n of e) {
         const t = n.target.dataset?.iconoId;
@@ -44,13 +44,13 @@ function Rt(e) {
 async function Ft(e) {
   const n = [...ae.keys()], t = n.filter((l) => ne.has(l)), a = n.filter((l) => !ne.has(l));
   for (const l of [t, a])
-    for (let o = 0; o < l.length; o += ze) {
+    for (let o = 0; o < l.length; o += Ce) {
       if (e.cancelado) return;
-      const s = l.slice(o, o + ze);
+      const s = l.slice(o, o + Ce);
       if (await Promise.allSettled(
         s.map((u) => ae.get(u)?.recargar() ?? Promise.resolve())
       ), e.cancelado) return;
-      (o + ze < l.length || l === t) && await Rt(Vt);
+      (o + Ce < l.length || l === t) && await Rt(Vt);
     }
   _ === e && (_ = null);
 }
@@ -69,7 +69,7 @@ function Je() {
     se <= 0 ? e() : be = e, ie = null;
   }), ie);
 }
-function Te() {
+function De() {
   se--, !(se > 0) && (se = 0, be?.(), be = null);
 }
 function Ht(e, n) {
@@ -87,13 +87,13 @@ function Ht(e, n) {
 function Yl() {
   let e = !1;
   return W(async () => {
-    await Je(), e && Te();
+    await Je(), e && De();
   }), ve(() => {
-    e || (e = !0, Te());
+    e || (e = !0, De());
   }), vt(me);
 }
 function Ut(e, n) {
-  const t = k("");
+  const t = w("");
   let a = !1, l = 0;
   const o = Ot(async () => {
     await s();
@@ -110,7 +110,7 @@ function Ut(e, n) {
   return W(async () => {
     await Je(), a || await s();
   }), ve(() => {
-    a = !0, Pt(o), Te();
+    a = !0, Pt(o), De();
   }), Q([e, n], s), { fuente: t, mirarElemento: (u) => jt(o, u) };
 }
 const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
@@ -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) => {
@@ -254,7 +254,7 @@ 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);
+    const a = e, l = t, o = w(a.collapsed ?? !1), s = w(!1);
     let u = null, m = null;
     const f = v(() => s.value || o.value), d = v(() => !!(a.title || a.subtitle));
     v(() => a.categories.length > 0);
@@ -357,7 +357,7 @@ 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", {
+    const t = e, a = Ae(), l = yt(), o = v(() => a.id ?? l), s = n, [u, m] = gt(e, "modelValue", {
       set(f) {
         return m.number ? Number(f) : f;
       }
@@ -369,7 +369,7 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
         class: "text-tx-muted text-xs"
       }, M(t.label), 9, da)) : x("", !0),
       B("div", fa, [
-        Se(B("select", ce({
+        Be(B("select", ce({
           id: o.value,
           "onUpdate:modelValue": d[0] || (d[0] = (E) => ht(u) ? u.value = E : null),
           class: "min-w-0 flex-1 appearance-none truncate rounded-corner border border-ui-border bg-ui-surface/60 py-1.5 pr-8 pl-2 text-sm text-tx-main"
@@ -389,8 +389,8 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
       ])
     ]));
   }
-}), Ve = /* @__PURE__ */ Symbol("barra de vasak");
-function Ae(e) {
+}), Me = /* @__PURE__ */ Symbol("barra de vasak");
+function Te(e) {
   return e === "left" || e === "right" ? "vertical" : "horizontal";
 }
 const va = ["top", "bottom", "left", "right"];
@@ -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")
+    orientacion: v(() => Te(n.value)),
+    vertical: v(() => Te(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,10 +447,10 @@ 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"], ze = "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: {}
@@ -489,7 +489,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       f.value.minimize ? (i(), r("button", {
         key: 0,
         type: "button",
-        class: y([Ee, "hover:bg-status-success"]),
+        class: y([ze, "hover:bg-status-success"]),
         title: l.value,
         "aria-label": l.value,
         onClick: C[0] || (C[0] = (h) => A())
@@ -499,11 +499,11 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
           type: "symbol",
           size: 24
         })
-      ], 10, ka)) : x("", !0),
+      ], 10, wa)) : x("", !0),
       f.value.maximize ? (i(), r("button", {
         key: 1,
         type: "button",
-        class: y([Ee, "hover:bg-status-warning"]),
+        class: y([ze, "hover:bg-status-warning"]),
         title: o.value,
         "aria-label": o.value,
         onClick: C[1] || (C[1] = (h) => g())
@@ -513,11 +513,11 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
           type: "symbol",
           size: 24
         })
-      ], 10, wa)) : x("", !0),
+      ], 10, ka)) : x("", !0),
       f.value.close ? (i(), r("button", {
         key: 2,
         type: "button",
-        class: y([Ee, "hover:bg-status-error"]),
+        class: y([ze, "hover:bg-status-error"]),
         title: s.value,
         "aria-label": s.value,
         onClick: C[2] || (C[2] = (h) => $())
@@ -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)
+          Se(M(e.title), 1)
         ])
       ])) : x("", !0),
       B("div", {
@@ -605,13 +605,13 @@ 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 });
+    const n = e, t = xa(), a = v(() => n.position ?? t.value), l = v(() => Te(a.value)), o = v(() => l.value === "vertical");
+    ye(Me, { posicion: a, orientacion: l, vertical: o });
     const s = {
       top: "flex-col",
       bottom: "flex-col-reverse",
@@ -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,7 +690,7 @@ 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), m = w(!1), f = w(!1), d = w(!1), E = w({ top: 0, left: 0, right: 0 });
     let L = null, A = null;
     const g = v(() => t.tab.closable !== !1), $ = v(() => t.tab.tooltip ?? t.tab.label), j = v(
       () => t.tab.dirty ? `${t.tab.label} · ${t.dirtyLabel}` : t.tab.label
@@ -700,23 +700,23 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       () => g.value && (h.value || t.active || !t.tab.dirty)
     ), p = v(
       () => l.value && (m.value || f.value || d.value)
-    ), P = v(() => {
+    ), 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();
@@ -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", [
@@ -754,21 +754,21 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       title: $.value,
       "aria-label": j.value,
       tabindex: e.tabindex,
-      onClick: w[5] || (w[5] = V((H) => a("select"), ["stop"])),
+      onClick: k[5] || (k[5] = V((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] = P(V((H) => a("select"), ["stop"]), ["enter"])),
+        k[7] || (k[7] = P(V((H) => a("select"), ["prevent", "stop"]), ["space"])),
+        k[8] || (k[8] = P(V((H) => a("navegar", "anterior"), ["prevent", "stop"]), ["left"])),
+        k[9] || (k[9] = P(V((H) => a("navegar", "anterior"), ["prevent", "stop"]), ["up"])),
+        k[10] || (k[10] = P(V((H) => a("navegar", "siguiente"), ["prevent", "stop"]), ["right"])),
+        k[11] || (k[11] = P(V((H) => a("navegar", "siguiente"), ["prevent", "stop"]), ["down"])),
+        k[12] || (k[12] = P(V((H) => a("navegar", "primera"), ["prevent", "stop"]), ["home"])),
+        k[13] || (k[13] = P(V((H) => a("navegar", "ultima"), ["prevent", "stop"]), ["end"])),
+        k[14] || (k[14] = P(V((H) => a("mover", -1), ["alt", "prevent", "stop"]), ["left"])),
+        k[15] || (k[15] = P(V((H) => a("mover", -1), ["alt", "prevent", "stop"]), ["up"])),
+        k[16] || (k[16] = P(V((H) => a("mover", 1), ["alt", "prevent", "stop"]), ["right"])),
+        k[17] || (k[17] = P(V((H) => a("mover", 1), ["alt", "prevent", "stop"]), ["down"])),
+        k[18] || (k[18] = P(V((H) => g.value && a("close"), ["prevent", "stop"]), ["delete"]))
       ],
       onAuxclick: V(de, ["stop"]),
       onContextmenu: bt,
@@ -777,9 +777,9 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       onPointerup: T,
       onPointerleave: T,
       onMouseenter: oe,
-      onMouseleave: w[19] || (w[19] = (H) => m.value = !1),
+      onMouseleave: k[19] || (k[19] = (H) => m.value = !1),
       onFocus: Y,
-      onBlur: w[20] || (w[20] = (H) => f.value = !1)
+      onBlur: k[20] || (k[20] = (H) => f.value = !1)
     }, [
       e.tab.icon ? (i(), U(N, {
         key: 0,
@@ -798,7 +798,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
         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"]))
+        onClick: k[0] || (k[0] = V((H) => a("close"), ["stop"]))
       }, [
         O(N, {
           name: "gtk-close",
@@ -807,7 +807,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
         })
       ], 8, Ba)) : x("", !0),
       (i(), U(ge, { to: "body" }, [
-        O(we, {
+        O(ke, {
           "enter-active-class": "transition duration-150 ease-out",
           "enter-from-class": "opacity-0 scale-95",
           "leave-active-class": "transition duration-100 ease-in",
@@ -819,10 +819,10 @@ 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),
@@ -833,7 +833,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
                 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"]))
+                onClick: k[1] || (k[1] = V((H) => a("close"), ["stop"]))
               }, [
                 O(N, {
                   name: "gtk-close",
@@ -860,7 +860,7 @@ 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);
+    const t = e, a = n, { vertical: l } = he(), o = w(null), s = w(0), u = w(null), m = w(null);
     function f(h) {
       a("update:modelValue", h), a("select", h);
     }
@@ -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;
@@ -919,9 +919,9 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
             m.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"]),
+          onDragstart: (R) => A(p, R),
+          onDragover: (R) => g(p, R),
+          onDrop: V((R) => $(p), ["prevent"]),
           onDragend: j
         }, [
           O(nt, {
@@ -930,11 +930,11 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
             "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) => f(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),
@@ -980,7 +980,7 @@ 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);
+    const u = w(null);
     function m() {
       return u.value?.focus(), u.value !== null && document.activeElement === u.value;
     }
@@ -1013,7 +1013,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       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,7 +1030,7 @@ 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(
       () => a.listboxId ? {
@@ -1065,7 +1065,7 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       }
     ), ($, j) => (i(), r("div", {
       class: "relative flex items-center",
-      onKeydown: R(L, ["enter"])
+      onKeydown: P(L, ["enter"])
     }, [
       B("span", Na, [
         O(N, {
@@ -1118,7 +1118,7 @@ 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(() => {
+    const t = e, a = n, { vertical: l, posicion: o } = he(), s = w(!1), u = w(null), m = v(() => l.value || t.collapsed), f = v(() => !m.value || s.value), d = v(() => {
       if (!m.value) return "";
       const 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`;
@@ -1157,9 +1157,9 @@ const ka = ["title", "aria-label"], wa = ["title", "aria-label"], $a = ["title",
       f.value ? (i(), r("div", {
         key: 1,
         class: y(d.value),
-        onKeydown: R(L, ["esc"])
+        onKeydown: P(L, ["esc"])
       }, [
-        O(Oe, {
+        O(Ie, {
           ref_key: "campo",
           ref: u,
           "model-value": e.modelValue,
@@ -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",
@@ -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, {
+        O(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)
+                Se(M(o.message), 1)
               ])
             ], 10, un))), 128))
           ]),
@@ -1403,7 +1403,7 @@ const Za = ["role"], _a = {
     ], 8, dn));
   }
 }), bn = /[/\-_.]/;
-function Le(e, n) {
+function Ee(e, n) {
   if (!n) return 100;
   const t = n.toLowerCase();
   return t === e ? 0 : t.startsWith(e) ? 10 : t.split(bn).some((a) => a.startsWith(e)) ? 30 : t.includes(e) ? 40 : 100;
@@ -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 = Ee(t, o.valor), u = Ee(t, o.etiqueta), m = u === 10 ? 20 : u, d = Ee(t, o.detalle) === 100 ? 100 : 40, E = Math.min(s, m, d);
     E !== 100 && a.push({ opcion: o, rango: E, orden: l });
   }
   return a.sort((l, o) => l.rango - o.rango || l.orden - o.orden), a.map((l) => l.opcion);
@@ -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,7 +1449,7 @@ 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), m = w(null), f = w(null), d = pn(), E = v(
       () => t.options.find((T) => T.valor === t.modelValue) ?? null
     ), L = v(() => vn(t.options, l.value)), A = v(() => L.value.slice(0, t.limit)), g = v(() => Math.max(0, L.value.length - t.limit)), $ = v(
       () => A.value.length > 0 ? `${d}-${s.value}` : void 0
@@ -1478,7 +1478,7 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
       const I = Number(z.getAttribute("data-indice"));
       return Number.isInteger(I) ? I : null;
     }
-    function P(T) {
+    function R(T) {
       const z = p(T), I = z === null ? void 0 : A.value[z];
       I && j(I.valor);
     }
@@ -1522,12 +1522,12 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
         "aria-haspopup": "listbox",
         onClick: z[0] || (z[0] = (I) => 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] = P(V((I) => o.value ? c(1) : C(), ["prevent"]), ["down"])),
+          z[2] || (z[2] = P(V((I) => o.value ? c(-1) : C(), ["prevent"]), ["up"]))
         ]
       }, [
         B("span", gn, [
-          Me(M(E.value?.etiqueta ?? e.placeholder) + " ", 1),
+          Se(M(E.value?.etiqueta ?? e.placeholder) + " ", 1),
           E.value?.detalle ? (i(), r("span", hn, M(E.value.detalle), 1)) : x("", !0)
         ]),
         O(N, {
@@ -1541,19 +1541,19 @@ 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] = P(V((I) => h(), ["prevent"]), ["escape"])),
+          z[5] || (z[5] = P(V((I) => c(1), ["prevent"]), ["down"])),
+          z[6] || (z[6] = P(V((I) => c(-1), ["prevent"]), ["up"])),
+          z[7] || (z[7] = P(V((I) => b(0), ["prevent"]), ["home"])),
+          z[8] || (z[8] = P(V((I) => b(A.value.length - 1), ["prevent"]), ["end"])),
+          z[9] || (z[9] = P(V((I) => oe(), ["prevent"]), ["enter"])),
+          z[10] || (z[10] = P((I) => h(!1), ["tab"]))
         ],
-        onClick: P,
+        onClick: R,
         onMousemove: le
       }, [
         B("div", xn, [
-          O(Oe, {
+          O(Ie, {
             ref_key: "campo",
             ref: f,
             modelValue: l.value,
@@ -1572,7 +1572,7 @@ 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),
+          A.value.length === 0 ? (i(), r("li", kn, M(e.emptyText), 1)) : x("", !0),
           (i(!0), r(te, null, ue(A.value, (I, de) => (i(), r("li", {
             id: `${F(d)}-${de}`,
             key: I.valor,
@@ -1588,7 +1588,7 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
             I.detalle ? (i(), r("span", zn, M(I.detalle), 1)) : x("", !0)
           ], 10, $n))), 128)),
           g.value > 0 ? (i(), r("li", En, "+" + M(g.value), 1)) : x("", !0)
-        ], 8, kn)
+        ], 8, wn)
       ], 34)) : x("", !0)
     ], 32));
   }
@@ -1607,7 +1607,7 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
       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 = { 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 = {
   key: 0,
   class: "text-xs text-gray-400 truncate"
 }, On = {
@@ -1648,7 +1648,7 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
         "[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]]),
+      class: y(["flex items-center justify-between background rounded-corner px-6 py-3 mb-4", [{ "border-l-4 border-green-500": e.isConnected }, e.customClass]]),
       onClick: o
     }, [
       B("div", Bn, [
@@ -1675,7 +1675,7 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
       ]),
       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",
+        class: "bg-primary text-tx-on-primary rounded-corner 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)
@@ -1683,15 +1683,15 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
   }
 }), 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: () => {
     }
   };
@@ -1707,7 +1707,7 @@ const Nn = /* @__PURE__ */ D({
   },
   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),
@@ -1728,10 +1728,10 @@ const Nn = /* @__PURE__ */ D({
     ariaLabel: {}
   },
   setup(e) {
-    const n = e, t = Be(), a = v(() => t.class ?? ""), l = v(() => {
+    const n = e, t = Ae(), 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" : `${Un} ${n.size === "lg" ? "max-w-2xl" : "max-w-lg"}`), s = st(), u = v(() => s.abierto.value), m = w(null), f = w(null);
     let d = null;
     function 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"])')] : [];
@@ -1779,7 +1779,7 @@ const Nn = /* @__PURE__ */ D({
     ), ve(() => {
       $(), j();
     }), (C, h) => (i(), U(ge, { to: "body" }, [
-      O(we, {
+      O(ke, {
         "enter-active-class": "transition-opacity duration-200 ease-out",
         "leave-active-class": "transition-opacity duration-150 ease-in",
         "enter-from-class": "opacity-0",
@@ -1847,20 +1847,20 @@ const Nn = /* @__PURE__ */ D({
     ], 8, Zn));
   }
 }), ut = /* @__PURE__ */ Symbol("menú de vasak");
-function Ce() {
-  const e = ke(ut, null);
+function $e() {
+  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;
     },
@@ -1883,7 +1883,7 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
   },
   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();
+    const t = e, a = n, l = w(!1), o = w(null), s = w(null), u = w("ninguno"), m = ct();
     let f = null;
     const d = v({
       get: () => t.open ?? l.value,
@@ -1944,7 +1944,7 @@ 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 = $e(), { idDelMenu: a, idDeLaEtiqueta: l } = t, o = v(() => t.disparador.value), s = v(() => t.abierto.value), u = w(null), m = w({
       top: 0,
       left: 0,
       techo: null
@@ -1972,7 +1972,7 @@ 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]);
@@ -1994,7 +1994,7 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
           break;
         }
       }
-      if (P)
+      if (R)
         switch (n.align) {
           case "start":
             T = c.left;
@@ -2066,15 +2066,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, {
+      O(ke, {
         "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",
@@ -2083,7 +2083,7 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
         onLeave: b[2] || (b[2] = (p) => p.offsetHeight)
       }, {
         default: G(() => [
-          Se(B("div", ce({
+          Be(B("div", ce({
             ref_key: "contenido",
             ref: u
           }, c.$attrs, {
@@ -2125,7 +2125,7 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
   },
   emits: ["select", "click"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = Ce();
+    const t = e, a = n, l = $e();
     function o(s) {
       t.disabled || (a("select"), a("click", s), l.cerrar({ devolverElFoco: !0 }));
     }
@@ -2142,8 +2142,8 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
       ]),
       onClick: o,
       onKeydown: [
-        R(V(o, ["prevent"]), ["enter"]),
-        R(V(o, ["prevent"]), ["space"])
+        P(V(o, ["prevent"]), ["enter"]),
+        P(V(o, ["prevent"]), ["space"])
       ]
     }, [
       S(s.$slots, "default")
@@ -2152,7 +2152,7 @@ const el = { class: "relative inline-block" }, tl = /* @__PURE__ */ D({
 }), rl = /* @__PURE__ */ D({
   __name: "DropdownMenuLabel",
   setup(e) {
-    const n = Ce(), t = `${ct()}-titulo`;
+    const n = $e(), t = `${ct()}-titulo`;
     return W(() => {
       n.ponerLaEtiqueta(t);
     }), pe(() => {
@@ -2198,7 +2198,7 @@ const dl = D({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e, { slots: n, attrs: t }) {
-    const a = Ce(), l = k(null);
+    const a = $e(), l = w(null);
     function o() {
       a.ponerElDisparador(cl(l.value));
     }
@@ -2268,7 +2268,7 @@ const dl = D({
       S(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), bl = /* @__PURE__ */ $e(ml, [["__scopeId", "data-v-c0d9d9cb"]]), vl = /* @__PURE__ */ D({
+}), bl = /* @__PURE__ */ Oe(ml, [["__scopeId", "data-v-c0d9d9cb"]]), vl = ["role", "tabindex", "onKeydown"], pl = /* @__PURE__ */ D({
   __name: "ListCard",
   props: {
     clickable: { type: Boolean, default: !1 },
@@ -2281,21 +2281,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: [
+        P(V(l, ["self", "prevent"]), ["enter"]),
+        P(V(l, ["self", "prevent"]), ["space"])
+      ]
     }, [
-      S(o.$slots, "default", {}, void 0, !0)
-    ], 2));
+      S(o.$slots, "default")
+    ], 42, vl));
   }
-}), 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 = {
+}), yl = { class: "background rounded-corner flex flex-row items-center gap-2 justify-between w-full h-auto p-4 transition-[background-color] duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80" }, gl = ["title", "aria-label"], hl = ["src"], xl = {
   key: 1,
   class: "w-8 h-8 flex items-center justify-center"
-}, kl = ["src"], wl = ["min", "max", "value", "aria-label", "aria-valuetext"], $l = /* @__PURE__ */ D({
+}, wl = ["src"], kl = ["min", "max", "value", "aria-label", "aria-valuetext"], $l = /* @__PURE__ */ D({
   __name: "SliderControl",
   props: {
     name: { default: "" },
@@ -2360,7 +2366,7 @@ const dl = D({
           src: e.icon,
           alt: "",
           class: "w-6 h-6"
-        }, null, 8, kl))
+        }, null, 8, wl))
       ])),
       B("input", {
         type: "range",
@@ -2371,7 +2377,7 @@ 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, kl),
       B("span", {
         class: y(["w-12 text-right transition-[color] duration-200 font-medium", o.value])
       }, M(l.value) + "% ", 3)
@@ -2543,12 +2549,12 @@ const dl = D({
   }
 }), 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: () => {
@@ -2566,7 +2572,7 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
     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(() => {
@@ -2597,7 +2603,7 @@ 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 });
+    const n = Ae(), t = v(() => n.class ?? ""), a = e, l = mt(), o = v(() => l.abierto.value), s = w(null), u = w({ top: 0, left: 0 });
     function m() {
       const f = l.disparador.value;
       if (!f || !s.value) return;
@@ -2622,14 +2628,14 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
     return Q(o, async (f) => {
       f && (await J(), requestAnimationFrame(m));
     }), (f, d) => (i(), U(ge, { to: "body" }, [
-      O(we, {
+      O(ke, {
         "enter-active-class": "transition-all duration-200 ease-in-out",
         "leave-active-class": "transition-all duration-200 ease-in-out",
         "enter-from-class": "opacity-0 scale-95",
         "leave-to-class": "opacity-0 scale-95"
       }, {
         default: G(() => [
-          Se(B("div", {
+          Be(B("div", {
             ref_key: "globo",
             ref: s,
             style: fe({ position: "fixed", top: `${u.value.top}px`, left: `${u.value.left}px`, zIndex: 50 }),
@@ -2650,7 +2656,7 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
 }), jl = /* @__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;
     }
@@ -2691,7 +2697,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."
@@ -2751,7 +2757,7 @@ const Vl = { class: "inline-block" }, Il = /* @__PURE__ */ D({
   on,
   sn,
   mn,
-  Oe,
+  Ie,
   Ln,
   lt,
   cn,
@@ -2796,7 +2802,7 @@ 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,
@@ -2813,12 +2819,12 @@ export {
   dl as DropdownMenuTrigger,
   on as EmptyState,
   bl as FormGroup,
-  Ie as LOS_TRES_CONTROLES,
+  Ve as LOS_TRES_CONTROLES,
   pl 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,
@@ -2844,11 +2850,11 @@ export {
   Xl as default,
   pa as esPosicion,
   Ql as olvidarLosIconosDelTema,
-  Ae as orientacionDe,
+  Te as orientacionDe,
   ha as posicionDe,
   it as rolDelTono,
   st as usarElDialogo,
-  Ce as usarElMenu,
+  $e as usarElMenu,
   mt as usarElTooltip,
   he as usarLaBarra,
   xa as usarLaPosicionDeLaBarra,