npm - @vasakgroup/vue-libvasak - Versions diffs - 0.17.1 → 0.19.0 - Mend

@vasakgroup/vue-libvasak 0.17.1 → 0.19.0

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

Files changed (7) hide show

package/dist/types/dialog/DialogContent.vue.d.ts +15 -3
package/dist/types/forms/ProgressBar.vue.d.ts +16 -1
package/dist/types/forms/TextInput.vue.d.ts +13 -1
package/dist/types/search/SearchField.vue.d.ts +10 -1
package/dist/vue-libvasak.es.js +838 -827
package/dist/vue-libvasak.umd.js +1 -1
package/package.json +1 -1

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

@@ -1,55 +1,55 @@
-import { ref as w, onMounted as J, onUnmounted as ve, watch as K, defineComponent as L, toRef as Be, computed as v, createElementBlock as r, unref as q, openBlock as i, normalizeStyle as re, createCommentVNode as h, createElementVNode as D, 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 W, 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 En() {
-  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 kt() {
+function wt() {
   be.clear(), ae.clear(), se.value++;
 }
-function wt() {
-  return le++, ue || te ? te ?? Promise.resolve() : (te = vt(xt, kt).then((e) => {
-    le <= 0 ? e() : ue = e, te = null;
+function kt() {
+  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 f = await Ct(u, l.value);
-    s === n && !a && (t.value = f);
+    const m = await Ct(u, n.value);
+    s === l && !a && (t.value = m);
   }
   return J(async () => {
-    await wt(), a || await o();
+    await kt(), a || await o();
   }), ve(() => {
     a = !0, $t();
-  }), K([e, l], o), K(se, o), t;
+  }), W([e, n], o), W(se, o), t;
 }
-const Lt = ["src", "alt"], H = /* @__PURE__ */ L({
+const Lt = ["src", "alt"], H = /* @__PURE__ */ E({
   __name: "ThemeIcon",
   props: {
     name: {},
@@ -58,10 +58,10 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ L({
     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"
@@ -74,7 +74,7 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ L({
 }), Dt = { class: "flex flex-col gap-2" }, Et = ["aria-expanded"], Tt = {
   key: 1,
   class: "flex flex-col gap-1"
-}, Ne = /* @__PURE__ */ L({
+}, Ne = /* @__PURE__ */ E({
   __name: "SideGroup",
   props: {
     title: {},
@@ -82,31 +82,31 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ L({
     defaultOpen: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const l = e, t = w(l.defaultOpen);
-    return K(
-      () => l.collapsed,
+    const n = e, t = w(n.defaultOpen);
+    return W(
+      () => 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)
       }, [
-        D("span", null, V(e.title), 1),
+        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 = {
@@ -115,7 +115,7 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ L({
 }, Vt = {
   key: 1,
   class: "rounded-corner bg-ui-surface px-2 py-0.5 font-semibold text-tx-muted text-xs"
-}, He = /* @__PURE__ */ L({
+}, He = /* @__PURE__ */ E({
   __name: "SideButton",
   props: {
     label: {},
@@ -127,21 +127,21 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ L({
   },
   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"))
     }, [
-      D("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" : ""]),
+      T("span", {
+        class: h(["flex h-8 w-8 shrink-0 items-center justify-center rounded-corner font-semibold text-xs uppercase tracking-wide", e.active ? "border-secondary bg-primary/20" : ""]),
         "aria-hidden": "true"
       }, [
         e.icon ? (i(), Q(H, {
@@ -150,8 +150,8 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ L({
           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,10 +166,10 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ L({
 }, 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__ */ L({
+}, 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({
   __name: "SideBar",
   props: {
     title: { default: "" },
@@ -181,98 +181,98 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ L({
     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);
-    let u = null, f = null;
-    const d = v(() => s.value || o.value), m = v(() => !!(a.title || a.subtitle));
+  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);
-    function B() {
+    function L() {
       return document.documentElement?.clientWidth || window.innerWidth;
     }
-    function E() {
-      s.value = B() <= Ve;
+    function D() {
+      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 K(
+    return W(
       () => a.collapsed,
       ($) => {
         $ !== void 0 && (o.value = $);
       }
     ), J(() => {
-      u = window.matchMedia(`(max-width: ${Ve}px)`), E(), u.addEventListener("change", E), window.addEventListener("resize", E), typeof ResizeObserver < "u" && document.documentElement && (f = new ResizeObserver(E), f.observe(document.documentElement));
+      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", E), window.removeEventListener("resize", E), f?.disconnect(), f = null;
-    }), l({ collapsed: d }), ($, 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]", d.value ? "md:w-[84px]" : "md:w-72"]])
+      u?.removeEventListener("change", D), window.removeEventListener("resize", D), m?.disconnect(), m = null;
+    }), 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"]])
     }, [
-      m.value || $.$slots.header ? (i(), r("header", Mt, [
-        D("div", It, [
-          D("button", {
+      d.value || $.$slots.header ? (i(), r("header", Mt, [
+        T("div", It, [
+          T("button", {
             type: "button",
-            class: x(Se),
-            "aria-label": d.value ? e.expandLabel : e.collapseLabel,
-            "aria-expanded": !d.value,
+            class: h(Se),
+            "aria-label": f.value ? e.expandLabel : e.collapseLabel,
+            "aria-expanded": !f.value,
             onClick: A
           }, [
             O(H, {
-              name: d.value ? "pan-end-symbolic" : "pan-start-symbolic",
+              name: f.value ? "pan-end-symbolic" : "pan-start-symbolic",
               type: "symbol",
               size: 16
             }, null, 8, ["name"])
           ], 8, Ot),
-          m.value && !d.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)
+          d.value && !f.value ? (i(), r("div", jt, [
+            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 && !d.value ? (i(), r("div", qt, [
-          S($.$slots, "header", { collapsed: d.value })
-        ])) : h("", !0)
-      ])) : (i(), r("div", Rt, [
-        D("button", {
+        $.$slots.header && !f.value ? (i(), r("div", Rt, [
+          S($.$slots, "header", { collapsed: f.value })
+        ])) : x("", !0)
+      ])) : (i(), r("div", qt, [
+        T("button", {
           type: "button",
-          class: x(Se),
-          "aria-label": d.value ? e.expandLabel : e.collapseLabel,
-          "aria-expanded": !d.value,
+          class: h(Se),
+          "aria-label": f.value ? e.expandLabel : e.collapseLabel,
+          "aria-expanded": !f.value,
           onClick: A
         }, [
           O(H, {
-            name: d.value ? "pan-end-symbolic" : "pan-start-symbolic",
+            name: f.value ? "pan-end-symbolic" : "pan-start-symbolic",
             type: "symbol",
             size: 16
           }, null, 8, ["name"])
         ], 8, Nt)
       ])),
-      D("div", Ht, [
-        (i(!0), r(Z, null, ne(e.categories, (z) => (i(), Q(Ne, {
-          key: z.id,
-          title: z.title,
-          collapsed: d.value
+      T("div", Ht, [
+        (i(!0), r(Z, null, le(e.categories, (C) => (i(), Q(Ne, {
+          key: C.id,
+          title: C.title,
+          collapsed: f.value
         }, {
-          default: W(() => [
-            (i(!0), r(Z, null, ne(z.items, (g) => (i(), Q(He, {
+          default: K(() => [
+            (i(!0), r(Z, null, le(C.items, (g) => (i(), Q(He, {
               key: g.id,
               label: g.label,
               icon: g.icon,
               badge: g.badge,
               disabled: g.disabled,
-              collapsed: d.value,
+              collapsed: f.value,
               active: e.modelValue === g.id,
               onClick: (c) => y(g.id)
             }, null, 8, ["label", "icon", "badge", "disabled", "collapsed", "active", "onClick"]))), 128))
           ]),
           _: 2
         }, 1032, ["title", "collapsed"]))), 128)),
-        S($.$slots, "default", { collapsed: d.value })
+        S($.$slots, "default", { collapsed: f.value })
       ])
     ], 2));
   }
-}), Wt = { class: "flex min-w-0 flex-col gap-1" }, Kt = ["for"], Gt = { class: "relative flex min-w-0 items-center" }, Qt = ["id"], Yt = /* @__PURE__ */ L({
+}), Kt = { class: "flex min-w-0 flex-col gap-1" }, Wt = ["for"], Gt = { class: "relative flex min-w-0 items-center" }, Qt = ["id"], Yt = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "SelectField",
   props: /* @__PURE__ */ Ae({
@@ -284,29 +284,29 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ L({
     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, f] = it(e, "modelValue", {
-      set(d) {
-        return f.number ? Number(d) : d;
+  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;
       }
     });
-    return (d, m) => (i(), r("div", Wt, [
+    return (f, d) => (i(), r("div", Kt, [
       t.label ? (i(), r("label", {
         key: 0,
         for: o.value,
         class: "text-tx-muted text-xs"
-      }, V(t.label), 9, Kt)) : h("", !0),
-      D("div", Gt, [
-        Ce(D("select", oe({
+      }, V(t.label), 9, Wt)) : x("", !0),
+      T("div", Gt, [
+        Ce(T("select", oe({
           id: o.value,
-          "onUpdate:modelValue": m[0] || (m[0] = (B) => rt(u) ? u.value = B : null),
+          "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), {
-          onChange: m[1] || (m[1] = (B) => s("change", B))
+        }, R(a), {
+          onChange: d[1] || (d[1] = (L) => s("change", L))
         }), [
-          S(d.$slots, "default")
+          S(f.$slots, "default")
         ], 16, Qt), [
-          [st, q(u)]
+          [st, R(u)]
         ]),
         O(H, {
           name: "pan-down-symbolic",
@@ -318,7 +318,7 @@ const Lt = ["src", "alt"], H = /* @__PURE__ */ L({
     ]));
   }
 }), Le = /* @__PURE__ */ Symbol("barra de vasak");
-function we(e) {
+function ke(e) {
   return e === "left" || e === "right" ? "vertical" : "horizontal";
 }
 const Xt = ["top", "bottom", "left", "right"];
@@ -328,11 +328,11 @@ function Jt(e) {
 function me() {
   const e = pe(Le, null);
   if (e) return e;
-  const l = w("top");
+  const n = w("top");
   return {
-    posicion: l,
-    orientacion: v(() => we(l.value)),
-    vertical: v(() => we(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", We = /* @__PURE__ */ L({
+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,79 +384,79 @@ 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: f } = me(), d = 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")
     }));
-    function m() {
+    function d() {
       return gt();
     }
-    const B = Fe();
-    function E(j) {
-      return !!B?.vnode.props?.[`on${j}`];
+    const L = Fe();
+    function D(j) {
+      return !!L?.vnode.props?.[`on${j}`];
     }
     function A() {
-      if (E("Minimize")) return u("minimize");
-      m().minimize();
+      if (D("Minimize")) return u("minimize");
+      d().minimize();
     }
     function y() {
-      if (E("Maximize")) return u("maximize");
-      m().toggleMaximize();
+      if (D("Maximize")) return u("maximize");
+      d().toggleMaximize();
     }
     function $() {
-      if (E("Close")) return u("close");
-      m().close();
+      if (D("Close")) return u("close");
+      d().close();
     }
-    return (j, z) => e.controls.length ? (i(), r("div", {
+    return (j, C) => e.controls.length ? (i(), r("div", {
       key: 0,
-      class: x(["flex shrink-0 gap-1", q(f) ? "flex-col" : ""]),
+      class: h(["flex shrink-0 gap-1", R(m) ? "flex-col" : ""]),
       "data-tauri-drag-region": ""
     }, [
-      d.value.minimize ? (i(), r("button", {
+      f.value.minimize ? (i(), r("button", {
         key: 0,
         type: "button",
-        class: x([xe, "hover:bg-status-success"]),
-        title: n.value,
-        "aria-label": n.value,
-        onClick: z[0] || (z[0] = (g) => A())
+        class: h([xe, "hover:bg-status-success"]),
+        title: l.value,
+        "aria-label": l.value,
+        onClick: C[0] || (C[0] = (g) => A())
       }, [
         O(H, {
           name: "window-minimize",
           type: "symbol",
           size: 24
         })
-      ], 10, aa)) : h("", !0),
-      d.value.maximize ? (i(), r("button", {
+      ], 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: z[1] || (z[1] = (g) => y())
+        onClick: C[1] || (C[1] = (g) => y())
       }, [
         O(H, {
           name: "window-maximize",
           type: "symbol",
           size: 24
         })
-      ], 10, la)) : h("", !0),
-      d.value.close ? (i(), r("button", {
+      ], 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: z[2] || (z[2] = (g) => $())
+        onClick: C[2] || (C[2] = (g) => $())
       }, [
         O(H, {
           name: "window-close",
           type: "symbol",
           size: 24
         })
-      ], 10, na)) : h("", !0)
-    ], 2)) : h("", !0);
+      ], 10, la)) : x("", !0)
+    ], 2)) : x("", !0);
   }
 }), oa = {
   key: 0,
@@ -466,7 +466,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
   key: 1,
   class: "min-w-0 shrink truncate text-sm",
   "data-tauri-drag-region": ""
-}, Ke = /* @__PURE__ */ L({
+}, We = /* @__PURE__ */ E({
   __name: "AppBar",
   props: {
     position: { default: null },
@@ -478,54 +478,54 @@ 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),
-      D("div", {
-        class: x(["flex min-h-0 min-w-0 flex-1 items-center gap-2 overflow-auto", n.value ? "flex-col" : ""]),
+      ])) : x("", !0),
+      T("div", {
+        class: h(["flex min-h-0 min-w-0 flex-1 items-center gap-2 overflow-auto", l.value ? "flex-col" : ""]),
         "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),
-      O(We, oe({
+      ], 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"])
       }, [
-        D("div", {
-          class: x(["pointer-events-auto flex items-center gap-2", n.value ? "flex-col" : ""])
+        T("div", {
+          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__ */ L({
+}), ra = { class: "flex min-h-0 min-w-0 flex-1" }, sa = /* @__PURE__ */ E({
   __name: "WindowFrame",
   props: {
     position: { default: null },
@@ -538,18 +538,18 @@ 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(() => we(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",
       left: "flex-row",
       right: "flex-row-reverse"
     };
-    return (u, f) => (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]])
+    return (u, m) => (i(), r("div", {
+      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(Ke, oe({
+      e.hideBar ? x("", !0) : (i(), Q(We, oe({
         key: 0,
         position: a.value,
         title: e.title,
@@ -557,42 +557,42 @@ 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({
-        default: W(() => [
+      }, Re(R(Ue)(["minimize", "maximize", "close"]))), ut({
+        default: K(() => [
           S(u.$slots, "barra")
         ]),
         _: 2
       }, [
         u.$slots.identidad ? {
           name: "identidad",
-          fn: W(() => [
+          fn: K(() => [
             S(u.$slots, "identidad")
           ]),
           key: "0"
         } : void 0,
         u.$slots.titulo ? {
           name: "titulo",
-          fn: W(() => [
+          fn: K(() => [
             S(u.$slots, "titulo")
           ]),
           key: "1"
         } : void 0,
         u.$slots.centro ? {
           name: "centro",
-          fn: W(() => [
+          fn: K(() => [
             S(u.$slots, "centro")
           ]),
           key: "2"
         } : void 0,
         u.$slots.acciones ? {
           name: "acciones",
-          fn: W(() => [
+          fn: K(() => [
             S(u.$slots, "acciones")
           ]),
           key: "3"
         } : void 0
       ]), 1040, ["position", "title", "minimize-label", "maximize-label", "close-label", "controls"])),
-      D("div", ra, [
+      T("div", ra, [
         S(u.$slots, "default")
       ])
     ], 2));
@@ -607,7 +607,7 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
   key: 0,
   class: "size-2 shrink-0 rounded-full bg-current",
   "aria-hidden": "true"
-}, va = ["title", "aria-label"], pa = 500, Me = 8, Ie = 6, Ge = /* @__PURE__ */ L({
+}, va = ["title", "aria-label"], pa = 500, Me = 8, Ie = 6, Ge = /* @__PURE__ */ E({
   __name: "TabItem",
   props: {
     tab: {},
@@ -617,65 +617,65 @@ 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), f = w(!1), d = w(!1), m = w(!1), B = w({ top: 0, left: 0, right: 0 });
-    let E = null, A = null;
+  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
-    ), z = v(() => t.tab.label.trim().charAt(0).toUpperCase()), g = v(() => f.value || m.value), c = v(
+    ), C = v(() => t.tab.label.trim().charAt(0).toUpperCase()), g = v(() => m.value || d.value), c = v(
       () => !!t.tab.dirty && !(g.value && y.value)
     ), b = v(
       () => y.value && (g.value || t.active || !t.tab.dirty)
     ), p = v(
-      () => n.value && (f.value || d.value || m.value)
+      () => l.value && (m.value || f.value || d.value)
     ), P = v(() => {
-      const R = { position: "fixed", top: `${B.value.top}px`, zIndex: 50 };
-      return o.value === "right" ? { ...R, right: `${B.value.right + Ie}px` } : { ...R, left: `${B.value.left + Ie}px` };
+      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();
-      B.value = {
+      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;
-      k && u.value?.contains(k) || (m.value = !1);
+    function U(q) {
+      const k = q.relatedTarget;
+      k && u.value?.contains(k) || (d.value = !1);
     }
     function ee() {
-      f.value = !0, _();
+      m.value = !0, _();
     }
     function G() {
-      d.value = !0, _();
+      f.value = !0, _();
     }
-    function T() {
-      E !== null && clearTimeout(E), E = null, A = null;
+    function B() {
+      D !== null && clearTimeout(D), D = null, A = null;
     }
-    function C(R) {
-      R.button === 0 && (A = { x: R.clientX, y: R.clientY }, E = setTimeout(() => {
-        A && a("menu", A), T();
+    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) && T();
+      (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(T), (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,28 +699,28 @@ 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,
-      onPointerdown: C,
+      onContextmenu: lt,
+      onPointerdown: z,
       onPointermove: I,
-      onPointerup: T,
-      onPointerleave: T,
+      onPointerup: B,
+      onPointerleave: B,
       onMouseenter: ee,
-      onMouseleave: k[19] || (k[19] = (N) => f.value = !1),
+      onMouseleave: k[19] || (k[19] = (N) => m.value = !1),
       onFocus: G,
-      onBlur: k[20] || (k[20] = (N) => d.value = !1)
+      onBlur: k[20] || (k[20] = (N) => f.value = !1)
     }, [
       e.tab.icon ? (i(), Q(H, {
         key: 0,
         name: e.tab.icon,
         size: 16,
         class: "shrink-0"
-      }, null, 8, ["name"])) : q(n) ? (i(), r("span", ca, V(z.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",
@@ -741,20 +741,20 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
           "leave-active-class": "transition duration-100 ease-in",
           "leave-to-class": "opacity-0 scale-95"
         }, {
-          default: W(() => [
+          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),
-              onMouseenter: k[2] || (k[2] = (N) => m.value = !0),
-              onMouseleave: k[3] || (k[3] = (N) => m.value = !1),
-              onFocusin: k[4] || (k[4] = (N) => m.value = !0),
+              onMouseenter: k[2] || (k[2] = (N) => d.value = !0),
+              onMouseleave: k[3] || (k[3] = (N) => d.value = !1),
+              onFocusin: k[4] || (k[4] = (N) => d.value = !0),
               onFocusout: U
             }, [
-              D("span", ma, V(e.tab.label), 1),
-              e.tab.dirty ? (i(), r("span", ba)) : h("", !0),
+              T("span", ma, V(e.tab.label), 1),
+              e.tab.dirty ? (i(), r("span", ba)) : x("", !0),
               y.value ? (i(), r("button", {
                 key: 1,
                 type: "button",
@@ -768,15 +768,15 @@ 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
         })
       ]))
     ], 42, ua));
   }
-}), ya = ["aria-orientation"], ga = ["draggable", "onDragstart", "onDragover", "onDrop"], ha = ["title", "aria-label"], xa = /* @__PURE__ */ L({
+}), ya = ["aria-orientation"], ga = ["draggable", "onDragstart", "onDragover", "onDrop"], ha = ["title", "aria-label"], xa = /* @__PURE__ */ E({
   __name: "TabBar",
   props: {
     tabs: {},
@@ -787,35 +787,35 @@ 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), f = w(null);
-    function d(g) {
+  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);
     }
-    async function m(g, c) {
+    async function d(g, c) {
       const b = t.tabs.length - 1;
       if (b < 0) return;
       const p = c === "primera" ? 0 : c === "ultima" ? b : c === "anterior" ? (g - 1 + t.tabs.length) % t.tabs.length : (g + 1) % t.tabs.length;
       s.value = p, await Y(), o.value?.querySelectorAll('[role="tab"]')?.[p]?.focus();
     }
-    function B(g, c) {
+    function L(g, c) {
       if (t.fixedOrder) return;
       const b = g + c;
       if (b < 0 || b >= t.tabs.length) return;
       const p = [...t.tabs], [P] = p.splice(g, 1);
       P && (p.splice(b, 0, P), s.value = b, a("reorder", p));
     }
-    function E(g) {
+    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"));
     }
     function y(g, c) {
-      t.fixedOrder || u.value === null || (c.preventDefault(), f.value = g, c.dataTransfer && (c.dataTransfer.dropEffect = "move"));
+      t.fixedOrder || u.value === null || (c.preventDefault(), m.value = g, c.dataTransfer && (c.dataTransfer.dropEffect = "move"));
     }
     function $(g) {
       const c = u.value;
@@ -824,27 +824,27 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
       p && (b.splice(g, 0, p), a("reorder", b));
     }
     function j() {
-      u.value = null, f.value = null;
+      u.value = null, m.value = null;
     }
-    const z = 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"
+    const C = v(
+      () => l.value ? "flex h-full flex-col items-center gap-1 overflow-y-auto overflow-x-hidden" : "flex items-center gap-1 overflow-x-auto overflow-y-hidden"
     );
     return (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"
     }, [
-      D("div", {
+      T("div", {
         ref_key: "carril",
         ref: o,
-        class: x(z.value),
-        onWheel: E
+        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" : "",
-            f.value === p && u.value !== p ? "ring-2 ring-secondary rounded-corner" : ""
+            m.value === p && u.value !== p ? "ring-2 ring-secondary rounded-corner" : ""
           ]]),
           draggable: !e.fixedOrder,
           onDragstart: (P) => A(p, P),
@@ -858,11 +858,11 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
             "close-label": e.closeLabel,
             "dirty-label": e.dirtyLabel,
             tabindex: p === s.value ? 0 : -1,
-            onSelect: (P) => d(b.id),
+            onSelect: (P) => f(b.id),
             onClose: (P) => a("close", b.id),
             onMenu: (P) => a("menu", { id: b.id, ...P }),
-            onNavegar: (P) => m(p, P),
-            onMover: (P) => B(p, P)
+            onNavegar: (P) => d(p, P),
+            onMover: (P) => L(p, P)
           }, null, 8, ["tab", "active", "close-label", "dirty-label", "tabindex", "onSelect", "onClose", "onMenu", "onNavegar", "onMover"])
         ], 42, ga))), 128))
       ], 34),
@@ -879,10 +879,10 @@ 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));
   }
-}), ka = ["id", "aria-label", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-describedby", "autocomplete", "aria-invalid"], Qe = /* @__PURE__ */ L({
+}), wa = ["id", "aria-label", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-describedby", "autocomplete", "aria-invalid"], Qe = /* @__PURE__ */ E({
   __name: "TextInput",
   props: {
     modelValue: {},
@@ -900,22 +900,29 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     lazy: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "keyup", "keydown"],
-  setup(e, { emit: l }) {
-    const t = e, a = l;
-    function n(u) {
-      t.lazy || a("update:modelValue", u.target.value);
+  setup(e, { expose: n, emit: t }) {
+    const a = e, l = t;
+    function o(d) {
+      a.lazy || l("update:modelValue", d.target.value);
+    }
+    function s(d) {
+      a.lazy && l("update:modelValue", d.target.value);
     }
-    function o(u) {
-      t.lazy && a("update:modelValue", u.target.value);
+    const u = w(null);
+    function m() {
+      return u.value?.focus(), u.value !== null && document.activeElement === u.value;
     }
-    const s = v(() => [
+    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",
-      t.invalid ? "border-status-error" : "border-ui-border",
-      t.mono ? "font-mono" : "",
-      t.disabled ? "cursor-not-allowed opacity-60" : ""
+      a.invalid ? "border-status-error" : "border-ui-border",
+      a.mono ? "font-mono" : "",
+      a.disabled ? "cursor-not-allowed opacity-60" : ""
     ]);
-    return (u, f) => (i(), r("input", {
+    return (d, L) => (i(), r("input", {
+      ref_key: "campo",
+      ref: u,
       id: e.id,
       "aria-label": e.ariaLabel,
       type: e.type,
@@ -927,14 +934,14 @@ 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(s.value),
-      onInput: n,
-      onChange: o,
-      onKeyup: f[0] || (f[0] = (d) => a("keyup", d)),
-      onKeydown: f[1] || (f[1] = (d) => a("keydown", d))
-    }, null, 42, ka));
+      class: h(f.value),
+      onInput: o,
+      onChange: s,
+      onKeyup: L[0] || (L[0] = (D) => l("keyup", D)),
+      onKeydown: L[1] || (L[1] = (D) => l("keydown", D))
+    }, null, 42, wa));
   }
-}), wa = { class: "pointer-events-none absolute left-2 flex items-center" }, $a = ["aria-label"], Ee = /* @__PURE__ */ L({
+}), ka = { class: "pointer-events-none absolute left-2 flex items-center" }, $a = ["aria-label"], Ee = /* @__PURE__ */ E({
   __name: "SearchField",
   props: {
     modelValue: { default: "" },
@@ -949,11 +956,11 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     activeOptionId: {},
     expanded: { type: Boolean }
   },
-  emits: ["update:modelValue", "search", "clear"],
-  setup(e, { expose: l, emit: t }) {
-    const a = e, n = t, o = w(null);
+  emits: ["update:modelValue", "search", "clear", "keydown"],
+  setup(e, { expose: n, emit: t }) {
+    const a = e, l = t, o = w(null);
     let s;
-    const u = v(() => a.modelValue.length > 0), f = v(
+    const u = v(() => a.modelValue.length > 0), m = v(
       () => a.listboxId ? {
         role: "combobox",
         "aria-autocomplete": "list",
@@ -961,39 +968,39 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         "aria-expanded": String(a.expanded),
         "aria-activedescendant": a.activeOptionId || void 0
       } : {}
-    ), d = v(() => a.clearable && u.value && !a.disabled);
-    function m() {
+    ), f = v(() => a.clearable && u.value && !a.disabled);
+    function d() {
       clearTimeout(s), s = void 0;
     }
-    function B($) {
-      n("update:modelValue", $), !(a.debounce <= 0) && (m(), s = setTimeout(() => n("search", $), a.debounce));
+    function L($) {
+      l("update:modelValue", $), !(a.debounce <= 0) && (d(), s = setTimeout(() => l("search", $), a.debounce));
     }
-    function E() {
-      m(), n("search", a.modelValue);
+    function D() {
+      d(), l("search", a.modelValue);
     }
     function A() {
-      m(), n("update:modelValue", ""), n("clear"), y();
+      d(), l("update:modelValue", ""), l("clear"), y();
     }
     function y() {
-      o.value?.$el?.focus?.();
+      return o.value?.enfocar() ?? !1;
     }
-    return l({ enfocar: y }), J(async () => {
+    return n({ enfocar: y }), J(async () => {
       a.autofocus && (await Y(), y());
-    }), ve(m), K(
+    }), ve(d), W(
       () => a.disabled,
       ($) => {
-        $ && m();
+        $ && d();
       }
     ), ($, j) => (i(), r("div", {
       class: "relative flex items-center",
-      onKeydown: F(E, ["enter"])
+      onKeydown: F(D, ["enter"])
     }, [
-      D("span", wa, [
+      T("span", ka, [
         O(H, {
           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({
@@ -1003,17 +1010,18 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         "model-value": e.modelValue,
         placeholder: e.placeholder || e.label,
         ariaLabel: e.label || void 0
-      }, f.value, {
+      }, m.value, {
         disabled: e.disabled,
-        class: ["pl-7 [&::-webkit-search-cancel-button]:appearance-none", d.value ? "pr-8" : ""],
-        "onUpdate:modelValue": B
+        class: ["pl-7 [&::-webkit-search-cancel-button]:appearance-none", f.value ? "pr-8" : ""],
+        "onUpdate:modelValue": L,
+        onKeydown: j[0] || (j[0] = (C) => l("keydown", C))
       }), null, 16, ["model-value", "placeholder", "ariaLabel", "disabled", "class"]),
-      d.value ? (i(), r("button", {
+      f.value ? (i(), r("button", {
         key: 0,
         type: "button",
         class: "absolute right-1 flex size-6 items-center justify-center rounded-corner text-tx-muted hover:bg-ui-surface",
         "aria-label": e.label ? `${e.label}: vaciar` : "Vaciar",
-        onMousedown: j[0] || (j[0] = M(() => {
+        onMousedown: j[1] || (j[1] = M(() => {
         }, ["prevent"])),
         onClick: A
       }, [
@@ -1023,10 +1031,10 @@ 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__ */ L({
+}), Ca = ["title", "aria-label", "aria-expanded"], za = /* @__PURE__ */ E({
   __name: "BarSearch",
   props: {
     modelValue: { default: "" },
@@ -1037,27 +1045,27 @@ 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), f = v(() => n.value || t.collapsed), d = v(() => !f.value || s.value), m = v(() => {
-      if (!f.value) return "";
+  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`;
     });
-    async function B() {
+    async function L() {
       s.value = !0, a("open"), await Y(), u.value?.enfocar();
     }
-    function E() {
+    function D() {
       s.value && (s.value = !1, a("close"));
     }
     function A(y) {
       const $ = y.relatedTarget;
-      $ && y.currentTarget.contains($) || E();
+      $ && y.currentTarget.contains($) || D();
     }
     return (y, $) => (i(), r("div", {
       class: "relative flex shrink-0 items-center",
       onFocusout: A
     }, [
-      f.value ? (i(), r("button", {
+      m.value ? (i(), r("button", {
         key: 0,
         type: "button",
         class: "flex size-7 items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 hover:bg-ui-surface/70",
@@ -1066,18 +1074,18 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
         "aria-expanded": s.value,
         onMousedown: $[0] || ($[0] = M(() => {
         }, ["prevent"])),
-        onClick: $[1] || ($[1] = (j) => s.value ? E() : B())
+        onClick: $[1] || ($[1] = (j) => s.value ? D() : L())
       }, [
         O(H, {
           name: "system-search",
           type: "symbol",
           size: 14
         })
-      ], 40, Ca)) : h("", !0),
-      d.value ? (i(), r("div", {
+      ], 40, Ca)) : x("", !0),
+      f.value ? (i(), r("div", {
         key: 1,
-        class: x(m.value),
-        onKeydown: F(E, ["esc"])
+        class: h(d.value),
+        onKeydown: F(D, ["esc"])
       }, [
         O(Ee, {
           ref_key: "campo",
@@ -1087,17 +1095,17 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
           label: e.label,
           disabled: e.disabled,
           debounce: e.debounce,
-          class: x(f.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 = {
   key: 0,
   class: "w-4 h-4 animate-spin rounded-full border-2 border-current border-t-transparent"
-}, Ea = ["src", "alt"], Ta = { key: 2 }, Ba = ["src", "alt"], Aa = /* @__PURE__ */ L({
+}, Ea = ["src", "alt"], Ta = { key: 2 }, Ba = ["src", "alt"], Aa = /* @__PURE__ */ E({
   __name: "ActionButton",
   props: {
     label: {},
@@ -1115,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"
@@ -1127,11 +1135,11 @@ const aa = ["title", "aria-label"], la = ["title", "aria-label"], na = ["title",
     }, s = (u) => {
       t.stopPropagation && u.stopPropagation(), t.preventDefault && u.preventDefault(), !t.disabled && !t.loading && a("click");
     };
-    return (u, f) => (i(), r("button", {
+    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" : "",
@@ -1139,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",
@@ -1175,7 +1183,7 @@ const Va = ["role"], Ma = {
 }, Ia = { class: "min-w-0 flex-1" }, Oa = {
   key: 0,
   class: "font-semibold"
-}, ja = /* @__PURE__ */ L({
+}, ja = /* @__PURE__ */ E({
   __name: "AlertMessage",
   props: {
     tone: { default: "info" },
@@ -1184,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, {
@@ -1197,13 +1205,13 @@ const Va = ["role"], Ma = {
           size: 18,
           alt: ""
         }, null, 8, ["name", "type"])
-      ])) : h("", !0),
-      D("div", Ia, [
-        e.title ? (i(), r("p", Oa, V(e.title), 1)) : h("", !0),
-        D("div", {
-          class: x(e.title ? "mt-1" : "")
+      ])) : x("", !0),
+      T("div", Ia, [
+        e.title ? (i(), r("p", Oa, V(e.title), 1)) : x("", !0),
+        T("div", {
+          class: h(e.title ? "mt-1" : "")
         }, [
-          S(n.$slots, "default")
+          S(l.$slots, "default")
         ], 2)
       ])
     ], 10, Va));
@@ -1211,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__ */ L({
+}, Ra = /* @__PURE__ */ E({
   __name: "EmptyState",
   props: {
     title: {},
@@ -1221,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,
@@ -1230,40 +1238,40 @@ const Va = ["role"], Ma = {
         size: 48,
         class: "opacity-60"
       }, null, 8, ["name", "type"]),
-      D("p", Pa, V(e.title), 1),
-      e.note ? (i(), r("p", Fa, V(e.note), 1)) : h("", !0),
-      S(l.$slots, "default")
+      T("p", Pa, V(e.title), 1),
+      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__ */ L({
+}), 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] = D("span", { class: "h-10 w-10 animate-spin rounded-full border-4 border-ui-border border-t-primary motion-reduce:animate-none" }, null, -1)),
-      D("p", Ra, V(e.label), 1)
+      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", qa, V(e.label), 1)
     ], 2));
   }
-}), Ha = ["role"], Ua = /* @__PURE__ */ L({
+}), Ha = ["role"], Ua = /* @__PURE__ */ E({
   __name: "ToastArea",
   props: {
     toasts: {},
     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" }, [
-      D("div", {
-        class: x(["pointer-events-none fixed z-60 flex flex-col gap-2", t.value])
+    return (a, l) => (i(), Q(fe, { to: "body" }, [
+      T("div", {
+        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",
@@ -1272,12 +1280,12 @@ const Va = ["role"], Ma = {
           "leave-to-class": "translate-y-2 opacity-0",
           "move-class": "transition-transform duration-300"
         }, {
-          default: W(() => [
-            (i(!0), r(Z, null, ne(e.toasts, (o) => (i(), r("div", {
+          default: K(() => [
+            (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)
@@ -1289,49 +1297,54 @@ const Va = ["role"], Ma = {
       ], 2)
     ]));
   }
-}), Wa = ["aria-label", "aria-valuenow"], Ka = {
+}), Ka = ["aria-label", "aria-valuenow"], Wa = {
   key: 1,
   class: "h-full w-full animate-pulse rounded-corner bg-primary motion-reduce:animate-none motion-reduce:bg-primary/40"
-}, Ga = /* @__PURE__ */ L({
+}, Ga = /* @__PURE__ */ E({
   __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", Ka))
-    ], 8, 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 ke(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 = ke(t, o.valor), u = ke(t, o.etiqueta), f = u === 10 ? 20 : u, m = ke(t, o.detalle) === 100 ? 100 : 40, B = Math.min(s, f, m);
-    B !== 100 && a.push({ opcion: o, rango: B, 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() {
@@ -1340,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__ */ L({
+}, sn = /* @__PURE__ */ E({
   __name: "SearchSelect",
   props: {
     modelValue: {},
@@ -1363,43 +1376,43 @@ 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), f = w(null), d = w(null), m = Xa(), B = v(
-      () => t.options.find((T) => T.valor === t.modelValue) ?? null
-    ), E = v(() => Ya(t.options, n.value)), A = v(() => E.value.slice(0, t.limit)), y = v(() => Math.max(0, E.value.length - t.limit)), $ = v(
-      () => A.value.length > 0 ? `${m}-${s.value}` : void 0
+  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, 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(T) {
-      a("update:modelValue", T), g();
+    function j(B) {
+      a("update:modelValue", B), g();
     }
-    async function z() {
+    async function C() {
       o.value = !0;
-      const T = A.value.findIndex((C) => C.valor === t.modelValue);
-      s.value = T >= 0 ? T : 0, await Y(), d.value?.enfocar(), U();
+      const B = A.value.findIndex((z) => z.valor === t.modelValue);
+      s.value = B >= 0 ? B : 0, await Y(), f.value?.enfocar(), U();
     }
-    function g(T = !0) {
-      o.value && (o.value = !1, n.value = "", T && Y(() => f.value?.focus()));
+    function g(B = !0) {
+      o.value && (o.value = !1, l.value = "", B && Y(() => m.value?.focus()));
     }
-    function c(T) {
-      const C = A.value.length;
-      C !== 0 && (s.value = (s.value + T + C) % C, U());
+    function c(B) {
+      const z = A.value.length;
+      z !== 0 && (s.value = (s.value + B + z) % z, U());
     }
-    function b(T) {
-      s.value = T, U();
+    function b(B) {
+      s.value = B, U();
     }
-    function p(T) {
-      const C = T.target?.closest?.("[data-indice]");
-      if (!C) return null;
-      const I = Number(C.getAttribute("data-indice"));
+    function p(B) {
+      const z = B.target?.closest?.("[data-indice]");
+      if (!z) return null;
+      const I = Number(z.getAttribute("data-indice"));
       return Number.isInteger(I) ? I : null;
     }
-    function P(T) {
-      const C = p(T), I = C === null ? void 0 : A.value[C];
+    function P(B) {
+      const z = p(B), I = z === null ? void 0 : A.value[z];
       I && j(I.valor);
     }
-    function _(T) {
-      const C = p(T);
-      C !== null && (s.value = C);
+    function _(B) {
+      const z = p(B);
+      z !== null && (s.value = z);
     }
     function U() {
       Y(() => {
@@ -1407,43 +1420,43 @@ const Ja = ["disabled", "aria-label", "aria-expanded"], Za = { class: "min-w-0 f
       });
     }
     function ee() {
-      const T = A.value[s.value];
-      T && j(T.valor);
+      const B = A.value[s.value];
+      B && j(B.valor);
     }
-    K(
+    W(
       () => t.disabled,
-      (T) => {
-        T && g(!1);
+      (B) => {
+        B && g(!1);
       }
-    ), K(n, () => {
+    ), W(l, () => {
       s.value = 0, U();
     });
-    function G(T) {
-      const C = T.relatedTarget;
-      C && T.currentTarget.contains(C) || g(!1);
+    function G(B) {
+      const z = B.relatedTarget;
+      z && B.currentTarget.contains(z) || g(!1);
     }
-    return (T, C) => (i(), r("div", {
+    return (B, z) => (i(), r("div", {
       class: "relative",
       onFocusout: G
     }, [
-      D("button", {
+      T("button", {
         ref_key: "boton",
-        ref: f,
+        ref: m,
         type: "button",
         disabled: e.disabled,
         class: "flex w-full items-center justify-between gap-2 rounded-corner border border-ui-border-strong bg-ui-surface px-2 py-1 text-left text-sm text-tx-main transition-colors hover:bg-ui-bg/60 disabled:cursor-not-allowed disabled:opacity-50",
         "aria-label": e.label || void 0,
         "aria-expanded": o.value,
         "aria-haspopup": "listbox",
-        onClick: C[0] || (C[0] = (I) => o.value ? g() : z()),
+        onClick: z[0] || (z[0] = (I) => o.value ? g() : C()),
         onKeydown: [
-          C[1] || (C[1] = F(M((I) => o.value ? c(1) : z(), ["prevent"]), ["down"])),
-          C[2] || (C[2] = F(M((I) => o.value ? c(-1) : z(), ["prevent"]), ["up"]))
+          z[1] || (z[1] = F(M((I) => o.value ? c(1) : C(), ["prevent"]), ["down"])),
+          z[2] || (z[2] = F(M((I) => o.value ? c(-1) : C(), ["prevent"]), ["up"]))
         ]
       }, [
-        D("span", Za, [
-          ze(V(B.value?.etiqueta ?? e.placeholder) + " ", 1),
-          B.value?.detalle ? (i(), r("span", _a, V(B.value.detalle), 1)) : h("", !0)
+        T("span", Za, [
+          ze(V(L.value?.etiqueta ?? e.placeholder) + " ", 1),
+          L.value?.detalle ? (i(), r("span", _a, V(L.value.detalle), 1)) : x("", !0)
         ]),
         O(H, {
           name: "go-down",
@@ -1454,60 +1467,60 @@ 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: [
-          C[4] || (C[4] = F(M((I) => g(), ["prevent"]), ["escape"])),
-          C[5] || (C[5] = F(M((I) => c(1), ["prevent"]), ["down"])),
-          C[6] || (C[6] = F(M((I) => c(-1), ["prevent"]), ["up"])),
-          C[7] || (C[7] = F(M((I) => b(0), ["prevent"]), ["home"])),
-          C[8] || (C[8] = F(M((I) => b(A.value.length - 1), ["prevent"]), ["end"])),
-          C[9] || (C[9] = F(M((I) => ee(), ["prevent"]), ["enter"])),
-          C[10] || (C[10] = F((I) => g(!1), ["tab"]))
+          z[4] || (z[4] = F(M((I) => g(), ["prevent"]), ["escape"])),
+          z[5] || (z[5] = F(M((I) => c(1), ["prevent"]), ["down"])),
+          z[6] || (z[6] = F(M((I) => c(-1), ["prevent"]), ["up"])),
+          z[7] || (z[7] = F(M((I) => b(0), ["prevent"]), ["home"])),
+          z[8] || (z[8] = F(M((I) => b(A.value.length - 1), ["prevent"]), ["end"])),
+          z[9] || (z[9] = F(M((I) => ee(), ["prevent"]), ["enter"])),
+          z[10] || (z[10] = F((I) => g(!1), ["tab"]))
         ],
         onClick: P,
         onMousemove: _
       }, [
-        D("div", el, [
+        T("div", en, [
           O(Ee, {
             ref_key: "campo",
-            ref: d,
-            modelValue: n.value,
-            "onUpdate:modelValue": C[3] || (C[3] = (I) => n.value = I),
+            ref: f,
+            modelValue: l.value,
+            "onUpdate:modelValue": z[3] || (z[3] = (I) => l.value = I),
             label: e.label,
             placeholder: e.searchPlaceholder,
-            "listbox-id": q(m),
+            "listbox-id": R(d),
             "active-option-id": $.value,
             expanded: o.value
           }, null, 8, ["modelValue", "label", "placeholder", "listbox-id", "active-option-id", "expanded"])
         ]),
-        D("ul", {
-          id: q(m),
+        T("ul", {
+          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(m)}-${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"
             ]])
           }, [
-            D("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__ */ L({
+}), un = { class: "text-base font-semibold m-0 text-primary dark:text-primary-dark" }, cn = /* @__PURE__ */ E({
   __name: "ConfigSection",
   props: {
     title: {},
@@ -1515,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])
     }, [
-      D("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__ */ L({
+}, xn = /* @__PURE__ */ E({
   __name: "DeviceCard",
   props: {
     icon: {},
@@ -1550,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
     }, [
-      D("div", dl, [
-        D("img", {
+      T("div", fn, [
+        T("img", {
           src: e.icon,
           alt: e.title,
           class: "h-7 w-7 shrink-0"
-        }, null, 8, fl),
-        D("div", ml, [
-          D("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, f) => (i(), r("span", { key: f }, 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: () => {
@@ -1599,30 +1612,30 @@ function Ze() {
   };
 }
 let je = 0;
-function xl() {
+function wn() {
   return je += 1, `vsk-dialogo-titulo-${je}`;
 }
-const kl = /* @__PURE__ */ L({
+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");
   }
-}), wl = {
+}), $n = {
   key: 0,
-  class: "absolute inset-0 bg-ui-border-dark/40"
-}, $l = ["aria-labelledby", "aria-label"], Cl = /* @__PURE__ */ L({
+  class: "absolute inset-0 rounded-corner-window bg-ui-border-dark/40"
+}, 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: {
@@ -1630,48 +1643,46 @@ const kl = /* @__PURE__ */ L({
     ariaLabel: {}
   },
   setup(e) {
-    const l = e, t = $e(), a = v(() => t.class ?? ""), n = v(() => {
-      const { class: z, ...g } = t;
+    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 text-tx-main" : "relative z-10 w-full max-w-lg rounded-corner border border-ui-border bg-ui-bg/80 p-6 text-tx-main shadow-lg"
-    ), s = Ze(), u = v(() => s.abierto.value), f = w(null), d = w(null);
-    let m = null;
-    function B() {
-      return d.value ? [...d.value.querySelectorAll('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])')] : [];
+    }), 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"])')] : [];
     }
-    function E(z) {
-      if (z.key === "Escape") {
+    function D(C) {
+      if (C.key === "Escape") {
         s.cerrar();
         return;
       }
-      if (z.key !== "Tab") return;
-      const g = B();
+      if (C.key !== "Tab") return;
+      const g = L();
       if (g.length === 0) {
-        z.preventDefault(), d.value?.focus();
+        C.preventDefault(), f.value?.focus();
         return;
       }
       const c = g[0], b = g[g.length - 1], p = document.activeElement;
-      z.shiftKey && (p === c || p === d.value) ? (z.preventDefault(), b.focus()) : !z.shiftKey && p === b && (z.preventDefault(), c.focus());
+      C.shiftKey && (p === c || p === f.value) ? (C.preventDefault(), b.focus()) : !C.shiftKey && p === b && (C.preventDefault(), c.focus());
     }
-    function A(z) {
-      z.target === z.currentTarget && s.cerrar();
+    function A(C) {
+      C.target === C.currentTarget && s.cerrar();
     }
-    function y(z) {
-      f.value?.contains(z.target) || E(z);
+    function y(C) {
+      m.value?.contains(C.target) || D(C);
     }
     function $() {
       document.removeEventListener("keydown", y);
     }
     function j() {
-      const z = m;
-      m = null, z?.isConnected && z.focus();
+      const C = d;
+      d = null, C?.isConnected && C.focus();
     }
-    return K(
+    return W(
       u,
-      async (z) => {
-        if (z) {
-          m = document.activeElement, document.addEventListener("keydown", y), await Y(), d.value?.focus();
+      async (C) => {
+        if (C) {
+          d = document.activeElement, document.addEventListener("keydown", y), await Y(), f.value?.focus();
           return;
         }
         $(), j();
@@ -1682,81 +1693,81 @@ const kl = /* @__PURE__ */ L({
       { immediate: !0 }
     ), ve(() => {
       $(), j();
-    }), (z, g) => (i(), Q(fe, { to: "body" }, [
+    }), (C, g) => (i(), Q(fe, { to: "body" }, [
       O(ye, {
         "enter-active-class": "transition-opacity duration-200 ease-out",
         "leave-active-class": "transition-opacity duration-150 ease-in",
         "enter-from-class": "opacity-0",
         "leave-to-class": "opacity-0"
       }, {
-        default: W(() => [
+        default: K(() => [
           u.value ? (i(), r("div", {
             key: 0,
             ref_key: "velo",
-            ref: f,
+            ref: m,
             class: "fixed inset-0 z-50 flex items-center justify-center",
             onClick: A,
-            onKeydown: E
+            onKeydown: D
           }, [
-            l.size === "md" ? (i(), r("div", wl)) : h("", !0),
-            D("div", oe({
+            n.size === "md" ? (i(), r("div", $n)) : x("", !0),
+            T("div", oe({
               ref_key: "panel",
-              ref: d,
+              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(z.$slots, "default")
-            ], 16, $l)
-          ], 544)) : h("", !0)
+              S(C.$slots, "default")
+            ], 16, Cn)
+          ], 544)) : x("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), zl = { class: "text-sm text-tx-muted" }, Ll = /* @__PURE__ */ L({
+}), Dn = { class: "text-sm text-tx-muted" }, En = /* @__PURE__ */ E({
   __name: "DialogDescription",
   setup(e) {
-    return (l, t) => (i(), r("p", zl, [
-      S(l.$slots, "default")
+    return (n, t) => (i(), r("p", Dn, [
+      S(n.$slots, "default")
     ]));
   }
-}), Dl = { class: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, El = /* @__PURE__ */ L({
+}), 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", Dl, [
-      S(l.$slots, "default")
+    return (n, t) => (i(), r("div", Tn, [
+      S(n.$slots, "default")
     ]));
   }
-}), Tl = { class: "flex flex-col gap-1.5 text-center sm:text-left" }, Bl = /* @__PURE__ */ L({
+}), 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", Tl, [
-      S(l.$slots, "default")
+    return (n, t) => (i(), r("div", An, [
+      S(n.$slots, "default")
     ]));
   }
-}), Al = ["id"], Sl = /* @__PURE__ */ L({
+}), 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, Al));
+    ], 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: () => {
@@ -1766,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;
     }
   };
 }
@@ -1780,46 +1791,46 @@ let Pe = 0;
 function et() {
   return Pe += 1, `vsk-menu-${Pe}`;
 }
-const Vl = { class: "relative inline-block" }, Ml = /* @__PURE__ */ L({
+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"), f = et();
-    let d = null;
-    const m = v({
-      get: () => t.open ?? n.value,
+  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 ?? 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);
       }
     });
-    K(m, (y) => {
+    W(d, (y) => {
       if (y) {
         const $ = document.activeElement;
-        d = $ instanceof HTMLElement ? $ : null;
+        f = $ instanceof HTMLElement ? $ : null;
       } else
         u.value = "ninguno";
     });
-    function B(y = "ninguno") {
-      u.value = y, m.value = !0;
+    function L(y = "ninguno") {
+      u.value = y, d.value = !0;
     }
-    function E(y = {}) {
-      if (m.value = !1, !y.devolverElFoco) return;
-      const $ = d ?? o.value;
+    function D(y = {}) {
+      if (d.value = !1, !y.devolverElFoco) return;
+      const $ = f ?? o.value;
       $?.isConnected && $.focus();
     }
     function A(y = "ninguno") {
-      if (m.value) {
-        E({ devolverElFoco: !0 });
+      if (d.value) {
+        D({ devolverElFoco: !0 });
         return;
       }
-      B(y);
+      L(y);
     }
     return de(_e, {
-      abierto: m,
-      idDelMenu: f,
+      abierto: d,
+      idDelMenu: m,
       idDeLaEtiqueta: s,
       ponerLaEtiqueta: (y) => {
         s.value = y;
@@ -1829,17 +1840,17 @@ const Vl = { class: "relative inline-block" }, Ml = /* @__PURE__ */ L({
         o.value = y;
       },
       focoAlAbrir: u,
-      abrir: B,
-      cerrar: E,
+      abrir: L,
+      cerrar: D,
       alternar: A
-    }), (y, $) => (i(), r("div", Vl, [
+    }), (y, $) => (i(), r("div", In, [
       S(y.$slots, "default")
     ]));
   }
-}), Il = ["id", "aria-labelledby", "inert"], Ol = {
+}), jn = ["id", "aria-labelledby", "inert"], Pn = {
   role: "none",
   class: "py-1"
-}, X = 8, jl = /* @__PURE__ */ L({
+}, X = 8, Fn = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "DropdownMenuContent",
   props: {
@@ -1848,18 +1859,18 @@ const Vl = { class: "relative inline-block" }, Ml = /* @__PURE__ */ L({
     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), f = 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
-    }), d = {
+    }), f = {
       top: "bottom",
       bottom: "top",
       left: "right",
       right: "left"
     };
-    function m(c, b) {
-      const p = l.sideOffset + X;
+    function d(c, b) {
+      const p = n.sideOffset + X;
       switch (c) {
         case "bottom":
           return window.innerHeight - b.bottom - p;
@@ -1871,46 +1882,46 @@ const Vl = { class: "relative inline-block" }, Ml = /* @__PURE__ */ L({
           return b.left - p;
       }
     }
-    function B(c, b, p) {
+    function L(c, b, p) {
       return p < b ? b : Math.min(Math.max(c, b), p);
     }
-    function 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 ee = m(U, c);
-      ee < _ && m(d[U], c) > ee && (U = d[U]);
-      let G = 0, T = 0, C = null;
+      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, C = Math.max(window.innerHeight - G - X, 0);
+          G = c.bottom + n.sideOffset, z = Math.max(window.innerHeight - G - X, 0);
           break;
         }
         case "top": {
-          C = Math.max(m("top", c), 0), G = c.top - l.sideOffset - Math.min(b, C);
+          z = Math.max(d("top", c), 0), G = c.top - n.sideOffset - Math.min(b, z);
           break;
         }
         case "left":
         case "right": {
-          T = 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 = B(c.top, X, window.innerHeight - Math.min(b, I) - X), C = Math.max(window.innerHeight - G - X, 0);
+          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":
-            T = c.left;
+            B = c.left;
             break;
           case "center":
-            T = c.left + c.width / 2 - p / 2;
+            B = c.left + c.width / 2 - p / 2;
             break;
           case "end":
-            T = c.right - p;
+            B = c.right - p;
             break;
         }
-      T = B(T, X, window.innerWidth - p - X), f.value = { top: G, left: T, techo: C };
+      B = L(B, X, window.innerWidth - p - X), m.value = { top: G, left: B, techo: z };
     }
     function A() {
       return u.value ? Array.from(u.value.querySelectorAll('[role="menuitem"]')) : [];
@@ -1948,10 +1959,10 @@ const Vl = { class: "relative inline-block" }, Ml = /* @__PURE__ */ L({
           break;
       }
     }
-    K(s, async (c) => {
+    W(s, async (c) => {
       if (c)
         switch (await Y(), requestAnimationFrame(() => {
-          E();
+          D();
         }), t.focoAlAbrir.value) {
           case "primero":
             y(0);
@@ -1966,17 +1977,17 @@ const Vl = { class: "relative inline-block" }, Ml = /* @__PURE__ */ L({
             u.value?.focus();
         }
     });
-    function z(c) {
-      s.value && (c && u.value?.contains(c.target) || E());
+    function C(c) {
+      s.value && (c && u.value?.contains(c.target) || D());
     }
     function g(c) {
       const b = c.target, p = !!b.closest("[data-dropdown-content]"), P = !!o.value?.contains(b);
       !p && !P && t.cerrar();
     }
     return J(() => {
-      document.addEventListener("click", g), window.addEventListener("resize", z), window.addEventListener("scroll", z, !0);
+      document.addEventListener("click", g), window.addEventListener("resize", C), window.addEventListener("scroll", C, !0);
     }), ce(() => {
-      document.removeEventListener("click", g), window.removeEventListener("resize", z), window.removeEventListener("scroll", z, !0);
+      document.removeEventListener("click", g), window.removeEventListener("resize", C), window.removeEventListener("scroll", C, !0);
     }), (c, b) => (i(), Q(fe, { to: "body" }, [
       O(ye, {
         "enter-active-class": "transition-all duration-150 ease-in-out",
@@ -1986,22 +1997,22 @@ const Vl = { class: "relative inline-block" }, Ml = /* @__PURE__ */ L({
         onEnter: b[1] || (b[1] = (p) => p.offsetHeight),
         onLeave: b[2] || (b[2] = (p) => p.offsetHeight)
       }, {
-        default: W(() => [
-          Ce(D("div", oe({
+        default: K(() => [
+          Ce(T("div", oe({
             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",
-              top: `${f.value.top}px`,
-              left: `${f.value.left}px`,
-              maxHeight: f.value.techo === null ? void 0 : `${f.value.techo}px`,
+              top: `${m.value.top}px`,
+              left: `${m.value.left}px`,
+              maxHeight: m.value.techo === null ? void 0 : `${m.value.techo}px`,
               overflowY: "auto",
               overscrollBehavior: "contain",
               zIndex: 50
@@ -2011,33 +2022,33 @@ const Vl = { class: "relative inline-block" }, Ml = /* @__PURE__ */ L({
             onClick: b[0] || (b[0] = (p) => p.stopPropagation()),
             onKeydown: j
           }), [
-            D("div", Ol, [
+            T("div", Pn, [
               S(c.$slots, "default")
             ])
-          ], 16, Il), [
-            [Re, s.value]
+          ], 16, jn), [
+            [qe, s.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), Pl = ["aria-disabled", "onKeydown"], Fl = /* @__PURE__ */ L({
+}), 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,
@@ -2051,17 +2062,17 @@ const Vl = { class: "relative inline-block" }, Ml = /* @__PURE__ */ L({
       ]
     }, [
       S(s.$slots, "default")
-    ], 42, Pl));
+    ], 42, Rn));
   }
-}), ql = /* @__PURE__ */ L({
+}), 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"
@@ -2069,30 +2080,30 @@ const Vl = { class: "relative inline-block" }, Ml = /* @__PURE__ */ L({
       S(a.$slots, "default")
     ]));
   }
-}), Rl = {
+}), Hn = {
   role: "separator",
   "aria-orientation": "horizontal",
   class: "bg-ui-bg/80 my-4 h-0.5"
-}, Nl = /* @__PURE__ */ L({
+}, Un = /* @__PURE__ */ E({
   __name: "DropdownMenuSeparator",
   setup(e) {
-    return (l, t) => (i(), r("div", Rl));
+    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 Hl(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 Ul = L({
+const Wn = E({
   name: "DropdownMenuTrigger",
   inheritAttrs: !1,
   props: {
@@ -2101,36 +2112,36 @@ const Ul = L({
     /** 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(Hl(n.value));
+      a.ponerElDisparador(Kn(l.value));
     }
     function s() {
       e.disabled || (o(), a.alternar());
     }
-    function u(f) {
+    function u(m) {
       if (!e.disabled)
-        switch (f.key) {
+        switch (m.key) {
           case "Enter":
           case " ":
-            f.preventDefault(), o(), a.alternar("primero");
+            m.preventDefault(), o(), a.alternar("primero");
             break;
           case "ArrowDown":
-            f.preventDefault(), o(), a.abrir("primero");
+            m.preventDefault(), o(), a.abrir("primero");
             break;
           case "ArrowUp":
-            f.preventDefault(), o(), a.abrir("ultimo");
+            m.preventDefault(), o(), a.abrir("ultimo");
             break;
           case "Escape":
-            a.abierto.value && (f.preventDefault(), a.cerrar({ devolverElFoco: !0 }));
+            a.abierto.value && (m.preventDefault(), a.cerrar({ devolverElFoco: !0 }));
             break;
         }
     }
     return () => {
-      const f = {
-        ref: (m) => {
-          n.value = m, o();
+      const m = {
+        ref: (d) => {
+          l.value = d, o();
         },
         "aria-haspopup": "menu",
         "aria-expanded": a.abierto.value ? "true" : "false",
@@ -2140,19 +2151,19 @@ const Ul = L({
         "aria-controls": a.abierto.value ? a.idDelMenu : void 0,
         onClick: s,
         onKeydown: u
-      }, d = l.default?.() ?? [];
+      }, f = n.default?.() ?? [];
       if (e.asChild) {
-        const m = tt(d);
-        if (m) return dt(m, { ...t, ...f });
+        const d = tt(f);
+        if (d) return dt(d, { ...t, ...m });
       }
       return ft(
         "div",
-        { ...t, class: ["dropdown-menu-trigger inline-block", t.class], ...f },
-        d
+        { ...t, class: ["dropdown-menu-trigger inline-block", t.class], ...m },
+        f
       );
     };
   }
-}), Wl = ["for"], Kl = /* @__PURE__ */ L({
+}), Gn = ["for"], Qn = /* @__PURE__ */ E({
   __name: "FormGroup",
   props: {
     label: {},
@@ -2161,45 +2172,45 @@ const Ul = L({
     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));
   }
-}), Gl = /* @__PURE__ */ ge(Kl, [["__scopeId", "data-v-c0d9d9cb"]]), Ql = /* @__PURE__ */ L({
+}), 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));
   }
-}), Yl = /* @__PURE__ */ ge(Ql, [["__scopeId", "data-v-f86d47da"]]), Xl = { 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" }, Jl = ["title", "aria-label"], Zl = ["src"], _l = {
+}), 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"
-}, en = ["src"], tn = ["min", "max", "value", "aria-label", "aria-valuetext"], an = /* @__PURE__ */ L({
+}, al = ["src"], nl = ["min", "max", "value", "aria-label", "aria-valuetext"], ll = /* @__PURE__ */ E({
   __name: "SliderControl",
   props: {
     icon: {},
@@ -2213,18 +2224,18 @@ const Ul = L({
     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 f = t.max - t.min, d = t.modelValue - t.min;
-      return Math.round(d / f * 100);
-    }), o = v(() => t.getPercentageClass ? t.getPercentageClass(n.value) : ""), s = (f) => {
-      const d = f.target;
-      a("update:modelValue", Number(d.value));
+      const m = t.max - t.min, f = t.modelValue - t.min;
+      return Math.round(f / m * 100);
+    }), o = v(() => t.getPercentageClass ? t.getPercentageClass(l.value) : ""), s = (m) => {
+      const f = m.target;
+      a("update:modelValue", Number(f.value));
     }, u = () => {
       a("buttonClick");
     };
-    return (f, d) => (i(), r("div", Xl, [
+    return (m, f) => (i(), r("div", Zn, [
       e.showButton ? (i(), r("button", {
         key: 0,
         onClick: u,
@@ -2233,50 +2244,50 @@ const Ul = L({
         "aria-label": e.buttonLabel ?? e.label,
         class: "w-8 h-8 flex items-center justify-center rounded-corner transition-all duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80 hover:scale-110 active:scale-95"
       }, [
-        D("img", {
+        T("img", {
           src: e.icon,
           alt: "",
-          class: x(["w-6 h-6 transition-all duration-200", e.iconClass])
-        }, null, 10, Zl)
-      ], 8, Jl)) : (i(), r("div", _l, [
-        D("img", {
+          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, en)
+        }, null, 8, al)
       ])),
-      D("input", {
+      T("input", {
         type: "range",
         min: e.min,
         max: e.max,
         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, tn),
-      D("span", {
-        class: x(["w-12 text-right transition-all duration-200 font-medium", o.value])
-      }, V(n.value) + "% ", 3)
+      }, null, 40, nl),
+      T("span", {
+        class: h(["w-12 text-right transition-all duration-200 font-medium", o.value])
+      }, V(l.value) + "% ", 3)
     ]));
   }
-}), Te = /* @__PURE__ */ L({
+}), Te = /* @__PURE__ */ E({
   __name: "SwitchTrack",
   props: {
     on: { type: Boolean },
     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"
       ]])
     }, [
-      D("span", {
-        class: x(["inline-block transform rounded-full shadow transition-transform", [
+      T("span", {
+        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"
@@ -2284,10 +2295,10 @@ const Ul = L({
       }, null, 2)
     ], 2));
   }
-}), ln = ["aria-checked", "disabled"], nn = { class: "min-w-0 flex-1" }, on = { class: "block font-medium text-sm text-tx-main" }, rn = {
+}), 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"
-}, sn = /* @__PURE__ */ L({
+}, ul = /* @__PURE__ */ E({
   __name: "SwitchRow",
   props: {
     modelValue: { type: Boolean },
@@ -2298,9 +2309,9 @@ const Ul = L({
     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,
@@ -2314,7 +2325,7 @@ const Ul = L({
       }, 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, {
@@ -2323,15 +2334,15 @@ const Ul = L({
           size: 24,
           alt: ""
         }, null, 8, ["name", "type"])
-      ], 2)) : h("", !0),
-      D("span", nn, [
-        D("span", on, V(e.label), 1),
-        e.description ? (i(), r("span", rn, 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, ln));
+    ], 8, ol));
   }
-}), un = ["aria-checked", "aria-label", "disabled"], cn = /* @__PURE__ */ L({
+}), cl = ["aria-checked", "aria-label", "disabled"], dl = /* @__PURE__ */ E({
   __name: "SwitchToggle",
   props: {
     modelValue: { type: Boolean },
@@ -2340,9 +2351,9 @@ const Ul = L({
     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", {
@@ -2352,15 +2363,15 @@ const Ul = L({
       "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, un));
+    ], 8, cl));
   }
-}), dn = ["disabled", "title", "aria-label", "aria-pressed", "aria-busy"], fn = ["src"], mn = /* @__PURE__ */ L({
+}), fl = ["disabled", "title", "aria-label", "aria-pressed", "aria-busy"], ml = ["src"], bl = /* @__PURE__ */ E({
   __name: "ToggleControl",
   props: {
     icon: {},
@@ -2372,14 +2383,14 @@ const Ul = L({
     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,
@@ -2392,66 +2403,66 @@ const Ul = L({
       "aria-busy": e.isLoading || void 0,
       onClick: a
     }, [
-      D("img", {
+      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, fn)
-    ], 10, dn));
+      }, 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 bn = { class: "inline-block" }, vn = /* @__PURE__ */ L({
+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, f) => (i(), r("div", bn, [
+    }), (u, m) => (i(), r("div", vl, [
       S(u.$slots, "default")
     ]));
   }
-}), pn = /* @__PURE__ */ L({
+}), yl = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "TooltipContent",
   props: {
@@ -2460,84 +2471,84 @@ const bn = { class: "inline-block" }, vn = /* @__PURE__ */ L({
     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 });
-    function f() {
-      const d = n.disparador.value;
-      if (!d || !s.value) return;
-      const m = d.getBoundingClientRect(), B = s.value.getBoundingClientRect();
-      let E = 0, A = 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 = l.disparador.value;
+      if (!f || !s.value) return;
+      const d = f.getBoundingClientRect(), L = s.value.getBoundingClientRect();
+      let D = 0, A = 0;
       switch (a.side) {
         case "bottom":
-          E = m.bottom + a.sideOffset, A = m.left + m.width / 2 - B.width / 2;
+          D = d.bottom + a.sideOffset, A = d.left + d.width / 2 - L.width / 2;
           break;
         case "top":
-          E = m.top - B.height - a.sideOffset, A = m.left + m.width / 2 - B.width / 2;
+          D = d.top - L.height - a.sideOffset, A = d.left + d.width / 2 - L.width / 2;
           break;
         case "left":
-          A = m.left - B.width - a.sideOffset, E = m.top + m.height / 2 - B.height / 2;
+          A = d.left - L.width - a.sideOffset, D = d.top + d.height / 2 - L.height / 2;
           break;
         case "right":
-          A = m.right + a.sideOffset, E = m.top + m.height / 2 - B.height / 2;
+          A = d.right + a.sideOffset, D = d.top + d.height / 2 - L.height / 2;
           break;
       }
-      u.value = { top: E, left: A };
+      u.value = { top: D, left: A };
     }
-    return K(o, async (d) => {
-      d && (await Y(), requestAnimationFrame(f));
-    }), (d, m) => (i(), Q(fe, { to: "body" }, [
+    return W(o, async (f) => {
+      f && (await Y(), requestAnimationFrame(m));
+    }), (f, d) => (i(), Q(fe, { to: "body" }, [
       O(ye, {
         "enter-active-class": "transition-all duration-200 ease-in-out",
         "leave-active-class": "transition-all duration-200 ease-in-out",
         "enter-from-class": "opacity-0 scale-95",
         "leave-to-class": "opacity-0 scale-95"
       }, {
-        default: W(() => [
-          Ce(D("div", {
+        default: K(() => [
+          Ce(T("div", {
             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(d.$slots, "default")
+            S(f.$slots, "default")
           ], 6), [
-            [Re, o.value]
+            [qe, o.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), yn = /* @__PURE__ */ L({
+}), 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));
   }
-}), gn = ["title"], hn = ["src", "alt"], xn = {
+}), 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__ */ L({
+}, kl = /* @__PURE__ */ E({
   __name: "TrayIconButton",
   props: {
     icon: {},
@@ -2551,152 +2562,152 @@ const bn = { class: "inline-block" }, vn = /* @__PURE__ */ L({
     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)
     }, [
-      D("img", {
+      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, hn),
-      e.badge !== null && e.badge > 0 ? (i(), r("div", xn, 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, gn));
+    ], 42, hl));
   }
-}), wn = [
+}), $l = [
   Ut,
   He,
   Ne,
   Yt,
   H,
   sa,
-  Ke,
   We,
+  Ke,
   xa,
   Ge,
   za,
   Sa,
   ja,
-  qa,
+  Ra,
   Na,
   Ga,
   Ee,
-  rl,
+  sn,
   Qe,
   Ua,
-  cl,
-  hl,
-  kl,
-  Cl,
-  Ll,
-  El,
-  Bl,
-  Sl,
-  Ml,
-  jl,
-  Fl,
-  ql,
-  Nl,
-  Ul,
-  Gl,
-  Yl,
-  an,
-  sn,
-  cn,
+  dn,
+  xn,
+  kn,
+  Ln,
+  En,
+  Bn,
+  Sn,
+  Mn,
+  On,
+  Fn,
+  qn,
+  Nn,
+  Un,
+  Wn,
+  Yn,
+  Jn,
+  ll,
+  ul,
+  dl,
   Te,
-  mn,
-  vn,
-  pn,
-  yn,
-  kn
-], Tn = {
+  bl,
+  pl,
+  yl,
+  gl,
+  kl
+], Bl = {
   install(e) {
-    wn.forEach((l) => {
-      e.component(l.name, l);
+    $l.forEach((n) => {
+      e.component(n.name, n);
     });
   }
 };
 export {
   Sa as ActionButton,
   ja as AlertMessage,
-  Ke as AppBar,
+  We as AppBar,
   za as BarSearch,
   Ye as CLASES_POR_TONO,
   Je as CLAVE_DEL_DIALOGO,
   _e as CLAVE_DEL_MENU,
   at as CLAVE_DEL_TOOLTIP,
   Le as CLAVE_DE_LA_BARRA,
-  cl as ConfigSection,
-  hl as DeviceCard,
-  kl as Dialog,
-  Cl as DialogContent,
-  Ll as DialogDescription,
-  El as DialogFooter,
-  Bl as DialogHeader,
-  Sl as DialogTitle,
-  Ml as DropdownMenu,
-  jl as DropdownMenuContent,
-  Fl as DropdownMenuItem,
-  ql as DropdownMenuLabel,
-  Nl as DropdownMenuSeparator,
-  Ul as DropdownMenuTrigger,
-  qa as EmptyState,
-  Gl 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,
-  Yl 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,
-  an as SliderControl,
-  sn as SwitchRow,
-  cn 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,
-  mn as ToggleControl,
-  vn as Tooltip,
-  pn as TooltipContent,
-  yn as TooltipTrigger,
-  kn as TrayIconButton,
-  We as WindowControls,
+  bl as ToggleControl,
+  pl as Tooltip,
+  yl as TooltipContent,
+  gl as TooltipTrigger,
+  kl as TrayIconButton,
+  Ke as WindowControls,
   sa as WindowFrame,
   Ya as buscarOpciones,
-  Tn as default,
+  Bl as default,
   Jt as esPosicion,
-  En as olvidarLosIconosDelTema,
-  we as orientacionDe,
+  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
 };