@vasakgroup/vue-libvasak 0.15.1 → 0.16.0

package/dist/vue-libvasak.es.js

@@ -1,9 +1,9 @@
-import { ref as $, onMounted as J, onUnmounted as ve, watch as K, defineComponent as z, toRef as Be, computed as p, createElementBlock as s, unref as q, openBlock as i, normalizeStyle as se, createCommentVNode as h, createElementVNode as E, createVNode as O, toDisplayString as S, normalizeClass as x, renderSlot as A, createBlock as Q, onBeforeUnmount as ce, Fragment as Z, renderList as ne, withCtx as W, mergeModels as Ae, useAttrs as we, useId as ot, useModel as it, withDirectives as Ce, mergeProps as oe, isRef as st, vModelSelect as rt, inject as pe, getCurrentInstance as Fe, provide as de, createTextVNode as ze, toHandlers as qe, createSlots as ut, withModifiers as M, withKeys as F, Teleport as fe, Transition as ge, nextTick as Y, TransitionGroup as ct, vShow as Re, cloneVNode as dt, h as ft, Comment as mt, Text as bt } from "vue";
+import { ref as w, onMounted as J, onUnmounted as ve, watch as K, defineComponent as z, toRef as Be, computed as p, createElementBlock as s, unref as q, openBlock as i, normalizeStyle as se, createCommentVNode as h, createElementVNode as E, createVNode as O, toDisplayString as S, normalizeClass as x, renderSlot as A, createBlock as Q, onBeforeUnmount as ce, Fragment as Z, renderList as ne, withCtx as W, mergeModels as Ae, useAttrs as $e, useId as ot, useModel as it, withDirectives as Ce, mergeProps as oe, isRef as st, vModelSelect as rt, inject as pe, getCurrentInstance as Fe, provide as de, createTextVNode as ze, toHandlers as qe, createSlots as ut, withModifiers as M, withKeys as F, Teleport as fe, Transition as ye, nextTick as Y, TransitionGroup as ct, vShow as Re, cloneVNode as dt, h as ft, Comment as mt, Text as bt } from "vue";
 import { listen as vt } from "@tauri-apps/api/event";
-import { getSymbolSource as pt, getIconSource as gt } from "@vasakgroup/plugin-vicons";
-import { getCurrentWindow as yt } from "@tauri-apps/api/window";
+import { getSymbolSource as pt, getIconSource as yt } from "@vasakgroup/plugin-vicons";
+import { getCurrentWindow as gt } from "@tauri-apps/api/window";
 import { useI18n as ht } from "@vasakgroup/tauri-plugin-i18n";
