@vasakgroup/vue-libvasak 0.18.0 → 1.0.0

package/dist/vue-libvasak.es.js

@@ -1,53 +1,53 @@
-import { ref as w, onMounted as J, onUnmounted as ve, watch as W, defineComponent as E, toRef as Be, computed as v, createElementBlock as r, unref as q, openBlock as i, normalizeStyle as re, createCommentVNode as h, createElementVNode as T, createVNode as O, toDisplayString as V, normalizeClass as x, renderSlot as S, createBlock as Q, onBeforeUnmount as ce, Fragment as Z, renderList as ne, withCtx as K, mergeModels as Ae, useAttrs as $e, useId as ot, useModel as it, withDirectives as Ce, mergeProps as oe, isRef as rt, vModelSelect as st, 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 { ref as w, onMounted as J, onUnmounted as ve, watch as W, defineComponent as E, toRef as Be, computed as v, createElementBlock as r, unref as R, openBlock as i, normalizeStyle as re, createCommentVNode as x, createElementVNode as T, createVNode as O, toDisplayString as V, normalizeClass as h, renderSlot as S, createBlock as Q, onBeforeUnmount as ce, Fragment as Z, renderList as le, withCtx as K, mergeModels as Ae, useAttrs as $e, useId as ot, useModel as it, withDirectives as Ce, mergeProps as oe, isRef as rt, vModelSelect as st, inject as pe, getCurrentInstance as Fe, provide as de, createTextVNode as ze, toHandlers as Re, createSlots as ut, withModifiers as M, withKeys as F, Teleport as fe, Transition as ye, nextTick as Y, TransitionGroup as ct, vShow as qe, 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 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(), se = w(0);
-let le = 0, ue = null, te = null;
-function Tn() {
-  be.clear(), ae.clear(), le = 0, ue = null, te = null, se.value = 0;
+let ne = 0, ue = null, te = null;
+function Tl() {
+  be.clear(), ae.clear(), ne = 0, ue = null, te = null, se.value = 0;
 }
 function wt() {
   be.clear(), ae.clear(), se.value++;
 }
 function kt() {
-  return le++, ue || te ? te ?? Promise.resolve() : (te = vt(xt, wt).then((e) => {
-    le <= 0 ? e() : ue = e, te = null;
+  return ne++, ue || te ? te ?? Promise.resolve() : (te = vt(xt, wt).then((e) => {
+    ne <= 0 ? e() : ue = e, te = null;
   }), te);
 }
 function $t() {
-  le--, !(le > 0) && (le = 0, ue?.(), ue = null);
+  ne--, !(ne > 0) && (ne = 0, ue?.(), ue = null);
 }
-function Ct(e, l) {
-  const t = `${l}:${e}`, a = be.get(t);
+function Ct(e, n) {
+  const t = `${n}:${e}`, a = be.get(t);
   if (a !== void 0)
     return Promise.resolve(a);
-  const n = ae.get(t);
-  if (n)
-    return n;
-  const o = se.value, s = (l === "symbol" ? pt(e) : yt(e)).then((u) => (se.value === o && be.set(t, u), u)).finally(() => {
+  const l = ae.get(t);
+  if (l)
+    return l;
+  const o = se.value, s = (n === "symbol" ? pt(e) : yt(e)).then((u) => (se.value === o && be.set(t, u), u)).finally(() => {
     ae.get(t) === s && ae.delete(t);
   });
   return ae.set(t, s), s;
 }
-function zt(e, l) {
+function zt(e, n) {
   const t = w("");
-  let a = !1, n = 0;
+  let a = !1, l = 0;
   async function o() {
-    const s = ++n, u = e.value;
+    const s = ++l, u = e.value;
     if (!u) {
       t.value = "";
       return;
     }
-    const m = await Ct(u, l.value);
-    s === n && !a && (t.value = m);
+    const m = await Ct(u, n.value);
+    s === l && !a && (t.value = m);
   }
   return J(async () => {
     await kt(), a || await o();
   }), ve(() => {
     a = !0, $t();
-  }), W([e, l], o), W(se, o), t;
+  }), W([e, n], o), W(se, o), t;
 }
 const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
   __name: "ThemeIcon",
@@ -58,10 +58,10 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
     alt: { default: "" }
   },
   setup(e) {
-    const l = e, t = zt(Be(l, "name"), Be(l, "type")), a = v(() => `${l.size}px`);
-    return (n, o) => q(t) ? (i(), r("img", {
+    const n = e, t = zt(Be(n, "name"), Be(n, "type")), a = v(() => `${n.size}px`);
+    return (l, o) => R(t) ? (i(), r("img", {
       key: 0,
-      src: q(t),
+      src: R(t),
       alt: e.alt,
       style: re({ width: a.value, height: a.value }),
       class: "shrink-0 object-contain"
@@ -82,31 +82,31 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
     defaultOpen: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const l = e, t = w(l.defaultOpen);
+    const n = e, t = w(n.defaultOpen);
     return W(
-      () => l.collapsed,
+      () => n.collapsed,
       (a) => {
         a && (t.value = !0);
       }
-    ), (a, n) => (i(), r("section", Dt, [
-      e.collapsed ? h("", !0) : (i(), r("button", {
+    ), (a, l) => (i(), r("section", Dt, [
+      e.collapsed ? x("", !0) : (i(), r("button", {
         key: 0,
         type: "button",
         class: "group flex w-full items-center justify-between rounded-corner px-2 py-1 text-tx-muted text-xs uppercase tracking-[0.08em] hover:bg-ui-surface/60",
         "aria-expanded": t.value,
-        onClick: n[0] || (n[0] = (o) => t.value = !t.value)
+        onClick: l[0] || (l[0] = (o) => t.value = !t.value)
       }, [
         T("span", null, V(e.title), 1),
         O(H, {
           name: "pan-down-symbolic",
           type: "symbol",
           size: 12,
-          class: x(["transition-transform duration-200", t.value ? "" : "-rotate-90"])
+          class: h(["transition-transform duration-200", t.value ? "" : "-rotate-90"])
         }, null, 8, ["class"])
       ], 8, Et)),
       t.value || e.collapsed ? (i(), r("div", Tt, [
         S(a.$slots, "default")
-      ])) : h("", !0)
+      ])) : x("", !0)
     ]));
   }
 }), Bt = ["title", "aria-label", "disabled", "aria-current"], At = { key: 1 }, St = {
@@ -127,21 +127,21 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
   },
   emits: ["click"],
   setup(e) {
-    return (l, t) => (i(), r("button", {
+    return (n, t) => (i(), r("button", {
       type: "button",
       title: e.collapsed ? e.label : void 0,
       "aria-label": e.collapsed ? e.label : void 0,
       disabled: e.disabled,
       "aria-current": e.active ? "page" : void 0,
-      class: x(["group relative flex w-full items-center gap-3 rounded-corner border px-3 py-2 text-left text-sm transition-all duration-200", [
+      class: h(["group relative flex w-full items-center gap-3 rounded-corner border px-3 py-2 text-left text-sm transition-all duration-200", [
         e.active ? "border-secondary bg-primary/15 text-tx-main shadow-sm" : "border-transparent bg-transparent hover:border-ui-border hover:bg-ui-surface/70",
         e.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer",
         e.collapsed ? "justify-center px-2" : ""
       ]]),
-      onClick: t[0] || (t[0] = (a) => l.$emit("click"))
+      onClick: t[0] || (t[0] = (a) => n.$emit("click"))
     }, [
       T("span", {
-        class: x(["flex h-8 w-8 shrink-0 items-center justify-center rounded-corner font-semibold text-xs uppercase tracking-wide", e.active ? "border-secondary bg-primary/20" : ""]),
+        class: h(["flex h-8 w-8 shrink-0 items-center justify-center rounded-corner font-semibold text-xs uppercase tracking-wide", e.active ? "border-secondary bg-primary/20" : ""]),
         "aria-hidden": "true"
       }, [
         e.icon ? (i(), Q(H, {
@@ -150,8 +150,8 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
           size: 20
         }, null, 8, ["name"])) : (i(), r("span", At, V(e.label.charAt(0).toUpperCase()), 1))
       ], 2),
-      e.collapsed ? h("", !0) : (i(), r("span", St, V(e.label), 1)),
-      !e.collapsed && e.badge !== "" ? (i(), r("span", Vt, V(e.badge), 1)) : h("", !0)
+      e.collapsed ? x("", !0) : (i(), r("span", St, V(e.label), 1)),
+      !e.collapsed && e.badge !== "" ? (i(), r("span", Vt, V(e.badge), 1)) : x("", !0)
     ], 10, Bt));
   }
 }), Mt = {
@@ -166,7 +166,7 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
 }, Ft = {
   key: 1,
   class: "truncate text-tx-muted text-xs"
-}, qt = { key: 0 }, Rt = {
+}, Rt = { key: 0 }, qt = {
   key: 1,
   class: "flex border-ui-border border-b p-2"
 }, Nt = ["aria-label", "aria-expanded"], Ht = { class: "flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-2" }, Se = "hidden h-8 w-8 shrink-0 items-center justify-center rounded-corner border border-ui-border bg-ui-surface/70 transition-colors hover:bg-ui-surface md:inline-flex", Ve = 767, Ut = /* @__PURE__ */ E({
@@ -181,8 +181,8 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
     expandLabel: { default: "Expand" }
   },
   emits: ["update:modelValue", "update:collapsed", "change"],
-  setup(e, { expose: l, emit: t }) {
-    const a = e, n = t, o = w(a.collapsed ?? !1), s = w(!1);
+  setup(e, { expose: n, emit: t }) {
+    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);
@@ -193,10 +193,10 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
       s.value = L() <= Ve;
     }
     function A() {
-      o.value = !o.value, n("update:collapsed", o.value);
+      o.value = !o.value, l("update:collapsed", o.value);
     }
     function y($) {
-      n("update:modelValue", $), n("change", $);
+      l("update:modelValue", $), l("change", $);
     }
     return W(
       () => a.collapsed,
@@ -207,14 +207,14 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
       u = window.matchMedia(`(max-width: ${Ve}px)`), D(), u.addEventListener("change", D), window.addEventListener("resize", D), typeof ResizeObserver < "u" && document.documentElement && (m = new ResizeObserver(D), m.observe(document.documentElement));
     }), ce(() => {
       u?.removeEventListener("change", D), window.removeEventListener("resize", D), m?.disconnect(), m = null;
-    }), l({ collapsed: f }), ($, j) => (i(), r("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]", f.value ? "md:w-[84px]" : "md:w-72"]])
+    }), n({ collapsed: f }), ($, j) => (i(), r("aside", {
+      class: h(["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]", f.value ? "md:w-[84px]" : "md:w-72"]])
     }, [
       d.value || $.$slots.header ? (i(), r("header", Mt, [
         T("div", It, [
           T("button", {
             type: "button",
-            class: x(Se),
+            class: h(Se),
             "aria-label": f.value ? e.expandLabel : e.collapseLabel,
             "aria-expanded": !f.value,
             onClick: A
@@ -226,17 +226,17 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
             }, null, 8, ["name"])
           ], 8, Ot),
           d.value && !f.value ? (i(), r("div", jt, [
-            e.title ? (i(), r("p", Pt, V(e.title), 1)) : h("", !0),
-            e.subtitle ? (i(), r("p", Ft, V(e.subtitle), 1)) : h("", !0)
-          ])) : h("", !0)
+            e.title ? (i(), r("p", Pt, V(e.title), 1)) : x("", !0),
+            e.subtitle ? (i(), r("p", Ft, V(e.subtitle), 1)) : x("", !0)
+          ])) : x("", !0)
         ]),
-        $.$slots.header && !f.value ? (i(), r("div", qt, [
+        $.$slots.header && !f.value ? (i(), r("div", Rt, [
           S($.$slots, "header", { collapsed: f.value })
-        ])) : h("", !0)
-      ])) : (i(), r("div", Rt, [
+        ])) : x("", !0)
+      ])) : (i(), r("div", qt, [
         T("button", {
           type: "button",
-          class: x(Se),
+          class: h(Se),
           "aria-label": f.value ? e.expandLabel : e.collapseLabel,
           "aria-expanded": !f.value,
           onClick: A
@@ -249,13 +249,13 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
         ], 8, Nt)
       ])),
       T("div", Ht, [
-        (i(!0), r(Z, null, ne(e.categories, (C) => (i(), Q(Ne, {
+        (i(!0), r(Z, null, le(e.categories, (C) => (i(), Q(Ne, {
           key: C.id,
           title: C.title,
           collapsed: f.value
         }, {
           default: K(() => [
-            (i(!0), r(Z, null, ne(C.items, (g) => (i(), Q(He, {
+            (i(!0), r(Z, null, le(C.items, (g) => (i(), Q(He, {
               key: g.id,
               label: g.label,
               icon: g.icon,
@@ -284,8 +284,8 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Ae(["change"], ["update:modelValue"]),
-  setup(e, { emit: l }) {
-    const t = e, a = $e(), n = ot(), o = v(() => a.id ?? n), s = l, [u, m] = it(e, "modelValue", {
+  setup(e, { emit: n }) {
+    const t = e, a = $e(), l = ot(), o = v(() => a.id ?? l), s = n, [u, m] = it(e, "modelValue", {
       set(f) {
         return m.number ? Number(f) : f;
       }
@@ -295,18 +295,18 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
         key: 0,
         for: o.value,
         class: "text-tx-muted text-xs"
-      }, V(t.label), 9, Wt)) : h("", !0),
+      }, V(t.label), 9, Wt)) : x("", !0),
       T("div", Gt, [
         Ce(T("select", oe({
           id: o.value,
           "onUpdate:modelValue": d[0] || (d[0] = (L) => rt(u) ? u.value = L : 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), {
+        }, R(a), {
           onChange: d[1] || (d[1] = (L) => s("change", L))
         }), [
           S(f.$slots, "default")
         ], 16, Qt), [
-          [st, q(u)]
+          [st, R(u)]
         ]),
         O(H, {
           name: "pan-down-symbolic",
@@ -328,11 +328,11 @@ function Jt(e) {
 function me() {
   const e = pe(Le, null);
   if (e) return e;
-  const l = w("top");
+  const n = w("top");
   return {
-    posicion: l,
-    orientacion: v(() => ke(l.value)),
-    vertical: v(() => ke(l.value) === "vertical")
+    posicion: n,
+    orientacion: v(() => ke(n.value)),
+    vertical: v(() => ke(n.value) === "vertical")
   };
 }
 const De = ["minimize", "maximize", "close"], Zt = "window", _t = "barPosition";
@@ -341,20 +341,20 @@ function ea(e) {
   return Jt(t) ? t : null;
 }
 function ta(e = "top") {
-  const l = w(e);
+  const n = w(e);
   let t = null, a = !1;
-  async function n() {
+  async function l() {
     try {
       const { readConfig: o } = await import("@vasakgroup/plugin-config-manager"), s = await o();
-      l.value = ea(s) ?? e;
+      n.value = ea(s) ?? e;
     } catch {
     }
   }
   return J(async () => {
-    await n();
+    await l();
     try {
       const { listen: o } = await import("@tauri-apps/api/event"), s = await o("config-changed", () => {
-        n();
+        l();
       });
       if (a) {
         s();
@@ -365,17 +365,17 @@ function ta(e = "top") {
     }
   }), ce(() => {
     a = !0, t?.(), t = null;
-  }), l;
+  }), n;
 }
 function Ue(e) {
-  const l = Fe(), t = {};
+  const n = Fe(), t = {};
   for (const a of e) {
-    const n = `on${a[0].toUpperCase()}${a.slice(1)}`;
-    l?.vnode.props?.[n] && (t[a] = () => l.emit(a));
+    const l = `on${a[0].toUpperCase()}${a.slice(1)}`;
+    n?.vnode.props?.[l] && (t[a] = () => n.emit(a));
   }
   return t;
 }
-const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title", "aria-label"], xe = "flex items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 p-1 transition-colors", Ke = /* @__PURE__ */ E({
+const aa = ["title", "aria-label"], na = ["title", "aria-label"], la = ["title", "aria-label"], xe = "flex items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 p-1 transition-colors", Ke = /* @__PURE__ */ E({
   __name: "WindowControls",
   props: {
     controls: { default: () => De },
@@ -384,8 +384,8 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     closeLabel: {}
   },
   emits: ["minimize", "maximize", "close"],
-  setup(e, { emit: l }) {
-    const t = e, { t: a } = ht(), n = v(() => t.minimizeLabel ?? a("ventana.minimizar")), o = v(() => t.maximizeLabel ?? a("ventana.maximizar")), s = v(() => t.closeLabel ?? a("ventana.cerrar")), u = l, { vertical: m } = me(), f = v(() => ({
+  setup(e, { emit: n }) {
+    const t = e, { t: a } = ht(), l = v(() => t.minimizeLabel ?? a("ventana.minimizar")), o = v(() => t.maximizeLabel ?? a("ventana.maximizar")), s = v(() => t.closeLabel ?? a("ventana.cerrar")), u = n, { vertical: m } = me(), f = v(() => ({
       minimize: t.controls.includes("minimize"),
       maximize: t.controls.includes("maximize"),
       close: t.controls.includes("close")
@@ -411,15 +411,15 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     }
     return (j, C) => e.controls.length ? (i(), r("div", {
       key: 0,
-      class: x(["flex shrink-0 gap-1", q(m) ? "flex-col" : ""]),
+      class: h(["flex shrink-0 gap-1", R(m) ? "flex-col" : ""]),
       "data-tauri-drag-region": ""
     }, [
       f.value.minimize ? (i(), r("button", {
         key: 0,
         type: "button",
-        class: x([xe, "hover:bg-status-success"]),
-        title: n.value,
-        "aria-label": n.value,
+        class: h([xe, "hover:bg-status-success"]),
+        title: l.value,
+        "aria-label": l.value,
         onClick: C[0] || (C[0] = (g) => A())
       }, [
         O(H, {
@@ -427,11 +427,11 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
           type: "symbol",
           size: 24
         })
-      ], 10, aa)) : h("", !0),
+      ], 10, aa)) : x("", !0),
       f.value.maximize ? (i(), r("button", {
         key: 1,
         type: "button",
-        class: x([xe, "hover:bg-status-warning"]),
+        class: h([xe, "hover:bg-status-warning"]),
         title: o.value,
         "aria-label": o.value,
         onClick: C[1] || (C[1] = (g) => y())
@@ -441,11 +441,11 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
           type: "symbol",
           size: 24
         })
-      ], 10, la)) : h("", !0),
+      ], 10, na)) : x("", !0),
       f.value.close ? (i(), r("button", {
         key: 2,
         type: "button",
-        class: x([xe, "hover:bg-status-error"]),
+        class: h([xe, "hover:bg-status-error"]),
         title: s.value,
         "aria-label": s.value,
         onClick: C[2] || (C[2] = (g) => $())
@@ -455,8 +455,8 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
           type: "symbol",
           size: 24
         })
-      ], 10, na)) : h("", !0)
-    ], 2)) : h("", !0);
+      ], 10, la)) : x("", !0)
+    ], 2)) : x("", !0);
   }
 }), oa = {
   key: 0,
@@ -478,51 +478,51 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
   },
   emits: ["minimize", "maximize", "close"],
   setup(e) {
-    const l = e, t = me(), a = v(() => l.position ?? t.posicion.value), n = v(() => a.value === "left" || a.value === "right");
+    const n = e, t = me(), a = v(() => n.position ?? t.posicion.value), l = v(() => a.value === "left" || a.value === "right");
     return de(Le, {
       posicion: a,
-      orientacion: v(() => n.value ? "vertical" : "horizontal"),
-      vertical: n
+      orientacion: v(() => l.value ? "vertical" : "horizontal"),
+      vertical: l
     }), (o, s) => (i(), r("div", {
-      class: x(["relative flex shrink-0 items-center gap-2 p-1 font-title", n.value ? "h-full flex-col" : "w-full"]),
+      class: h(["relative flex shrink-0 items-center gap-2 p-1 font-title", l.value ? "h-full flex-col" : "w-full"]),
       "data-tauri-drag-region": ""
     }, [
       o.$slots.identidad ? (i(), r("div", oa, [
         S(o.$slots, "identidad")
-      ])) : h("", !0),
-      (o.$slots.titulo || e.title) && !n.value ? (i(), r("p", ia, [
+      ])) : x("", !0),
+      (o.$slots.titulo || e.title) && !l.value ? (i(), r("p", ia, [
         S(o.$slots, "titulo", {}, () => [
           ze(V(e.title), 1)
         ])
-      ])) : h("", !0),
+      ])) : x("", !0),
       T("div", {
-        class: x(["flex min-h-0 min-w-0 flex-1 items-center gap-2 overflow-auto", n.value ? "flex-col" : ""]),
+        class: h(["flex min-h-0 min-w-0 flex-1 items-center gap-2 overflow-auto", l.value ? "flex-col" : ""]),
         "data-tauri-drag-region": ""
       }, [
         S(o.$slots, "default")
       ], 2),
       o.$slots.acciones ? (i(), r("div", {
         key: 2,
-        class: x(["flex shrink-0 items-center gap-1", n.value ? "flex-col" : ""])
+        class: h(["flex shrink-0 items-center gap-1", l.value ? "flex-col" : ""])
       }, [
         S(o.$slots, "acciones")
-      ], 2)) : h("", !0),
+      ], 2)) : x("", !0),
       O(Ke, oe({
         controls: e.controls,
         "minimize-label": e.minimizeLabel,
         "maximize-label": e.maximizeLabel,
         "close-label": e.closeLabel
-      }, qe(q(Ue)(["minimize", "maximize", "close"]))), null, 16, ["controls", "minimize-label", "maximize-label", "close-label"]),
+      }, Re(R(Ue)(["minimize", "maximize", "close"]))), null, 16, ["controls", "minimize-label", "maximize-label", "close-label"]),
       o.$slots.centro ? (i(), r("div", {
         key: 3,
-        class: x(["pointer-events-none absolute flex items-center justify-center", n.value ? "inset-x-0 top-1/2 -translate-y-1/2 flex-col" : "inset-y-0 left-1/2 -translate-x-1/2"])
+        class: h(["pointer-events-none absolute flex items-center justify-center", l.value ? "inset-x-0 top-1/2 -translate-y-1/2 flex-col" : "inset-y-0 left-1/2 -translate-x-1/2"])
       }, [
         T("div", {
-          class: x(["pointer-events-auto flex items-center gap-2", n.value ? "flex-col" : ""])
+          class: h(["pointer-events-auto flex items-center gap-2", l.value ? "flex-col" : ""])
         }, [
           S(o.$slots, "centro")
         ], 2)
-      ], 2)) : h("", !0)
+      ], 2)) : x("", !0)
     ], 2));
   }
 }), ra = { class: "flex min-h-0 min-w-0 flex-1" }, sa = /* @__PURE__ */ E({
@@ -538,8 +538,8 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
   },
   emits: ["minimize", "maximize", "close"],
   setup(e) {
-    const l = e, t = ta(), a = v(() => l.position ?? t.value), n = v(() => ke(a.value)), o = v(() => n.value === "vertical");
-    de(Le, { posicion: a, orientacion: n, vertical: o });
+    const n = e, t = ta(), a = v(() => n.position ?? t.value), l = v(() => ke(a.value)), o = v(() => l.value === "vertical");
+    de(Le, { posicion: a, orientacion: l, vertical: o });
     const s = {
       top: "flex-col",
       bottom: "flex-col-reverse",
@@ -547,9 +547,9 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       right: "flex-row-reverse"
     };
     return (u, m) => (i(), r("div", {
-      class: x(["flex h-screen w-screen overflow-hidden rounded-corner-window border border-ui-border bg-ui-bg/80", s[a.value]])
+      class: h(["flex h-screen w-screen overflow-hidden rounded-corner-window border border-ui-border bg-ui-bg/80", s[a.value]])
     }, [
-      e.hideBar ? h("", !0) : (i(), Q(We, oe({
+      e.hideBar ? x("", !0) : (i(), Q(We, oe({
         key: 0,
         position: a.value,
         title: e.title,
@@ -557,7 +557,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         "maximize-label": e.maximizeLabel,
         "close-label": e.closeLabel,
         controls: e.controls
-      }, qe(q(Ue)(["minimize", "maximize", "close"]))), ut({
+      }, Re(R(Ue)(["minimize", "maximize", "close"]))), ut({
         default: K(() => [
           S(u.$slots, "barra")
         ]),
@@ -617,8 +617,8 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     tabindex: { default: 0 }
   },
   emits: ["select", "close", "menu", "mover", "navegar"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, { vertical: n, posicion: o } = me(), s = w(null), u = w(null), m = w(!1), f = w(!1), d = w(!1), L = w({ top: 0, left: 0, right: 0 });
+  setup(e, { emit: n }) {
+    const t = e, a = n, { vertical: l, posicion: o } = me(), s = w(null), u = w(null), m = w(!1), f = w(!1), d = w(!1), L = w({ top: 0, left: 0, right: 0 });
     let D = null, A = null;
     const y = 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
@@ -627,23 +627,23 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     ), b = v(
       () => y.value && (g.value || t.active || !t.tab.dirty)
     ), p = v(
-      () => n.value && (m.value || f.value || d.value)
+      () => l.value && (m.value || f.value || d.value)
     ), P = v(() => {
-      const R = { position: "fixed", top: `${L.value.top}px`, zIndex: 50 };
-      return o.value === "right" ? { ...R, right: `${L.value.right + Ie}px` } : { ...R, left: `${L.value.left + Ie}px` };
+      const q = { position: "fixed", top: `${L.value.top}px`, zIndex: 50 };
+      return o.value === "right" ? { ...q, right: `${L.value.right + Ie}px` } : { ...q, left: `${L.value.left + Ie}px` };
     });
     function _() {
-      const R = s.value;
-      if (!R) return;
-      const k = R.getBoundingClientRect();
+      const q = s.value;
+      if (!q) return;
+      const k = q.getBoundingClientRect();
       L.value = {
         top: k.top,
         left: k.right,
         right: window.innerWidth - k.left
       };
     }
-    function U(R) {
-      const k = R.relatedTarget;
+    function U(q) {
+      const k = q.relatedTarget;
       k && u.value?.contains(k) || (d.value = !1);
     }
     function ee() {
@@ -655,27 +655,27 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     function B() {
       D !== null && clearTimeout(D), D = null, A = null;
     }
-    function z(R) {
-      R.button === 0 && (A = { x: R.clientX, y: R.clientY }, D = setTimeout(() => {
+    function z(q) {
+      q.button === 0 && (A = { x: q.clientX, y: q.clientY }, D = setTimeout(() => {
         A && a("menu", A), B();
       }, pa));
     }
-    function I(R) {
+    function I(q) {
       if (!A) return;
-      (Math.abs(R.clientX - A.x) > Me || Math.abs(R.clientY - A.y) > Me) && B();
+      (Math.abs(q.clientX - A.x) > Me || Math.abs(q.clientY - A.y) > Me) && B();
     }
-    function ie(R) {
-      R.button === 1 && y.value && (R.preventDefault(), a("close"));
+    function ie(q) {
+      q.button === 1 && y.value && (q.preventDefault(), a("close"));
     }
-    function nt(R) {
-      R.preventDefault(), a("menu", { x: R.clientX, y: R.clientY });
+    function lt(q) {
+      q.preventDefault(), a("menu", { x: q.clientX, y: q.clientY });
     }
-    return ce(B), (R, k) => (i(), r("div", {
+    return ce(B), (q, k) => (i(), r("div", {
       ref_key: "raiz",
       ref: s,
-      class: x(["group relative flex shrink-0 cursor-pointer items-center gap-2 rounded-corner border border-ui-border transition-colors", [
+      class: h(["group relative flex shrink-0 cursor-pointer items-center gap-2 rounded-corner border border-ui-border transition-colors", [
         e.active ? "bg-primary font-bold text-tx-on-primary" : "bg-ui-bg/80 hover:bg-ui-surface/70",
-        q(n) ? "size-8 justify-center p-0 text-sm" : "w-34 max-w-34 px-3 py-1 text-sm"
+        R(l) ? "size-8 justify-center p-0 text-sm" : "w-34 max-w-34 px-3 py-1 text-sm"
       ]]),
       role: "tab",
       "aria-selected": e.active,
@@ -699,7 +699,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         k[18] || (k[18] = F(M((N) => y.value && a("close"), ["prevent", "stop"]), ["delete"]))
       ],
       onAuxclick: M(ie, ["stop"]),
-      onContextmenu: nt,
+      onContextmenu: lt,
       onPointerdown: z,
       onPointermove: I,
       onPointerup: B,
@@ -714,13 +714,13 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         name: e.tab.icon,
         size: 16,
         class: "shrink-0"
-      }, null, 8, ["name"])) : q(n) ? (i(), r("span", ca, V(C.value), 1)) : h("", !0),
-      q(n) ? h("", !0) : (i(), r("span", da, V(e.tab.label), 1)),
+      }, null, 8, ["name"])) : R(l) ? (i(), r("span", ca, V(C.value), 1)) : x("", !0),
+      R(l) ? x("", !0) : (i(), r("span", da, V(e.tab.label), 1)),
       c.value ? (i(), r("span", {
         key: 3,
-        class: x(["size-2 shrink-0 rounded-full bg-current", q(n) ? "absolute right-0.5 top-0.5" : ""]),
+        class: h(["size-2 shrink-0 rounded-full bg-current", R(l) ? "absolute right-0.5 top-0.5" : ""]),
         "aria-hidden": "true"
-      }, null, 2)) : b.value && !q(n) ? (i(), r("button", {
+      }, null, 2)) : b.value && !R(l) ? (i(), r("button", {
         key: 4,
         type: "button",
         class: "flex size-4 shrink-0 items-center justify-center rounded-corner-sm hover:bg-ui-surface",
@@ -733,7 +733,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
           type: "symbol",
           size: 12
         })
-      ], 8, fa)) : h("", !0),
+      ], 8, fa)) : x("", !0),
       (i(), Q(fe, { to: "body" }, [
         O(ye, {
           "enter-active-class": "transition duration-150 ease-out",
@@ -744,7 +744,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
           default: K(() => [
             p.value ? (i(), r("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" : ""]),
+              class: h(["flex items-center gap-2 rounded-corner border border-ui-border bg-ui-surface/95 px-3 py-1 text-sm shadow-lg", e.active ? "font-bold" : ""]),
               ref_key: "desplegadoRef",
               ref: u,
               style: re(P.value),
@@ -754,7 +754,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
               onFocusout: U
             }, [
               T("span", ma, V(e.tab.label), 1),
-              e.tab.dirty ? (i(), r("span", ba)) : h("", !0),
+              e.tab.dirty ? (i(), r("span", ba)) : x("", !0),
               y.value ? (i(), r("button", {
                 key: 1,
                 type: "button",
@@ -768,8 +768,8 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
                   type: "symbol",
                   size: 12
                 })
-              ], 8, va)) : h("", !0)
-            ], 38)) : h("", !0)
+              ], 8, va)) : x("", !0)
+            ], 38)) : x("", !0)
           ]),
           _: 1
         })
@@ -787,8 +787,8 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     fixedOrder: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "select", "close", "new", "reorder", "menu"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, { vertical: n } = me(), o = w(null), s = w(0), u = w(null), m = w(null);
+  setup(e, { emit: n }) {
+    const t = e, a = n, { vertical: l } = me(), o = w(null), s = w(0), u = w(null), m = w(null);
     function f(g) {
       a("update:modelValue", g), a("select", g);
     }
@@ -808,8 +808,8 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     function D(g) {
       const c = o.value;
       if (!c) return;
-      const b = g.deltaY || g.deltaX || 0, p = n.value ? c.scrollTop : c.scrollLeft;
-      n.value ? c.scrollTop += b : c.scrollLeft += b, (n.value ? c.scrollTop : c.scrollLeft) !== p && g.preventDefault();
+      const b = g.deltaY || g.deltaX || 0, p = l.value ? c.scrollTop : c.scrollLeft;
+      l.value ? c.scrollTop += b : c.scrollLeft += b, (l.value ? c.scrollTop : c.scrollLeft) !== p && g.preventDefault();
     }
     function A(g, c) {
       t.fixedOrder || (u.value = g, c.dataTransfer?.setData("text/plain", String(g)), c.dataTransfer && (c.dataTransfer.effectAllowed = "move"));
@@ -827,22 +827,22 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       u.value = null, m.value = null;
     }
     const C = v(
-      () => 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"
+      () => l.value ? "flex h-full flex-col items-center gap-1 overflow-y-auto overflow-x-hidden" : "flex items-center gap-1 overflow-x-auto overflow-y-hidden"
     );
     return (g, c) => (i(), r("div", {
-      class: x(["flex min-h-0 min-w-0 items-center gap-1", q(n) ? "w-full flex-col" : "h-full"]),
+      class: h(["flex min-h-0 min-w-0 items-center gap-1", R(l) ? "w-full flex-col" : "h-full"]),
       role: "tablist",
-      "aria-orientation": q(n) ? "vertical" : "horizontal"
+      "aria-orientation": R(l) ? "vertical" : "horizontal"
     }, [
       T("div", {
         ref_key: "carril",
         ref: o,
-        class: x(C.value),
+        class: h(C.value),
         onWheel: D
       }, [
-        (i(!0), r(Z, null, ne(e.tabs, (b, p) => (i(), r("div", {
+        (i(!0), r(Z, null, le(e.tabs, (b, p) => (i(), r("div", {
           key: b.id,
-          class: x(["transition-opacity", [
+          class: h(["transition-opacity", [
             u.value === p ? "opacity-40" : "",
             m.value === p && u.value !== p ? "ring-2 ring-secondary rounded-corner" : ""
           ]]),
@@ -879,7 +879,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
           type: "symbol",
           size: 14
         })
-      ], 8, ha)) : h("", !0)
+      ], 8, ha)) : x("", !0)
     ], 10, ya));
   }
 }), wa = ["id", "aria-label", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-describedby", "autocomplete", "aria-invalid"], Qe = /* @__PURE__ */ E({
@@ -900,19 +900,19 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     lazy: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "keyup", "keydown"],
-  setup(e, { expose: l, emit: t }) {
-    const a = e, n = t;
+  setup(e, { expose: n, emit: t }) {
+    const a = e, l = t;
     function o(d) {
-      a.lazy || n("update:modelValue", d.target.value);
+      a.lazy || l("update:modelValue", d.target.value);
     }
     function s(d) {
-      a.lazy && n("update:modelValue", d.target.value);
+      a.lazy && l("update:modelValue", d.target.value);
     }
     const u = w(null);
     function m() {
       return u.value?.focus(), u.value !== null && document.activeElement === u.value;
     }
-    l({ enfocar: m });
+    n({ enfocar: m });
     const f = v(() => [
       "w-full rounded-corner border bg-ui-surface/70 px-3 py-1.5 text-sm text-tx-main",
       "placeholder:text-tx-muted focus:outline-none focus:ring-1 focus:ring-primary",
@@ -934,11 +934,11 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       "aria-describedby": e.describedBy,
       autocomplete: e.autocomplete,
       "aria-invalid": e.invalid || void 0,
-      class: x(f.value),
+      class: h(f.value),
       onInput: o,
       onChange: s,
-      onKeyup: L[0] || (L[0] = (D) => n("keyup", D)),
-      onKeydown: L[1] || (L[1] = (D) => n("keydown", D))
+      onKeyup: L[0] || (L[0] = (D) => l("keyup", D)),
+      onKeydown: L[1] || (L[1] = (D) => l("keydown", D))
     }, null, 42, wa));
   }
 }), ka = { class: "pointer-events-none absolute left-2 flex items-center" }, $a = ["aria-label"], Ee = /* @__PURE__ */ E({
@@ -957,8 +957,8 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     expanded: { type: Boolean }
   },
   emits: ["update:modelValue", "search", "clear", "keydown"],
-  setup(e, { expose: l, emit: t }) {
-    const a = e, n = t, o = w(null);
+  setup(e, { expose: n, emit: t }) {
+    const a = e, l = t, o = w(null);
     let s;
     const u = v(() => a.modelValue.length > 0), m = v(
       () => a.listboxId ? {
@@ -973,18 +973,18 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       clearTimeout(s), s = void 0;
     }
     function L($) {
-      n("update:modelValue", $), !(a.debounce <= 0) && (d(), s = setTimeout(() => n("search", $), a.debounce));
+      l("update:modelValue", $), !(a.debounce <= 0) && (d(), s = setTimeout(() => l("search", $), a.debounce));
     }
     function D() {
-      d(), n("search", a.modelValue);
+      d(), l("search", a.modelValue);
     }
     function A() {
-      d(), n("update:modelValue", ""), n("clear"), y();
+      d(), l("update:modelValue", ""), l("clear"), y();
     }
     function y() {
       return o.value?.enfocar() ?? !1;
     }
-    return l({ enfocar: y }), J(async () => {
+    return n({ enfocar: y }), J(async () => {
       a.autofocus && (await Y(), y());
     }), ve(d), W(
       () => a.disabled,
@@ -1000,7 +1000,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
           name: e.busy ? "content-loading" : "system-search",
           type: "symbol",
           size: 14,
-          class: x(e.busy ? "animate-spin opacity-70" : "opacity-60")
+          class: h(e.busy ? "animate-spin opacity-70" : "opacity-60")
         }, null, 8, ["name", "class"])
       ]),
       O(Qe, oe({
@@ -1014,7 +1014,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         disabled: e.disabled,
         class: ["pl-7 [&::-webkit-search-cancel-button]:appearance-none", f.value ? "pr-8" : ""],
         "onUpdate:modelValue": L,
-        onKeydown: j[0] || (j[0] = (C) => n("keydown", C))
+        onKeydown: j[0] || (j[0] = (C) => l("keydown", C))
       }), null, 16, ["model-value", "placeholder", "ariaLabel", "disabled", "class"]),
       f.value ? (i(), r("button", {
         key: 0,
@@ -1031,7 +1031,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
           size: 12,
           alt: ""
         })
-      ], 40, $a)) : h("", !0)
+      ], 40, $a)) : x("", !0)
     ], 32));
   }
 }), Ca = ["title", "aria-label", "aria-expanded"], za = /* @__PURE__ */ E({
@@ -1045,8 +1045,8 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     debounce: { default: 0 }
   },
   emits: ["update:modelValue", "search", "open", "close"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, { vertical: n, posicion: o } = me(), s = w(!1), u = w(null), m = v(() => n.value || t.collapsed), f = v(() => !m.value || s.value), d = v(() => {
+  setup(e, { emit: n }) {
+    const t = e, a = n, { vertical: l, posicion: o } = me(), 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 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`;
@@ -1081,10 +1081,10 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
           type: "symbol",
           size: 14
         })
-      ], 40, Ca)) : h("", !0),
+      ], 40, Ca)) : x("", !0),
       f.value ? (i(), r("div", {
         key: 1,
-        class: x(d.value),
+        class: h(d.value),
         onKeydown: F(D, ["esc"])
       }, [
         O(Ee, {
@@ -1095,11 +1095,11 @@ 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"),
+          class: h(m.value ? "" : "w-48"),
           "onUpdate:modelValue": $[2] || ($[2] = (j) => a("update:modelValue", j)),
           onSearch: $[3] || ($[3] = (j) => a("search", j))
         }, null, 8, ["model-value", "placeholder", "label", "disabled", "debounce", "class"])
-      ], 34)) : h("", !0)
+      ], 34)) : x("", !0)
     ], 32));
   }
 }), La = ["type", "disabled"], Da = {
@@ -1123,8 +1123,8 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     preventDefault: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, n = {
+  setup(e, { emit: n }) {
+    const t = e, a = n, l = {
       primary: "bg-primary dark:bg-primary-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-primary/90 dark:hover:bg-primary-dark/90",
       secondary: "bg-secondary dark:bg-secondary-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-secondary/80 dark:hover:bg-secondary-dark/80",
       danger: "bg-status-error dark:bg-status-error-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-status-error/90 dark:hover:bg-status-error-dark/90"
@@ -1138,8 +1138,8 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     return (u, m) => (i(), r("button", {
       type: t.type,
       onClick: s,
-      class: x(["rounded-corner transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", [
-        n[t.variant],
+      class: h(["rounded-corner transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", [
+        l[t.variant],
         o[t.size],
         t.fullWidth ? "w-full" : "",
         t.iconSrc && !t.label ? "px-2 py-2" : "",
@@ -1147,26 +1147,26 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       ]]),
       disabled: t.disabled || t.loading
     }, [
-      e.loading ? (i(), r("span", Da)) : h("", !0),
+      e.loading ? (i(), r("span", Da)) : x("", !0),
       t.iconSrc && !t.iconRight ? (i(), r("img", {
         key: 1,
         src: t.iconSrc,
         alt: t.iconAlt || t.label,
         class: "w-4 h-4"
-      }, null, 8, Ea)) : h("", !0),
-      t.label ? (i(), r("span", Ta, V(t.label), 1)) : h("", !0),
+      }, null, 8, Ea)) : x("", !0),
+      t.label ? (i(), r("span", Ta, V(t.label), 1)) : x("", !0),
       t.iconSrc && t.iconRight ? (i(), r("img", {
         key: 3,
         src: t.iconSrc,
         alt: t.iconAlt || t.label,
         class: "w-4 h-4"
-      }, null, 8, Ba)) : h("", !0)
+      }, null, 8, Ba)) : x("", !0)
     ], 10, La));
   }
-}), ge = (e, l) => {
+}), ge = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [a, n] of l)
-    t[a] = n;
+  for (const [a, l] of n)
+    t[a] = l;
   return t;
 }, Sa = /* @__PURE__ */ ge(Aa, [["__scopeId", "data-v-2eaf6e27"]]), Ye = {
   info: "border-ui-border bg-ui-surface/70 text-tx-main",
@@ -1192,11 +1192,11 @@ const Va = ["role"], Ma = {
     iconType: { default: "symbol" }
   },
   setup(e) {
-    const l = e, t = v(() => Ye[l.tone]), a = v(() => Xe(l.tone));
-    return (n, o) => (i(), r("div", {
+    const n = e, t = v(() => Ye[n.tone]), a = v(() => Xe(n.tone));
+    return (l, o) => (i(), r("div", {
       role: a.value,
       "aria-atomic": "true",
-      class: x(["flex gap-3 rounded-corner border px-4 py-2 text-sm", t.value])
+      class: h(["flex gap-3 rounded-corner border px-4 py-2 text-sm", t.value])
     }, [
       e.icon ? (i(), r("span", Ma, [
         O(H, {
@@ -1205,13 +1205,13 @@ const Va = ["role"], Ma = {
           size: 18,
           alt: ""
         }, null, 8, ["name", "type"])
-      ])) : h("", !0),
+      ])) : x("", !0),
       T("div", Ia, [
-        e.title ? (i(), r("p", Oa, V(e.title), 1)) : h("", !0),
+        e.title ? (i(), r("p", Oa, V(e.title), 1)) : x("", !0),
         T("div", {
-          class: x(e.title ? "mt-1" : "")
+          class: h(e.title ? "mt-1" : "")
         }, [
-          S(n.$slots, "default")
+          S(l.$slots, "default")
         ], 2)
       ])
     ], 10, Va));
@@ -1219,7 +1219,7 @@ const Va = ["role"], Ma = {
 }), Pa = { class: "font-medium text-sm text-tx-main" }, Fa = {
   key: 0,
   class: "text-sm text-tx-muted"
-}, qa = /* @__PURE__ */ E({
+}, Ra = /* @__PURE__ */ E({
   __name: "EmptyState",
   props: {
     title: {},
@@ -1229,8 +1229,8 @@ const Va = ["role"], Ma = {
     bordered: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (l, t) => (i(), r("div", {
-      class: x(["flex flex-col items-center justify-center gap-3 px-8 py-12 text-center", e.bordered ? "rounded-corner border border-ui-border border-dashed bg-ui-surface/20" : ""])
+    return (n, t) => (i(), r("div", {
+      class: h(["flex flex-col items-center justify-center gap-3 px-8 py-12 text-center", e.bordered ? "rounded-corner border border-ui-border border-dashed bg-ui-surface/20" : ""])
     }, [
       O(H, {
         name: e.icon,
@@ -1239,24 +1239,24 @@ const Va = ["role"], Ma = {
         class: "opacity-60"
       }, null, 8, ["name", "type"]),
       T("p", Pa, V(e.title), 1),
-      e.note ? (i(), r("p", Fa, V(e.note), 1)) : h("", !0),
-      S(l.$slots, "default")
+      e.note ? (i(), r("p", Fa, V(e.note), 1)) : x("", !0),
+      S(n.$slots, "default")
     ], 2));
   }
-}), Ra = { class: "text-sm text-tx-muted" }, Na = /* @__PURE__ */ E({
+}), qa = { class: "text-sm text-tx-muted" }, Na = /* @__PURE__ */ E({
   __name: "LoadingState",
   props: {
     label: {},
     bordered: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (l, t) => (i(), r("div", {
+    return (n, t) => (i(), r("div", {
       role: "status",
       "aria-atomic": "true",
-      class: x(["flex flex-col items-center justify-center gap-4 px-8 py-12 text-center", e.bordered ? "rounded-corner border border-ui-border border-dashed bg-ui-surface/20" : ""])
+      class: h(["flex flex-col items-center justify-center gap-4 px-8 py-12 text-center", e.bordered ? "rounded-corner border border-ui-border border-dashed bg-ui-surface/20" : ""])
     }, [
       t[0] || (t[0] = T("span", { class: "h-10 w-10 animate-spin rounded-full border-4 border-ui-border border-t-primary motion-reduce:animate-none" }, null, -1)),
-      T("p", Ra, V(e.label), 1)
+      T("p", qa, V(e.label), 1)
     ], 2));
   }
 }), Ha = ["role"], Ua = /* @__PURE__ */ E({
@@ -1266,12 +1266,12 @@ const Va = ["role"], Ma = {
     position: { default: "bottom-right" }
   },
   setup(e) {
-    const l = e, t = v(
-      () => l.position === "bottom-center" ? "bottom-4 left-1/2 -translate-x-1/2" : "right-4 bottom-4"
+    const n = e, t = v(
+      () => n.position === "bottom-center" ? "bottom-4 left-1/2 -translate-x-1/2" : "right-4 bottom-4"
     );
-    return (a, n) => (i(), Q(fe, { to: "body" }, [
+    return (a, l) => (i(), Q(fe, { to: "body" }, [
       T("div", {
-        class: x(["pointer-events-none fixed z-60 flex flex-col gap-2", t.value])
+        class: h(["pointer-events-none fixed z-60 flex flex-col gap-2", t.value])
       }, [
         O(ct, {
           "enter-active-class": "transition-all duration-300 ease-out",
@@ -1281,11 +1281,11 @@ const Va = ["role"], Ma = {
           "move-class": "transition-transform duration-300"
         }, {
           default: K(() => [
-            (i(!0), r(Z, null, ne(e.toasts, (o) => (i(), r("div", {
+            (i(!0), r(Z, null, le(e.toasts, (o) => (i(), r("div", {
               key: o.id,
-              role: q(Xe)(o.tone ?? "info"),
+              role: R(Xe)(o.tone ?? "info"),
               "aria-atomic": "true",
-              class: x(["pointer-events-auto rounded-corner border px-4 py-2 text-sm shadow-lg backdrop-blur-sm", q(Ye)[o.tone ?? "info"]])
+              class: h(["pointer-events-auto rounded-corner border px-4 py-2 text-sm shadow-lg backdrop-blur-sm", R(Ye)[o.tone ?? "info"]])
             }, [
               S(a.$slots, "default", { aviso: o }, () => [
                 ze(V(o.message), 1)
@@ -1304,42 +1304,47 @@ const Va = ["role"], Ma = {
   __name: "ProgressBar",
   props: {
     value: {},
-    label: {}
+    label: {},
+    tone: { default: "normal" }
   },
   setup(e) {
-    const l = e, t = v(
-      () => l.value === null ? null : Math.max(0, Math.min(100, l.value))
+    const n = e, t = {
+      normal: "bg-primary",
+      warning: "bg-status-warning",
+      critical: "bg-status-error"
+    }, a = v(
+      () => n.value === null ? null : Math.max(0, Math.min(100, n.value))
     );
-    return (a, n) => (i(), r("div", {
+    return (l, o) => (i(), r("div", {
       role: "progressbar",
       "aria-label": e.label,
-      "aria-valuenow": t.value ?? void 0,
+      "aria-valuenow": a.value ?? void 0,
       "aria-valuemin": "0",
       "aria-valuemax": "100",
       class: "h-2 w-full overflow-hidden rounded-corner bg-ui-surface/70"
     }, [
-      t.value !== null ? (i(), r("div", {
+      a.value !== null ? (i(), r("div", {
         key: 0,
-        class: "h-full rounded-corner bg-primary transition-[width] duration-300 ease-out",
-        style: re({ width: `${t.value}%` })
-      }, null, 4)) : (i(), r("div", Wa))
+        class: h(["h-full rounded-corner transition-[width] duration-300 ease-out", t[e.tone]]),
+        style: re({ width: `${a.value}%` })
+      }, null, 6)) : (i(), r("div", Wa))
     ], 8, Ka));
   }
 }), Qa = /[/\-_.]/;
-function we(e, l) {
-  if (!l) return 100;
-  const t = l.toLowerCase();
+function we(e, n) {
+  if (!n) return 100;
+  const t = n.toLowerCase();
   return t === e ? 0 : t.startsWith(e) ? 10 : t.split(Qa).some((a) => a.startsWith(e)) ? 30 : t.includes(e) ? 40 : 100;
 }
-function Ya(e, l) {
-  const t = l.trim().toLowerCase();
+function Ya(e, n) {
+  const t = n.trim().toLowerCase();
   if (!t) return e;
   const a = [];
-  for (let n = 0; n < e.length; n++) {
-    const o = e[n], s = we(t, o.valor), u = we(t, o.etiqueta), m = u === 10 ? 20 : u, d = we(t, o.detalle) === 100 ? 100 : 40, L = Math.min(s, m, d);
-    L !== 100 && a.push({ opcion: o, rango: L, orden: n });
+  for (let l = 0; l < e.length; l++) {
+    const o = e[l], s = we(t, o.valor), u = we(t, o.etiqueta), m = u === 10 ? 20 : u, d = we(t, o.detalle) === 100 ? 100 : 40, L = Math.min(s, m, d);
+    L !== 100 && a.push({ opcion: o, rango: L, orden: l });
   }
-  return a.sort((n, o) => n.rango - o.rango || n.orden - o.orden), a.map((n) => n.opcion);
+  return a.sort((l, o) => l.rango - o.rango || l.orden - o.orden), a.map((l) => l.opcion);
 }
 let Oe = 0;
 function Xa() {
@@ -1348,16 +1353,16 @@ function Xa() {
 const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 flex-1 truncate" }, _a = {
   key: 0,
   class: "ml-2 text-tx-muted text-xs"
-}, el = { class: "border-ui-border border-b p-2" }, tl = ["id"], al = {
+}, en = { class: "border-ui-border border-b p-2" }, tn = ["id"], an = {
   key: 0,
   class: "p-3 text-center text-tx-muted text-xs"
-}, ll = ["id", "data-indice", "aria-selected"], nl = { class: "min-w-0 flex-1 truncate" }, ol = {
+}, nn = ["id", "data-indice", "aria-selected"], ln = { class: "min-w-0 flex-1 truncate" }, on = {
   key: 0,
   class: "shrink-0 text-tx-muted text-xs"
-}, il = {
+}, rn = {
   key: 1,
   class: "px-2 py-1 text-tx-muted text-xs"
-}, rl = /* @__PURE__ */ E({
+}, sn = /* @__PURE__ */ E({
   __name: "SearchSelect",
   props: {
     modelValue: {},
@@ -1371,10 +1376,10 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
     up: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, n = w(""), o = w(!1), s = w(0), u = w(null), m = w(null), f = w(null), d = Xa(), L = v(
+  setup(e, { emit: n }) {
+    const t = e, a = n, l = w(""), o = w(!1), s = w(0), u = w(null), m = w(null), f = w(null), d = Xa(), L = v(
       () => t.options.find((B) => B.valor === t.modelValue) ?? null
-    ), D = v(() => Ya(t.options, n.value)), A = v(() => D.value.slice(0, t.limit)), y = v(() => Math.max(0, D.value.length - t.limit)), $ = v(
+    ), D = v(() => Ya(t.options, l.value)), A = v(() => D.value.slice(0, t.limit)), y = v(() => Math.max(0, D.value.length - t.limit)), $ = v(
       () => A.value.length > 0 ? `${d}-${s.value}` : void 0
     );
     function j(B) {
@@ -1386,7 +1391,7 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
       s.value = B >= 0 ? B : 0, await Y(), f.value?.enfocar(), U();
     }
     function g(B = !0) {
-      o.value && (o.value = !1, n.value = "", B && Y(() => m.value?.focus()));
+      o.value && (o.value = !1, l.value = "", B && Y(() => m.value?.focus()));
     }
     function c(B) {
       const z = A.value.length;
@@ -1423,7 +1428,7 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
       (B) => {
         B && g(!1);
       }
-    ), W(n, () => {
+    ), W(l, () => {
       s.value = 0, U();
     });
     function G(B) {
@@ -1451,7 +1456,7 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
       }, [
         T("span", Za, [
           ze(V(L.value?.etiqueta ?? e.placeholder) + " ", 1),
-          L.value?.detalle ? (i(), r("span", _a, V(L.value.detalle), 1)) : h("", !0)
+          L.value?.detalle ? (i(), r("span", _a, V(L.value.detalle), 1)) : x("", !0)
         ]),
         O(H, {
           name: "go-down",
@@ -1462,7 +1467,7 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
       ], 40, Ja),
       o.value ? (i(), r("div", {
         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"]),
+        class: h(["absolute z-20 w-full min-w-64 rounded-corner border border-ui-border-strong bg-ui-bg shadow-lg", e.up ? "bottom-full mb-1" : "mt-1"]),
         onKeydown: [
           z[4] || (z[4] = F(M((I) => g(), ["prevent"]), ["escape"])),
           z[5] || (z[5] = F(M((I) => c(1), ["prevent"]), ["down"])),
@@ -1475,47 +1480,47 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
         onClick: P,
         onMousemove: _
       }, [
-        T("div", el, [
+        T("div", en, [
           O(Ee, {
             ref_key: "campo",
             ref: f,
-            modelValue: n.value,
-            "onUpdate:modelValue": z[3] || (z[3] = (I) => n.value = I),
+            modelValue: l.value,
+            "onUpdate:modelValue": z[3] || (z[3] = (I) => l.value = I),
             label: e.label,
             placeholder: e.searchPlaceholder,
-            "listbox-id": q(d),
+            "listbox-id": R(d),
             "active-option-id": $.value,
             expanded: o.value
           }, null, 8, ["modelValue", "label", "placeholder", "listbox-id", "active-option-id", "expanded"])
         ]),
         T("ul", {
-          id: q(d),
+          id: R(d),
           ref_key: "lista",
           ref: u,
           role: "listbox",
           class: "max-h-56 overflow-y-auto p-1"
         }, [
-          A.value.length === 0 ? (i(), r("li", al, V(e.emptyText), 1)) : h("", !0),
-          (i(!0), r(Z, null, ne(A.value, (I, ie) => (i(), r("li", {
-            id: `${q(d)}-${ie}`,
+          A.value.length === 0 ? (i(), r("li", an, V(e.emptyText), 1)) : x("", !0),
+          (i(!0), r(Z, null, le(A.value, (I, ie) => (i(), r("li", {
+            id: `${R(d)}-${ie}`,
             key: I.valor,
             "data-indice": ie,
             role: "option",
             "aria-selected": I.valor === e.modelValue,
-            class: x(["flex cursor-pointer items-baseline gap-2 rounded-corner px-2 py-1 text-sm", [
+            class: h(["flex cursor-pointer items-baseline gap-2 rounded-corner px-2 py-1 text-sm", [
               ie === s.value ? "bg-ui-surface" : "",
               I.valor === e.modelValue ? "font-medium text-primary" : "text-tx-main"
             ]])
           }, [
-            T("span", nl, V(I.etiqueta), 1),
-            I.detalle ? (i(), r("span", ol, V(I.detalle), 1)) : h("", !0)
-          ], 10, ll))), 128)),
-          y.value > 0 ? (i(), r("li", il, "+" + V(y.value), 1)) : h("", !0)
-        ], 8, tl)
-      ], 34)) : h("", !0)
+            T("span", ln, V(I.etiqueta), 1),
+            I.detalle ? (i(), r("span", on, V(I.detalle), 1)) : x("", !0)
+          ], 10, nn))), 128)),
+          y.value > 0 ? (i(), r("li", rn, "+" + V(y.value), 1)) : x("", !0)
+        ], 8, tn)
+      ], 34)) : x("", !0)
     ], 32));
   }
-}), sl = { class: "text-base font-semibold m-0 text-primary dark:text-primary-dark" }, ul = /* @__PURE__ */ E({
+}), un = { class: "text-base font-semibold m-0 text-primary dark:text-primary-dark" }, cn = /* @__PURE__ */ E({
   __name: "ConfigSection",
   props: {
     title: {},
@@ -1523,26 +1528,26 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
     customClass: { default: () => ({}) }
   },
   setup(e) {
-    return (l, t) => (i(), r("div", {
-      class: x(["flex flex-col gap-4 p-4 background rounded-corner", e.customClass])
+    return (n, t) => (i(), r("div", {
+      class: h(["flex flex-col gap-4 p-4 background rounded-corner", e.customClass])
     }, [
-      T("h3", sl, V(e.icon ? `${e.icon} ${e.title}` : e.title), 1),
-      S(l.$slots, "default", {}, void 0, !0)
+      T("h3", un, V(e.icon ? `${e.icon} ${e.title}` : e.title), 1),
+      S(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), cl = /* @__PURE__ */ ge(ul, [["__scopeId", "data-v-45bd4eab"]]), dl = { class: "flex items-center gap-3 flex-1 min-w-0" }, fl = ["src", "alt"], ml = { class: "min-w-0" }, bl = { class: "font-semibold truncate" }, vl = {
+}), dn = /* @__PURE__ */ ge(cn, [["__scopeId", "data-v-45bd4eab"]]), fn = { class: "flex items-center gap-3 flex-1 min-w-0" }, mn = ["src", "alt"], bn = { class: "min-w-0" }, vn = { class: "font-semibold truncate" }, pn = {
   key: 0,
   class: "text-xs text-gray-400 truncate"
-}, pl = {
+}, yn = {
   key: 1,
   class: "text-xs text-gray-400 truncate"
-}, yl = {
+}, gn = {
   key: 2,
   class: "text-xs text-gray-400 flex gap-2 mt-1"
-}, gl = {
+}, hn = {
   key: 1,
   class: "w-2 h-2 rounded-full bg-green-500"
-}, hl = /* @__PURE__ */ E({
+}, xn = /* @__PURE__ */ E({
   __name: "DeviceCard",
   props: {
     icon: {},
@@ -1558,48 +1563,48 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
     clickable: { type: Boolean, default: !1 }
   },
   emits: ["action", "click"],
-  setup(e, { emit: l }) {
-    const t = l, a = () => {
+  setup(e, { emit: n }) {
+    const t = n, a = () => {
       t("action");
-    }, n = () => {
+    }, l = () => {
       t("click");
     };
     return (o, s) => (i(), r("div", {
-      class: x(["flex items-center justify-between background rounded-vsk px-6 py-3 mb-4", [{ "border-l-4 border-green-500": e.isConnected }, e.customClass]]),
-      onClick: n
+      class: h(["flex items-center justify-between background rounded-vsk px-6 py-3 mb-4", [{ "border-l-4 border-green-500": e.isConnected }, e.customClass]]),
+      onClick: l
     }, [
-      T("div", dl, [
+      T("div", fn, [
         T("img", {
           src: e.icon,
           alt: e.title,
           class: "h-7 w-7 shrink-0"
-        }, null, 8, fl),
-        T("div", ml, [
-          T("div", bl, V(e.title), 1),
-          e.subtitle ? (i(), r("div", vl, V(e.subtitle), 1)) : h("", !0),
-          e.metadata ? (i(), r("div", pl, V(e.metadata), 1)) : h("", !0),
-          e.extraInfo && e.extraInfo.length > 0 ? (i(), r("div", yl, [
-            (i(!0), r(Z, null, ne(e.extraInfo, (u, m) => (i(), r("span", { key: m }, V(u), 1))), 128))
-          ])) : h("", !0)
+        }, null, 8, mn),
+        T("div", bn, [
+          T("div", vn, V(e.title), 1),
+          e.subtitle ? (i(), r("div", pn, V(e.subtitle), 1)) : x("", !0),
+          e.metadata ? (i(), r("div", yn, V(e.metadata), 1)) : x("", !0),
+          e.extraInfo && e.extraInfo.length > 0 ? (i(), r("div", gn, [
+            (i(!0), r(Z, null, le(e.extraInfo, (u, m) => (i(), r("span", { key: m }, V(u), 1))), 128))
+          ])) : x("", !0)
         ])
       ]),
       e.showActionButton ? (i(), r("button", {
         key: 0,
         class: "bg-vsk-primary rounded-vsk px-4 py-2 text-sm font-semibold cursor-pointer hover:opacity-70",
         onClick: M(a, ["stop"])
-      }, V(e.actionLabel), 1)) : h("", !0),
-      e.showStatusIndicator && e.isConnected ? (i(), r("div", gl)) : h("", !0)
+      }, V(e.actionLabel), 1)) : x("", !0),
+      e.showStatusIndicator && e.isConnected ? (i(), r("div", hn)) : x("", !0)
     ], 2));
   }
 }), Je = /* @__PURE__ */ Symbol("diálogo de vasak");
 function Ze() {
   const e = pe(Je, null);
   if (e) return e;
-  const l = w(!1);
+  const n = w(!1);
   return {
-    abierto: v(() => l.value),
+    abierto: v(() => n.value),
     cerrar: () => {
-      l.value = !1;
+      n.value = !1;
     },
     idDelTitulo: w(null),
     ponerElTitulo: () => {
@@ -1607,30 +1612,30 @@ function Ze() {
   };
 }
 let je = 0;
-function xl() {
+function wn() {
   return je += 1, `vsk-dialogo-titulo-${je}`;
 }
-const wl = /* @__PURE__ */ E({
+const kn = /* @__PURE__ */ E({
   __name: "Dialog",
   props: {
     open: { type: Boolean, default: !1 }
   },
   emits: ["update:open"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, n = w(null);
+  setup(e, { emit: n }) {
+    const t = e, a = n, l = w(null);
     return de(Je, {
       abierto: v(() => t.open),
       cerrar: () => a("update:open", !1),
-      idDelTitulo: n,
+      idDelTitulo: l,
       ponerElTitulo: (o) => {
-        n.value = o;
+        l.value = o;
       }
     }), (o, s) => S(o.$slots, "default");
   }
-}), kl = {
+}), $n = {
   key: 0,
   class: "absolute inset-0 rounded-corner-window bg-ui-border-dark/40"
-}, $l = ["aria-labelledby", "aria-label"], Cl = "relative z-10 w-full rounded-corner border border-ui-border bg-ui-bg/80 p-6 text-tx-main shadow-lg", zl = /* @__PURE__ */ E({
+}, Cn = ["aria-labelledby", "aria-label"], zn = "relative z-10 w-full rounded-corner border border-ui-border bg-ui-bg/80 p-6 text-tx-main shadow-lg", Ln = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "DialogContent",
   props: {
@@ -1638,10 +1643,10 @@ const wl = /* @__PURE__ */ E({
     ariaLabel: {}
   },
   setup(e) {
-    const l = e, t = $e(), a = v(() => t.class ?? ""), n = v(() => {
+    const n = e, t = $e(), a = v(() => t.class ?? ""), l = v(() => {
       const { class: C, ...g } = t;
       return g;
-    }), o = v(() => l.size === "full" ? "relative z-10 h-full w-full overflow-hidden rounded-corner-window text-tx-main" : `${Cl} ${l.size === "lg" ? "max-w-2xl" : "max-w-lg"}`), s = Ze(), u = v(() => s.abierto.value), m = w(null), f = w(null);
+    }), o = v(() => n.size === "full" ? "relative z-10 h-full w-full overflow-hidden rounded-corner-window text-tx-main" : `${zn} ${n.size === "lg" ? "max-w-2xl" : "max-w-lg"}`), s = Ze(), u = v(() => s.abierto.value), m = w(null), f = w(null);
     let d = null;
     function L() {
       return f.value ? [...f.value.querySelectorAll('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])')] : [];
@@ -1704,65 +1709,65 @@ const wl = /* @__PURE__ */ E({
             onClick: A,
             onKeydown: D
           }, [
-            l.size === "md" ? (i(), r("div", kl)) : h("", !0),
+            n.size === "md" ? (i(), r("div", $n)) : x("", !0),
             T("div", oe({
               ref_key: "panel",
               ref: f,
               tabindex: "-1",
               role: "dialog",
               "aria-modal": "true",
-              "aria-labelledby": q(s).idDelTitulo.value ?? void 0,
-              "aria-label": q(s).idDelTitulo.value ? void 0 : e.ariaLabel
-            }, n.value, {
+              "aria-labelledby": R(s).idDelTitulo.value ?? void 0,
+              "aria-label": R(s).idDelTitulo.value ? void 0 : e.ariaLabel
+            }, l.value, {
               class: [a.value, o.value]
             }), [
               S(C.$slots, "default")
-            ], 16, $l)
-          ], 544)) : h("", !0)
+            ], 16, Cn)
+          ], 544)) : x("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), Ll = { class: "text-sm text-tx-muted" }, Dl = /* @__PURE__ */ E({
+}), Dn = { class: "text-sm text-tx-muted" }, En = /* @__PURE__ */ E({
   __name: "DialogDescription",
   setup(e) {
-    return (l, t) => (i(), r("p", Ll, [
-      S(l.$slots, "default")
+    return (n, t) => (i(), r("p", Dn, [
+      S(n.$slots, "default")
     ]));
   }
-}), El = { class: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, Tl = /* @__PURE__ */ E({
+}), Tn = { class: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, Bn = /* @__PURE__ */ E({
   __name: "DialogFooter",
   setup(e) {
-    return (l, t) => (i(), r("div", El, [
-      S(l.$slots, "default")
+    return (n, t) => (i(), r("div", Tn, [
+      S(n.$slots, "default")
     ]));
   }
-}), Bl = { class: "flex flex-col gap-1.5 text-center sm:text-left" }, Al = /* @__PURE__ */ E({
+}), An = { class: "flex flex-col gap-1.5 text-center sm:text-left" }, Sn = /* @__PURE__ */ E({
   __name: "DialogHeader",
   setup(e) {
-    return (l, t) => (i(), r("div", Bl, [
-      S(l.$slots, "default")
+    return (n, t) => (i(), r("div", An, [
+      S(n.$slots, "default")
     ]));
   }
-}), Sl = ["id"], Vl = /* @__PURE__ */ E({
+}), Vn = ["id"], Mn = /* @__PURE__ */ E({
   __name: "DialogTitle",
   setup(e) {
-    const l = Ze(), t = xl();
-    return J(() => l.ponerElTitulo(t)), ve(() => l.ponerElTitulo(null)), (a, n) => (i(), r("h2", {
-      id: q(t),
+    const n = Ze(), t = wn();
+    return J(() => n.ponerElTitulo(t)), ve(() => n.ponerElTitulo(null)), (a, l) => (i(), r("h2", {
+      id: R(t),
       class: "font-semibold text-lg leading-none tracking-tight"
     }, [
       S(a.$slots, "default")
-    ], 8, Sl));
+    ], 8, Vn));
   }
 }), _e = /* @__PURE__ */ Symbol("menú de vasak");
 function he() {
   const e = pe(_e, null);
   if (e) return e;
-  const l = w(!1);
+  const n = w(!1);
   return {
-    abierto: l,
+    abierto: n,
     idDelMenu: "vsk-menu-suelto",
     idDeLaEtiqueta: w(null),
     ponerLaEtiqueta: () => {
@@ -1772,13 +1777,13 @@ function he() {
     },
     focoAlAbrir: w("ninguno"),
     abrir: () => {
-      l.value = !0;
+      n.value = !0;
     },
     cerrar: () => {
-      l.value = !1;
+      n.value = !1;
     },
     alternar: () => {
-      l.value = !l.value;
+      n.value = !n.value;
     }
   };
 }
@@ -1786,19 +1791,19 @@ let Pe = 0;
 function et() {
   return Pe += 1, `vsk-menu-${Pe}`;
 }
-const Ml = { class: "relative inline-block" }, Il = /* @__PURE__ */ E({
+const In = { class: "relative inline-block" }, On = /* @__PURE__ */ E({
   __name: "DropdownMenu",
   props: {
     open: { type: Boolean, default: void 0 }
   },
   emits: ["update:open"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, n = w(!1), o = w(null), s = w(null), u = w("ninguno"), m = et();
+  setup(e, { emit: n }) {
+    const t = e, a = n, l = w(!1), o = w(null), s = w(null), u = w("ninguno"), m = et();
     let f = null;
     const d = v({
-      get: () => t.open ?? n.value,
+      get: () => t.open ?? l.value,
       set: (y) => {
-        t.open === void 0 && (n.value = y), a("update:open", y);
+        t.open === void 0 && (l.value = y), a("update:open", y);
       }
     });
     W(d, (y) => {
@@ -1838,14 +1843,14 @@ const Ml = { class: "relative inline-block" }, Il = /* @__PURE__ */ E({
       abrir: L,
       cerrar: D,
       alternar: A
-    }), (y, $) => (i(), r("div", Ml, [
+    }), (y, $) => (i(), r("div", In, [
       S(y.$slots, "default")
     ]));
   }
-}), Ol = ["id", "aria-labelledby", "inert"], jl = {
+}), jn = ["id", "aria-labelledby", "inert"], Pn = {
   role: "none",
   class: "py-1"
-}, X = 8, Pl = /* @__PURE__ */ E({
+}, X = 8, Fn = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "DropdownMenuContent",
   props: {
@@ -1854,7 +1859,7 @@ const Ml = { class: "relative inline-block" }, Il = /* @__PURE__ */ E({
     sideOffset: { default: 4 }
   },
   setup(e) {
-    const l = e, t = he(), { idDelMenu: a, idDeLaEtiqueta: n } = t, o = v(() => t.disparador.value), s = v(() => t.abierto.value), u = w(null), m = w({
+    const n = e, t = he(), { 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
@@ -1865,7 +1870,7 @@ const Ml = { class: "relative inline-block" }, Il = /* @__PURE__ */ E({
       right: "left"
     };
     function d(c, b) {
-      const p = l.sideOffset + X;
+      const p = n.sideOffset + X;
       switch (c) {
         case "bottom":
           return window.innerHeight - b.bottom - p;
@@ -1882,30 +1887,30 @@ const Ml = { class: "relative inline-block" }, Il = /* @__PURE__ */ E({
     }
     function D() {
       if (!o.value || !u.value) return;
-      const c = o.value.getBoundingClientRect(), b = u.value.scrollHeight, p = u.value.offsetWidth, P = l.side === "top" || l.side === "bottom", _ = P ? b : p;
-      let U = l.side;
+      const c = o.value.getBoundingClientRect(), b = u.value.scrollHeight, p = u.value.offsetWidth, P = n.side === "top" || n.side === "bottom", _ = P ? b : p;
+      let U = n.side;
       const ee = d(U, c);
       ee < _ && d(f[U], c) > ee && (U = f[U]);
       let G = 0, B = 0, z = null;
       switch (U) {
         case "bottom": {
-          G = c.bottom + l.sideOffset, z = Math.max(window.innerHeight - G - X, 0);
+          G = c.bottom + n.sideOffset, z = Math.max(window.innerHeight - G - X, 0);
           break;
         }
         case "top": {
-          z = Math.max(d("top", c), 0), G = c.top - l.sideOffset - Math.min(b, z);
+          z = Math.max(d("top", c), 0), G = c.top - n.sideOffset - Math.min(b, z);
           break;
         }
         case "left":
         case "right": {
-          B = U === "right" ? c.right + l.sideOffset : c.left - p - l.sideOffset;
+          B = U === "right" ? c.right + n.sideOffset : c.left - p - n.sideOffset;
           const I = window.innerHeight - 2 * X;
           G = L(c.top, X, window.innerHeight - Math.min(b, I) - X), z = Math.max(window.innerHeight - G - X, 0);
           break;
         }
       }
       if (P)
-        switch (l.align) {
+        switch (n.align) {
           case "start":
             B = c.left;
             break;
@@ -1997,11 +2002,11 @@ const Ml = { class: "relative inline-block" }, Il = /* @__PURE__ */ E({
             ref_key: "contenido",
             ref: u
           }, c.$attrs, {
-            id: q(a),
+            id: R(a),
             role: "menu",
             tabindex: "-1",
             "aria-orientation": "vertical",
-            "aria-labelledby": q(n) ?? void 0,
+            "aria-labelledby": R(l) ?? void 0,
             inert: !s.value,
             style: {
               position: "fixed",
@@ -2017,33 +2022,33 @@ const Ml = { class: "relative inline-block" }, Il = /* @__PURE__ */ E({
             onClick: b[0] || (b[0] = (p) => p.stopPropagation()),
             onKeydown: j
           }), [
-            T("div", jl, [
+            T("div", Pn, [
               S(c.$slots, "default")
             ])
-          ], 16, Ol), [
-            [Re, s.value]
+          ], 16, jn), [
+            [qe, s.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), Fl = ["aria-disabled", "onKeydown"], ql = /* @__PURE__ */ E({
+}), Rn = ["aria-disabled", "onKeydown"], qn = /* @__PURE__ */ E({
   __name: "DropdownMenuItem",
   props: {
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["select", "click"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, n = he();
+  setup(e, { emit: n }) {
+    const t = e, a = n, l = he();
     function o(s) {
-      t.disabled || (a("select"), a("click", s), n.cerrar({ devolverElFoco: !0 }));
+      t.disabled || (a("select"), a("click", s), l.cerrar({ devolverElFoco: !0 }));
     }
     return (s, u) => (i(), r("div", {
       role: "menuitem",
       tabindex: "0",
       "aria-disabled": e.disabled || void 0,
-      class: x([
+      class: h([
         "px-3 py-2 text-sm transition-colors outline-none",
         {
           "opacity-50 cursor-not-allowed": e.disabled,
@@ -2057,17 +2062,17 @@ const Ml = { class: "relative inline-block" }, Il = /* @__PURE__ */ E({
       ]
     }, [
       S(s.$slots, "default")
-    ], 42, Fl));
+    ], 42, Rn));
   }
-}), Rl = /* @__PURE__ */ E({
+}), Nn = /* @__PURE__ */ E({
   __name: "DropdownMenuLabel",
   setup(e) {
-    const l = he(), t = `${et()}-titulo`;
+    const n = he(), t = `${et()}-titulo`;
     return J(() => {
-      l.ponerLaEtiqueta(t);
+      n.ponerLaEtiqueta(t);
     }), ce(() => {
-      l.ponerLaEtiqueta(null);
-    }), (a, n) => (i(), r("div", {
+      n.ponerLaEtiqueta(null);
+    }), (a, l) => (i(), r("div", {
       id: t,
       role: "presentation",
       class: "px-3 py-2 text-sm font-semibold text-tx-main"
@@ -2075,30 +2080,30 @@ const Ml = { class: "relative inline-block" }, Il = /* @__PURE__ */ E({
       S(a.$slots, "default")
     ]));
   }
-}), Nl = {
+}), Hn = {
   role: "separator",
   "aria-orientation": "horizontal",
   class: "bg-ui-bg/80 my-4 h-0.5"
-}, Hl = /* @__PURE__ */ E({
+}, Un = /* @__PURE__ */ E({
   __name: "DropdownMenuSeparator",
   setup(e) {
-    return (l, t) => (i(), r("div", Nl));
+    return (n, t) => (i(), r("div", Hn));
   }
 });
 function tt(e) {
-  const l = e.filter(
+  const n = e.filter(
     (a) => a.type !== mt && !(a.type === bt && typeof a.children == "string" && !a.children.trim())
   );
-  if (l.length !== 1) return null;
-  const t = l[0];
+  if (n.length !== 1) return null;
+  const t = n[0];
   return t.type === Z && Array.isArray(t.children) ? tt(t.children) : t;
 }
-function Ul(e) {
+function Kn(e) {
   if (e instanceof HTMLElement) return e;
-  const l = e?.$el;
-  return l instanceof HTMLElement ? l : null;
+  const n = e?.$el;
+  return n instanceof HTMLElement ? n : null;
 }
-const Kl = E({
+const Wn = E({
   name: "DropdownMenuTrigger",
   inheritAttrs: !1,
   props: {
@@ -2107,10 +2112,10 @@ const Kl = E({
     /** El disparador no abre nada; lo abre la aplicación por su cuenta. */
     disabled: { type: Boolean, default: !1 }
   },
-  setup(e, { slots: l, attrs: t }) {
-    const a = he(), n = w(null);
+  setup(e, { slots: n, attrs: t }) {
+    const a = he(), l = w(null);
     function o() {
-      a.ponerElDisparador(Ul(n.value));
+      a.ponerElDisparador(Kn(l.value));
     }
     function s() {
       e.disabled || (o(), a.alternar());
@@ -2136,7 +2141,7 @@ const Kl = E({
     return () => {
       const m = {
         ref: (d) => {
-          n.value = d, o();
+          l.value = d, o();
         },
         "aria-haspopup": "menu",
         "aria-expanded": a.abierto.value ? "true" : "false",
@@ -2146,7 +2151,7 @@ const Kl = E({
         "aria-controls": a.abierto.value ? a.idDelMenu : void 0,
         onClick: s,
         onKeydown: u
-      }, f = l.default?.() ?? [];
+      }, f = n.default?.() ?? [];
       if (e.asChild) {
         const d = tt(f);
         if (d) return dt(d, { ...t, ...m });
@@ -2158,7 +2163,7 @@ const Kl = E({
       );
     };
   }
-}), Wl = ["for"], Gl = /* @__PURE__ */ E({
+}), Gn = ["for"], Qn = /* @__PURE__ */ E({
   __name: "FormGroup",
   props: {
     label: {},
@@ -2167,45 +2172,45 @@ const Kl = E({
     labelClass: { default: () => ({}) }
   },
   setup(e) {
-    return (l, t) => (i(), r("div", {
-      class: x(["flex flex-col gap-2", e.customClass])
+    return (n, t) => (i(), r("div", {
+      class: h(["flex flex-col gap-2", e.customClass])
     }, [
       e.label ? (i(), r("label", {
         key: 0,
         for: e.htmlFor,
-        class: x(["text-sm font-medium text-primary dark:text-primary-dark", e.labelClass])
-      }, V(e.label), 11, Wl)) : h("", !0),
-      S(l.$slots, "default", {}, void 0, !0)
+        class: h(["text-sm font-medium text-primary dark:text-primary-dark", e.labelClass])
+      }, V(e.label), 11, Gn)) : x("", !0),
+      S(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Ql = /* @__PURE__ */ ge(Gl, [["__scopeId", "data-v-c0d9d9cb"]]), Yl = /* @__PURE__ */ E({
+}), Yn = /* @__PURE__ */ ge(Qn, [["__scopeId", "data-v-c0d9d9cb"]]), Xn = /* @__PURE__ */ E({
   __name: "ListCard",
   props: {
     clickable: { type: Boolean, default: !1 },
     customClass: { default: () => ({}) }
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, n = () => {
+  setup(e, { emit: n }) {
+    const t = e, a = n, l = () => {
       t.clickable && a("click");
     };
     return (o, s) => (i(), r("div", {
-      class: x([
+      class: h([
         "flex items-center justify-between background p-3 rounded-vsk border border-vsk-primary/70 transition-colors duration-200",
         {
           "hover:bg-vsk-primary/5 cursor-pointer": t.clickable
         },
         e.customClass
       ]),
-      onClick: n
+      onClick: l
     }, [
       S(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Xl = /* @__PURE__ */ ge(Yl, [["__scopeId", "data-v-f86d47da"]]), Jl = { 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" }, Zl = ["title", "aria-label"], _l = ["src"], en = {
+}), Jn = /* @__PURE__ */ ge(Xn, [["__scopeId", "data-v-f86d47da"]]), Zn = { 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" }, _n = ["title", "aria-label"], el = ["src"], tl = {
   key: 1,
   class: "w-8 h-8 flex items-center justify-center"
-}, tn = ["src"], an = ["min", "max", "value", "aria-label", "aria-valuetext"], ln = /* @__PURE__ */ E({
+}, al = ["src"], nl = ["min", "max", "value", "aria-label", "aria-valuetext"], ll = /* @__PURE__ */ E({
   __name: "SliderControl",
   props: {
     icon: {},
@@ -2219,18 +2224,18 @@ const Kl = E({
     getPercentageClass: { type: Function, default: () => "" }
   },
   emits: ["update:modelValue", "buttonClick"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, n = v(() => {
+  setup(e, { emit: n }) {
+    const t = e, a = n, l = v(() => {
       if (t.max <= t.min) return 0;
       const m = t.max - t.min, f = t.modelValue - t.min;
       return Math.round(f / m * 100);
-    }), o = v(() => t.getPercentageClass ? t.getPercentageClass(n.value) : ""), s = (m) => {
+    }), o = v(() => t.getPercentageClass ? t.getPercentageClass(l.value) : ""), s = (m) => {
       const f = m.target;
       a("update:modelValue", Number(f.value));
     }, u = () => {
       a("buttonClick");
     };
-    return (m, f) => (i(), r("div", Jl, [
+    return (m, f) => (i(), r("div", Zn, [
       e.showButton ? (i(), r("button", {
         key: 0,
         onClick: u,
@@ -2242,14 +2247,14 @@ const Kl = E({
         T("img", {
           src: e.icon,
           alt: "",
-          class: x(["w-6 h-6 transition-all duration-200", e.iconClass])
-        }, null, 10, _l)
-      ], 8, Zl)) : (i(), r("div", en, [
+          class: h(["w-6 h-6 transition-all duration-200", e.iconClass])
+        }, null, 10, el)
+      ], 8, _n)) : (i(), r("div", tl, [
         T("img", {
           src: e.icon,
           alt: "",
           class: "w-6 h-6 transition-all duration-200"
-        }, null, 8, tn)
+        }, null, 8, al)
       ])),
       T("input", {
         type: "range",
@@ -2258,12 +2263,12 @@ const Kl = E({
         value: e.modelValue,
         onInput: s,
         "aria-label": e.label,
-        "aria-valuetext": `${n.value}%`,
+        "aria-valuetext": `${l.value}%`,
         class: "flex-1 transition-all duration-200 hover:scale-105"
-      }, null, 40, an),
+      }, null, 40, nl),
       T("span", {
-        class: x(["w-12 text-right transition-all duration-200 font-medium", o.value])
-      }, V(n.value) + "% ", 3)
+        class: h(["w-12 text-right transition-all duration-200 font-medium", o.value])
+      }, V(l.value) + "% ", 3)
     ]));
   }
 }), Te = /* @__PURE__ */ E({
@@ -2273,16 +2278,16 @@ const Kl = E({
     size: { default: "small" }
   },
   setup(e) {
-    const l = e, t = v(() => l.size === "small");
-    return (a, n) => (i(), r("span", {
+    const n = e, t = v(() => n.size === "small");
+    return (a, l) => (i(), r("span", {
       "aria-hidden": "true",
-      class: x(["inline-flex shrink-0 items-center rounded-full border transition-colors", [
+      class: h(["inline-flex shrink-0 items-center rounded-full border transition-colors", [
         t.value ? "h-6 w-11" : "h-7 w-12",
         e.on ? "border-transparent bg-primary" : "border-ui-border-strong bg-ui-surface"
       ]])
     }, [
       T("span", {
-        class: x(["inline-block transform rounded-full shadow transition-transform", [
+        class: h(["inline-block transform rounded-full shadow transition-transform", [
           t.value ? "h-4 w-4" : "h-5 w-5",
           e.on ? "bg-tx-on-primary" : "bg-tx-main",
           e.on ? "translate-x-6" : "translate-x-1"
@@ -2290,10 +2295,10 @@ const Kl = E({
       }, null, 2)
     ], 2));
   }
-}), nn = ["aria-checked", "disabled"], on = { class: "min-w-0 flex-1" }, rn = { class: "block font-medium text-sm text-tx-main" }, sn = {
+}), ol = ["aria-checked", "disabled"], il = { class: "min-w-0 flex-1" }, rl = { class: "block font-medium text-sm text-tx-main" }, sl = {
   key: 0,
   class: "mt-0.5 block text-tx-muted text-xs"
-}, un = /* @__PURE__ */ E({
+}, ul = /* @__PURE__ */ E({
   __name: "SwitchRow",
   props: {
     modelValue: { type: Boolean },
@@ -2304,9 +2309,9 @@ const Kl = E({
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const t = e, a = l;
-    return (n, o) => (i(), r("button", {
+  setup(e, { emit: n }) {
+    const t = e, a = n;
+    return (l, o) => (i(), r("button", {
       type: "button",
       role: "switch",
       "aria-checked": e.modelValue,
@@ -2320,7 +2325,7 @@ const Kl = E({
       }, null, 8, ["on"]),
       e.icon ? (i(), r("span", {
         key: 0,
-        class: x(["flex size-10 shrink-0 items-center justify-center rounded-corner border", e.modelValue ? "border-secondary bg-primary/20" : "border-ui-border bg-ui-surface/40"]),
+        class: h(["flex size-10 shrink-0 items-center justify-center rounded-corner border", e.modelValue ? "border-secondary bg-primary/20" : "border-ui-border bg-ui-surface/40"]),
         "aria-hidden": "true"
       }, [
         O(H, {
@@ -2329,15 +2334,15 @@ const Kl = E({
           size: 24,
           alt: ""
         }, null, 8, ["name", "type"])
-      ], 2)) : h("", !0),
-      T("span", on, [
-        T("span", rn, V(e.label), 1),
-        e.description ? (i(), r("span", sn, V(e.description), 1)) : h("", !0),
-        S(n.$slots, "pie")
+      ], 2)) : x("", !0),
+      T("span", il, [
+        T("span", rl, V(e.label), 1),
+        e.description ? (i(), r("span", sl, V(e.description), 1)) : x("", !0),
+        S(l.$slots, "pie")
       ])
-    ], 8, nn));
+    ], 8, ol));
   }
-}), cn = ["aria-checked", "aria-label", "disabled"], dn = /* @__PURE__ */ E({
+}), cl = ["aria-checked", "aria-label", "disabled"], dl = /* @__PURE__ */ E({
   __name: "SwitchToggle",
   props: {
     modelValue: { type: Boolean },
@@ -2346,9 +2351,9 @@ const Kl = E({
     size: { default: "small" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const t = e, a = l;
-    function n() {
+  setup(e, { emit: n }) {
+    const t = e, a = n;
+    function l() {
       a("update:modelValue", !t.modelValue);
     }
     return (o, s) => (i(), r("button", {
@@ -2358,15 +2363,15 @@ const Kl = E({
       "aria-label": e.label,
       disabled: e.disabled,
       class: "rounded-full transition-opacity disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
-      onClick: n
+      onClick: l
     }, [
       O(Te, {
         on: e.modelValue,
         size: e.size
       }, null, 8, ["on", "size"])
-    ], 8, cn));
+    ], 8, cl));
   }
-}), fn = ["disabled", "title", "aria-label", "aria-pressed", "aria-busy"], mn = ["src"], bn = /* @__PURE__ */ E({
+}), fl = ["disabled", "title", "aria-label", "aria-pressed", "aria-busy"], ml = ["src"], bl = /* @__PURE__ */ E({
   __name: "ToggleControl",
   props: {
     icon: {},
@@ -2378,14 +2383,14 @@ const Kl = E({
     customClass: { default: () => ({}) }
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
-    const t = l;
+  setup(e, { emit: n }) {
+    const t = n;
     function a() {
       t("click");
     }
-    return (n, o) => (i(), r("button", {
+    return (l, o) => (i(), r("button", {
       type: "button",
-      class: x(["p-2 rounded-corner bg-ui-bg/80 hover:opacity-50 transition-all duration-300 h-17.5 w-17.5 group relative overflow-hidden hover:scale-105 hover:shadow-lg active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", {
+      class: h(["p-2 rounded-corner bg-ui-bg/80 hover:opacity-50 transition-all duration-300 h-17.5 w-17.5 group relative overflow-hidden hover:scale-105 hover:shadow-lg active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", {
         "animate-pulse": e.isLoading,
         "ring-2 ring-primary": e.isActive,
         "opacity-60": !e.isActive,
@@ -2401,63 +2406,63 @@ const Kl = E({
       T("img", {
         src: e.icon,
         alt: "",
-        class: x(["m-auto w-12.5 h-12.5 transition-all duration-300 group-hover:scale-110 relative z-10", {
+        class: h(["m-auto w-12.5 h-12.5 transition-all duration-300 group-hover:scale-110 relative z-10", {
           "animate-spin": e.isLoading,
           "filter brightness-75": !e.isActive,
           "drop-shadow-lg": e.isActive,
           ...e.iconClass
         }])
-      }, null, 10, mn)
-    ], 10, fn));
+      }, null, 10, ml)
+    ], 10, fl));
   }
 }), at = /* @__PURE__ */ Symbol("tooltip de vasak");
-function lt() {
+function nt() {
   const e = pe(at, null);
   if (e) return e;
-  const l = w(!1);
+  const n = w(!1);
   return {
-    abierto: v(() => l.value),
+    abierto: v(() => n.value),
     disparador: w(null),
     ponerElDisparador: () => {
     },
     abrir: () => {
-      l.value = !0;
+      n.value = !0;
     },
     cerrar: () => {
-      l.value = !1;
+      n.value = !1;
     }
   };
 }
-const vn = { class: "inline-block" }, pn = /* @__PURE__ */ E({
+const vl = { class: "inline-block" }, pl = /* @__PURE__ */ E({
   __name: "Tooltip",
   props: {
     disabled: { type: Boolean, default: !1 },
     delayDuration: { default: 200 }
   },
   setup(e) {
-    const l = e, t = w(!1), a = w(null);
-    let n = null;
+    const n = e, t = w(!1), a = w(null);
+    let l = null;
     function o() {
-      l.disabled || (n = setTimeout(() => {
+      n.disabled || (l = setTimeout(() => {
         t.value = !0;
-      }, l.delayDuration));
+      }, n.delayDuration));
     }
     function s() {
-      n && clearTimeout(n), t.value = !1;
+      l && clearTimeout(l), t.value = !1;
     }
     return de(at, {
-      abierto: v(() => t.value && !l.disabled),
+      abierto: v(() => t.value && !n.disabled),
       disparador: a,
       ponerElDisparador: (u) => {
         a.value = u;
       },
       abrir: o,
       cerrar: s
-    }), (u, m) => (i(), r("div", vn, [
+    }), (u, m) => (i(), r("div", vl, [
       S(u.$slots, "default")
     ]));
   }
-}), yn = /* @__PURE__ */ E({
+}), yl = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "TooltipContent",
   props: {
@@ -2466,9 +2471,9 @@ const vn = { class: "inline-block" }, pn = /* @__PURE__ */ E({
     sideOffset: { default: 4 }
   },
   setup(e) {
-    const l = $e(), t = v(() => l.class ?? ""), a = e, n = lt(), o = v(() => n.abierto.value), s = w(null), u = w({ top: 0, left: 0 });
+    const n = $e(), t = v(() => n.class ?? ""), a = e, l = nt(), o = v(() => l.abierto.value), s = w(null), u = w({ top: 0, left: 0 });
     function m() {
-      const f = n.disparador.value;
+      const f = l.disparador.value;
       if (!f || !s.value) return;
       const d = f.getBoundingClientRect(), L = s.value.getBoundingClientRect();
       let D = 0, A = 0;
@@ -2502,48 +2507,48 @@ const vn = { class: "inline-block" }, pn = /* @__PURE__ */ E({
             ref_key: "globo",
             ref: s,
             style: re({ position: "fixed", top: `${u.value.top}px`, left: `${u.value.left}px`, zIndex: 50 }),
-            class: x([
+            class: h([
               t.value,
               "pointer-events-none rounded-corner border border-secondary bg-ui-bg/80 px-2 py-1 text-sm shadow-md"
             ])
           }, [
             S(f.$slots, "default")
           ], 6), [
-            [Re, o.value]
+            [qe, o.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), gn = /* @__PURE__ */ E({
+}), gl = /* @__PURE__ */ E({
   __name: "TooltipTrigger",
   setup(e) {
-    const l = lt(), t = w(null);
+    const n = nt(), t = w(null);
     function a() {
       return t.value ? t.value.firstElementChild ?? t.value : null;
     }
-    function n() {
-      l.ponerElDisparador(a()), l.abrir();
+    function l() {
+      n.ponerElDisparador(a()), n.abrir();
     }
     return J(() => {
-      l.ponerElDisparador(a());
+      n.ponerElDisparador(a());
     }), (o, s) => (i(), r("div", {
       ref_key: "envoltorio",
       ref: t,
       class: "inline-block",
-      onMouseenter: n,
-      onMouseleave: s[0] || (s[0] = (u) => q(l).cerrar()),
-      onFocus: n,
-      onBlur: s[1] || (s[1] = (u) => q(l).cerrar())
+      onMouseenter: l,
+      onMouseleave: s[0] || (s[0] = (u) => R(n).cerrar()),
+      onFocus: l,
+      onBlur: s[1] || (s[1] = (u) => R(n).cerrar())
     }, [
       S(o.$slots, "default")
     ], 544));
   }
-}), hn = ["title"], xn = ["src", "alt"], wn = {
+}), hl = ["title"], xl = ["src", "alt"], wl = {
   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"
-}, kn = /* @__PURE__ */ E({
+}, kl = /* @__PURE__ */ E({
   __name: "TrayIconButton",
   props: {
     icon: {},
@@ -2557,37 +2562,37 @@ const vn = { class: "inline-block" }, pn = /* @__PURE__ */ E({
     customTooltipText: { default: "" }
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
-    const t = l, a = w(!1), n = () => {
+  setup(e, { emit: n }) {
+    const t = n, a = w(!1), l = () => {
       t("click");
     };
     return (o, s) => (i(), r("div", {
-      class: x(["p-1 rounded-corner relative hover:bg-primary dark:hover:bg-primary-dark group transition-all duration-300", e.customClass]),
+      class: h(["p-1 rounded-corner relative hover:bg-primary dark:hover:bg-primary-dark group transition-all duration-300", e.customClass]),
       title: e.tooltip,
-      onClick: n,
+      onClick: l,
       onMouseenter: s[0] || (s[0] = (u) => a.value = !0),
       onMouseleave: s[1] || (s[1] = (u) => a.value = !1)
     }, [
       T("img", {
         src: e.icon,
         alt: e.alt,
-        class: x(["m-auto h-5.5 w-auto transition-all duration-300", e.iconClass])
-      }, null, 10, xn),
-      e.badge !== null && e.badge > 0 ? (i(), r("div", wn, V(e.badge), 1)) : h("", !0),
+        class: h(["m-auto h-5.5 w-auto transition-all duration-300", e.iconClass])
+      }, null, 10, xl),
+      e.badge !== null && e.badge > 0 ? (i(), r("div", wl, V(e.badge), 1)) : x("", !0),
       e.showCustomTooltip && e.customTooltipText ? (i(), r("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", [
+        class: h(["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", [
           e.tooltipClass,
           {
             "opacity-0 -translate-y-2": !a.value,
             "opacity-100 translate-y-0": a.value
           }
         ]])
-      }, V(e.customTooltipText), 3)) : h("", !0),
+      }, V(e.customTooltipText), 3)) : x("", !0),
       S(o.$slots, "default")
-    ], 42, hn));
+    ], 42, hl));
   }
-}), $n = [
+}), $l = [
   Ut,
   He,
   Ne,
@@ -2601,42 +2606,42 @@ const vn = { class: "inline-block" }, pn = /* @__PURE__ */ E({
   za,
   Sa,
   ja,
-  qa,
+  Ra,
   Na,
   Ga,
   Ee,
-  rl,
+  sn,
   Qe,
   Ua,
-  cl,
-  hl,
-  wl,
-  zl,
-  Dl,
-  Tl,
-  Al,
-  Vl,
-  Il,
-  Pl,
-  ql,
-  Rl,
-  Hl,
-  Kl,
-  Ql,
-  Xl,
-  ln,
-  un,
   dn,
+  xn,
+  kn,
+  Ln,
+  En,
+  Bn,
+  Sn,
+  Mn,
+  On,
+  Fn,
+  qn,
+  Nn,
+  Un,
+  Wn,
+  Yn,
+  Jn,
+  ll,
+  ul,
+  dl,
   Te,
-  bn,
-  pn,
-  yn,
-  gn,
-  kn
-], Bn = {
+  bl,
+  pl,
+  yl,
+  gl,
+  kl
+], Bl = {
   install(e) {
-    $n.forEach((l) => {
-      e.component(l.name, l);
+    $l.forEach((n) => {
+      e.component(n.name, n);
     });
   }
 };
@@ -2650,59 +2655,59 @@ export {
   _e as CLAVE_DEL_MENU,
   at as CLAVE_DEL_TOOLTIP,
   Le as CLAVE_DE_LA_BARRA,
-  cl as ConfigSection,
-  hl as DeviceCard,
-  wl as Dialog,
-  zl as DialogContent,
-  Dl as DialogDescription,
-  Tl as DialogFooter,
-  Al as DialogHeader,
-  Vl as DialogTitle,
-  Il as DropdownMenu,
-  Pl as DropdownMenuContent,
-  ql as DropdownMenuItem,
-  Rl as DropdownMenuLabel,
-  Hl as DropdownMenuSeparator,
-  Kl as DropdownMenuTrigger,
-  qa as EmptyState,
-  Ql as FormGroup,
+  dn as ConfigSection,
+  xn as DeviceCard,
+  kn as Dialog,
+  Ln as DialogContent,
+  En as DialogDescription,
+  Bn as DialogFooter,
+  Sn as DialogHeader,
+  Mn as DialogTitle,
+  On as DropdownMenu,
+  Fn as DropdownMenuContent,
+  qn as DropdownMenuItem,
+  Nn as DropdownMenuLabel,
+  Un as DropdownMenuSeparator,
+  Wn as DropdownMenuTrigger,
+  Ra as EmptyState,
+  Yn as FormGroup,
   De as LOS_TRES_CONTROLES,
-  Xl as ListCard,
+  Jn as ListCard,
   Na as LoadingState,
   Xt as POSICIONES,
   Ga as ProgressBar,
   Ee as SearchField,
-  rl as SearchSelect,
+  sn as SearchSelect,
   Yt as SelectField,
   Ut as SideBar,
   He as SideButton,
   Ne as SideGroup,
-  ln as SliderControl,
-  un as SwitchRow,
-  dn as SwitchToggle,
+  ll as SliderControl,
+  ul as SwitchRow,
+  dl as SwitchToggle,
   Te as SwitchTrack,
   xa as TabBar,
   Ge as TabItem,
   Qe as TextInput,
   H as ThemeIcon,
   Ua as ToastArea,
-  bn as ToggleControl,
-  pn as Tooltip,
-  yn as TooltipContent,
-  gn as TooltipTrigger,
-  kn as TrayIconButton,
+  bl as ToggleControl,
+  pl as Tooltip,
+  yl as TooltipContent,
+  gl as TooltipTrigger,
+  kl as TrayIconButton,
   Ke as WindowControls,
   sa as WindowFrame,
   Ya as buscarOpciones,
-  Bn as default,
+  Bl as default,
   Jt as esPosicion,
-  Tn as olvidarLosIconosDelTema,
+  Tl as olvidarLosIconosDelTema,
   ke as orientacionDe,
   ea as posicionDe,
   Xe as rolDelTono,
   Ze as usarElDialogo,
   he as usarElMenu,
-  lt as usarElTooltip,
+  nt as usarElTooltip,
   me as usarLaBarra,
   ta as usarLaPosicionDeLaBarra
 };