-const xt = "vicons:theme-changed", be = /* @__PURE__ */ new Map(), ae = /* @__PURE__ */ new Map(), re = $(0);
+const xt = "vicons:theme-changed", be = /* @__PURE__ */ new Map(), ae = /* @__PURE__ */ new Map(), re = w(0);
 let le = 0, ue = null, te = null;
 function zn() {
   be.clear(), ae.clear(), le = 0, ue = null, te = null, re.value = 0;
@@ -11,12 +11,12 @@ function zn() {
 function kt() {
   be.clear(), ae.clear(), re.value++;
 }
-function $t() {
+function wt() {
   return le++, ue || te ? te ?? Promise.resolve() : (te = vt(xt, kt).then((e) => {
     le <= 0 ? e() : ue = e, te = null;
   }), te);
 }
-function wt() {
+function $t() {
   le--, !(le > 0) && (le = 0, ue?.(), ue = null);
 }
 function Ct(e, l) {
@@ -26,13 +26,13 @@ function Ct(e, l) {
   const n = ae.get(t);
   if (n)
     return n;
-  const o = re.value, u = (l === "symbol" ? pt(e) : gt(e)).then((r) => (re.value === o && be.set(t, r), r)).finally(() => {
+  const o = re.value, u = (l === "symbol" ? pt(e) : yt(e)).then((r) => (re.value === o && be.set(t, r), r)).finally(() => {
     ae.get(t) === u && ae.delete(t);
   });
   return ae.set(t, u), u;
 }
 function zt(e, l) {
-  const t = $("");
+  const t = w("");
   let a = !1, n = 0;
   async function o() {
     const u = ++n, r = e.value;
@@ -40,13 +40,13 @@ function zt(e, l) {
       t.value = "";
       return;
     }
-    const m = await Ct(r, l.value);
-    u === n && !a && (t.value = m);
+    const d = await Ct(r, l.value);
+    u === n && !a && (t.value = d);
   }
   return J(async () => {
-    await $t(), a || await o();
+    await wt(), a || await o();
   }), ve(() => {
-    a = !0, wt();
+    a = !0, $t();
   }), K([e, l], o), K(re, o), t;
 }
 const Et = ["src", "alt"], H = /* @__PURE__ */ z({
@@ -82,7 +82,7 @@ const Et = ["src", "alt"], H = /* @__PURE__ */ z({
     defaultOpen: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const l = e, t = $(l.defaultOpen);
+    const l = e, t = w(l.defaultOpen);
     return K(
       () => l.collapsed,
       (a) => {
@@ -182,9 +182,9 @@ const Et = ["src", "alt"], H = /* @__PURE__ */ z({
   },
   emits: ["update:modelValue", "update:collapsed", "change"],
   setup(e, { expose: l, emit: t }) {
-    const a = e, n = t, o = $(a.collapsed ?? !1), u = $(!1);
-    let r = null, m = null;
-    const b = p(() => u.value || o.value), f = p(() => !!(a.title || a.subtitle));
+    const a = e, n = t, o = w(a.collapsed ?? !1), u = w(!1);
+    let r = null, d = null;
+    const b = p(() => u.value || o.value), m = p(() => !!(a.title || a.subtitle));
     p(() => a.categories.length > 0);
     function B() {
       return document.documentElement?.clientWidth || window.innerWidth;
@@ -195,22 +195,22 @@ const Et = ["src", "alt"], H = /* @__PURE__ */ z({
     function L() {
       o.value = !o.value, n("update:collapsed", o.value);
     }
-    function g(d) {
-      n("update:modelValue", d), n("change", d);
+    function y(f) {
+      n("update:modelValue", f), n("change", f);
     }
     return K(
       () => a.collapsed,
-      (d) => {
-        d !== void 0 && (o.value = d);
+      (f) => {
+        f !== void 0 && (o.value = f);
       }
     ), J(() => {
-      r = window.matchMedia(`(max-width: ${Ve}px)`), D(), r.addEventListener("change", D), window.addEventListener("resize", D), typeof ResizeObserver < "u" && document.documentElement && (m = new ResizeObserver(D), m.observe(document.documentElement));
+      r = window.matchMedia(`(max-width: ${Ve}px)`), D(), r.addEventListener("change", D), window.addEventListener("resize", D), typeof ResizeObserver < "u" && document.documentElement && (d = new ResizeObserver(D), d.observe(document.documentElement));
     }), ce(() => {
-      r?.removeEventListener("change", D), window.removeEventListener("resize", D), m?.disconnect(), m = null;
-    }), l({ collapsed: b }), (d, V) => (i(), s("aside", {
+      r?.removeEventListener("change", D), window.removeEventListener("resize", D), d?.disconnect(), d = null;
+    }), l({ collapsed: b }), (f, V) => (i(), s("aside", {
       class: x(["relative z-30 flex h-full shrink-0 flex-col rounded-corner border border-ui-border bg-ui-surface/70 transition-all duration-300", ["w-[84px]", b.value ? "md:w-[84px]" : "md:w-72"]])
     }, [
-      f.value || d.$slots.header ? (i(), s("header", Mt, [
+      m.value || f.$slots.header ? (i(), s("header", Mt, [
         E("div", It, [
           E("button", {
             type: "button",
@@ -225,13 +225,13 @@ const Et = ["src", "alt"], H = /* @__PURE__ */ z({
               size: 16
             }, null, 8, ["name"])
           ], 8, Ot),
-          f.value && !b.value ? (i(), s("div", jt, [
+          m.value && !b.value ? (i(), s("div", jt, [
             e.title ? (i(), s("p", Pt, S(e.title), 1)) : h("", !0),
             e.subtitle ? (i(), s("p", Ft, S(e.subtitle), 1)) : h("", !0)
           ])) : h("", !0)
         ]),
-        d.$slots.header && !b.value ? (i(), s("div", qt, [
-          A(d.$slots, "header", { collapsed: b.value })
+        f.$slots.header && !b.value ? (i(), s("div", qt, [
+          A(f.$slots, "header", { collapsed: b.value })
         ])) : h("", !0)
       ])) : (i(), s("div", Rt, [
         E("button", {
@@ -255,20 +255,20 @@ const Et = ["src", "alt"], H = /* @__PURE__ */ z({
           collapsed: b.value
         }, {
           default: W(() => [
-            (i(!0), s(Z, null, ne(j.items, (w) => (i(), Q(He, {
-              key: w.id,
-              label: w.label,
-              icon: w.icon,
-              badge: w.badge,
-              disabled: w.disabled,
+            (i(!0), s(Z, null, ne(j.items, ($) => (i(), Q(He, {
+              key: $.id,
+              label: $.label,
+              icon: $.icon,
+              badge: $.badge,
+              disabled: $.disabled,
               collapsed: b.value,
-              active: e.modelValue === w.id,
-              onClick: (c) => g(w.id)
+              active: e.modelValue === $.id,
+              onClick: (c) => y($.id)
             }, null, 8, ["label", "icon", "badge", "disabled", "collapsed", "active", "onClick"]))), 128))
           ]),
           _: 2
         }, 1032, ["title", "collapsed"]))), 128)),
-        A(d.$slots, "default", { collapsed: b.value })
+        A(f.$slots, "default", { collapsed: b.value })
       ])
     ], 2));
   }
@@ -285,12 +285,12 @@ const Et = ["src", "alt"], H = /* @__PURE__ */ z({
   }),
   emits: /* @__PURE__ */ Ae(["change"], ["update:modelValue"]),
   setup(e, { emit: l }) {
-    const t = e, a = we(), n = ot(), o = p(() => a.id ?? n), u = l, [r, m] = it(e, "modelValue", {
+    const t = e, a = $e(), n = ot(), o = p(() => a.id ?? n), u = l, [r, d] = it(e, "modelValue", {
       set(b) {
-        return m.number ? Number(b) : b;
+        return d.number ? Number(b) : b;
       }
     });
-    return (b, f) => (i(), s("div", Wt, [
+    return (b, m) => (i(), s("div", Wt, [
       t.label ? (i(), s("label", {
         key: 0,
         for: o.value,
@@ -299,10 +299,10 @@ const Et = ["src", "alt"], H = /* @__PURE__ */ z({
       E("div", Gt, [
         Ce(E("select", oe({
           id: o.value,
-          "onUpdate:modelValue": f[0] || (f[0] = (B) => st(r) ? r.value = B : null),
+          "onUpdate:modelValue": m[0] || (m[0] = (B) => st(r) ? r.value = B : 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"
         }, q(a), {
-          onChange: f[1] || (f[1] = (B) => u("change", B))
+          onChange: m[1] || (m[1] = (B) => u("change", B))
         }), [
           A(b.$slots, "default")
         ], 16, Qt), [
@@ -318,7 +318,7 @@ const Et = ["src", "alt"], H = /* @__PURE__ */ z({
     ]));
   }
 }), Ee = /* @__PURE__ */ Symbol("barra de vasak");
-function $e(e) {
+function we(e) {
   return e === "left" || e === "right" ? "vertical" : "horizontal";
 }
 const Xt = ["top", "bottom", "left", "right"];
@@ -328,11 +328,11 @@ function Jt(e) {
 function me() {
   const e = pe(Ee, null);
   if (e) return e;
-  const l = $("top");
+  const l = w("top");
   return {
     posicion: l,
-    orientacion: p(() => $e(l.value)),
-    vertical: p(() => $e(l.value) === "vertical")
+    orientacion: p(() => we(l.value)),
+    vertical: p(() => we(l.value) === "vertical")
   };
 }
 const De = ["minimize", "maximize", "close"], Zt = "window", _t = "barPosition";
@@ -341,7 +341,7 @@ function ea(e) {
   return Jt(t) ? t : null;
 }
 function ta(e = "top") {
-  const l = $(e);
+  const l = w(e);
   let t = null, a = !1;
   async function n() {
     try {
@@ -385,13 +385,13 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
   },
   emits: ["minimize", "maximize", "close"],
   setup(e, { emit: l }) {
-    const t = e, { t: a } = ht(), n = p(() => t.minimizeLabel ?? a("ventana.minimizar")), o = p(() => t.maximizeLabel ?? a("ventana.maximizar")), u = p(() => t.closeLabel ?? a("ventana.cerrar")), r = l, { vertical: m } = me(), b = p(() => ({
+    const t = e, { t: a } = ht(), n = p(() => t.minimizeLabel ?? a("ventana.minimizar")), o = p(() => t.maximizeLabel ?? a("ventana.maximizar")), u = p(() => t.closeLabel ?? a("ventana.cerrar")), r = l, { vertical: d } = me(), b = p(() => ({
       minimize: t.controls.includes("minimize"),
       maximize: t.controls.includes("maximize"),
       close: t.controls.includes("close")
     }));
-    function f() {
-      return yt();
+    function m() {
+      return gt();
     }
     const B = Fe();
     function D(V) {
@@ -399,19 +399,19 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     }
     function L() {
       if (D("Minimize")) return r("minimize");
-      f().minimize();
+      m().minimize();
     }
-    function g() {
+    function y() {
       if (D("Maximize")) return r("maximize");
-      f().toggleMaximize();
+      m().toggleMaximize();
     }
-    function d() {
+    function f() {
       if (D("Close")) return r("close");
-      f().close();
+      m().close();
     }
     return (V, j) => e.controls.length ? (i(), s("div", {
       key: 0,
-      class: x(["flex shrink-0 gap-1", q(m) ? "flex-col" : ""]),
+      class: x(["flex shrink-0 gap-1", q(d) ? "flex-col" : ""]),
       "data-tauri-drag-region": ""
     }, [
       b.value.minimize ? (i(), s("button", {
@@ -420,7 +420,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         class: x([xe, "hover:bg-status-success"]),
         title: n.value,
         "aria-label": n.value,
-        onClick: j[0] || (j[0] = (w) => L())
+        onClick: j[0] || (j[0] = ($) => L())
       }, [
         O(H, {
           name: "window-minimize",
@@ -434,7 +434,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         class: x([xe, "hover:bg-status-warning"]),
         title: o.value,
         "aria-label": o.value,
-        onClick: j[1] || (j[1] = (w) => g())
+        onClick: j[1] || (j[1] = ($) => y())
       }, [
         O(H, {
           name: "window-maximize",
@@ -448,7 +448,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         class: x([xe, "hover:bg-status-error"]),
         title: u.value,
         "aria-label": u.value,
-        onClick: j[2] || (j[2] = (w) => d())
+        onClick: j[2] || (j[2] = ($) => f())
       }, [
         O(H, {
           name: "window-close",
@@ -538,7 +538,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
   },
   emits: ["minimize", "maximize", "close"],
   setup(e) {
-    const l = e, t = ta(), a = p(() => l.position ?? t.value), n = p(() => $e(a.value)), o = p(() => n.value === "vertical");
+    const l = e, t = ta(), a = p(() => l.position ?? t.value), n = p(() => we(a.value)), o = p(() => n.value === "vertical");
     de(Ee, { posicion: a, orientacion: n, vertical: o });
     const u = {
       top: "flex-col",
@@ -546,7 +546,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       left: "flex-row",
       right: "flex-row-reverse"
     };
-    return (r, m) => (i(), s("div", {
+    return (r, d) => (i(), s("div", {
       class: x(["flex h-screen w-screen overflow-hidden rounded-corner-window border border-ui-border bg-ui-bg/80", u[a.value]])
     }, [
       e.hideBar ? h("", !0) : (i(), Q(Ke, oe({
@@ -618,16 +618,16 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
   },
   emits: ["select", "close", "menu", "mover", "navegar"],
   setup(e, { emit: l }) {
-    const t = e, a = l, { vertical: n, posicion: o } = me(), u = $(null), r = $(null), m = $(!1), b = $(!1), f = $(!1), B = $({ top: 0, left: 0, right: 0 });
+    const t = e, a = l, { vertical: n, posicion: o } = me(), u = w(null), r = w(null), d = w(!1), b = w(!1), m = w(!1), B = w({ top: 0, left: 0, right: 0 });
     let D = null, L = null;
-    const g = p(() => t.tab.closable !== !1), d = p(() => t.tab.tooltip ?? t.tab.label), V = p(
+    const y = p(() => t.tab.closable !== !1), f = p(() => t.tab.tooltip ?? t.tab.label), V = p(
       () => t.tab.dirty ? `${t.tab.label} · ${t.dirtyLabel}` : t.tab.label
-    ), j = p(() => t.tab.label.trim().charAt(0).toUpperCase()), w = p(() => m.value || f.value), c = p(
-      () => !!t.tab.dirty && !(w.value && g.value)
+    ), j = p(() => t.tab.label.trim().charAt(0).toUpperCase()), $ = p(() => d.value || m.value), c = p(
+      () => !!t.tab.dirty && !($.value && y.value)
     ), v = p(
-      () => g.value && (w.value || t.active || !t.tab.dirty)
-    ), y = p(
-      () => n.value && (m.value || b.value || f.value)
+      () => y.value && ($.value || t.active || !t.tab.dirty)
+    ), g = p(
+      () => n.value && (d.value || b.value || m.value)
     ), P = p(() => {
       const R = { position: "fixed", top: `${B.value.top}px`, zIndex: 50 };
       return o.value === "right" ? { ...R, right: `${B.value.right + Ie}px` } : { ...R, left: `${B.value.left + Ie}px` };
@@ -644,10 +644,10 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     }
     function U(R) {
       const k = R.relatedTarget;
-      k && r.value?.contains(k) || (f.value = !1);
+      k && r.value?.contains(k) || (m.value = !1);
     }
     function ee() {
-      m.value = !0, _();
+      d.value = !0, _();
     }
     function G() {
       b.value = !0, _();
@@ -665,7 +665,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       (Math.abs(R.clientX - L.x) > Me || Math.abs(R.clientY - L.y) > Me) && T();
     }
     function ie(R) {
-      R.button === 1 && g.value && (R.preventDefault(), a("close"));
+      R.button === 1 && y.value && (R.preventDefault(), a("close"));
     }
     function nt(R) {
       R.preventDefault(), a("menu", { x: R.clientX, y: R.clientY });
@@ -679,7 +679,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       ]]),
       role: "tab",
       "aria-selected": e.active,
-      title: d.value,
+      title: f.value,
       "aria-label": V.value,
       tabindex: e.tabindex,
       onClick: k[5] || (k[5] = M((N) => a("select"), ["stop"])),
@@ -696,7 +696,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         k[15] || (k[15] = F(M((N) => a("mover", -1), ["alt", "prevent", "stop"]), ["up"])),
         k[16] || (k[16] = F(M((N) => a("mover", 1), ["alt", "prevent", "stop"]), ["right"])),
         k[17] || (k[17] = F(M((N) => a("mover", 1), ["alt", "prevent", "stop"]), ["down"])),
-        k[18] || (k[18] = F(M((N) => g.value && a("close"), ["prevent", "stop"]), ["delete"]))
+        k[18] || (k[18] = F(M((N) => y.value && a("close"), ["prevent", "stop"]), ["delete"]))
       ],
       onAuxclick: M(ie, ["stop"]),
       onContextmenu: nt,
@@ -705,7 +705,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       onPointerup: T,
       onPointerleave: T,
       onMouseenter: ee,
-      onMouseleave: k[19] || (k[19] = (N) => m.value = !1),
+      onMouseleave: k[19] || (k[19] = (N) => d.value = !1),
       onFocus: G,
       onBlur: k[20] || (k[20] = (N) => b.value = !1)
     }, [
@@ -735,27 +735,27 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         })
       ], 8, fa)) : h("", !0),
       (i(), Q(fe, { to: "body" }, [
-        O(ge, {
+        O(ye, {
           "enter-active-class": "transition duration-150 ease-out",
           "enter-from-class": "opacity-0 scale-95",
           "leave-active-class": "transition duration-100 ease-in",
           "leave-to-class": "opacity-0 scale-95"
         }, {
           default: W(() => [
-            y.value ? (i(), s("div", {
+            g.value ? (i(), s("div", {
               key: 0,
               class: x(["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: r,
               style: se(P.value),
-              onMouseenter: k[2] || (k[2] = (N) => f.value = !0),
-              onMouseleave: k[3] || (k[3] = (N) => f.value = !1),
-              onFocusin: k[4] || (k[4] = (N) => f.value = !0),
+              onMouseenter: k[2] || (k[2] = (N) => m.value = !0),
+              onMouseleave: k[3] || (k[3] = (N) => m.value = !1),
+              onFocusin: k[4] || (k[4] = (N) => m.value = !0),
               onFocusout: U
             }, [
               E("span", ma, S(e.tab.label), 1),
               e.tab.dirty ? (i(), s("span", ba)) : h("", !0),
-              g.value ? (i(), s("button", {
+              y.value ? (i(), s("button", {
                 key: 1,
                 type: "button",
                 class: "flex size-4 shrink-0 items-center justify-center rounded-corner-sm hover:bg-ui-surface",
@@ -776,7 +776,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       ]))
     ], 42, ua));
   }
-}), ga = ["aria-orientation"], ya = ["draggable", "onDragstart", "onDragover", "onDrop"], ha = ["title", "aria-label"], xa = /* @__PURE__ */ z({
+}), ya = ["aria-orientation"], ga = ["draggable", "onDragstart", "onDragover", "onDrop"], ha = ["title", "aria-label"], xa = /* @__PURE__ */ z({
   __name: "TabBar",
   props: {
     tabs: {},
@@ -788,48 +788,48 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
   },
   emits: ["update:modelValue", "select", "close", "new", "reorder", "menu"],
   setup(e, { emit: l }) {
-    const t = e, a = l, { vertical: n } = me(), o = $(null), u = $(0), r = $(null), m = $(null);
-    function b(w) {
-      a("update:modelValue", w), a("select", w);
+    const t = e, a = l, { vertical: n } = me(), o = w(null), u = w(0), r = w(null), d = w(null);
+    function b($) {
+      a("update:modelValue", $), a("select", $);
     }
-    async function f(w, c) {
+    async function m($, c) {
       const v = t.tabs.length - 1;
       if (v < 0) return;
-      const y = c === "primera" ? 0 : c === "ultima" ? v : c === "anterior" ? (w - 1 + t.tabs.length) % t.tabs.length : (w + 1) % t.tabs.length;
-      u.value = y, await Y(), o.value?.querySelectorAll('[role="tab"]')?.[y]?.focus();
+      const g = c === "primera" ? 0 : c === "ultima" ? v : c === "anterior" ? ($ - 1 + t.tabs.length) % t.tabs.length : ($ + 1) % t.tabs.length;
+      u.value = g, await Y(), o.value?.querySelectorAll('[role="tab"]')?.[g]?.focus();
     }
-    function B(w, c) {
+    function B($, c) {
       if (t.fixedOrder) return;
-      const v = w + c;
+      const v = $ + c;
       if (v < 0 || v >= t.tabs.length) return;
-      const y = [...t.tabs], [P] = y.splice(w, 1);
-      P && (y.splice(v, 0, P), u.value = v, a("reorder", y));
+      const g = [...t.tabs], [P] = g.splice($, 1);
+      P && (g.splice(v, 0, P), u.value = v, a("reorder", g));
     }
-    function D(w) {
+    function D($) {
       const c = o.value;
       if (!c) return;
-      const v = w.deltaY || w.deltaX || 0, y = n.value ? c.scrollTop : c.scrollLeft;
-      n.value ? c.scrollTop += v : c.scrollLeft += v, (n.value ? c.scrollTop : c.scrollLeft) !== y && w.preventDefault();
+      const v = $.deltaY || $.deltaX || 0, g = n.value ? c.scrollTop : c.scrollLeft;
+      n.value ? c.scrollTop += v : c.scrollLeft += v, (n.value ? c.scrollTop : c.scrollLeft) !== g && $.preventDefault();
     }
-    function L(w, c) {
-      t.fixedOrder || (r.value = w, c.dataTransfer?.setData("text/plain", String(w)), c.dataTransfer && (c.dataTransfer.effectAllowed = "move"));
+    function L($, c) {
+      t.fixedOrder || (r.value = $, c.dataTransfer?.setData("text/plain", String($)), c.dataTransfer && (c.dataTransfer.effectAllowed = "move"));
     }
-    function g(w, c) {
-      t.fixedOrder || r.value === null || (c.preventDefault(), m.value = w, c.dataTransfer && (c.dataTransfer.dropEffect = "move"));
+    function y($, c) {
+      t.fixedOrder || r.value === null || (c.preventDefault(), d.value = $, c.dataTransfer && (c.dataTransfer.dropEffect = "move"));
     }
-    function d(w) {
+    function f($) {
       const c = r.value;
-      if (V(), t.fixedOrder || c === null || c === w) return;
-      const v = [...t.tabs], [y] = v.splice(c, 1);
-      y && (v.splice(w, 0, y), a("reorder", v));
+      if (V(), t.fixedOrder || c === null || c === $) return;
+      const v = [...t.tabs], [g] = v.splice(c, 1);
+      g && (v.splice($, 0, g), a("reorder", v));
     }
     function V() {
-      r.value = null, m.value = null;
+      r.value = null, d.value = null;
     }
     const j = p(
       () => n.value ? "flex h-full flex-col items-center gap-1 overflow-y-auto overflow-x-hidden" : "flex items-center gap-1 overflow-x-auto overflow-y-hidden"
     );
-    return (w, c) => (i(), s("div", {
+    return ($, c) => (i(), s("div", {
       class: x(["flex min-h-0 min-w-0 items-center gap-1", q(n) ? "w-full flex-col" : "h-full"]),
       role: "tablist",
       "aria-orientation": q(n) ? "vertical" : "horizontal"
@@ -840,16 +840,16 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         class: x(j.value),
         onWheel: D
       }, [
-        (i(!0), s(Z, null, ne(e.tabs, (v, y) => (i(), s("div", {
+        (i(!0), s(Z, null, ne(e.tabs, (v, g) => (i(), s("div", {
           key: v.id,
           class: x(["transition-opacity", [
-            r.value === y ? "opacity-40" : "",
-            m.value === y && r.value !== y ? "ring-2 ring-secondary rounded-corner" : ""
+            r.value === g ? "opacity-40" : "",
+            d.value === g && r.value !== g ? "ring-2 ring-secondary rounded-corner" : ""
           ]]),
           draggable: !e.fixedOrder,
-          onDragstart: (P) => L(y, P),
-          onDragover: (P) => g(y, P),
-          onDrop: M((P) => d(y), ["prevent"]),
+          onDragstart: (P) => L(g, P),
+          onDragover: (P) => y(g, P),
+          onDrop: M((P) => f(g), ["prevent"]),
           onDragend: V
         }, [
           O(Ge, {
@@ -857,14 +857,14 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
             active: v.id === e.modelValue,
             "close-label": e.closeLabel,
             "dirty-label": e.dirtyLabel,
-            tabindex: y === u.value ? 0 : -1,
+            tabindex: g === u.value ? 0 : -1,
             onSelect: (P) => b(v.id),
             onClose: (P) => a("close", v.id),
             onMenu: (P) => a("menu", { id: v.id, ...P }),
-            onNavegar: (P) => f(y, P),
-            onMover: (P) => B(y, P)
+            onNavegar: (P) => m(g, P),
+            onMover: (P) => B(g, P)
           }, null, 8, ["tab", "active", "close-label", "dirty-label", "tabindex", "onSelect", "onClose", "onMenu", "onNavegar", "onMover"])
-        ], 42, ya))), 128))
+        ], 42, ga))), 128))
       ], 34),
       e.newLabel ? (i(), s("button", {
         key: 0,
@@ -880,7 +880,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
           size: 14
         })
       ], 8, ha)) : h("", !0)
-    ], 10, ga));
+    ], 10, ya));
   }
 }), ka = ["id", "aria-label", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-describedby", "autocomplete", "aria-invalid"], Qe = /* @__PURE__ */ z({
   __name: "TextInput",
@@ -899,7 +899,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     required: { type: Boolean, default: !1 },
     lazy: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "keyup", "keydown"],
   setup(e, { emit: l }) {
     const t = e, a = l;
     function n(r) {
@@ -915,7 +915,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       t.mono ? "font-mono" : "",
       t.disabled ? "cursor-not-allowed opacity-60" : ""
     ]);
-    return (r, m) => (i(), s("input", {
+    return (r, d) => (i(), s("input", {
       id: e.id,
       "aria-label": e.ariaLabel,
       type: e.type,
@@ -929,10 +929,12 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       "aria-invalid": e.invalid || void 0,
       class: x(u.value),
       onInput: n,
-      onChange: o
+      onChange: o,
+      onKeyup: d[0] || (d[0] = (b) => a("keyup", b)),
+      onKeydown: d[1] || (d[1] = (b) => a("keydown", b))
     }, null, 42, ka));
   }
-}), $a = { class: "pointer-events-none absolute left-2 flex items-center" }, wa = ["aria-label"], Le = /* @__PURE__ */ z({
+}), wa = { class: "pointer-events-none absolute left-2 flex items-center" }, $a = ["aria-label"], Le = /* @__PURE__ */ z({
   __name: "SearchField",
   props: {
     modelValue: { default: "" },
@@ -949,9 +951,9 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
   },
   emits: ["update:modelValue", "search", "clear"],
   setup(e, { expose: l, emit: t }) {
-    const a = e, n = t, o = $(null);
+    const a = e, n = t, o = w(null);
     let u;
-    const r = p(() => a.modelValue.length > 0), m = p(
+    const r = p(() => a.modelValue.length > 0), d = p(
       () => a.listboxId ? {
         role: "combobox",
         "aria-autocomplete": "list",
@@ -960,33 +962,33 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         "aria-activedescendant": a.activeOptionId || void 0
       } : {}
     ), b = p(() => a.clearable && r.value && !a.disabled);
-    function f() {
+    function m() {
       clearTimeout(u), u = void 0;
     }
-    function B(d) {
-      n("update:modelValue", d), !(a.debounce <= 0) && (f(), u = setTimeout(() => n("search", d), a.debounce));
+    function B(f) {
+      n("update:modelValue", f), !(a.debounce <= 0) && (m(), u = setTimeout(() => n("search", f), a.debounce));
     }
     function D() {
-      f(), n("search", a.modelValue);
+      m(), n("search", a.modelValue);
     }
     function L() {
-      f(), n("update:modelValue", ""), n("clear"), g();
+      m(), n("update:modelValue", ""), n("clear"), y();
     }
-    function g() {
+    function y() {
       o.value?.$el?.focus?.();
     }
-    return l({ enfocar: g }), J(async () => {
-      a.autofocus && (await Y(), g());
-    }), ve(f), K(
+    return l({ enfocar: y }), J(async () => {
+      a.autofocus && (await Y(), y());
+    }), ve(m), K(
       () => a.disabled,
-      (d) => {
-        d && f();
+      (f) => {
+        f && m();
       }
-    ), (d, V) => (i(), s("div", {
+    ), (f, V) => (i(), s("div", {
       class: "relative flex items-center",
       onKeydown: F(D, ["enter"])
     }, [
-      E("span", $a, [
+      E("span", wa, [
         O(H, {
           name: e.busy ? "content-loading" : "system-search",
           type: "symbol",
@@ -1001,7 +1003,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         "model-value": e.modelValue,
         placeholder: e.placeholder || e.label,
         ariaLabel: e.label || void 0
-      }, m.value, {
+      }, d.value, {
         disabled: e.disabled,
         class: ["pl-7 [&::-webkit-search-cancel-button]:appearance-none", b.value ? "pr-8" : ""],
         "onUpdate:modelValue": B
@@ -1021,7 +1023,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
           size: 12,
           alt: ""
         })
-      ], 40, wa)) : h("", !0)
+      ], 40, $a)) : h("", !0)
     ], 32));
   }
 }), Ca = ["title", "aria-label", "aria-expanded"], za = /* @__PURE__ */ z({
@@ -1036,10 +1038,10 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
   },
   emits: ["update:modelValue", "search", "open", "close"],
   setup(e, { emit: l }) {
-    const t = e, a = l, { vertical: n, posicion: o } = me(), u = $(!1), r = $(null), m = p(() => n.value || t.collapsed), b = p(() => !m.value || u.value), f = p(() => {
-      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`;
+    const t = e, a = l, { vertical: n, posicion: o } = me(), u = w(!1), r = w(null), d = p(() => n.value || t.collapsed), b = p(() => !d.value || u.value), m = p(() => {
+      if (!d.value) return "";
+      const y = "absolute z-40 w-64 rounded-corner border border-ui-border bg-ui-surface/95 p-1 shadow-lg";
+      return o.value === "left" ? `${y} left-full top-0 ml-1` : o.value === "right" ? `${y} right-full top-0 mr-1` : o.value === "bottom" ? `${y} bottom-full right-0 mb-1` : `${y} top-full right-0 mt-1`;
     });
     async function B() {
       u.value = !0, a("open"), await Y(), r.value?.enfocar();
@@ -1047,24 +1049,24 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     function D() {
       u.value && (u.value = !1, a("close"));
     }
-    function L(g) {
-      const d = g.relatedTarget;
-      d && g.currentTarget.contains(d) || D();
+    function L(y) {
+      const f = y.relatedTarget;
+      f && y.currentTarget.contains(f) || D();
     }
-    return (g, d) => (i(), s("div", {
+    return (y, f) => (i(), s("div", {
       class: "relative flex shrink-0 items-center",
       onFocusout: L
     }, [
-      m.value ? (i(), s("button", {
+      d.value ? (i(), s("button", {
         key: 0,
         type: "button",
         class: "flex size-7 items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 hover:bg-ui-surface/70",
         title: e.label,
         "aria-label": e.label,
         "aria-expanded": u.value,
-        onMousedown: d[0] || (d[0] = M(() => {
+        onMousedown: f[0] || (f[0] = M(() => {
         }, ["prevent"])),
-        onClick: d[1] || (d[1] = (V) => u.value ? D() : B())
+        onClick: f[1] || (f[1] = (V) => u.value ? D() : B())
       }, [
         O(H, {
           name: "system-search",
@@ -1074,7 +1076,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       ], 40, Ca)) : h("", !0),
       b.value ? (i(), s("div", {
         key: 1,
-        class: x(f.value),
+        class: x(m.value),
         onKeydown: F(D, ["esc"])
       }, [
         O(Le, {
@@ -1085,9 +1087,9 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
           label: e.label,
           disabled: e.disabled,
           debounce: e.debounce,
-          class: x(m.value ? "" : "w-48"),
-          "onUpdate:modelValue": d[2] || (d[2] = (V) => a("update:modelValue", V)),
-          onSearch: d[3] || (d[3] = (V) => a("search", V))
+          class: x(d.value ? "" : "w-48"),
+          "onUpdate:modelValue": f[2] || (f[2] = (V) => a("update:modelValue", V)),
+          onSearch: f[3] || (f[3] = (V) => a("search", V))
         }, null, 8, ["model-value", "placeholder", "label", "disabled", "debounce", "class"])
       ], 34)) : h("", !0)
     ], 32));
@@ -1125,7 +1127,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     }, u = (r) => {
       t.stopPropagation && r.stopPropagation(), t.preventDefault && r.preventDefault(), !t.disabled && !t.loading && a("click");
     };
-    return (r, m) => (i(), s("button", {
+    return (r, d) => (i(), s("button", {
       type: t.type,
       onClick: u,
       class: x(["rounded-corner transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", [
@@ -1153,12 +1155,12 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       }, null, 8, Ba)) : h("", !0)
     ], 10, Ea));
   }
-}), ye = (e, l) => {
+}), ge = (e, l) => {
   const t = e.__vccOpts || e;
   for (const [a, n] of l)
     t[a] = n;
   return t;
-}, Sa = /* @__PURE__ */ ye(Aa, [["__scopeId", "data-v-2eaf6e27"]]), Ye = {
+}, Sa = /* @__PURE__ */ ge(Aa, [["__scopeId", "data-v-2eaf6e27"]]), Ye = {
   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",
@@ -1310,7 +1312,7 @@ function Ga(e, l) {
   if (!t) return e;
   const a = [];
   for (let n = 0; n < e.length; n++) {
-    const o = e[n], u = ke(t, o.valor), r = ke(t, o.etiqueta), m = r === 10 ? 20 : r, f = ke(t, o.detalle) === 100 ? 100 : 40, B = Math.min(u, m, f);
+    const o = e[n], u = ke(t, o.valor), r = ke(t, o.etiqueta), d = r === 10 ? 20 : r, m = ke(t, o.detalle) === 100 ? 100 : 40, B = Math.min(u, d, m);
     B !== 100 && a.push({ opcion: o, rango: B, orden: n });
   }
   return a.sort((n, o) => n.rango - o.rango || n.orden - o.orden), a.map((n) => n.opcion);
@@ -1346,21 +1348,21 @@ const Ya = ["disabled", "aria-label", "aria-expanded"], Xa = { class: "min-w-0 f
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = $(""), o = $(!1), u = $(0), r = $(null), m = $(null), b = $(null), f = Qa(), B = p(
+    const t = e, a = l, n = w(""), o = w(!1), u = w(0), r = w(null), d = w(null), b = w(null), m = Qa(), B = p(
       () => t.options.find((T) => T.valor === t.modelValue) ?? null
-    ), D = p(() => Ga(t.options, n.value)), L = p(() => D.value.slice(0, t.limit)), g = p(() => Math.max(0, D.value.length - t.limit)), d = p(
-      () => L.value.length > 0 ? `${f}-${u.value}` : void 0
+    ), D = p(() => Ga(t.options, n.value)), L = p(() => D.value.slice(0, t.limit)), y = p(() => Math.max(0, D.value.length - t.limit)), f = p(
+      () => L.value.length > 0 ? `${m}-${u.value}` : void 0
     );
     function V(T) {
-      a("update:modelValue", T), w();
+      a("update:modelValue", T), $();
     }
     async function j() {
       o.value = !0;
       const T = L.value.findIndex((C) => C.valor === t.modelValue);
       u.value = T >= 0 ? T : 0, await Y(), b.value?.enfocar(), U();
     }
-    function w(T = !0) {
-      o.value && (o.value = !1, n.value = "", T && Y(() => m.value?.focus()));
+    function $(T = !0) {
+      o.value && (o.value = !1, n.value = "", T && Y(() => d.value?.focus()));
     }
     function c(T) {
       const C = L.value.length;
@@ -1369,18 +1371,18 @@ const Ya = ["disabled", "aria-label", "aria-expanded"], Xa = { class: "min-w-0 f
     function v(T) {
       u.value = T, U();
     }
-    function y(T) {
+    function g(T) {
       const C = T.target?.closest?.("[data-indice]");
       if (!C) return null;
       const I = Number(C.getAttribute("data-indice"));
       return Number.isInteger(I) ? I : null;
     }
     function P(T) {
-      const C = y(T), I = C === null ? void 0 : L.value[C];
+      const C = g(T), I = C === null ? void 0 : L.value[C];
       I && V(I.valor);
     }
     function _(T) {
-      const C = y(T);
+      const C = g(T);
       C !== null && (u.value = C);
     }
     function U() {
@@ -1395,14 +1397,14 @@ const Ya = ["disabled", "aria-label", "aria-expanded"], Xa = { class: "min-w-0 f
     K(
       () => t.disabled,
       (T) => {
-        T && w(!1);
+        T && $(!1);
       }
     ), K(n, () => {
       u.value = 0, U();
     });
     function G(T) {
       const C = T.relatedTarget;
-      C && T.currentTarget.contains(C) || w(!1);
+      C && T.currentTarget.contains(C) || $(!1);
     }
     return (T, C) => (i(), s("div", {
       class: "relative",
@@ -1410,14 +1412,14 @@ const Ya = ["disabled", "aria-label", "aria-expanded"], Xa = { class: "min-w-0 f
     }, [
       E("button", {
         ref_key: "boton",
-        ref: m,
+        ref: d,
         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: C[0] || (C[0] = (I) => o.value ? w() : j()),
+        onClick: C[0] || (C[0] = (I) => o.value ? $() : j()),
         onKeydown: [
           C[1] || (C[1] = F(M((I) => o.value ? c(1) : j(), ["prevent"]), ["down"])),
           C[2] || (C[2] = F(M((I) => o.value ? c(-1) : j(), ["prevent"]), ["up"]))
@@ -1438,13 +1440,13 @@ const Ya = ["disabled", "aria-label", "aria-expanded"], Xa = { class: "min-w-0 f
         key: 0,
         class: x(["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: [
-          C[4] || (C[4] = F(M((I) => w(), ["prevent"]), ["escape"])),
+          C[4] || (C[4] = F(M((I) => $(), ["prevent"]), ["escape"])),
           C[5] || (C[5] = F(M((I) => c(1), ["prevent"]), ["down"])),
           C[6] || (C[6] = F(M((I) => c(-1), ["prevent"]), ["up"])),
           C[7] || (C[7] = F(M((I) => v(0), ["prevent"]), ["home"])),
           C[8] || (C[8] = F(M((I) => v(L.value.length - 1), ["prevent"]), ["end"])),
           C[9] || (C[9] = F(M((I) => ee(), ["prevent"]), ["enter"])),
-          C[10] || (C[10] = F((I) => w(!1), ["tab"]))
+          C[10] || (C[10] = F((I) => $(!1), ["tab"]))
         ],
         onClick: P,
         onMousemove: _
@@ -1457,13 +1459,13 @@ const Ya = ["disabled", "aria-label", "aria-expanded"], Xa = { class: "min-w-0 f
             "onUpdate:modelValue": C[3] || (C[3] = (I) => n.value = I),
             label: e.label,
             placeholder: e.searchPlaceholder,
-            "listbox-id": q(f),
-            "active-option-id": d.value,
+            "listbox-id": q(m),
+            "active-option-id": f.value,
             expanded: o.value
           }, null, 8, ["modelValue", "label", "placeholder", "listbox-id", "active-option-id", "expanded"])
         ]),
         E("ul", {
-          id: q(f),
+          id: q(m),
           ref_key: "lista",
           ref: r,
           role: "listbox",
@@ -1471,7 +1473,7 @@ const Ya = ["disabled", "aria-label", "aria-expanded"], Xa = { class: "min-w-0 f
         }, [
           L.value.length === 0 ? (i(), s("li", el, S(e.emptyText), 1)) : h("", !0),
           (i(!0), s(Z, null, ne(L.value, (I, ie) => (i(), s("li", {
-            id: `${q(f)}-${ie}`,
+            id: `${q(m)}-${ie}`,
             key: I.valor,
             "data-indice": ie,
             role: "option",
@@ -1484,7 +1486,7 @@ const Ya = ["disabled", "aria-label", "aria-expanded"], Xa = { class: "min-w-0 f
             E("span", al, S(I.etiqueta), 1),
             I.detalle ? (i(), s("span", ll, S(I.detalle), 1)) : h("", !0)
           ], 10, tl))), 128)),
-          g.value > 0 ? (i(), s("li", nl, "+" + S(g.value), 1)) : h("", !0)
+          y.value > 0 ? (i(), s("li", nl, "+" + S(y.value), 1)) : h("", !0)
         ], 8, _a)
       ], 34)) : h("", !0)
     ], 32));
@@ -1504,7 +1506,7 @@ const Ya = ["disabled", "aria-label", "aria-expanded"], Xa = { class: "min-w-0 f
       A(l.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), rl = /* @__PURE__ */ ye(sl, [["__scopeId", "data-v-45bd4eab"]]), ul = { class: "flex items-center gap-3 flex-1 min-w-0" }, cl = ["src", "alt"], dl = { class: "min-w-0" }, fl = { class: "font-semibold truncate" }, ml = {
+}), rl = /* @__PURE__ */ ge(sl, [["__scopeId", "data-v-45bd4eab"]]), ul = { class: "flex items-center gap-3 flex-1 min-w-0" }, cl = ["src", "alt"], dl = { class: "min-w-0" }, fl = { class: "font-semibold truncate" }, ml = {
   key: 0,
   class: "text-xs text-gray-400 truncate"
 }, bl = {
@@ -1516,7 +1518,7 @@ const Ya = ["disabled", "aria-label", "aria-expanded"], Xa = { class: "min-w-0 f
 }, pl = {
   key: 1,
   class: "w-2 h-2 rounded-full bg-green-500"
-}, gl = /* @__PURE__ */ z({
+}, yl = /* @__PURE__ */ z({
   __name: "DeviceCard",
   props: {
     icon: {},
@@ -1553,7 +1555,7 @@ const Ya = ["disabled", "aria-label", "aria-expanded"], Xa = { class: "min-w-0 f
           e.subtitle ? (i(), s("div", ml, S(e.subtitle), 1)) : h("", !0),
           e.metadata ? (i(), s("div", bl, S(e.metadata), 1)) : h("", !0),
           e.extraInfo && e.extraInfo.length > 0 ? (i(), s("div", vl, [
-            (i(!0), s(Z, null, ne(e.extraInfo, (r, m) => (i(), s("span", { key: m }, S(r), 1))), 128))
+            (i(!0), s(Z, null, ne(e.extraInfo, (r, d) => (i(), s("span", { key: d }, S(r), 1))), 128))
           ])) : h("", !0)
         ])
       ]),
@@ -1569,19 +1571,19 @@ const Ya = ["disabled", "aria-label", "aria-expanded"], Xa = { class: "min-w-0 f
 function Ze() {
   const e = pe(Je, null);
   if (e) return e;
-  const l = $(!1);
+  const l = w(!1);
   return {
     abierto: p(() => l.value),
     cerrar: () => {
       l.value = !1;
     },
-    idDelTitulo: $(null),
+    idDelTitulo: w(null),
     ponerElTitulo: () => {
     }
   };
 }
 let je = 0;
-function yl() {
+function gl() {
   return je += 1, `vsk-dialogo-titulo-${je}`;
 }
 const hl = /* @__PURE__ */ z({
@@ -1591,7 +1593,7 @@ const hl = /* @__PURE__ */ z({
   },
   emits: ["update:open"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = $(null);
+    const t = e, a = l, n = w(null);
     return de(Je, {
       abierto: p(() => t.open),
       cerrar: () => a("update:open", !1),
@@ -1605,58 +1607,58 @@ const hl = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "DialogContent",
   setup(e) {
-    const l = we(), t = p(() => l.class ?? ""), a = p(() => {
-      const { class: d, ...V } = l;
+    const l = $e(), t = p(() => l.class ?? ""), a = p(() => {
+      const { class: f, ...V } = l;
       return V;
-    }), n = Ze(), o = p(() => n.abierto.value), u = $(null), r = $(null);
-    let m = null;
+    }), n = Ze(), o = p(() => n.abierto.value), u = w(null), r = w(null);
+    let d = null;
     function b() {
       return r.value ? [...r.value.querySelectorAll('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])')] : [];
     }
-    function f(d) {
-      if (d.key === "Escape") {
+    function m(f) {
+      if (f.key === "Escape") {
         n.cerrar();
         return;
       }
-      if (d.key !== "Tab") return;
+      if (f.key !== "Tab") return;
       const V = b();
       if (V.length === 0) {
-        d.preventDefault(), r.value?.focus();
+        f.preventDefault(), r.value?.focus();
         return;
       }
-      const j = V[0], w = V[V.length - 1], c = document.activeElement;
-      d.shiftKey && (c === j || c === r.value) ? (d.preventDefault(), w.focus()) : !d.shiftKey && c === w && (d.preventDefault(), j.focus());
+      const j = V[0], $ = V[V.length - 1], c = document.activeElement;
+      f.shiftKey && (c === j || c === r.value) ? (f.preventDefault(), $.focus()) : !f.shiftKey && c === $ && (f.preventDefault(), j.focus());
     }
-    function B(d) {
-      d.target === d.currentTarget && n.cerrar();
+    function B(f) {
+      f.target === f.currentTarget && n.cerrar();
     }
-    function D(d) {
-      u.value?.contains(d.target) || f(d);
+    function D(f) {
+      u.value?.contains(f.target) || m(f);
     }
     function L() {
       document.removeEventListener("keydown", D);
     }
-    function g() {
-      const d = m;
-      m = null, d?.isConnected && d.focus();
+    function y() {
+      const f = d;
+      d = null, f?.isConnected && f.focus();
     }
     return K(
       o,
-      async (d) => {
-        if (d) {
-          m = document.activeElement, document.addEventListener("keydown", D), await Y(), r.value?.focus();
+      async (f) => {
+        if (f) {
+          d = document.activeElement, document.addEventListener("keydown", D), await Y(), r.value?.focus();
           return;
         }
-        L(), g();
+        L(), y();
       },
       // `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(() => {
-      L(), g();
-    }), (d, V) => (i(), Q(fe, { to: "body" }, [
-      O(ge, {
+      L(), y();
+    }), (f, V) => (i(), Q(fe, { to: "body" }, [
+      O(ye, {
         "enter-active-class": "transition-opacity duration-200 ease-out",
         "leave-active-class": "transition-opacity duration-150 ease-in",
         "enter-from-class": "opacity-0",
@@ -1669,7 +1671,7 @@ const hl = /* @__PURE__ */ z({
             ref: u,
             class: "fixed inset-0 z-50 flex items-center justify-center",
             onClick: B,
-            onKeydown: f
+            onKeydown: m
           }, [
             V[0] || (V[0] = E("div", { class: "absolute inset-0 bg-ui-border-dark/40" }, null, -1)),
             E("div", oe({
@@ -1685,7 +1687,7 @@ const hl = /* @__PURE__ */ z({
                 "relative z-10 w-full max-w-lg rounded-corner border border-ui-border bg-ui-bg/80 p-6 text-tx-main shadow-lg"
               ]
             }), [
-              A(d.$slots, "default")
+              A(f.$slots, "default")
             ], 16, xl)
           ], 544)) : h("", !0)
         ]),
@@ -1693,10 +1695,10 @@ const hl = /* @__PURE__ */ z({
       })
     ]));
   }
-}), $l = { class: "text-sm text-tx-muted" }, wl = /* @__PURE__ */ z({
+}), wl = { class: "text-sm text-tx-muted" }, $l = /* @__PURE__ */ z({
   __name: "DialogDescription",
   setup(e) {
-    return (l, t) => (i(), s("p", $l, [
+    return (l, t) => (i(), s("p", wl, [
       A(l.$slots, "default")
     ]));
   }
@@ -1717,7 +1719,7 @@ const hl = /* @__PURE__ */ z({
 }), Ll = ["id"], Tl = /* @__PURE__ */ z({
   __name: "DialogTitle",
   setup(e) {
-    const l = Ze(), t = yl();
+    const l = Ze(), t = gl();
     return J(() => l.ponerElTitulo(t)), ve(() => l.ponerElTitulo(null)), (a, n) => (i(), s("h2", {
       id: q(t),
       class: "font-semibold text-lg leading-none tracking-tight"
@@ -1729,17 +1731,17 @@ const hl = /* @__PURE__ */ z({
 function he() {
   const e = pe(_e, null);
   if (e) return e;
-  const l = $(!1);
+  const l = w(!1);
   return {
     abierto: l,
     idDelMenu: "vsk-menu-suelto",
-    idDeLaEtiqueta: $(null),
+    idDeLaEtiqueta: w(null),
     ponerLaEtiqueta: () => {
     },
-    disparador: $(null),
+    disparador: w(null),
     ponerElDisparador: () => {
     },
-    focoAlAbrir: $("ninguno"),
+    focoAlAbrir: w("ninguno"),
     abrir: () => {
       l.value = !0;
     },
@@ -1762,53 +1764,53 @@ const Bl = { class: "relative inline-block" }, Al = /* @__PURE__ */ z({
   },
   emits: ["update:open"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = $(!1), o = $(null), u = $(null), r = $("ninguno"), m = et();
+    const t = e, a = l, n = w(!1), o = w(null), u = w(null), r = w("ninguno"), d = et();
     let b = null;
-    const f = p({
+    const m = p({
       get: () => t.open ?? n.value,
-      set: (g) => {
-        t.open === void 0 && (n.value = g), a("update:open", g);
+      set: (y) => {
+        t.open === void 0 && (n.value = y), a("update:open", y);
       }
     });
-    K(f, (g) => {
-      if (g) {
-        const d = document.activeElement;
-        b = d instanceof HTMLElement ? d : null;
+    K(m, (y) => {
+      if (y) {
+        const f = document.activeElement;
+        b = f instanceof HTMLElement ? f : null;
       } else
         r.value = "ninguno";
     });
-    function B(g = "ninguno") {
-      r.value = g, f.value = !0;
+    function B(y = "ninguno") {
+      r.value = y, m.value = !0;
     }
-    function D(g = {}) {
-      if (f.value = !1, !g.devolverElFoco) return;
-      const d = b ?? o.value;
-      d?.isConnected && d.focus();
+    function D(y = {}) {
+      if (m.value = !1, !y.devolverElFoco) return;
+      const f = b ?? o.value;
+      f?.isConnected && f.focus();
     }
-    function L(g = "ninguno") {
-      if (f.value) {
+    function L(y = "ninguno") {
+      if (m.value) {
         D({ devolverElFoco: !0 });
         return;
       }
-      B(g);
+      B(y);
     }
     return de(_e, {
-      abierto: f,
-      idDelMenu: m,
+      abierto: m,
+      idDelMenu: d,
       idDeLaEtiqueta: u,
-      ponerLaEtiqueta: (g) => {
-        u.value = g;
+      ponerLaEtiqueta: (y) => {
+        u.value = y;
       },
       disparador: o,
-      ponerElDisparador: (g) => {
-        o.value = g;
+      ponerElDisparador: (y) => {
+        o.value = y;
       },
       focoAlAbrir: r,
       abrir: B,
       cerrar: D,
       alternar: L
-    }), (g, d) => (i(), s("div", Bl, [
-      A(g.$slots, "default")
+    }), (y, f) => (i(), s("div", Bl, [
+      A(y.$slots, "default")
     ]));
   }
 }), Sl = ["id", "aria-labelledby", "inert"], Vl = {
@@ -1823,7 +1825,7 @@ const Bl = { class: "relative inline-block" }, Al = /* @__PURE__ */ z({
     sideOffset: { default: 4 }
   },
   setup(e) {
-    const l = e, t = he(), { idDelMenu: a, idDeLaEtiqueta: n } = t, o = p(() => t.disparador.value), u = p(() => t.abierto.value), r = $(null), m = $({
+    const l = e, t = he(), { idDelMenu: a, idDeLaEtiqueta: n } = t, o = p(() => t.disparador.value), u = p(() => t.abierto.value), r = w(null), d = w({
       top: 0,
       left: 0,
       techo: null
@@ -1833,28 +1835,28 @@ const Bl = { class: "relative inline-block" }, Al = /* @__PURE__ */ z({
       left: "right",
       right: "left"
     };
-    function f(c, v) {
-      const y = l.sideOffset + X;
+    function m(c, v) {
+      const g = l.sideOffset + X;
       switch (c) {
         case "bottom":
-          return window.innerHeight - v.bottom - y;
+          return window.innerHeight - v.bottom - g;
         case "top":
-          return v.top - y;
+          return v.top - g;
         case "right":
-          return window.innerWidth - v.right - y;
+          return window.innerWidth - v.right - g;
         case "left":
-          return v.left - y;
+          return v.left - g;
       }
     }
-    function B(c, v, y) {
-      return y < v ? v : Math.min(Math.max(c, v), y);
+    function B(c, v, g) {
+      return g < v ? v : Math.min(Math.max(c, v), g);
     }
     function D() {
       if (!o.value || !r.value) return;
-      const c = o.value.getBoundingClientRect(), v = r.value.scrollHeight, y = r.value.offsetWidth, P = l.side === "top" || l.side === "bottom", _ = P ? v : y;
+      const c = o.value.getBoundingClientRect(), v = r.value.scrollHeight, g = r.value.offsetWidth, P = l.side === "top" || l.side === "bottom", _ = P ? v : g;
       let U = l.side;
-      const ee = f(U, c);
-      ee < _ && f(b[U], c) > ee && (U = b[U]);
+      const ee = m(U, c);
+      ee < _ && m(b[U], c) > ee && (U = b[U]);
       let G = 0, T = 0, C = null;
       switch (U) {
         case "bottom": {
@@ -1862,12 +1864,12 @@ const Bl = { class: "relative inline-block" }, Al = /* @__PURE__ */ z({
           break;
         }
         case "top": {
-          C = Math.max(f("top", c), 0), G = c.top - l.sideOffset - Math.min(v, C);
+          C = Math.max(m("top", c), 0), G = c.top - l.sideOffset - Math.min(v, C);
           break;
         }
         case "left":
         case "right": {
-          T = U === "right" ? c.right + l.sideOffset : c.left - y - l.sideOffset;
+          T = U === "right" ? c.right + l.sideOffset : c.left - g - l.sideOffset;
           const I = window.innerHeight - 2 * X;
           G = B(c.top, X, window.innerHeight - Math.min(v, I) - X), C = Math.max(window.innerHeight - G - X, 0);
           break;
@@ -1879,41 +1881,41 @@ const Bl = { class: "relative inline-block" }, Al = /* @__PURE__ */ z({
             T = c.left;
             break;
           case "center":
-            T = c.left + c.width / 2 - y / 2;
+            T = c.left + c.width / 2 - g / 2;
             break;
           case "end":
-            T = c.right - y;
+            T = c.right - g;
             break;
         }
-      T = B(T, X, window.innerWidth - y - X), m.value = { top: G, left: T, techo: C };
+      T = B(T, X, window.innerWidth - g - X), d.value = { top: G, left: T, techo: C };
     }
     function L() {
       return r.value ? Array.from(r.value.querySelectorAll('[role="menuitem"]')) : [];
     }
-    function g(c) {
+    function y(c) {
       const v = L();
       if (!v.length) return;
-      const y = v.length;
-      v[(c % y + y) % y]?.focus();
+      const g = v.length;
+      v[(c % g + g) % g]?.focus();
     }
-    function d() {
+    function f() {
       const c = document.activeElement;
       return c instanceof HTMLElement ? L().indexOf(c) : -1;
     }
     function V(c) {
-      const v = d();
+      const v = f();
       switch (c.key) {
         case "ArrowDown":
-          c.preventDefault(), g(v + 1);
+          c.preventDefault(), y(v + 1);
           break;
         case "ArrowUp":
-          c.preventDefault(), g(v <= 0 ? -1 : v - 1);
+          c.preventDefault(), y(v <= 0 ? -1 : v - 1);
           break;
         case "Home":
-          c.preventDefault(), g(0);
+          c.preventDefault(), y(0);
           break;
         case "End":
-          c.preventDefault(), g(-1);
+          c.preventDefault(), y(-1);
           break;
         case "Escape":
           c.preventDefault(), c.stopPropagation(), t.cerrar({ devolverElFoco: !0 });
@@ -1929,10 +1931,10 @@ const Bl = { class: "relative inline-block" }, Al = /* @__PURE__ */ z({
           D();
         }), t.focoAlAbrir.value) {
           case "primero":
-            g(0);
+            y(0);
             break;
           case "ultimo":
-            g(-1);
+            y(-1);
             break;
           // Abierto con el ratón: el foco va al menú y no a un ítem —no hay
           // ninguno elegido todavía—, que es lo que deja andar las flechas y el
@@ -1944,22 +1946,22 @@ const Bl = { class: "relative inline-block" }, Al = /* @__PURE__ */ z({
     function j(c) {
       u.value && (c && r.value?.contains(c.target) || D());
     }
-    function w(c) {
-      const v = c.target, y = !!v.closest("[data-dropdown-content]"), P = !!o.value?.contains(v);
-      !y && !P && t.cerrar();
+    function $(c) {
+      const v = c.target, g = !!v.closest("[data-dropdown-content]"), P = !!o.value?.contains(v);
+      !g && !P && t.cerrar();
     }
     return J(() => {
-      document.addEventListener("click", w), window.addEventListener("resize", j), window.addEventListener("scroll", j, !0);
+      document.addEventListener("click", $), window.addEventListener("resize", j), window.addEventListener("scroll", j, !0);
     }), ce(() => {
-      document.removeEventListener("click", w), window.removeEventListener("resize", j), window.removeEventListener("scroll", j, !0);
+      document.removeEventListener("click", $), window.removeEventListener("resize", j), window.removeEventListener("scroll", j, !0);
     }), (c, v) => (i(), Q(fe, { to: "body" }, [
-      O(ge, {
+      O(ye, {
         "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",
         "leave-to-class": "opacity-0 scale-95",
-        onEnter: v[1] || (v[1] = (y) => y.offsetHeight),
-        onLeave: v[2] || (v[2] = (y) => y.offsetHeight)
+        onEnter: v[1] || (v[1] = (g) => g.offsetHeight),
+        onLeave: v[2] || (v[2] = (g) => g.offsetHeight)
       }, {
         default: W(() => [
           Ce(E("div", oe({
@@ -1974,16 +1976,16 @@ const Bl = { class: "relative inline-block" }, Al = /* @__PURE__ */ z({
             inert: !u.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: `${d.value.top}px`,
+              left: `${d.value.left}px`,
+              maxHeight: d.value.techo === null ? void 0 : `${d.value.techo}px`,
               overflowY: "auto",
               overscrollBehavior: "contain",
               zIndex: 50
             },
             "data-dropdown-content": "",
             class: "min-w-30 rounded-corner border border-primary bg-ui-bg/80 shadow-lg focus:outline-none",
-            onClick: v[0] || (v[0] = (y) => y.stopPropagation()),
+            onClick: v[0] || (v[0] = (g) => g.stopPropagation()),
             onKeydown: V
           }), [
             E("div", Vl, [
@@ -2077,35 +2079,35 @@ const Rl = z({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e, { slots: l, attrs: t }) {
-    const a = he(), n = $(null);
+    const a = he(), n = w(null);
     function o() {
       a.ponerElDisparador(ql(n.value));
     }
     function u() {
       e.disabled || (o(), a.alternar());
     }
-    function r(m) {
+    function r(d) {
       if (!e.disabled)
-        switch (m.key) {
+        switch (d.key) {
           case "Enter":
           case " ":
-            m.preventDefault(), o(), a.alternar("primero");
+            d.preventDefault(), o(), a.alternar("primero");
             break;
           case "ArrowDown":
-            m.preventDefault(), o(), a.abrir("primero");
+            d.preventDefault(), o(), a.abrir("primero");
             break;
           case "ArrowUp":
-            m.preventDefault(), o(), a.abrir("ultimo");
+            d.preventDefault(), o(), a.abrir("ultimo");
             break;
           case "Escape":
-            a.abierto.value && (m.preventDefault(), a.cerrar({ devolverElFoco: !0 }));
+            a.abierto.value && (d.preventDefault(), a.cerrar({ devolverElFoco: !0 }));
             break;
         }
     }
     return () => {
-      const m = {
-        ref: (f) => {
-          n.value = f, o();
+      const d = {
+        ref: (m) => {
+          n.value = m, o();
         },
         "aria-haspopup": "menu",
         "aria-expanded": a.abierto.value ? "true" : "false",
@@ -2117,12 +2119,12 @@ const Rl = z({
         onKeydown: r
       }, b = l.default?.() ?? [];
       if (e.asChild) {
-        const f = tt(b);
-        if (f) return dt(f, { ...t, ...m });
+        const m = tt(b);
+        if (m) return dt(m, { ...t, ...d });
       }
       return ft(
         "div",
-        { ...t, class: ["dropdown-menu-trigger inline-block", t.class], ...m },
+        { ...t, class: ["dropdown-menu-trigger inline-block", t.class], ...d },
         b
       );
     };
@@ -2147,7 +2149,7 @@ const Rl = z({
       A(l.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Ul = /* @__PURE__ */ ye(Hl, [["__scopeId", "data-v-c0d9d9cb"]]), Wl = /* @__PURE__ */ z({
+}), Ul = /* @__PURE__ */ ge(Hl, [["__scopeId", "data-v-c0d9d9cb"]]), Wl = /* @__PURE__ */ z({
   __name: "ListCard",
   props: {
     clickable: { type: Boolean, default: !1 },
@@ -2171,7 +2173,7 @@ const Rl = z({
       A(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Kl = /* @__PURE__ */ ye(Wl, [["__scopeId", "data-v-f86d47da"]]), Gl = { class: "background rounded-corner flex flex-row items-center gap-2 justify-between w-full h-auto p-4 transition-all duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80" }, Ql = ["title", "aria-label"], Yl = ["src"], Xl = {
+}), Kl = /* @__PURE__ */ ge(Wl, [["__scopeId", "data-v-f86d47da"]]), Gl = { class: "background rounded-corner flex flex-row items-center gap-2 justify-between w-full h-auto p-4 transition-all duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80" }, Ql = ["title", "aria-label"], Yl = ["src"], Xl = {
   key: 1,
   class: "w-8 h-8 flex items-center justify-center"
 }, Jl = ["src"], Zl = ["min", "max", "value", "aria-label", "aria-valuetext"], _l = /* @__PURE__ */ z({
@@ -2191,15 +2193,15 @@ const Rl = z({
   setup(e, { emit: l }) {
     const t = e, a = l, n = p(() => {
       if (t.max <= t.min) return 0;
-      const m = t.max - t.min, b = t.modelValue - t.min;
-      return Math.round(b / m * 100);
-    }), o = p(() => t.getPercentageClass ? t.getPercentageClass(n.value) : ""), u = (m) => {
-      const b = m.target;
+      const d = t.max - t.min, b = t.modelValue - t.min;
+      return Math.round(b / d * 100);
+    }), o = p(() => t.getPercentageClass ? t.getPercentageClass(n.value) : ""), u = (d) => {
+      const b = d.target;
       a("update:modelValue", Number(b.value));
     }, r = () => {
       a("buttonClick");
     };
-    return (m, b) => (i(), s("div", Gl, [
+    return (d, b) => (i(), s("div", Gl, [
       e.showButton ? (i(), s("button", {
         key: 0,
         onClick: r,
@@ -2383,10 +2385,10 @@ const Rl = z({
 function lt() {
   const e = pe(at, null);
   if (e) return e;
-  const l = $(!1);
+  const l = w(!1);
   return {
     abierto: p(() => l.value),
-    disparador: $(null),
+    disparador: w(null),
     ponerElDisparador: () => {
     },
     abrir: () => {
@@ -2404,7 +2406,7 @@ const dn = { class: "inline-block" }, fn = /* @__PURE__ */ z({
     delayDuration: { default: 200 }
   },
   setup(e) {
-    const l = e, t = $(!1), a = $(null);
+    const l = e, t = w(!1), a = w(null);
     let n = null;
     function o() {
       l.disabled || (n = setTimeout(() => {
@@ -2422,7 +2424,7 @@ const dn = { class: "inline-block" }, fn = /* @__PURE__ */ z({
       },
       abrir: o,
       cerrar: u
-    }), (r, m) => (i(), s("div", dn, [
+    }), (r, d) => (i(), s("div", dn, [
       A(r.$slots, "default")
     ]));
   }
@@ -2435,32 +2437,32 @@ const dn = { class: "inline-block" }, fn = /* @__PURE__ */ z({
     sideOffset: { default: 4 }
   },
   setup(e) {
-    const l = we(), t = p(() => l.class ?? ""), a = e, n = lt(), o = p(() => n.abierto.value), u = $(null), r = $({ top: 0, left: 0 });
-    function m() {
+    const l = $e(), t = p(() => l.class ?? ""), a = e, n = lt(), o = p(() => n.abierto.value), u = w(null), r = w({ top: 0, left: 0 });
+    function d() {
       const b = n.disparador.value;
       if (!b || !u.value) return;
-      const f = b.getBoundingClientRect(), B = u.value.getBoundingClientRect();
+      const m = b.getBoundingClientRect(), B = u.value.getBoundingClientRect();
       let D = 0, L = 0;
       switch (a.side) {
         case "bottom":
-          D = f.bottom + a.sideOffset, L = f.left + f.width / 2 - B.width / 2;
+          D = m.bottom + a.sideOffset, L = m.left + m.width / 2 - B.width / 2;
           break;
         case "top":
-          D = f.top - B.height - a.sideOffset, L = f.left + f.width / 2 - B.width / 2;
+          D = m.top - B.height - a.sideOffset, L = m.left + m.width / 2 - B.width / 2;
           break;
         case "left":
-          L = f.left - B.width - a.sideOffset, D = f.top + f.height / 2 - B.height / 2;
+          L = m.left - B.width - a.sideOffset, D = m.top + m.height / 2 - B.height / 2;
           break;
         case "right":
-          L = f.right + a.sideOffset, D = f.top + f.height / 2 - B.height / 2;
+          L = m.right + a.sideOffset, D = m.top + m.height / 2 - B.height / 2;
           break;
       }
       r.value = { top: D, left: L };
     }
     return K(o, async (b) => {
-      b && (await Y(), requestAnimationFrame(m));
-    }), (b, f) => (i(), Q(fe, { to: "body" }, [
-      O(ge, {
+      b && (await Y(), requestAnimationFrame(d));
+    }), (b, m) => (i(), Q(fe, { to: "body" }, [
+      O(ye, {
         "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",
@@ -2488,7 +2490,7 @@ const dn = { class: "inline-block" }, fn = /* @__PURE__ */ z({
 }), bn = /* @__PURE__ */ z({
   __name: "TooltipTrigger",
   setup(e) {
-    const l = lt(), t = $(null);
+    const l = lt(), t = w(null);
     function a() {
       return t.value ? t.value.firstElementChild ?? t.value : null;
     }
@@ -2509,10 +2511,10 @@ const dn = { class: "inline-block" }, fn = /* @__PURE__ */ z({
       A(o.$slots, "default")
     ], 544));
   }
-}), vn = ["title"], pn = ["src", "alt"], gn = {
+}), vn = ["title"], pn = ["src", "alt"], yn = {
   key: 0,
   class: "absolute bottom-1 right-1 bg-primary dark:bg-primary-dark text-white text-xs rounded-full w-4 h-4 flex items-center justify-center font-bold animate-bounce"
-}, yn = /* @__PURE__ */ z({
+}, gn = /* @__PURE__ */ z({
   __name: "TrayIconButton",
   props: {
     icon: {},
@@ -2527,7 +2529,7 @@ const dn = { class: "inline-block" }, fn = /* @__PURE__ */ z({
   },
   emits: ["click"],
   setup(e, { emit: l }) {
-    const t = l, a = $(!1), n = () => {
+    const t = l, a = w(!1), n = () => {
       t("click");
     };
     return (o, u) => (i(), s("div", {
@@ -2542,7 +2544,7 @@ const dn = { class: "inline-block" }, fn = /* @__PURE__ */ z({
         alt: e.alt,
         class: x(["m-auto h-5.5 w-auto transition-all duration-300", e.iconClass])
       }, null, 10, pn),
-      e.badge !== null && e.badge > 0 ? (i(), s("div", gn, S(e.badge), 1)) : h("", !0),
+      e.badge !== null && e.badge > 0 ? (i(), s("div", yn, S(e.badge), 1)) : h("", !0),
       e.showCustomTooltip && e.customTooltipText ? (i(), s("div", {
         key: 1,
         class: x(["absolute top-1 left-1/2 transform -translate-x-1/2 text-xs font-semibold p-1 rounded-corner transition-all duration-300 pointer-events-none background", [
@@ -2577,10 +2579,10 @@ const dn = { class: "inline-block" }, fn = /* @__PURE__ */ z({
   Qe,
   Na,
   rl,
-  gl,
+  yl,
   hl,
   kl,
-  wl,
+  $l,
   zl,
   Dl,
   Tl,
@@ -2600,7 +2602,7 @@ const dn = { class: "inline-block" }, fn = /* @__PURE__ */ z({
   fn,
   mn,
   bn,
-  yn
+  gn
 ], En = {
   install(e) {
     hn.forEach((l) => {
@@ -2619,10 +2621,10 @@ export {
   at as CLAVE_DEL_TOOLTIP,
   Ee as CLAVE_DE_LA_BARRA,
   rl as ConfigSection,
-  gl as DeviceCard,
+  yl as DeviceCard,
   hl as Dialog,
   kl as DialogContent,
-  wl as DialogDescription,
+  $l as DialogDescription,
   zl as DialogFooter,
   Dl as DialogHeader,
   Tl as DialogTitle,
@@ -2657,14 +2659,14 @@ export {
   fn as Tooltip,
   mn as TooltipContent,
   bn as TooltipTrigger,
-  yn as TrayIconButton,
+  gn as TrayIconButton,
   We as WindowControls,
   ra as WindowFrame,
   Ga as buscarOpciones,
   En as default,
   Jt as esPosicion,
   zn as olvidarLosIconosDelTema,
-  $e as orientacionDe,
+  we as orientacionDe,
   ea as posicionDe,
   Xe as rolDelTono,
   Ze as usarElDialogo,