@vasakgroup/vue-libvasak 0.12.0 → 0.14.1

package/dist/vue-libvasak.es.js

@@ -1,52 +1,55 @@
-import { ref as x, onMounted as _, onUnmounted as ve, watch as K, defineComponent as E, toRef as Te, computed as p, createElementBlock as s, unref as F, openBlock as r, normalizeStyle as se, createCommentVNode as C, createElementVNode as B, createVNode as q, toDisplayString as V, normalizeClass as k, renderSlot as A, createBlock as Q, onBeforeUnmount as ie, Fragment as J, renderList as te, withCtx as W, mergeModels as Be, useAttrs as $e, useId as lt, useModel as ot, withDirectives as Ce, mergeProps as ae, isRef as rt, vModelSelect as st, inject as be, getCurrentInstance as je, provide as ue, createTextVNode as Ee, toHandlers as Fe, createSlots as it, withModifiers as M, withKeys as j, Teleport as ce, Transition as pe, nextTick as Y, TransitionGroup as ut, vShow as qe, cloneVNode as ct, h as dt, Comment as ft, Text as mt } from "vue";
+import { ref as w, onMounted as J, onUnmounted as ve, watch as K, defineComponent as z, toRef as Be, computed as p, createElementBlock as r, unref as q, openBlock as i, normalizeStyle as re, createCommentVNode as h, createElementVNode as E, createVNode as O, toDisplayString as S, normalizeClass as x, renderSlot as A, createBlock as Q, onBeforeUnmount as ce, Fragment as Z, renderList as ne, withCtx as W, mergeModels as Ae, useAttrs as $e, useId as ot, useModel as it, withDirectives as Ce, mergeProps as oe, isRef as 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 ge, nextTick as Y, TransitionGroup as ct, vShow as Re, cloneVNode as dt, h as ft, Comment as mt, Text as bt } from "vue";
 import { listen as vt } from "@tauri-apps/api/event";
-import { getSymbolSource as bt, getIconSource as pt } from "@vasakgroup/plugin-vicons";
-import { getCurrentWindow as gt } from "@tauri-apps/api/window";
-import { useI18n as yt } from "@vasakgroup/tauri-plugin-i18n";
-const ht = "vicons:theme-changed", ke = /* @__PURE__ */ new Map(), oe = /* @__PURE__ */ new Map(), fe = x(0);
-let re = 0, me = null, le = null;
-function xt() {
-  ke.clear(), oe.clear(), fe.value++;
+import { getSymbolSource as pt, getIconSource as gt } from "@vasakgroup/plugin-vicons";
+import { getCurrentWindow as yt } 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 Cn() {
+  be.clear(), ae.clear(), le = 0, ue = null, te = null, se.value = 0;
 }
 function kt() {
-  return re++, me || le ? le ?? Promise.resolve() : (le = vt(ht, xt).then((e) => {
-    re <= 0 ? e() : me = e, le = null;
-  }), le);
+  be.clear(), ae.clear(), se.value++;
 }
 function wt() {
-  re--, !(re > 0) && (re = 0, me?.(), me = null);
+  return le++, ue || te ? te ?? Promise.resolve() : (te = vt(xt, kt).then((e) => {
+    le <= 0 ? e() : ue = e, te = null;
+  }), te);
 }
-function $t(e, n) {
-  const t = `${n}:${e}`, a = ke.get(t);
+function $t() {
+  le--, !(le > 0) && (le = 0, ue?.(), ue = null);
+}
+function Ct(e, l) {
+  const t = `${l}:${e}`, a = be.get(t);
   if (a !== void 0)
     return Promise.resolve(a);
-  const l = oe.get(t);
-  if (l)
-    return l;
-  const o = fe.value, u = (n === "symbol" ? bt(e) : pt(e)).then((i) => (fe.value === o && ke.set(t, i), i)).finally(() => {
-    oe.get(t) === u && oe.delete(t);
+  const n = ae.get(t);
+  if (n)
+    return n;
+  const o = se.value, u = (l === "symbol" ? pt(e) : gt(e)).then((s) => (se.value === o && be.set(t, s), s)).finally(() => {
+    ae.get(t) === u && ae.delete(t);
   });
-  return oe.set(t, u), u;
+  return ae.set(t, u), u;
 }
-function Ct(e, n) {
-  const t = x("");
-  let a = !1, l = 0;
+function zt(e, l) {
+  const t = w("");
+  let a = !1, n = 0;
   async function o() {
-    const u = ++l, i = e.value;
-    if (!i) {
+    const u = ++n, s = e.value;
+    if (!s) {
       t.value = "";
       return;
     }
-    const m = await $t(i, n.value);
-    u === l && !a && (t.value = m);
+    const m = await Ct(s, l.value);
+    u === n && !a && (t.value = m);
   }
-  return _(async () => {
-    await kt(), a || await o();
+  return J(async () => {
+    await wt(), a || await o();
   }), ve(() => {
-    a = !0, wt();
-  }), K([e, n], o), K(fe, o), t;
+    a = !0, $t();
+  }), K([e, l], o), K(se, o), t;
 }
-const Et = ["src", "alt"], H = /* @__PURE__ */ E({
+const Et = ["src", "alt"], H = /* @__PURE__ */ z({
   __name: "ThemeIcon",
   props: {
     name: {},
@@ -55,23 +58,23 @@ const Et = ["src", "alt"], H = /* @__PURE__ */ E({
     alt: { default: "" }
   },
   setup(e) {
-    const n = e, t = Ct(Te(n, "name"), Te(n, "type")), a = p(() => `${n.size}px`);
-    return (l, o) => F(t) ? (r(), s("img", {
+    const l = e, t = zt(Be(l, "name"), Be(l, "type")), a = p(() => `${l.size}px`);
+    return (n, o) => q(t) ? (i(), r("img", {
       key: 0,
-      src: F(t),
+      src: q(t),
       alt: e.alt,
-      style: se({ width: a.value, height: a.value }),
+      style: re({ width: a.value, height: a.value }),
       class: "shrink-0 object-contain"
-    }, null, 12, Et)) : (r(), s("span", {
+    }, null, 12, Et)) : (i(), r("span", {
       key: 1,
-      style: se({ width: a.value, height: a.value }),
+      style: re({ width: a.value, height: a.value }),
       class: "shrink-0"
     }, null, 4));
   }
-}), Dt = { class: "flex flex-col gap-2" }, zt = ["aria-expanded"], Lt = {
+}), Dt = { class: "flex flex-col gap-2" }, Lt = ["aria-expanded"], Tt = {
   key: 1,
   class: "flex flex-col gap-1"
-}, Re = /* @__PURE__ */ E({
+}, Ne = /* @__PURE__ */ z({
   __name: "SideGroup",
   props: {
     title: {},
@@ -79,40 +82,40 @@ const Et = ["src", "alt"], H = /* @__PURE__ */ E({
     defaultOpen: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const n = e, t = x(n.defaultOpen);
+    const l = e, t = w(l.defaultOpen);
     return K(
-      () => n.collapsed,
+      () => l.collapsed,
       (a) => {
         a && (t.value = !0);
       }
-    ), (a, l) => (r(), s("section", Dt, [
-      e.collapsed ? C("", !0) : (r(), s("button", {
+    ), (a, n) => (i(), r("section", Dt, [
+      e.collapsed ? h("", !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: l[0] || (l[0] = (o) => t.value = !t.value)
+        onClick: n[0] || (n[0] = (o) => t.value = !t.value)
       }, [
-        B("span", null, V(e.title), 1),
-        q(H, {
+        E("span", null, S(e.title), 1),
+        O(H, {
           name: "pan-down-symbolic",
           type: "symbol",
           size: 12,
-          class: k(["transition-transform duration-200", t.value ? "" : "-rotate-90"])
+          class: x(["transition-transform duration-200", t.value ? "" : "-rotate-90"])
         }, null, 8, ["class"])
-      ], 8, zt)),
-      t.value || e.collapsed ? (r(), s("div", Lt, [
+      ], 8, Lt)),
+      t.value || e.collapsed ? (i(), r("div", Tt, [
         A(a.$slots, "default")
-      ])) : C("", !0)
+      ])) : h("", !0)
     ]));
   }
-}), Tt = ["title", "aria-label", "disabled", "aria-current"], Bt = { key: 1 }, At = {
+}), Bt = ["title", "aria-label", "disabled", "aria-current"], At = { key: 1 }, St = {
   key: 0,
   class: "min-w-0 flex-1 truncate font-medium"
-}, St = {
+}, Vt = {
   key: 1,
   class: "rounded-corner bg-ui-surface px-2 py-0.5 font-semibold text-tx-muted text-xs"
-}, Ne = /* @__PURE__ */ E({
+}, He = /* @__PURE__ */ z({
   __name: "SideButton",
   props: {
     label: {},
@@ -124,49 +127,49 @@ const Et = ["src", "alt"], H = /* @__PURE__ */ E({
   },
   emits: ["click"],
   setup(e) {
-    return (n, t) => (r(), s("button", {
+    return (l, 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: k(["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: 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", [
         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) => n.$emit("click"))
+      onClick: t[0] || (t[0] = (a) => l.$emit("click"))
     }, [
-      B("span", {
-        class: k(["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" : ""]),
+      E("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" : ""]),
         "aria-hidden": "true"
       }, [
-        e.icon ? (r(), Q(H, {
+        e.icon ? (i(), Q(H, {
           key: 0,
           name: e.icon,
           size: 20
-        }, null, 8, ["name"])) : (r(), s("span", Bt, V(e.label.charAt(0).toUpperCase()), 1))
+        }, null, 8, ["name"])) : (i(), r("span", At, S(e.label.charAt(0).toUpperCase()), 1))
       ], 2),
-      e.collapsed ? C("", !0) : (r(), s("span", At, V(e.label), 1)),
-      !e.collapsed && e.badge !== "" ? (r(), s("span", St, V(e.badge), 1)) : C("", !0)
-    ], 10, Tt));
+      e.collapsed ? h("", !0) : (i(), r("span", St, S(e.label), 1)),
+      !e.collapsed && e.badge !== "" ? (i(), r("span", Vt, S(e.badge), 1)) : h("", !0)
+    ], 10, Bt));
   }
 }), Mt = {
   key: 0,
   class: "flex flex-col gap-2 border-ui-border border-b p-2"
-}, Vt = { class: "flex items-center gap-2" }, Ot = ["aria-label", "aria-expanded"], It = {
+}, It = { class: "flex items-center gap-2" }, Ot = ["aria-label", "aria-expanded"], jt = {
   key: 0,
   class: "min-w-0 flex-1"
 }, Pt = {
   key: 0,
   class: "truncate font-semibold text-sm"
-}, jt = {
+}, Ft = {
   key: 1,
   class: "truncate text-tx-muted text-xs"
-}, Ft = { key: 0 }, qt = {
+}, qt = { key: 0 }, Rt = {
   key: 1,
   class: "flex border-ui-border border-b p-2"
-}, Rt = ["aria-label", "aria-expanded"], Nt = { class: "flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-2" }, Ae = "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", Se = 767, Ht = /* @__PURE__ */ E({
+}, 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__ */ z({
   __name: "SideBar",
   props: {
     title: { default: "" },
@@ -178,101 +181,101 @@ const Et = ["src", "alt"], H = /* @__PURE__ */ E({
     expandLabel: { default: "Expand" }
   },
   emits: ["update:modelValue", "update:collapsed", "change"],
-  setup(e, { expose: n, emit: t }) {
-    const a = e, l = t, o = x(a.collapsed ?? !1), u = x(!1);
-    let i = null, m = null;
-    const v = p(() => u.value || o.value), f = p(() => !!(a.title || a.subtitle));
+  setup(e, { expose: l, emit: t }) {
+    const a = e, n = t, o = w(a.collapsed ?? !1), u = w(!1);
+    let s = null, m = null;
+    const b = p(() => u.value || o.value), f = p(() => !!(a.title || a.subtitle));
     p(() => a.categories.length > 0);
-    function T() {
+    function B() {
       return document.documentElement?.clientWidth || window.innerWidth;
     }
     function D() {
-      u.value = T() <= Se;
+      u.value = B() <= Ve;
     }
-    function z() {
-      o.value = !o.value, l("update:collapsed", o.value);
+    function L() {
+      o.value = !o.value, n("update:collapsed", o.value);
     }
     function g(d) {
-      l("update:modelValue", d), l("change", d);
+      n("update:modelValue", d), n("change", d);
     }
     return K(
       () => a.collapsed,
       (d) => {
         d !== void 0 && (o.value = d);
       }
-    ), _(() => {
-      i = window.matchMedia(`(max-width: ${Se}px)`), D(), i.addEventListener("change", D), window.addEventListener("resize", D), typeof ResizeObserver < "u" && document.documentElement && (m = new ResizeObserver(D), m.observe(document.documentElement));
-    }), ie(() => {
-      i?.removeEventListener("change", D), window.removeEventListener("resize", D), m?.disconnect(), m = null;
-    }), n({ collapsed: v }), (d, S) => (r(), s("aside", {
-      class: k(["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]", v.value ? "md:w-[84px]" : "md:w-72"]])
+    ), J(() => {
+      s = window.matchMedia(`(max-width: ${Ve}px)`), D(), s.addEventListener("change", D), window.addEventListener("resize", D), typeof ResizeObserver < "u" && document.documentElement && (m = new ResizeObserver(D), m.observe(document.documentElement));
+    }), ce(() => {
+      s?.removeEventListener("change", D), window.removeEventListener("resize", D), m?.disconnect(), m = null;
+    }), l({ collapsed: b }), (d, V) => (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]", b.value ? "md:w-[84px]" : "md:w-72"]])
     }, [
-      f.value || d.$slots.header ? (r(), s("header", Mt, [
-        B("div", Vt, [
-          B("button", {
+      f.value || d.$slots.header ? (i(), r("header", Mt, [
+        E("div", It, [
+          E("button", {
             type: "button",
-            class: k(Ae),
-            "aria-label": v.value ? e.expandLabel : e.collapseLabel,
-            "aria-expanded": !v.value,
-            onClick: z
+            class: x(Se),
+            "aria-label": b.value ? e.expandLabel : e.collapseLabel,
+            "aria-expanded": !b.value,
+            onClick: L
           }, [
-            q(H, {
-              name: v.value ? "pan-end-symbolic" : "pan-start-symbolic",
+            O(H, {
+              name: b.value ? "pan-end-symbolic" : "pan-start-symbolic",
               type: "symbol",
               size: 16
             }, null, 8, ["name"])
           ], 8, Ot),
-          f.value && !v.value ? (r(), s("div", It, [
-            e.title ? (r(), s("p", Pt, V(e.title), 1)) : C("", !0),
-            e.subtitle ? (r(), s("p", jt, V(e.subtitle), 1)) : C("", !0)
-          ])) : C("", !0)
+          f.value && !b.value ? (i(), r("div", jt, [
+            e.title ? (i(), r("p", Pt, S(e.title), 1)) : h("", !0),
+            e.subtitle ? (i(), r("p", Ft, S(e.subtitle), 1)) : h("", !0)
+          ])) : h("", !0)
         ]),
-        d.$slots.header && !v.value ? (r(), s("div", Ft, [
-          A(d.$slots, "header", { collapsed: v.value })
-        ])) : C("", !0)
-      ])) : (r(), s("div", qt, [
-        B("button", {
+        d.$slots.header && !b.value ? (i(), r("div", qt, [
+          A(d.$slots, "header", { collapsed: b.value })
+        ])) : h("", !0)
+      ])) : (i(), r("div", Rt, [
+        E("button", {
           type: "button",
-          class: k(Ae),
-          "aria-label": v.value ? e.expandLabel : e.collapseLabel,
-          "aria-expanded": !v.value,
-          onClick: z
+          class: x(Se),
+          "aria-label": b.value ? e.expandLabel : e.collapseLabel,
+          "aria-expanded": !b.value,
+          onClick: L
         }, [
-          q(H, {
-            name: v.value ? "pan-end-symbolic" : "pan-start-symbolic",
+          O(H, {
+            name: b.value ? "pan-end-symbolic" : "pan-start-symbolic",
             type: "symbol",
             size: 16
           }, null, 8, ["name"])
-        ], 8, Rt)
+        ], 8, Nt)
       ])),
-      B("div", Nt, [
-        (r(!0), s(J, null, te(e.categories, (I) => (r(), Q(Re, {
-          key: I.id,
-          title: I.title,
-          collapsed: v.value
+      E("div", Ht, [
+        (i(!0), r(Z, null, ne(e.categories, (j) => (i(), Q(Ne, {
+          key: j.id,
+          title: j.title,
+          collapsed: b.value
         }, {
           default: W(() => [
-            (r(!0), s(J, null, te(I.items, (w) => (r(), Q(Ne, {
-              key: w.id,
-              label: w.label,
-              icon: w.icon,
-              badge: w.badge,
-              disabled: w.disabled,
-              collapsed: v.value,
-              active: e.modelValue === w.id,
-              onClick: (c) => g(w.id)
+            (i(!0), r(Z, null, ne(j.items, ($) => (i(), Q(He, {
+              key: $.id,
+              label: $.label,
+              icon: $.icon,
+              badge: $.badge,
+              disabled: $.disabled,
+              collapsed: b.value,
+              active: e.modelValue === $.id,
+              onClick: (c) => g($.id)
             }, null, 8, ["label", "icon", "badge", "disabled", "collapsed", "active", "onClick"]))), 128))
           ]),
           _: 2
         }, 1032, ["title", "collapsed"]))), 128)),
-        A(d.$slots, "default", { collapsed: v.value })
+        A(d.$slots, "default", { collapsed: b.value })
       ])
     ], 2));
   }
-}), Ut = { class: "flex min-w-0 flex-col gap-1" }, Wt = ["for"], Kt = { class: "relative flex min-w-0 items-center" }, Gt = ["id"], Qt = /* @__PURE__ */ E({
+}), 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__ */ z({
   inheritAttrs: !1,
   __name: "SelectField",
-  props: /* @__PURE__ */ Be({
+  props: /* @__PURE__ */ Ae({
     label: {}
   }, {
     modelValue: {
@@ -280,32 +283,32 @@ const Et = ["src", "alt"], H = /* @__PURE__ */ E({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Be(["change"], ["update:modelValue"]),
-  setup(e, { emit: n }) {
-    const t = e, a = $e(), l = lt(), o = p(() => a.id ?? l), u = n, [i, m] = ot(e, "modelValue", {
-      set(v) {
-        return m.number ? Number(v) : v;
+  emits: /* @__PURE__ */ Ae(["change"], ["update:modelValue"]),
+  setup(e, { emit: l }) {
+    const t = e, a = $e(), n = ot(), o = p(() => a.id ?? n), u = l, [s, m] = it(e, "modelValue", {
+      set(b) {
+        return m.number ? Number(b) : b;
       }
     });
-    return (v, f) => (r(), s("div", Ut, [
-      t.label ? (r(), s("label", {
+    return (b, f) => (i(), r("div", Wt, [
+      t.label ? (i(), r("label", {
         key: 0,
         for: o.value,
         class: "text-tx-muted text-xs"
-      }, V(t.label), 9, Wt)) : C("", !0),
-      B("div", Kt, [
-        Ce(B("select", ae({
+      }, S(t.label), 9, Kt)) : h("", !0),
+      E("div", Gt, [
+        Ce(E("select", oe({
           id: o.value,
-          "onUpdate:modelValue": f[0] || (f[0] = (T) => rt(i) ? i.value = T : null),
+          "onUpdate:modelValue": f[0] || (f[0] = (B) => rt(s) ? s.value = B : null),
           class: "min-w-0 flex-1 appearance-none truncate rounded-corner border border-ui-border bg-ui-surface/60 py-1.5 pr-8 pl-2 text-sm text-tx-main"
-        }, F(a), {
-          onChange: f[1] || (f[1] = (T) => u("change", T))
+        }, q(a), {
+          onChange: f[1] || (f[1] = (B) => u("change", B))
         }), [
-          A(v.$slots, "default")
-        ], 16, Gt), [
-          [st, F(i)]
+          A(b.$slots, "default")
+        ], 16, Qt), [
+          [st, q(s)]
         ]),
-        q(H, {
+        O(H, {
           name: "pan-down-symbolic",
           type: "symbol",
           size: 14,
@@ -314,44 +317,44 @@ const Et = ["src", "alt"], H = /* @__PURE__ */ E({
       ])
     ]));
   }
-}), De = /* @__PURE__ */ Symbol("barra de vasak");
+}), Ee = /* @__PURE__ */ Symbol("barra de vasak");
 function we(e) {
   return e === "left" || e === "right" ? "vertical" : "horizontal";
 }
-const Yt = ["top", "bottom", "left", "right"];
-function Xt(e) {
-  return typeof e == "string" && Yt.includes(e);
+const Xt = ["top", "bottom", "left", "right"];
+function Jt(e) {
+  return typeof e == "string" && Xt.includes(e);
 }
-function de() {
-  const e = be(De, null);
+function me() {
+  const e = pe(Ee, null);
   if (e) return e;
-  const n = x("top");
+  const l = w("top");
   return {
-    posicion: n,
-    orientacion: p(() => we(n.value)),
-    vertical: p(() => we(n.value) === "vertical")
+    posicion: l,
+    orientacion: p(() => we(l.value)),
+    vertical: p(() => we(l.value) === "vertical")
   };
 }
-const ze = ["minimize", "maximize", "close"], _t = "window", Jt = "barPosition";
-function Zt(e) {
-  const t = e?.[_t]?.[Jt];
-  return Xt(t) ? t : null;
+const De = ["minimize", "maximize", "close"], Zt = "window", _t = "barPosition";
+function ea(e) {
+  const t = e?.[Zt]?.[_t];
+  return Jt(t) ? t : null;
 }
-function ea(e = "top") {
-  const n = x(e);
+function ta(e = "top") {
+  const l = w(e);
   let t = null, a = !1;
-  async function l() {
+  async function n() {
     try {
       const { readConfig: o } = await import("@vasakgroup/plugin-config-manager"), u = await o();
-      n.value = Zt(u) ?? e;
+      l.value = ea(u) ?? e;
     } catch {
     }
   }
-  return _(async () => {
-    await l();
+  return J(async () => {
+    await n();
     try {
       const { listen: o } = await import("@tauri-apps/api/event"), u = await o("config-changed", () => {
-        l();
+        n();
       });
       if (a) {
         u();
@@ -360,110 +363,110 @@ function ea(e = "top") {
       t = u;
     } catch {
     }
-  }), ie(() => {
+  }), ce(() => {
     a = !0, t?.(), t = null;
-  }), n;
+  }), l;
 }
-function He(e) {
-  const n = je(), t = {};
+function Ue(e) {
+  const l = Fe(), t = {};
   for (const a of e) {
-    const l = `on${a[0].toUpperCase()}${a.slice(1)}`;
-    n?.vnode.props?.[l] && (t[a] = () => n.emit(a));
+    const n = `on${a[0].toUpperCase()}${a.slice(1)}`;
+    l?.vnode.props?.[n] && (t[a] = () => l.emit(a));
   }
   return t;
 }
-const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title", "aria-label"], he = "flex items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 p-1 transition-colors", Ue = /* @__PURE__ */ E({
+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__ */ z({
   __name: "WindowControls",
   props: {
-    controls: { default: () => ze },
+    controls: { default: () => De },
     minimizeLabel: {},
     maximizeLabel: {},
     closeLabel: {}
   },
   emits: ["minimize", "maximize", "close"],
-  setup(e, { emit: n }) {
-    const t = e, { t: a } = yt(), l = p(() => t.minimizeLabel ?? a("ventana.minimizar")), o = p(() => t.maximizeLabel ?? a("ventana.maximizar")), u = p(() => t.closeLabel ?? a("ventana.cerrar")), i = n, { vertical: m } = de(), v = p(() => ({
+  setup(e, { emit: l }) {
+    const t = e, { t: a } = ht(), n = p(() => t.minimizeLabel ?? a("ventana.minimizar")), o = p(() => t.maximizeLabel ?? a("ventana.maximizar")), u = p(() => t.closeLabel ?? a("ventana.cerrar")), s = l, { vertical: m } = me(), b = p(() => ({
       minimize: t.controls.includes("minimize"),
       maximize: t.controls.includes("maximize"),
       close: t.controls.includes("close")
     }));
     function f() {
-      return gt();
+      return yt();
     }
-    const T = je();
-    function D(S) {
-      return !!T?.vnode.props?.[`on${S}`];
+    const B = Fe();
+    function D(V) {
+      return !!B?.vnode.props?.[`on${V}`];
     }
-    function z() {
-      if (D("Minimize")) return i("minimize");
+    function L() {
+      if (D("Minimize")) return s("minimize");
       f().minimize();
     }
     function g() {
-      if (D("Maximize")) return i("maximize");
+      if (D("Maximize")) return s("maximize");
       f().toggleMaximize();
     }
     function d() {
-      if (D("Close")) return i("close");
+      if (D("Close")) return s("close");
       f().close();
     }
-    return (S, I) => e.controls.length ? (r(), s("div", {
+    return (V, j) => e.controls.length ? (i(), r("div", {
       key: 0,
-      class: k(["flex shrink-0 gap-1", F(m) ? "flex-col" : ""]),
+      class: x(["flex shrink-0 gap-1", q(m) ? "flex-col" : ""]),
       "data-tauri-drag-region": ""
     }, [
-      v.value.minimize ? (r(), s("button", {
+      b.value.minimize ? (i(), r("button", {
         key: 0,
         type: "button",
-        class: k([he, "hover:bg-status-success"]),
-        title: l.value,
-        "aria-label": l.value,
-        onClick: I[0] || (I[0] = (w) => z())
+        class: x([xe, "hover:bg-status-success"]),
+        title: n.value,
+        "aria-label": n.value,
+        onClick: j[0] || (j[0] = ($) => L())
       }, [
-        q(H, {
+        O(H, {
           name: "window-minimize",
           type: "symbol",
           size: 24
         })
-      ], 10, ta)) : C("", !0),
-      v.value.maximize ? (r(), s("button", {
+      ], 10, aa)) : h("", !0),
+      b.value.maximize ? (i(), r("button", {
         key: 1,
         type: "button",
-        class: k([he, "hover:bg-status-warning"]),
+        class: x([xe, "hover:bg-status-warning"]),
         title: o.value,
         "aria-label": o.value,
-        onClick: I[1] || (I[1] = (w) => g())
+        onClick: j[1] || (j[1] = ($) => g())
       }, [
-        q(H, {
+        O(H, {
           name: "window-maximize",
           type: "symbol",
           size: 24
         })
-      ], 10, aa)) : C("", !0),
-      v.value.close ? (r(), s("button", {
+      ], 10, la)) : h("", !0),
+      b.value.close ? (i(), r("button", {
         key: 2,
         type: "button",
-        class: k([he, "hover:bg-status-error"]),
+        class: x([xe, "hover:bg-status-error"]),
         title: u.value,
         "aria-label": u.value,
-        onClick: I[2] || (I[2] = (w) => d())
+        onClick: j[2] || (j[2] = ($) => d())
       }, [
-        q(H, {
+        O(H, {
           name: "window-close",
           type: "symbol",
           size: 24
         })
-      ], 10, na)) : C("", !0)
-    ], 2)) : C("", !0);
+      ], 10, na)) : h("", !0)
+    ], 2)) : h("", !0);
   }
-}), la = {
+}), oa = {
   key: 0,
   class: "flex shrink-0 items-center",
   "data-tauri-drag-region": ""
-}, oa = {
+}, ia = {
   key: 1,
   class: "min-w-0 shrink truncate text-sm",
   "data-tauri-drag-region": ""
-}, We = /* @__PURE__ */ E({
+}, Ke = /* @__PURE__ */ z({
   __name: "AppBar",
   props: {
     position: { default: null },
@@ -471,58 +474,58 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
     minimizeLabel: {},
     maximizeLabel: {},
     closeLabel: {},
-    controls: { default: () => ze }
+    controls: { default: () => De }
   },
   emits: ["minimize", "maximize", "close"],
   setup(e) {
-    const n = e, t = de(), a = p(() => n.position ?? t.posicion.value), l = p(() => a.value === "left" || a.value === "right");
-    return ue(De, {
+    const l = e, t = me(), a = p(() => l.position ?? t.posicion.value), n = p(() => a.value === "left" || a.value === "right");
+    return de(Ee, {
       posicion: a,
-      orientacion: p(() => l.value ? "vertical" : "horizontal"),
-      vertical: l
-    }), (o, u) => (r(), s("div", {
-      class: k(["relative flex shrink-0 items-center gap-2 p-1 font-title", l.value ? "h-full flex-col" : "w-full"]),
+      orientacion: p(() => n.value ? "vertical" : "horizontal"),
+      vertical: n
+    }), (o, u) => (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"]),
       "data-tauri-drag-region": ""
     }, [
-      o.$slots.identidad ? (r(), s("div", la, [
+      o.$slots.identidad ? (i(), r("div", oa, [
         A(o.$slots, "identidad")
-      ])) : C("", !0),
-      (o.$slots.titulo || e.title) && !l.value ? (r(), s("p", oa, [
+      ])) : h("", !0),
+      (o.$slots.titulo || e.title) && !n.value ? (i(), r("p", ia, [
         A(o.$slots, "titulo", {}, () => [
-          Ee(V(e.title), 1)
+          ze(S(e.title), 1)
         ])
-      ])) : C("", !0),
-      B("div", {
-        class: k(["flex min-h-0 min-w-0 flex-1 items-center gap-2 overflow-auto", l.value ? "flex-col" : ""]),
+      ])) : h("", !0),
+      E("div", {
+        class: x(["flex min-h-0 min-w-0 flex-1 items-center gap-2 overflow-auto", n.value ? "flex-col" : ""]),
         "data-tauri-drag-region": ""
       }, [
         A(o.$slots, "default")
       ], 2),
-      o.$slots.acciones ? (r(), s("div", {
+      o.$slots.acciones ? (i(), r("div", {
         key: 2,
-        class: k(["flex shrink-0 items-center gap-1", l.value ? "flex-col" : ""])
+        class: x(["flex shrink-0 items-center gap-1", n.value ? "flex-col" : ""])
       }, [
         A(o.$slots, "acciones")
-      ], 2)) : C("", !0),
-      q(Ue, ae({
+      ], 2)) : h("", !0),
+      O(We, oe({
         controls: e.controls,
         "minimize-label": e.minimizeLabel,
         "maximize-label": e.maximizeLabel,
         "close-label": e.closeLabel
-      }, Fe(F(He)(["minimize", "maximize", "close"]))), null, 16, ["controls", "minimize-label", "maximize-label", "close-label"]),
-      o.$slots.centro ? (r(), s("div", {
+      }, qe(q(Ue)(["minimize", "maximize", "close"]))), null, 16, ["controls", "minimize-label", "maximize-label", "close-label"]),
+      o.$slots.centro ? (i(), r("div", {
         key: 3,
-        class: k(["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"])
+        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"])
       }, [
-        B("div", {
-          class: k(["pointer-events-auto flex items-center gap-2", l.value ? "flex-col" : ""])
+        E("div", {
+          class: x(["pointer-events-auto flex items-center gap-2", n.value ? "flex-col" : ""])
         }, [
           A(o.$slots, "centro")
         ], 2)
-      ], 2)) : C("", !0)
+      ], 2)) : h("", !0)
     ], 2));
   }
-}), ra = { class: "flex min-h-0 min-w-0 flex-1" }, sa = /* @__PURE__ */ E({
+}), ra = { class: "flex min-h-0 min-w-0 flex-1" }, sa = /* @__PURE__ */ z({
   __name: "WindowFrame",
   props: {
     position: { default: null },
@@ -530,23 +533,23 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
     minimizeLabel: {},
     maximizeLabel: {},
     closeLabel: {},
-    controls: { default: () => ze },
+    controls: { default: () => De },
     hideBar: { type: Boolean, default: !1 }
   },
   emits: ["minimize", "maximize", "close"],
   setup(e) {
-    const n = e, t = ea(), a = p(() => n.position ?? t.value), l = p(() => we(a.value)), o = p(() => l.value === "vertical");
-    ue(De, { posicion: a, orientacion: l, vertical: o });
+    const l = e, t = ta(), a = p(() => l.position ?? t.value), n = p(() => we(a.value)), o = p(() => n.value === "vertical");
+    de(Ee, { posicion: a, orientacion: n, vertical: o });
     const u = {
       top: "flex-col",
       bottom: "flex-col-reverse",
       left: "flex-row",
       right: "flex-row-reverse"
     };
-    return (i, m) => (r(), s("div", {
-      class: k(["flex h-screen w-screen overflow-hidden rounded-corner-window border border-ui-border bg-ui-bg/80", u[a.value]])
+    return (s, m) => (i(), r("div", {
+      class: x(["flex h-screen w-screen overflow-hidden rounded-corner-window border border-ui-border bg-ui-bg/80", u[a.value]])
     }, [
-      e.hideBar ? C("", !0) : (r(), Q(We, ae({
+      e.hideBar ? h("", !0) : (i(), Q(Ke, oe({
         key: 0,
         position: a.value,
         title: e.title,
@@ -554,57 +557,57 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
         "maximize-label": e.maximizeLabel,
         "close-label": e.closeLabel,
         controls: e.controls
-      }, Fe(F(He)(["minimize", "maximize", "close"]))), it({
+      }, qe(q(Ue)(["minimize", "maximize", "close"]))), ut({
         default: W(() => [
-          A(i.$slots, "barra")
+          A(s.$slots, "barra")
         ]),
         _: 2
       }, [
-        i.$slots.identidad ? {
+        s.$slots.identidad ? {
           name: "identidad",
           fn: W(() => [
-            A(i.$slots, "identidad")
+            A(s.$slots, "identidad")
           ]),
           key: "0"
         } : void 0,
-        i.$slots.titulo ? {
+        s.$slots.titulo ? {
           name: "titulo",
           fn: W(() => [
-            A(i.$slots, "titulo")
+            A(s.$slots, "titulo")
           ]),
           key: "1"
         } : void 0,
-        i.$slots.centro ? {
+        s.$slots.centro ? {
           name: "centro",
           fn: W(() => [
-            A(i.$slots, "centro")
+            A(s.$slots, "centro")
           ]),
           key: "2"
         } : void 0,
-        i.$slots.acciones ? {
+        s.$slots.acciones ? {
           name: "acciones",
           fn: W(() => [
-            A(i.$slots, "acciones")
+            A(s.$slots, "acciones")
           ]),
           key: "3"
         } : void 0
       ]), 1040, ["position", "title", "minimize-label", "maximize-label", "close-label", "controls"])),
-      B("div", ra, [
-        A(i.$slots, "default")
+      E("div", ra, [
+        A(s.$slots, "default")
       ])
     ], 2));
   }
-}), ia = ["aria-selected", "title", "aria-label", "tabindex"], ua = {
+}), ua = ["aria-selected", "title", "aria-label", "tabindex"], ca = {
   key: 1,
   "aria-hidden": "true"
-}, ca = {
+}, da = {
   key: 2,
   class: "min-w-0 flex-1 truncate"
-}, da = ["title", "aria-label"], fa = { class: "whitespace-nowrap" }, ma = {
+}, fa = ["title", "aria-label"], ma = { class: "whitespace-nowrap" }, ba = {
   key: 0,
   class: "size-2 shrink-0 rounded-full bg-current",
   "aria-hidden": "true"
-}, va = ["title", "aria-label"], ba = 500, Me = 8, Ve = 6, Ke = /* @__PURE__ */ E({
+}, va = ["title", "aria-label"], pa = 500, Me = 8, Ie = 6, Ge = /* @__PURE__ */ z({
   __name: "TabItem",
   props: {
     tab: {},
@@ -614,166 +617,166 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
     tabindex: { default: 0 }
   },
   emits: ["select", "close", "menu", "mover", "navegar"],
-  setup(e, { emit: n }) {
-    const t = e, a = n, { vertical: l, posicion: o } = de(), u = x(null), i = x(null), m = x(!1), v = x(!1), f = x(!1), T = x({ top: 0, left: 0, right: 0 });
-    let D = null, z = null;
-    const g = p(() => t.tab.closable !== !1), d = p(() => t.tab.tooltip ?? t.tab.label), S = p(
+  setup(e, { emit: l }) {
+    const t = e, a = l, { vertical: n, posicion: o } = me(), u = w(null), s = w(null), m = w(!1), b = w(!1), f = w(!1), B = w({ top: 0, left: 0, right: 0 });
+    let D = null, L = null;
+    const g = p(() => t.tab.closable !== !1), d = p(() => t.tab.tooltip ?? t.tab.label), V = p(
       () => t.tab.dirty ? `${t.tab.label} · ${t.dirtyLabel}` : t.tab.label
-    ), I = p(() => t.tab.label.trim().charAt(0).toUpperCase()), w = p(() => m.value || f.value), c = p(
-      () => !!t.tab.dirty && !(w.value && g.value)
-    ), b = p(
-      () => g.value && (w.value || t.active || !t.tab.dirty)
+    ), j = p(() => t.tab.label.trim().charAt(0).toUpperCase()), $ = p(() => m.value || f.value), c = p(
+      () => !!t.tab.dirty && !($.value && g.value)
+    ), v = p(
+      () => g.value && ($.value || t.active || !t.tab.dirty)
     ), y = p(
-      () => l.value && (m.value || v.value || f.value)
+      () => n.value && (m.value || b.value || f.value)
     ), P = p(() => {
-      const R = { position: "fixed", top: `${T.value.top}px`, zIndex: 50 };
-      return o.value === "right" ? { ...R, right: `${T.value.right + Ve}px` } : { ...R, left: `${T.value.left + Ve}px` };
+      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` };
     });
-    function Z() {
+    function _() {
       const R = u.value;
       if (!R) return;
-      const h = R.getBoundingClientRect();
-      T.value = {
-        top: h.top,
-        left: h.right,
-        right: window.innerWidth - h.left
+      const k = R.getBoundingClientRect();
+      B.value = {
+        top: k.top,
+        left: k.right,
+        right: window.innerWidth - k.left
       };
     }
     function U(R) {
-      const h = R.relatedTarget;
-      h && i.value?.contains(h) || (f.value = !1);
+      const k = R.relatedTarget;
+      k && s.value?.contains(k) || (f.value = !1);
     }
     function ee() {
-      m.value = !0, Z();
+      m.value = !0, _();
     }
     function G() {
-      v.value = !0, Z();
+      b.value = !0, _();
     }
-    function L() {
-      D !== null && clearTimeout(D), D = null, z = null;
+    function T() {
+      D !== null && clearTimeout(D), D = null, L = null;
     }
-    function $(R) {
-      R.button === 0 && (z = { x: R.clientX, y: R.clientY }, D = setTimeout(() => {
-        z && a("menu", z), L();
-      }, ba));
+    function C(R) {
+      R.button === 0 && (L = { x: R.clientX, y: R.clientY }, D = setTimeout(() => {
+        L && a("menu", L), T();
+      }, pa));
     }
-    function O(R) {
-      if (!z) return;
-      (Math.abs(R.clientX - z.x) > Me || Math.abs(R.clientY - z.y) > Me) && L();
+    function I(R) {
+      if (!L) return;
+      (Math.abs(R.clientX - L.x) > Me || Math.abs(R.clientY - L.y) > Me) && T();
     }
-    function ne(R) {
+    function ie(R) {
       R.button === 1 && g.value && (R.preventDefault(), a("close"));
     }
     function nt(R) {
       R.preventDefault(), a("menu", { x: R.clientX, y: R.clientY });
     }
-    return ie(L), (R, h) => (r(), s("div", {
+    return ce(T), (R, k) => (i(), r("div", {
       ref_key: "raiz",
       ref: u,
-      class: k(["group relative flex shrink-0 cursor-pointer items-center gap-2 rounded-corner border border-ui-border transition-colors", [
+      class: x(["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",
-        F(l) ? "size-8 justify-center p-0 text-sm" : "w-34 max-w-34 px-3 py-1 text-sm"
+        q(n) ? "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,
       title: d.value,
-      "aria-label": S.value,
+      "aria-label": V.value,
       tabindex: e.tabindex,
-      onClick: h[5] || (h[5] = M((N) => a("select"), ["stop"])),
+      onClick: k[5] || (k[5] = M((N) => a("select"), ["stop"])),
       onKeydown: [
-        h[6] || (h[6] = j(M((N) => a("select"), ["stop"]), ["enter"])),
-        h[7] || (h[7] = j(M((N) => a("select"), ["prevent", "stop"]), ["space"])),
-        h[8] || (h[8] = j(M((N) => a("navegar", "anterior"), ["prevent", "stop"]), ["left"])),
-        h[9] || (h[9] = j(M((N) => a("navegar", "anterior"), ["prevent", "stop"]), ["up"])),
-        h[10] || (h[10] = j(M((N) => a("navegar", "siguiente"), ["prevent", "stop"]), ["right"])),
-        h[11] || (h[11] = j(M((N) => a("navegar", "siguiente"), ["prevent", "stop"]), ["down"])),
-        h[12] || (h[12] = j(M((N) => a("navegar", "primera"), ["prevent", "stop"]), ["home"])),
-        h[13] || (h[13] = j(M((N) => a("navegar", "ultima"), ["prevent", "stop"]), ["end"])),
-        h[14] || (h[14] = j(M((N) => a("mover", -1), ["alt", "prevent", "stop"]), ["left"])),
-        h[15] || (h[15] = j(M((N) => a("mover", -1), ["alt", "prevent", "stop"]), ["up"])),
-        h[16] || (h[16] = j(M((N) => a("mover", 1), ["alt", "prevent", "stop"]), ["right"])),
-        h[17] || (h[17] = j(M((N) => a("mover", 1), ["alt", "prevent", "stop"]), ["down"])),
-        h[18] || (h[18] = j(M((N) => g.value && a("close"), ["prevent", "stop"]), ["delete"]))
+        k[6] || (k[6] = F(M((N) => a("select"), ["stop"]), ["enter"])),
+        k[7] || (k[7] = F(M((N) => a("select"), ["prevent", "stop"]), ["space"])),
+        k[8] || (k[8] = F(M((N) => a("navegar", "anterior"), ["prevent", "stop"]), ["left"])),
+        k[9] || (k[9] = F(M((N) => a("navegar", "anterior"), ["prevent", "stop"]), ["up"])),
+        k[10] || (k[10] = F(M((N) => a("navegar", "siguiente"), ["prevent", "stop"]), ["right"])),
+        k[11] || (k[11] = F(M((N) => a("navegar", "siguiente"), ["prevent", "stop"]), ["down"])),
+        k[12] || (k[12] = F(M((N) => a("navegar", "primera"), ["prevent", "stop"]), ["home"])),
+        k[13] || (k[13] = F(M((N) => a("navegar", "ultima"), ["prevent", "stop"]), ["end"])),
+        k[14] || (k[14] = F(M((N) => a("mover", -1), ["alt", "prevent", "stop"]), ["left"])),
+        k[15] || (k[15] = F(M((N) => a("mover", -1), ["alt", "prevent", "stop"]), ["up"])),
+        k[16] || (k[16] = F(M((N) => a("mover", 1), ["alt", "prevent", "stop"]), ["right"])),
+        k[17] || (k[17] = F(M((N) => a("mover", 1), ["alt", "prevent", "stop"]), ["down"])),
+        k[18] || (k[18] = F(M((N) => g.value && a("close"), ["prevent", "stop"]), ["delete"]))
       ],
-      onAuxclick: M(ne, ["stop"]),
+      onAuxclick: M(ie, ["stop"]),
       onContextmenu: nt,
-      onPointerdown: $,
-      onPointermove: O,
-      onPointerup: L,
-      onPointerleave: L,
+      onPointerdown: C,
+      onPointermove: I,
+      onPointerup: T,
+      onPointerleave: T,
       onMouseenter: ee,
-      onMouseleave: h[19] || (h[19] = (N) => m.value = !1),
+      onMouseleave: k[19] || (k[19] = (N) => m.value = !1),
       onFocus: G,
-      onBlur: h[20] || (h[20] = (N) => v.value = !1)
+      onBlur: k[20] || (k[20] = (N) => b.value = !1)
     }, [
-      e.tab.icon ? (r(), Q(H, {
+      e.tab.icon ? (i(), Q(H, {
         key: 0,
         name: e.tab.icon,
         size: 16,
         class: "shrink-0"
-      }, null, 8, ["name"])) : F(l) ? (r(), s("span", ua, V(I.value), 1)) : C("", !0),
-      F(l) ? C("", !0) : (r(), s("span", ca, V(e.tab.label), 1)),
-      c.value ? (r(), s("span", {
+      }, null, 8, ["name"])) : q(n) ? (i(), r("span", ca, S(j.value), 1)) : h("", !0),
+      q(n) ? h("", !0) : (i(), r("span", da, S(e.tab.label), 1)),
+      c.value ? (i(), r("span", {
         key: 3,
-        class: k(["size-2 shrink-0 rounded-full bg-current", F(l) ? "absolute right-0.5 top-0.5" : ""]),
+        class: x(["size-2 shrink-0 rounded-full bg-current", q(n) ? "absolute right-0.5 top-0.5" : ""]),
         "aria-hidden": "true"
-      }, null, 2)) : b.value && !F(l) ? (r(), s("button", {
+      }, null, 2)) : v.value && !q(n) ? (i(), r("button", {
         key: 4,
         type: "button",
         class: "flex size-4 shrink-0 items-center justify-center rounded-corner-sm hover:bg-ui-surface",
         title: e.closeLabel,
-        "aria-label": `${e.closeLabel}: ${S.value}`,
-        onClick: h[0] || (h[0] = M((N) => a("close"), ["stop"]))
+        "aria-label": `${e.closeLabel}: ${V.value}`,
+        onClick: k[0] || (k[0] = M((N) => a("close"), ["stop"]))
       }, [
-        q(H, {
+        O(H, {
           name: "gtk-close",
           type: "symbol",
           size: 12
         })
-      ], 8, da)) : C("", !0),
-      (r(), Q(ce, { to: "body" }, [
-        q(pe, {
+      ], 8, fa)) : h("", !0),
+      (i(), Q(fe, { to: "body" }, [
+        O(ge, {
           "enter-active-class": "transition duration-150 ease-out",
           "enter-from-class": "opacity-0 scale-95",
           "leave-active-class": "transition duration-100 ease-in",
           "leave-to-class": "opacity-0 scale-95"
         }, {
           default: W(() => [
-            y.value ? (r(), s("div", {
+            y.value ? (i(), r("div", {
               key: 0,
-              class: k(["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: x(["flex items-center gap-2 rounded-corner border border-ui-border bg-ui-surface/95 px-3 py-1 text-sm shadow-lg", e.active ? "font-bold" : ""]),
               ref_key: "desplegadoRef",
-              ref: i,
-              style: se(P.value),
-              onMouseenter: h[2] || (h[2] = (N) => f.value = !0),
-              onMouseleave: h[3] || (h[3] = (N) => f.value = !1),
-              onFocusin: h[4] || (h[4] = (N) => f.value = !0),
+              ref: s,
+              style: re(P.value),
+              onMouseenter: k[2] || (k[2] = (N) => f.value = !0),
+              onMouseleave: k[3] || (k[3] = (N) => f.value = !1),
+              onFocusin: k[4] || (k[4] = (N) => f.value = !0),
               onFocusout: U
             }, [
-              B("span", fa, V(e.tab.label), 1),
-              e.tab.dirty ? (r(), s("span", ma)) : C("", !0),
-              g.value ? (r(), s("button", {
+              E("span", ma, S(e.tab.label), 1),
+              e.tab.dirty ? (i(), r("span", ba)) : h("", !0),
+              g.value ? (i(), r("button", {
                 key: 1,
                 type: "button",
                 class: "flex size-4 shrink-0 items-center justify-center rounded-corner-sm hover:bg-ui-surface",
                 title: e.closeLabel,
-                "aria-label": `${e.closeLabel}: ${S.value}`,
-                onClick: h[1] || (h[1] = M((N) => a("close"), ["stop"]))
+                "aria-label": `${e.closeLabel}: ${V.value}`,
+                onClick: k[1] || (k[1] = M((N) => a("close"), ["stop"]))
               }, [
-                q(H, {
+                O(H, {
                   name: "gtk-close",
                   type: "symbol",
                   size: 12
                 })
-              ], 8, va)) : C("", !0)
-            ], 38)) : C("", !0)
+              ], 8, va)) : h("", !0)
+            ], 38)) : h("", !0)
           ]),
           _: 1
         })
       ]))
-    ], 42, ia));
+    ], 42, ua));
   }
-}), pa = ["aria-orientation"], ga = ["draggable", "onDragstart", "onDragover", "onDrop"], ya = ["title", "aria-label"], ha = /* @__PURE__ */ E({
+}), ga = ["aria-orientation"], ya = ["draggable", "onDragstart", "onDragover", "onDrop"], ha = ["title", "aria-label"], xa = /* @__PURE__ */ z({
   __name: "TabBar",
   props: {
     tabs: {},
@@ -784,108 +787,110 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
     fixedOrder: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "select", "close", "new", "reorder", "menu"],
-  setup(e, { emit: n }) {
-    const t = e, a = n, { vertical: l } = de(), o = x(null), u = x(0), i = x(null), m = x(null);
-    function v(w) {
-      a("update:modelValue", w), a("select", w);
-    }
-    async function f(w, c) {
-      const b = t.tabs.length - 1;
-      if (b < 0) return;
-      const y = c === "primera" ? 0 : c === "ultima" ? b : c === "anterior" ? (w - 1 + t.tabs.length) % t.tabs.length : (w + 1) % t.tabs.length;
+  setup(e, { emit: l }) {
+    const t = e, a = l, { vertical: n } = me(), o = w(null), u = w(0), s = w(null), m = w(null);
+    function b($) {
+      a("update:modelValue", $), a("select", $);
+    }
+    async function f($, c) {
+      const v = t.tabs.length - 1;
+      if (v < 0) return;
+      const y = c === "primera" ? 0 : c === "ultima" ? v : c === "anterior" ? ($ - 1 + t.tabs.length) % t.tabs.length : ($ + 1) % t.tabs.length;
       u.value = y, await Y(), o.value?.querySelectorAll('[role="tab"]')?.[y]?.focus();
     }
-    function T(w, c) {
+    function B($, c) {
       if (t.fixedOrder) return;
-      const b = w + c;
-      if (b < 0 || b >= t.tabs.length) return;
-      const y = [...t.tabs], [P] = y.splice(w, 1);
-      P && (y.splice(b, 0, P), u.value = b, a("reorder", y));
+      const v = $ + c;
+      if (v < 0 || v >= t.tabs.length) return;
+      const y = [...t.tabs], [P] = y.splice($, 1);
+      P && (y.splice(v, 0, P), u.value = v, a("reorder", y));
     }
-    function D(w) {
+    function D($) {
       const c = o.value;
       if (!c) return;
-      const b = w.deltaY || w.deltaX || 0, y = l.value ? c.scrollTop : c.scrollLeft;
-      l.value ? c.scrollTop += b : c.scrollLeft += b, (l.value ? c.scrollTop : c.scrollLeft) !== y && w.preventDefault();
+      const v = $.deltaY || $.deltaX || 0, y = n.value ? c.scrollTop : c.scrollLeft;
+      n.value ? c.scrollTop += v : c.scrollLeft += v, (n.value ? c.scrollTop : c.scrollLeft) !== y && $.preventDefault();
     }
-    function z(w, c) {
-      t.fixedOrder || (i.value = w, c.dataTransfer?.setData("text/plain", String(w)), c.dataTransfer && (c.dataTransfer.effectAllowed = "move"));
+    function L($, c) {
+      t.fixedOrder || (s.value = $, c.dataTransfer?.setData("text/plain", String($)), c.dataTransfer && (c.dataTransfer.effectAllowed = "move"));
     }
-    function g(w, c) {
-      t.fixedOrder || i.value === null || (c.preventDefault(), m.value = w, c.dataTransfer && (c.dataTransfer.dropEffect = "move"));
+    function g($, c) {
+      t.fixedOrder || s.value === null || (c.preventDefault(), m.value = $, c.dataTransfer && (c.dataTransfer.dropEffect = "move"));
     }
-    function d(w) {
-      const c = i.value;
-      if (S(), t.fixedOrder || c === null || c === w) return;
-      const b = [...t.tabs], [y] = b.splice(c, 1);
-      y && (b.splice(w, 0, y), a("reorder", b));
+    function d($) {
+      const c = s.value;
+      if (V(), t.fixedOrder || c === null || c === $) return;
+      const v = [...t.tabs], [y] = v.splice(c, 1);
+      y && (v.splice($, 0, y), a("reorder", v));
     }
-    function S() {
-      i.value = null, m.value = null;
+    function V() {
+      s.value = null, m.value = null;
     }
-    const I = p(
-      () => 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"
+    const j = p(
+      () => n.value ? "flex h-full flex-col items-center gap-1 overflow-y-auto overflow-x-hidden" : "flex items-center gap-1 overflow-x-auto overflow-y-hidden"
     );
-    return (w, c) => (r(), s("div", {
-      class: k(["flex min-h-0 min-w-0 items-center gap-1", F(l) ? "w-full flex-col" : "h-full"]),
+    return ($, 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"]),
       role: "tablist",
-      "aria-orientation": F(l) ? "vertical" : "horizontal"
+      "aria-orientation": q(n) ? "vertical" : "horizontal"
     }, [
-      B("div", {
+      E("div", {
         ref_key: "carril",
         ref: o,
-        class: k(I.value),
+        class: x(j.value),
         onWheel: D
       }, [
-        (r(!0), s(J, null, te(e.tabs, (b, y) => (r(), s("div", {
-          key: b.id,
-          class: k(["transition-opacity", [
-            i.value === y ? "opacity-40" : "",
-            m.value === y && i.value !== y ? "ring-2 ring-secondary rounded-corner" : ""
+        (i(!0), r(Z, null, ne(e.tabs, (v, y) => (i(), r("div", {
+          key: v.id,
+          class: x(["transition-opacity", [
+            s.value === y ? "opacity-40" : "",
+            m.value === y && s.value !== y ? "ring-2 ring-secondary rounded-corner" : ""
           ]]),
           draggable: !e.fixedOrder,
-          onDragstart: (P) => z(y, P),
+          onDragstart: (P) => L(y, P),
           onDragover: (P) => g(y, P),
           onDrop: M((P) => d(y), ["prevent"]),
-          onDragend: S
+          onDragend: V
         }, [
-          q(Ke, {
-            tab: b,
-            active: b.id === e.modelValue,
+          O(Ge, {
+            tab: v,
+            active: v.id === e.modelValue,
             "close-label": e.closeLabel,
             "dirty-label": e.dirtyLabel,
             tabindex: y === u.value ? 0 : -1,
-            onSelect: (P) => v(b.id),
-            onClose: (P) => a("close", b.id),
-            onMenu: (P) => a("menu", { id: b.id, ...P }),
+            onSelect: (P) => b(v.id),
+            onClose: (P) => a("close", v.id),
+            onMenu: (P) => a("menu", { id: v.id, ...P }),
             onNavegar: (P) => f(y, P),
-            onMover: (P) => T(y, P)
+            onMover: (P) => B(y, P)
           }, null, 8, ["tab", "active", "close-label", "dirty-label", "tabindex", "onSelect", "onClose", "onMenu", "onNavegar", "onMover"])
-        ], 42, ga))), 128))
+        ], 42, ya))), 128))
       ], 34),
-      e.newLabel ? (r(), s("button", {
+      e.newLabel ? (i(), r("button", {
         key: 0,
         type: "button",
         class: "flex size-7 shrink-0 items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 hover:bg-ui-surface/70",
         title: e.newLabel,
         "aria-label": e.newLabel,
-        onClick: c[0] || (c[0] = (b) => a("new"))
+        onClick: c[0] || (c[0] = (v) => a("new"))
       }, [
-        q(H, {
+        O(H, {
           name: "gtk-add",
           type: "symbol",
           size: 14
         })
-      ], 8, ya)) : C("", !0)
-    ], 10, pa));
+      ], 8, ha)) : h("", !0)
+    ], 10, ga));
   }
-}), xa = ["id", "aria-label", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-invalid"], Ge = /* @__PURE__ */ E({
+}), ka = ["id", "aria-label", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-describedby", "autocomplete", "aria-invalid"], Qe = /* @__PURE__ */ z({
   __name: "TextInput",
   props: {
     modelValue: {},
     type: { default: "text" },
     id: {},
     ariaLabel: {},
+    describedBy: {},
+    autocomplete: {},
     placeholder: {},
     disabled: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
@@ -895,13 +900,13 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
     lazy: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, a = n;
-    function l(i) {
-      t.lazy || a("update:modelValue", i.target.value);
+  setup(e, { emit: l }) {
+    const t = e, a = l;
+    function n(s) {
+      t.lazy || a("update:modelValue", s.target.value);
     }
-    function o(i) {
-      t.lazy && a("update:modelValue", i.target.value);
+    function o(s) {
+      t.lazy && a("update:modelValue", s.target.value);
     }
     const u = p(() => [
       "w-full rounded-corner border bg-ui-surface/70 px-3 py-1.5 text-sm text-tx-main",
@@ -910,7 +915,7 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
       t.mono ? "font-mono" : "",
       t.disabled ? "cursor-not-allowed opacity-60" : ""
     ]);
-    return (i, m) => (r(), s("input", {
+    return (s, m) => (i(), r("input", {
       id: e.id,
       "aria-label": e.ariaLabel,
       type: e.type,
@@ -919,13 +924,15 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
       disabled: e.disabled,
       readonly: e.readonly,
       required: e.required,
+      "aria-describedby": e.describedBy,
+      autocomplete: e.autocomplete,
       "aria-invalid": e.invalid || void 0,
-      class: k(u.value),
-      onInput: l,
+      class: x(u.value),
+      onInput: n,
       onChange: o
-    }, null, 42, xa));
+    }, null, 42, ka));
   }
-}), ka = { class: "pointer-events-none absolute left-2 flex items-center" }, wa = ["aria-label"], Le = /* @__PURE__ */ E({
+}), wa = { class: "pointer-events-none absolute left-2 flex items-center" }, $a = ["aria-label"], Le = /* @__PURE__ */ z({
   __name: "SearchField",
   props: {
     modelValue: { default: "" },
@@ -941,10 +948,10 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
     expanded: { type: Boolean }
   },
   emits: ["update:modelValue", "search", "clear"],
-  setup(e, { expose: n, emit: t }) {
-    const a = e, l = t, o = x(null);
+  setup(e, { expose: l, emit: t }) {
+    const a = e, n = t, o = w(null);
     let u;
-    const i = p(() => a.modelValue.length > 0), m = p(
+    const s = p(() => a.modelValue.length > 0), m = p(
       () => a.listboxId ? {
         role: "combobox",
         "aria-autocomplete": "list",
@@ -952,42 +959,42 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
         "aria-expanded": String(a.expanded),
         "aria-activedescendant": a.activeOptionId || void 0
       } : {}
-    ), v = p(() => a.clearable && i.value && !a.disabled);
+    ), b = p(() => a.clearable && s.value && !a.disabled);
     function f() {
       clearTimeout(u), u = void 0;
     }
-    function T(d) {
-      l("update:modelValue", d), !(a.debounce <= 0) && (f(), u = setTimeout(() => l("search", d), a.debounce));
+    function B(d) {
+      n("update:modelValue", d), !(a.debounce <= 0) && (f(), u = setTimeout(() => n("search", d), a.debounce));
     }
     function D() {
-      f(), l("search", a.modelValue);
+      f(), n("search", a.modelValue);
     }
-    function z() {
-      f(), l("update:modelValue", ""), l("clear"), g();
+    function L() {
+      f(), n("update:modelValue", ""), n("clear"), g();
     }
     function g() {
       o.value?.$el?.focus?.();
     }
-    return n({ enfocar: g }), _(async () => {
+    return l({ enfocar: g }), J(async () => {
       a.autofocus && (await Y(), g());
     }), ve(f), K(
       () => a.disabled,
       (d) => {
         d && f();
       }
-    ), (d, S) => (r(), s("div", {
+    ), (d, V) => (i(), r("div", {
       class: "relative flex items-center",
-      onKeydown: j(D, ["enter"])
+      onKeydown: F(D, ["enter"])
     }, [
-      B("span", ka, [
-        q(H, {
+      E("span", wa, [
+        O(H, {
           name: e.busy ? "content-loading" : "system-search",
           type: "symbol",
           size: 14,
-          class: k(e.busy ? "animate-spin opacity-70" : "opacity-60")
+          class: x(e.busy ? "animate-spin opacity-70" : "opacity-60")
         }, null, 8, ["name", "class"])
       ]),
-      q(Ge, ae({
+      O(Qe, oe({
         ref_key: "campo",
         ref: o,
         type: "search",
@@ -996,28 +1003,28 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
         ariaLabel: e.label || void 0
       }, m.value, {
         disabled: e.disabled,
-        class: ["pl-7 [&::-webkit-search-cancel-button]:appearance-none", v.value ? "pr-8" : ""],
-        "onUpdate:modelValue": T
+        class: ["pl-7 [&::-webkit-search-cancel-button]:appearance-none", b.value ? "pr-8" : ""],
+        "onUpdate:modelValue": B
       }), null, 16, ["model-value", "placeholder", "ariaLabel", "disabled", "class"]),
-      v.value ? (r(), s("button", {
+      b.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: S[0] || (S[0] = M(() => {
+        onMousedown: V[0] || (V[0] = M(() => {
         }, ["prevent"])),
-        onClick: z
+        onClick: L
       }, [
-        q(H, {
+        O(H, {
           name: "gtk-close",
           type: "symbol",
           size: 12,
           alt: ""
         })
-      ], 40, wa)) : C("", !0)
+      ], 40, $a)) : h("", !0)
     ], 32));
   }
-}), $a = ["title", "aria-label", "aria-expanded"], Ca = /* @__PURE__ */ E({
+}), Ca = ["title", "aria-label", "aria-expanded"], za = /* @__PURE__ */ z({
   __name: "BarSearch",
   props: {
     modelValue: { default: "" },
@@ -1028,27 +1035,27 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
     debounce: { default: 0 }
   },
   emits: ["update:modelValue", "search", "open", "close"],
-  setup(e, { emit: n }) {
-    const t = e, a = n, { vertical: l, posicion: o } = de(), u = x(!1), i = x(null), m = p(() => l.value || t.collapsed), v = p(() => !m.value || u.value), f = p(() => {
+  setup(e, { emit: l }) {
+    const t = e, a = l, { vertical: n, posicion: o } = me(), u = w(!1), s = w(null), m = p(() => n.value || t.collapsed), b = p(() => !m.value || u.value), f = p(() => {
       if (!m.value) return "";
       const g = "absolute z-40 w-64 rounded-corner border border-ui-border bg-ui-surface/95 p-1 shadow-lg";
       return o.value === "left" ? `${g} left-full top-0 ml-1` : o.value === "right" ? `${g} right-full top-0 mr-1` : o.value === "bottom" ? `${g} bottom-full right-0 mb-1` : `${g} top-full right-0 mt-1`;
     });
-    async function T() {
-      u.value = !0, a("open"), await Y(), i.value?.enfocar();
+    async function B() {
+      u.value = !0, a("open"), await Y(), s.value?.enfocar();
     }
     function D() {
       u.value && (u.value = !1, a("close"));
     }
-    function z(g) {
+    function L(g) {
       const d = g.relatedTarget;
       d && g.currentTarget.contains(d) || D();
     }
-    return (g, d) => (r(), s("div", {
+    return (g, d) => (i(), r("div", {
       class: "relative flex shrink-0 items-center",
-      onFocusout: z
+      onFocusout: L
     }, [
-      m.value ? (r(), s("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",
@@ -1057,38 +1064,38 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
         "aria-expanded": u.value,
         onMousedown: d[0] || (d[0] = M(() => {
         }, ["prevent"])),
-        onClick: d[1] || (d[1] = (S) => u.value ? D() : T())
+        onClick: d[1] || (d[1] = (V) => u.value ? D() : B())
       }, [
-        q(H, {
+        O(H, {
           name: "system-search",
           type: "symbol",
           size: 14
         })
-      ], 40, $a)) : C("", !0),
-      v.value ? (r(), s("div", {
+      ], 40, Ca)) : h("", !0),
+      b.value ? (i(), r("div", {
         key: 1,
-        class: k(f.value),
-        onKeydown: j(D, ["esc"])
+        class: x(f.value),
+        onKeydown: F(D, ["esc"])
       }, [
-        q(Le, {
+        O(Le, {
           ref_key: "campo",
-          ref: i,
+          ref: s,
           "model-value": e.modelValue,
           placeholder: e.placeholder,
           label: e.label,
           disabled: e.disabled,
           debounce: e.debounce,
-          class: k(m.value ? "" : "w-48"),
-          "onUpdate:modelValue": d[2] || (d[2] = (S) => a("update:modelValue", S)),
-          onSearch: d[3] || (d[3] = (S) => a("search", S))
+          class: x(m.value ? "" : "w-48"),
+          "onUpdate:modelValue": d[2] || (d[2] = (V) => a("update:modelValue", V)),
+          onSearch: d[3] || (d[3] = (V) => a("search", V))
         }, null, 8, ["model-value", "placeholder", "label", "disabled", "debounce", "class"])
-      ], 34)) : C("", !0)
+      ], 34)) : h("", !0)
     ], 32));
   }
 }), Ea = ["type", "disabled"], Da = {
   key: 0,
   class: "w-4 h-4 animate-spin rounded-full border-2 border-current border-t-transparent"
-}, za = ["src", "alt"], La = { key: 2 }, Ta = ["src", "alt"], Ba = /* @__PURE__ */ E({
+}, La = ["src", "alt"], Ta = { key: 2 }, Ba = ["src", "alt"], Aa = /* @__PURE__ */ z({
   __name: "ActionButton",
   props: {
     label: {},
@@ -1106,8 +1113,8 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
     preventDefault: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: n }) {
-    const t = e, a = n, l = {
+  setup(e, { emit: l }) {
+    const t = e, a = l, n = {
       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"
@@ -1115,14 +1122,14 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
       sm: "px-2 py-1 text-xs",
       md: "px-3 py-1 text-sm",
       lg: "px-4 py-2 text-base"
-    }, u = (i) => {
-      t.stopPropagation && i.stopPropagation(), t.preventDefault && i.preventDefault(), !t.disabled && !t.loading && a("click");
+    }, u = (s) => {
+      t.stopPropagation && s.stopPropagation(), t.preventDefault && s.preventDefault(), !t.disabled && !t.loading && a("click");
     };
-    return (i, m) => (r(), s("button", {
+    return (s, m) => (i(), r("button", {
       type: t.type,
       onClick: u,
-      class: k(["rounded-corner transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", [
-        l[t.variant],
+      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],
         o[t.size],
         t.fullWidth ? "w-full" : "",
         t.iconSrc && !t.label ? "px-2 py-2" : "",
@@ -1130,55 +1137,79 @@ const ta = ["title", "aria-label"], aa = ["title", "aria-label"], na = ["title",
       ]]),
       disabled: t.disabled || t.loading
     }, [
-      e.loading ? (r(), s("span", Da)) : C("", !0),
-      t.iconSrc && !t.iconRight ? (r(), s("img", {
+      e.loading ? (i(), r("span", Da)) : h("", !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, za)) : C("", !0),
-      t.label ? (r(), s("span", La, V(t.label), 1)) : C("", !0),
-      t.iconSrc && t.iconRight ? (r(), s("img", {
+      }, null, 8, La)) : h("", !0),
+      t.label ? (i(), r("span", Ta, S(t.label), 1)) : h("", !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, Ta)) : C("", !0)
+      }, null, 8, Ba)) : h("", !0)
     ], 10, Ea));
   }
-}), ge = (e, n) => {
+}), ye = (e, l) => {
   const t = e.__vccOpts || e;
-  for (const [a, l] of n)
-    t[a] = l;
+  for (const [a, n] of l)
+    t[a] = n;
   return t;
-}, Aa = /* @__PURE__ */ ge(Ba, [["__scopeId", "data-v-2eaf6e27"]]), Qe = {
+}, Sa = /* @__PURE__ */ ye(Aa, [["__scopeId", "data-v-2eaf6e27"]]), Ye = {
   info: "border-ui-border bg-ui-surface/70 text-tx-main",
   success: "border-status-success/40 bg-status-success/10 text-tx-main",
   warning: "border-status-warning/40 bg-status-warning/10 text-tx-main",
   error: "border-status-error/40 bg-status-error/10 text-tx-main"
 };
-function Ye(e) {
+function Xe(e) {
   return e === "error" ? "alert" : "status";
 }
-const Sa = ["role"], Ma = /* @__PURE__ */ E({
+const Va = ["role"], Ma = {
+  key: 0,
+  class: "mt-0.5"
+}, Ia = { class: "min-w-0 flex-1" }, Oa = {
+  key: 0,
+  class: "font-semibold"
+}, ja = /* @__PURE__ */ z({
   __name: "AlertMessage",
   props: {
-    tone: { default: "info" }
+    tone: { default: "info" },
+    title: {},
+    icon: {},
+    iconType: { default: "symbol" }
   },
   setup(e) {
-    const n = e, t = p(() => Qe[n.tone]), a = p(() => Ye(n.tone));
-    return (l, o) => (r(), s("div", {
+    const l = e, t = p(() => Ye[l.tone]), a = p(() => Xe(l.tone));
+    return (n, o) => (i(), r("div", {
       role: a.value,
       "aria-atomic": "true",
-      class: k(["rounded-corner border px-4 py-2 text-sm", t.value])
+      class: x(["flex gap-3 rounded-corner border px-4 py-2 text-sm", t.value])
     }, [
-      A(l.$slots, "default")
-    ], 10, Sa));
+      e.icon ? (i(), r("span", Ma, [
+        O(H, {
+          name: e.icon,
+          type: e.iconType,
+          size: 18,
+          alt: ""
+        }, null, 8, ["name", "type"])
+      ])) : h("", !0),
+      E("div", Ia, [
+        e.title ? (i(), r("p", Oa, S(e.title), 1)) : h("", !0),
+        E("div", {
+          class: x(e.title ? "mt-1" : "")
+        }, [
+          A(n.$slots, "default")
+        ], 2)
+      ])
+    ], 10, Va));
   }
-}), Va = { class: "font-medium text-sm text-tx-main" }, Oa = {
+}), Pa = { class: "font-medium text-sm text-tx-main" }, Fa = {
   key: 0,
   class: "text-sm text-tx-muted"
-}, Ia = /* @__PURE__ */ E({
+}, qa = /* @__PURE__ */ z({
   __name: "EmptyState",
   props: {
     title: {},
@@ -1187,34 +1218,34 @@ const Sa = ["role"], Ma = /* @__PURE__ */ E({
     bordered: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (n, t) => (r(), s("div", {
-      class: k(["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 (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" : ""])
     }, [
-      q(H, {
+      O(H, {
         name: e.icon,
         size: 48,
         class: "opacity-60"
       }, null, 8, ["name"]),
-      B("p", Va, V(e.title), 1),
-      e.note ? (r(), s("p", Oa, V(e.note), 1)) : C("", !0),
-      A(n.$slots, "default")
+      E("p", Pa, S(e.title), 1),
+      e.note ? (i(), r("p", Fa, S(e.note), 1)) : h("", !0),
+      A(l.$slots, "default")
     ], 2));
   }
-}), Pa = ["role"], ja = /* @__PURE__ */ E({
+}), Ra = ["role"], Na = /* @__PURE__ */ z({
   __name: "ToastArea",
   props: {
     toasts: {},
     position: { default: "bottom-right" }
   },
   setup(e) {
-    const n = e, t = p(
-      () => n.position === "bottom-center" ? "bottom-4 left-1/2 -translate-x-1/2" : "right-4 bottom-4"
+    const l = e, t = p(
+      () => l.position === "bottom-center" ? "bottom-4 left-1/2 -translate-x-1/2" : "right-4 bottom-4"
     );
-    return (a, l) => (r(), Q(ce, { to: "body" }, [
-      B("div", {
-        class: k(["pointer-events-none fixed z-50 flex flex-col gap-2", t.value])
+    return (a, n) => (i(), Q(fe, { to: "body" }, [
+      E("div", {
+        class: x(["pointer-events-none fixed z-50 flex flex-col gap-2", t.value])
       }, [
-        q(ut, {
+        O(ct, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "leave-active-class": "transition-all duration-200 ease-in",
           "enter-from-class": "translate-y-2 opacity-0",
@@ -1222,36 +1253,36 @@ const Sa = ["role"], Ma = /* @__PURE__ */ E({
           "move-class": "transition-transform duration-300"
         }, {
           default: W(() => [
-            (r(!0), s(J, null, te(e.toasts, (o) => (r(), s("div", {
+            (i(!0), r(Z, null, ne(e.toasts, (o) => (i(), r("div", {
               key: o.id,
-              role: F(Ye)(o.tone ?? "info"),
+              role: q(Xe)(o.tone ?? "info"),
               "aria-atomic": "true",
-              class: k(["pointer-events-auto rounded-corner border px-4 py-2 text-sm shadow-lg backdrop-blur-sm", F(Qe)[o.tone ?? "info"]])
+              class: x(["pointer-events-auto rounded-corner border px-4 py-2 text-sm shadow-lg backdrop-blur-sm", q(Ye)[o.tone ?? "info"]])
             }, [
               A(a.$slots, "default", { aviso: o }, () => [
-                Ee(V(o.message), 1)
+                ze(S(o.message), 1)
               ])
-            ], 10, Pa))), 128))
+            ], 10, Ra))), 128))
           ]),
           _: 3
         })
       ], 2)
     ]));
   }
-}), Fa = ["aria-label", "aria-valuenow"], qa = {
+}), Ha = ["aria-label", "aria-valuenow"], Ua = {
   key: 1,
-  class: "h-full w-1/3 animate-pulse rounded-corner bg-primary"
-}, Ra = /* @__PURE__ */ E({
+  class: "h-full w-full animate-pulse rounded-corner bg-primary motion-reduce:animate-none motion-reduce:bg-primary/40"
+}, Wa = /* @__PURE__ */ z({
   __name: "ProgressBar",
   props: {
     value: {},
     label: {}
   },
   setup(e) {
-    const n = e, t = p(
-      () => n.value === null ? null : Math.max(0, Math.min(100, n.value))
+    const l = e, t = p(
+      () => l.value === null ? null : Math.max(0, Math.min(100, l.value))
     );
-    return (a, l) => (r(), s("div", {
+    return (a, n) => (i(), r("div", {
       role: "progressbar",
       "aria-label": e.label,
       "aria-valuenow": t.value ?? void 0,
@@ -1259,46 +1290,46 @@ const Sa = ["role"], Ma = /* @__PURE__ */ E({
       "aria-valuemax": "100",
       class: "h-2 w-full overflow-hidden rounded-corner bg-ui-surface/70"
     }, [
-      t.value !== null ? (r(), s("div", {
+      t.value !== null ? (i(), r("div", {
         key: 0,
         class: "h-full rounded-corner bg-primary transition-[width] duration-300 ease-out",
-        style: se({ width: `${t.value}%` })
-      }, null, 4)) : (r(), s("div", qa))
-    ], 8, Fa));
+        style: re({ width: `${t.value}%` })
+      }, null, 4)) : (i(), r("div", Ua))
+    ], 8, Ha));
   }
-}), Na = /[/\-_.]/;
-function xe(e, n) {
-  if (!n) return 100;
-  const t = n.toLowerCase();
-  return t === e ? 0 : t.startsWith(e) ? 10 : t.split(Na).some((a) => a.startsWith(e)) ? 30 : t.includes(e) ? 40 : 100;
+}), Ka = /[/\-_.]/;
+function ke(e, l) {
+  if (!l) return 100;
+  const t = l.toLowerCase();
+  return t === e ? 0 : t.startsWith(e) ? 10 : t.split(Ka).some((a) => a.startsWith(e)) ? 30 : t.includes(e) ? 40 : 100;
 }
-function Ha(e, n) {
-  const t = n.trim().toLowerCase();
+function Ga(e, l) {
+  const t = l.trim().toLowerCase();
   if (!t) return e;
   const a = [];
-  for (let l = 0; l < e.length; l++) {
-    const o = e[l], u = xe(t, o.valor), i = xe(t, o.etiqueta), m = i === 10 ? 20 : i, f = xe(t, o.detalle) === 100 ? 100 : 40, T = Math.min(u, m, f);
-    T !== 100 && a.push({ opcion: o, rango: T, orden: l });
+  for (let n = 0; n < e.length; n++) {
+    const o = e[n], u = ke(t, o.valor), s = ke(t, o.etiqueta), m = s === 10 ? 20 : s, f = ke(t, o.detalle) === 100 ? 100 : 40, B = Math.min(u, m, f);
+    B !== 100 && a.push({ opcion: o, rango: B, orden: n });
   }
-  return a.sort((l, o) => l.rango - o.rango || l.orden - o.orden), a.map((l) => l.opcion);
+  return a.sort((n, o) => n.rango - o.rango || n.orden - o.orden), a.map((n) => n.opcion);
 }
 let Oe = 0;
-function Ua() {
+function Qa() {
   return Oe += 1, `vsk-lista-${Oe}`;
 }
-const Wa = ["disabled", "aria-label", "aria-expanded"], Ka = { class: "min-w-0 flex-1 truncate" }, Ga = {
+const Ya = ["disabled", "aria-label", "aria-expanded"], Xa = { class: "min-w-0 flex-1 truncate" }, Ja = {
   key: 0,
   class: "ml-2 text-tx-muted text-xs"
-}, Qa = { class: "border-ui-border border-b p-2" }, Ya = ["id"], Xa = {
+}, Za = { class: "border-ui-border border-b p-2" }, _a = ["id"], el = {
   key: 0,
   class: "p-3 text-center text-tx-muted text-xs"
-}, _a = ["id", "data-indice", "aria-selected"], Ja = { class: "min-w-0 flex-1 truncate" }, Za = {
+}, tl = ["id", "data-indice", "aria-selected"], al = { class: "min-w-0 flex-1 truncate" }, ll = {
   key: 0,
   class: "shrink-0 text-tx-muted text-xs"
-}, en = {
+}, nl = {
   key: 1,
   class: "px-2 py-1 text-tx-muted text-xs"
-}, tn = /* @__PURE__ */ E({
+}, ol = /* @__PURE__ */ z({
   __name: "SearchSelect",
   props: {
     modelValue: {},
@@ -1312,70 +1343,70 @@ const Wa = ["disabled", "aria-label", "aria-expanded"], Ka = { class: "min-w-0 f
     up: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, a = n, l = x(""), o = x(!1), u = x(0), i = x(null), m = x(null), v = x(null), f = Ua(), T = p(
-      () => t.options.find((L) => L.valor === t.modelValue) ?? null
-    ), D = p(() => Ha(t.options, l.value)), z = p(() => D.value.slice(0, t.limit)), g = p(() => Math.max(0, D.value.length - t.limit)), d = p(
-      () => z.value.length > 0 ? `${f}-${u.value}` : void 0
+  setup(e, { emit: l }) {
+    const t = e, a = l, n = w(""), o = w(!1), u = w(0), s = w(null), m = w(null), b = w(null), f = Qa(), B = p(
+      () => t.options.find((T) => T.valor === t.modelValue) ?? null
+    ), D = p(() => Ga(t.options, n.value)), L = p(() => D.value.slice(0, t.limit)), g = p(() => Math.max(0, D.value.length - t.limit)), d = p(
+      () => L.value.length > 0 ? `${f}-${u.value}` : void 0
     );
-    function S(L) {
-      a("update:modelValue", L), w();
+    function V(T) {
+      a("update:modelValue", T), $();
     }
-    async function I() {
+    async function j() {
       o.value = !0;
-      const L = z.value.findIndex(($) => $.valor === t.modelValue);
-      u.value = L >= 0 ? L : 0, await Y(), v.value?.enfocar(), U();
+      const T = L.value.findIndex((C) => C.valor === t.modelValue);
+      u.value = T >= 0 ? T : 0, await Y(), b.value?.enfocar(), U();
     }
-    function w(L = !0) {
-      o.value && (o.value = !1, l.value = "", L && Y(() => m.value?.focus()));
+    function $(T = !0) {
+      o.value && (o.value = !1, n.value = "", T && Y(() => m.value?.focus()));
     }
-    function c(L) {
-      const $ = z.value.length;
-      $ !== 0 && (u.value = (u.value + L + $) % $, U());
+    function c(T) {
+      const C = L.value.length;
+      C !== 0 && (u.value = (u.value + T + C) % C, U());
     }
-    function b(L) {
-      u.value = L, U();
+    function v(T) {
+      u.value = T, U();
     }
-    function y(L) {
-      const $ = L.target?.closest?.("[data-indice]");
-      if (!$) return null;
-      const O = Number($.getAttribute("data-indice"));
-      return Number.isInteger(O) ? O : null;
+    function y(T) {
+      const C = T.target?.closest?.("[data-indice]");
+      if (!C) return null;
+      const I = Number(C.getAttribute("data-indice"));
+      return Number.isInteger(I) ? I : null;
     }
-    function P(L) {
-      const $ = y(L), O = $ === null ? void 0 : z.value[$];
-      O && S(O.valor);
+    function P(T) {
+      const C = y(T), I = C === null ? void 0 : L.value[C];
+      I && V(I.valor);
     }
-    function Z(L) {
-      const $ = y(L);
-      $ !== null && (u.value = $);
+    function _(T) {
+      const C = y(T);
+      C !== null && (u.value = C);
     }
     function U() {
       Y(() => {
-        i.value?.querySelector(`[data-indice="${u.value}"]`)?.scrollIntoView({ block: "nearest" });
+        s.value?.querySelector(`[data-indice="${u.value}"]`)?.scrollIntoView({ block: "nearest" });
       });
     }
     function ee() {
-      const L = z.value[u.value];
-      L && S(L.valor);
+      const T = L.value[u.value];
+      T && V(T.valor);
     }
     K(
       () => t.disabled,
-      (L) => {
-        L && w(!1);
+      (T) => {
+        T && $(!1);
       }
-    ), K(l, () => {
+    ), K(n, () => {
       u.value = 0, U();
     });
-    function G(L) {
-      const $ = L.relatedTarget;
-      $ && L.currentTarget.contains($) || w(!1);
+    function G(T) {
+      const C = T.relatedTarget;
+      C && T.currentTarget.contains(C) || $(!1);
     }
-    return (L, $) => (r(), s("div", {
+    return (T, C) => (i(), r("div", {
       class: "relative",
       onFocusout: G
     }, [
-      B("button", {
+      E("button", {
         ref_key: "boton",
         ref: m,
         type: "button",
@@ -1384,79 +1415,79 @@ const Wa = ["disabled", "aria-label", "aria-expanded"], Ka = { class: "min-w-0 f
         "aria-label": e.label || void 0,
         "aria-expanded": o.value,
         "aria-haspopup": "listbox",
-        onClick: $[0] || ($[0] = (O) => o.value ? w() : I()),
+        onClick: C[0] || (C[0] = (I) => o.value ? $() : j()),
         onKeydown: [
-          $[1] || ($[1] = j(M((O) => o.value ? c(1) : I(), ["prevent"]), ["down"])),
-          $[2] || ($[2] = j(M((O) => o.value ? c(-1) : I(), ["prevent"]), ["up"]))
+          C[1] || (C[1] = F(M((I) => o.value ? c(1) : j(), ["prevent"]), ["down"])),
+          C[2] || (C[2] = F(M((I) => o.value ? c(-1) : j(), ["prevent"]), ["up"]))
         ]
       }, [
-        B("span", Ka, [
-          Ee(V(T.value?.etiqueta ?? e.placeholder) + " ", 1),
-          T.value?.detalle ? (r(), s("span", Ga, V(T.value.detalle), 1)) : C("", !0)
+        E("span", Xa, [
+          ze(S(B.value?.etiqueta ?? e.placeholder) + " ", 1),
+          B.value?.detalle ? (i(), r("span", Ja, S(B.value.detalle), 1)) : h("", !0)
         ]),
-        q(H, {
+        O(H, {
           name: "go-down",
           type: "symbol",
           size: 12,
           class: "shrink-0 opacity-60"
         })
-      ], 40, Wa),
-      o.value ? (r(), s("div", {
+      ], 40, Ya),
+      o.value ? (i(), r("div", {
         key: 0,
-        class: k(["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: x(["absolute z-20 w-full min-w-64 rounded-corner border border-ui-border-strong bg-ui-bg shadow-lg", e.up ? "bottom-full mb-1" : "mt-1"]),
         onKeydown: [
-          $[4] || ($[4] = j(M((O) => w(), ["prevent"]), ["escape"])),
-          $[5] || ($[5] = j(M((O) => c(1), ["prevent"]), ["down"])),
-          $[6] || ($[6] = j(M((O) => c(-1), ["prevent"]), ["up"])),
-          $[7] || ($[7] = j(M((O) => b(0), ["prevent"]), ["home"])),
-          $[8] || ($[8] = j(M((O) => b(z.value.length - 1), ["prevent"]), ["end"])),
-          $[9] || ($[9] = j(M((O) => ee(), ["prevent"]), ["enter"])),
-          $[10] || ($[10] = j((O) => w(!1), ["tab"]))
+          C[4] || (C[4] = F(M((I) => $(), ["prevent"]), ["escape"])),
+          C[5] || (C[5] = F(M((I) => c(1), ["prevent"]), ["down"])),
+          C[6] || (C[6] = F(M((I) => c(-1), ["prevent"]), ["up"])),
+          C[7] || (C[7] = F(M((I) => v(0), ["prevent"]), ["home"])),
+          C[8] || (C[8] = F(M((I) => v(L.value.length - 1), ["prevent"]), ["end"])),
+          C[9] || (C[9] = F(M((I) => ee(), ["prevent"]), ["enter"])),
+          C[10] || (C[10] = F((I) => $(!1), ["tab"]))
         ],
         onClick: P,
-        onMousemove: Z
+        onMousemove: _
       }, [
-        B("div", Qa, [
-          q(Le, {
+        E("div", Za, [
+          O(Le, {
             ref_key: "campo",
-            ref: v,
-            modelValue: l.value,
-            "onUpdate:modelValue": $[3] || ($[3] = (O) => l.value = O),
+            ref: b,
+            modelValue: n.value,
+            "onUpdate:modelValue": C[3] || (C[3] = (I) => n.value = I),
             label: e.label,
             placeholder: e.searchPlaceholder,
-            "listbox-id": F(f),
+            "listbox-id": q(f),
             "active-option-id": d.value,
             expanded: o.value
           }, null, 8, ["modelValue", "label", "placeholder", "listbox-id", "active-option-id", "expanded"])
         ]),
-        B("ul", {
-          id: F(f),
+        E("ul", {
+          id: q(f),
           ref_key: "lista",
-          ref: i,
+          ref: s,
           role: "listbox",
           class: "max-h-56 overflow-y-auto p-1"
         }, [
-          z.value.length === 0 ? (r(), s("li", Xa, V(e.emptyText), 1)) : C("", !0),
-          (r(!0), s(J, null, te(z.value, (O, ne) => (r(), s("li", {
-            id: `${F(f)}-${ne}`,
-            key: O.valor,
-            "data-indice": ne,
+          L.value.length === 0 ? (i(), r("li", el, S(e.emptyText), 1)) : h("", !0),
+          (i(!0), r(Z, null, ne(L.value, (I, ie) => (i(), r("li", {
+            id: `${q(f)}-${ie}`,
+            key: I.valor,
+            "data-indice": ie,
             role: "option",
-            "aria-selected": O.valor === e.modelValue,
-            class: k(["flex cursor-pointer items-baseline gap-2 rounded-corner px-2 py-1 text-sm", [
-              ne === u.value ? "bg-ui-surface" : "",
-              O.valor === e.modelValue ? "font-medium text-primary" : "text-tx-main"
+            "aria-selected": I.valor === e.modelValue,
+            class: x(["flex cursor-pointer items-baseline gap-2 rounded-corner px-2 py-1 text-sm", [
+              ie === u.value ? "bg-ui-surface" : "",
+              I.valor === e.modelValue ? "font-medium text-primary" : "text-tx-main"
             ]])
           }, [
-            B("span", Ja, V(O.etiqueta), 1),
-            O.detalle ? (r(), s("span", Za, V(O.detalle), 1)) : C("", !0)
-          ], 10, _a))), 128)),
-          g.value > 0 ? (r(), s("li", en, "+" + V(g.value), 1)) : C("", !0)
-        ], 8, Ya)
-      ], 34)) : C("", !0)
+            E("span", al, S(I.etiqueta), 1),
+            I.detalle ? (i(), r("span", ll, S(I.detalle), 1)) : h("", !0)
+          ], 10, tl))), 128)),
+          g.value > 0 ? (i(), r("li", nl, "+" + S(g.value), 1)) : h("", !0)
+        ], 8, _a)
+      ], 34)) : h("", !0)
     ], 32));
   }
-}), an = { class: "text-base font-semibold m-0 text-primary dark:text-primary-dark" }, nn = /* @__PURE__ */ E({
+}), il = { class: "text-base font-semibold m-0 text-primary dark:text-primary-dark" }, rl = /* @__PURE__ */ z({
   __name: "ConfigSection",
   props: {
     title: {},
@@ -1464,26 +1495,26 @@ const Wa = ["disabled", "aria-label", "aria-expanded"], Ka = { class: "min-w-0 f
     customClass: { default: () => ({}) }
   },
   setup(e) {
-    return (n, t) => (r(), s("div", {
-      class: k(["flex flex-col gap-4 p-4 background rounded-corner", e.customClass])
+    return (l, t) => (i(), r("div", {
+      class: x(["flex flex-col gap-4 p-4 background rounded-corner", e.customClass])
     }, [
-      B("h3", an, V(e.icon ? `${e.icon} ${e.title}` : e.title), 1),
-      A(n.$slots, "default", {}, void 0, !0)
+      E("h3", il, S(e.icon ? `${e.icon} ${e.title}` : e.title), 1),
+      A(l.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), ln = /* @__PURE__ */ ge(nn, [["__scopeId", "data-v-45bd4eab"]]), on = { class: "flex items-center gap-3 flex-1 min-w-0" }, rn = ["src", "alt"], sn = { class: "min-w-0" }, un = { class: "font-semibold truncate" }, cn = {
+}), sl = /* @__PURE__ */ ye(rl, [["__scopeId", "data-v-45bd4eab"]]), ul = { class: "flex items-center gap-3 flex-1 min-w-0" }, cl = ["src", "alt"], dl = { class: "min-w-0" }, fl = { class: "font-semibold truncate" }, ml = {
   key: 0,
   class: "text-xs text-gray-400 truncate"
-}, dn = {
+}, bl = {
   key: 1,
   class: "text-xs text-gray-400 truncate"
-}, fn = {
+}, vl = {
   key: 2,
   class: "text-xs text-gray-400 flex gap-2 mt-1"
-}, mn = {
+}, pl = {
   key: 1,
   class: "w-2 h-2 rounded-full bg-green-500"
-}, vn = /* @__PURE__ */ E({
+}, gl = /* @__PURE__ */ z({
   __name: "DeviceCard",
   props: {
     icon: {},
@@ -1499,108 +1530,108 @@ const Wa = ["disabled", "aria-label", "aria-expanded"], Ka = { class: "min-w-0 f
     clickable: { type: Boolean, default: !1 }
   },
   emits: ["action", "click"],
-  setup(e, { emit: n }) {
-    const t = n, a = () => {
+  setup(e, { emit: l }) {
+    const t = l, a = () => {
       t("action");
-    }, l = () => {
+    }, n = () => {
       t("click");
     };
-    return (o, u) => (r(), s("div", {
-      class: k(["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
+    return (o, u) => (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
     }, [
-      B("div", on, [
-        B("img", {
+      E("div", ul, [
+        E("img", {
           src: e.icon,
           alt: e.title,
           class: "h-7 w-7 shrink-0"
-        }, null, 8, rn),
-        B("div", sn, [
-          B("div", un, V(e.title), 1),
-          e.subtitle ? (r(), s("div", cn, V(e.subtitle), 1)) : C("", !0),
-          e.metadata ? (r(), s("div", dn, V(e.metadata), 1)) : C("", !0),
-          e.extraInfo && e.extraInfo.length > 0 ? (r(), s("div", fn, [
-            (r(!0), s(J, null, te(e.extraInfo, (i, m) => (r(), s("span", { key: m }, V(i), 1))), 128))
-          ])) : C("", !0)
+        }, null, 8, cl),
+        E("div", dl, [
+          E("div", fl, S(e.title), 1),
+          e.subtitle ? (i(), r("div", ml, S(e.subtitle), 1)) : h("", !0),
+          e.metadata ? (i(), r("div", bl, S(e.metadata), 1)) : h("", !0),
+          e.extraInfo && e.extraInfo.length > 0 ? (i(), r("div", vl, [
+            (i(!0), r(Z, null, ne(e.extraInfo, (s, m) => (i(), r("span", { key: m }, S(s), 1))), 128))
+          ])) : h("", !0)
         ])
       ]),
-      e.showActionButton ? (r(), s("button", {
+      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)) : C("", !0),
-      e.showStatusIndicator && e.isConnected ? (r(), s("div", mn)) : C("", !0)
+      }, S(e.actionLabel), 1)) : h("", !0),
+      e.showStatusIndicator && e.isConnected ? (i(), r("div", pl)) : h("", !0)
     ], 2));
   }
-}), Xe = /* @__PURE__ */ Symbol("diálogo de vasak");
-function _e() {
-  const e = be(Xe, null);
+}), Je = /* @__PURE__ */ Symbol("diálogo de vasak");
+function Ze() {
+  const e = pe(Je, null);
   if (e) return e;
-  const n = x(!1);
+  const l = w(!1);
   return {
-    abierto: p(() => n.value),
+    abierto: p(() => l.value),
     cerrar: () => {
-      n.value = !1;
+      l.value = !1;
     },
-    idDelTitulo: x(null),
+    idDelTitulo: w(null),
     ponerElTitulo: () => {
     }
   };
 }
-let Ie = 0;
-function bn() {
-  return Ie += 1, `vsk-dialogo-titulo-${Ie}`;
+let je = 0;
+function yl() {
+  return je += 1, `vsk-dialogo-titulo-${je}`;
 }
-const pn = /* @__PURE__ */ E({
+const hl = /* @__PURE__ */ z({
   __name: "Dialog",
   props: {
     open: { type: Boolean, default: !1 }
   },
   emits: ["update:open"],
-  setup(e, { emit: n }) {
-    const t = e, a = n, l = x(null);
-    return ue(Xe, {
+  setup(e, { emit: l }) {
+    const t = e, a = l, n = w(null);
+    return de(Je, {
       abierto: p(() => t.open),
       cerrar: () => a("update:open", !1),
-      idDelTitulo: l,
+      idDelTitulo: n,
       ponerElTitulo: (o) => {
-        l.value = o;
+        n.value = o;
       }
     }), (o, u) => A(o.$slots, "default");
   }
-}), gn = ["aria-labelledby"], yn = /* @__PURE__ */ E({
+}), xl = ["aria-labelledby"], kl = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "DialogContent",
   setup(e) {
-    const n = $e(), t = p(() => n.class ?? ""), a = p(() => {
-      const { class: d, ...S } = n;
-      return S;
-    }), l = _e(), o = p(() => l.abierto.value), u = x(null), i = x(null);
+    const l = $e(), t = p(() => l.class ?? ""), a = p(() => {
+      const { class: d, ...V } = l;
+      return V;
+    }), n = Ze(), o = p(() => n.abierto.value), u = w(null), s = w(null);
     let m = null;
-    function v() {
-      return i.value ? [...i.value.querySelectorAll('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])')] : [];
+    function b() {
+      return s.value ? [...s.value.querySelectorAll('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])')] : [];
     }
     function f(d) {
       if (d.key === "Escape") {
-        l.cerrar();
+        n.cerrar();
         return;
       }
       if (d.key !== "Tab") return;
-      const S = v();
-      if (S.length === 0) {
-        d.preventDefault(), i.value?.focus();
+      const V = b();
+      if (V.length === 0) {
+        d.preventDefault(), s.value?.focus();
         return;
       }
-      const I = S[0], w = S[S.length - 1], c = document.activeElement;
-      d.shiftKey && (c === I || c === i.value) ? (d.preventDefault(), w.focus()) : !d.shiftKey && c === w && (d.preventDefault(), I.focus());
+      const j = V[0], $ = V[V.length - 1], c = document.activeElement;
+      d.shiftKey && (c === j || c === s.value) ? (d.preventDefault(), $.focus()) : !d.shiftKey && c === $ && (d.preventDefault(), j.focus());
     }
-    function T(d) {
-      d.target === d.currentTarget && l.cerrar();
+    function B(d) {
+      d.target === d.currentTarget && n.cerrar();
     }
     function D(d) {
       u.value?.contains(d.target) || f(d);
     }
-    function z() {
+    function L() {
       document.removeEventListener("keydown", D);
     }
     function g() {
@@ -1611,41 +1642,41 @@ const pn = /* @__PURE__ */ E({
       o,
       async (d) => {
         if (d) {
-          m = document.activeElement, document.addEventListener("keydown", D), await Y(), i.value?.focus();
+          m = document.activeElement, document.addEventListener("keydown", D), await Y(), s.value?.focus();
           return;
         }
-        z(), g();
+        L(), g();
       },
       // `watch` no corre para el valor inicial, y un diálogo se puede montar ya
       // abierto —una vista que arranca preguntando algo—. Sin esto, ése no recibe
       // el foco y ni Escape ni el Tab hacen nada: el `aria-modal` queda en promesa.
       { immediate: !0 }
     ), ve(() => {
-      z(), g();
-    }), (d, S) => (r(), Q(ce, { to: "body" }, [
-      q(pe, {
+      L(), g();
+    }), (d, V) => (i(), Q(fe, { to: "body" }, [
+      O(ge, {
         "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(() => [
-          o.value ? (r(), s("div", {
+          o.value ? (i(), r("div", {
             key: 0,
             ref_key: "velo",
             ref: u,
             class: "fixed inset-0 z-50 flex items-center justify-center",
-            onClick: T,
+            onClick: B,
             onKeydown: f
           }, [
-            S[0] || (S[0] = B("div", { class: "absolute inset-0 bg-ui-border-dark/40" }, null, -1)),
-            B("div", ae({
+            V[0] || (V[0] = E("div", { class: "absolute inset-0 bg-ui-border-dark/40" }, null, -1)),
+            E("div", oe({
               ref_key: "panel",
-              ref: i,
+              ref: s,
               tabindex: "-1",
               role: "dialog",
               "aria-modal": "true",
-              "aria-labelledby": F(l).idDelTitulo.value ?? void 0
+              "aria-labelledby": q(n).idDelTitulo.value ?? void 0
             }, a.value, {
               class: [
                 t.value,
@@ -1653,113 +1684,113 @@ const pn = /* @__PURE__ */ E({
               ]
             }), [
               A(d.$slots, "default")
-            ], 16, gn)
-          ], 544)) : C("", !0)
+            ], 16, xl)
+          ], 544)) : h("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), hn = { class: "text-sm text-tx-muted" }, xn = /* @__PURE__ */ E({
+}), wl = { class: "text-sm text-tx-muted" }, $l = /* @__PURE__ */ z({
   __name: "DialogDescription",
   setup(e) {
-    return (n, t) => (r(), s("p", hn, [
-      A(n.$slots, "default")
+    return (l, t) => (i(), r("p", wl, [
+      A(l.$slots, "default")
     ]));
   }
-}), kn = { class: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, wn = /* @__PURE__ */ E({
+}), Cl = { class: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, zl = /* @__PURE__ */ z({
   __name: "DialogFooter",
   setup(e) {
-    return (n, t) => (r(), s("div", kn, [
-      A(n.$slots, "default")
+    return (l, t) => (i(), r("div", Cl, [
+      A(l.$slots, "default")
     ]));
   }
-}), $n = { class: "flex flex-col gap-1.5 text-center sm:text-left" }, Cn = /* @__PURE__ */ E({
+}), El = { class: "flex flex-col gap-1.5 text-center sm:text-left" }, Dl = /* @__PURE__ */ z({
   __name: "DialogHeader",
   setup(e) {
-    return (n, t) => (r(), s("div", $n, [
-      A(n.$slots, "default")
+    return (l, t) => (i(), r("div", El, [
+      A(l.$slots, "default")
     ]));
   }
-}), En = ["id"], Dn = /* @__PURE__ */ E({
+}), Ll = ["id"], Tl = /* @__PURE__ */ z({
   __name: "DialogTitle",
   setup(e) {
-    const n = _e(), t = bn();
-    return _(() => n.ponerElTitulo(t)), ve(() => n.ponerElTitulo(null)), (a, l) => (r(), s("h2", {
-      id: F(t),
+    const l = Ze(), t = yl();
+    return J(() => l.ponerElTitulo(t)), ve(() => l.ponerElTitulo(null)), (a, n) => (i(), r("h2", {
+      id: q(t),
       class: "font-semibold text-lg leading-none tracking-tight"
     }, [
       A(a.$slots, "default")
-    ], 8, En));
+    ], 8, Ll));
   }
-}), Je = /* @__PURE__ */ Symbol("menú de vasak");
-function ye() {
-  const e = be(Je, null);
+}), _e = /* @__PURE__ */ Symbol("menú de vasak");
+function he() {
+  const e = pe(_e, null);
   if (e) return e;
-  const n = x(!1);
+  const l = w(!1);
   return {
-    abierto: n,
+    abierto: l,
     idDelMenu: "vsk-menu-suelto",
-    idDeLaEtiqueta: x(null),
+    idDeLaEtiqueta: w(null),
     ponerLaEtiqueta: () => {
     },
-    disparador: x(null),
+    disparador: w(null),
     ponerElDisparador: () => {
     },
-    focoAlAbrir: x("ninguno"),
+    focoAlAbrir: w("ninguno"),
     abrir: () => {
-      n.value = !0;
+      l.value = !0;
     },
     cerrar: () => {
-      n.value = !1;
+      l.value = !1;
     },
     alternar: () => {
-      n.value = !n.value;
+      l.value = !l.value;
     }
   };
 }
 let Pe = 0;
-function Ze() {
+function et() {
   return Pe += 1, `vsk-menu-${Pe}`;
 }
-const zn = { class: "relative inline-block" }, Ln = /* @__PURE__ */ E({
+const Bl = { class: "relative inline-block" }, Al = /* @__PURE__ */ z({
   __name: "DropdownMenu",
   props: {
     open: { type: Boolean, default: void 0 }
   },
   emits: ["update:open"],
-  setup(e, { emit: n }) {
-    const t = e, a = n, l = x(!1), o = x(null), u = x(null), i = x("ninguno"), m = Ze();
-    let v = null;
+  setup(e, { emit: l }) {
+    const t = e, a = l, n = w(!1), o = w(null), u = w(null), s = w("ninguno"), m = et();
+    let b = null;
     const f = p({
-      get: () => t.open ?? l.value,
+      get: () => t.open ?? n.value,
       set: (g) => {
-        t.open === void 0 && (l.value = g), a("update:open", g);
+        t.open === void 0 && (n.value = g), a("update:open", g);
       }
     });
     K(f, (g) => {
       if (g) {
         const d = document.activeElement;
-        v = d instanceof HTMLElement ? d : null;
+        b = d instanceof HTMLElement ? d : null;
       } else
-        i.value = "ninguno";
+        s.value = "ninguno";
     });
-    function T(g = "ninguno") {
-      i.value = g, f.value = !0;
+    function B(g = "ninguno") {
+      s.value = g, f.value = !0;
     }
     function D(g = {}) {
       if (f.value = !1, !g.devolverElFoco) return;
-      const d = v ?? o.value;
+      const d = b ?? o.value;
       d?.isConnected && d.focus();
     }
-    function z(g = "ninguno") {
+    function L(g = "ninguno") {
       if (f.value) {
         D({ devolverElFoco: !0 });
         return;
       }
-      T(g);
+      B(g);
     }
-    return ue(Je, {
+    return de(_e, {
       abierto: f,
       idDelMenu: m,
       idDeLaEtiqueta: u,
@@ -1770,18 +1801,18 @@ const zn = { class: "relative inline-block" }, Ln = /* @__PURE__ */ E({
       ponerElDisparador: (g) => {
         o.value = g;
       },
-      focoAlAbrir: i,
-      abrir: T,
+      focoAlAbrir: s,
+      abrir: B,
       cerrar: D,
-      alternar: z
-    }), (g, d) => (r(), s("div", zn, [
+      alternar: L
+    }), (g, d) => (i(), r("div", Bl, [
       A(g.$slots, "default")
     ]));
   }
-}), Tn = ["id", "aria-labelledby", "inert"], Bn = {
+}), Sl = ["id", "aria-labelledby", "inert"], Vl = {
   role: "none",
   class: "py-1"
-}, X = 8, An = /* @__PURE__ */ E({
+}, X = 8, Ml = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "DropdownMenuContent",
   props: {
@@ -1790,91 +1821,91 @@ const zn = { class: "relative inline-block" }, Ln = /* @__PURE__ */ E({
     sideOffset: { default: 4 }
   },
   setup(e) {
-    const n = e, t = ye(), { idDelMenu: a, idDeLaEtiqueta: l } = t, o = p(() => t.disparador.value), u = p(() => t.abierto.value), i = x(null), m = x({
+    const l = e, t = he(), { idDelMenu: a, idDeLaEtiqueta: n } = t, o = p(() => t.disparador.value), u = p(() => t.abierto.value), s = w(null), m = w({
       top: 0,
       left: 0,
       techo: null
-    }), v = {
+    }), b = {
       top: "bottom",
       bottom: "top",
       left: "right",
       right: "left"
     };
-    function f(c, b) {
-      const y = n.sideOffset + X;
+    function f(c, v) {
+      const y = l.sideOffset + X;
       switch (c) {
         case "bottom":
-          return window.innerHeight - b.bottom - y;
+          return window.innerHeight - v.bottom - y;
         case "top":
-          return b.top - y;
+          return v.top - y;
         case "right":
-          return window.innerWidth - b.right - y;
+          return window.innerWidth - v.right - y;
         case "left":
-          return b.left - y;
+          return v.left - y;
       }
     }
-    function T(c, b, y) {
-      return y < b ? b : Math.min(Math.max(c, b), y);
+    function B(c, v, y) {
+      return y < v ? v : Math.min(Math.max(c, v), y);
     }
     function D() {
-      if (!o.value || !i.value) return;
-      const c = o.value.getBoundingClientRect(), b = i.value.scrollHeight, y = i.value.offsetWidth, P = n.side === "top" || n.side === "bottom", Z = P ? b : y;
-      let U = n.side;
+      if (!o.value || !s.value) return;
+      const c = o.value.getBoundingClientRect(), v = s.value.scrollHeight, y = s.value.offsetWidth, P = l.side === "top" || l.side === "bottom", _ = P ? v : y;
+      let U = l.side;
       const ee = f(U, c);
-      ee < Z && f(v[U], c) > ee && (U = v[U]);
-      let G = 0, L = 0, $ = null;
+      ee < _ && f(b[U], c) > ee && (U = b[U]);
+      let G = 0, T = 0, C = null;
       switch (U) {
         case "bottom": {
-          G = c.bottom + n.sideOffset, $ = Math.max(window.innerHeight - G - X, 0);
+          G = c.bottom + l.sideOffset, C = Math.max(window.innerHeight - G - X, 0);
           break;
         }
         case "top": {
-          $ = Math.max(f("top", c), 0), G = c.top - n.sideOffset - Math.min(b, $);
+          C = Math.max(f("top", c), 0), G = c.top - l.sideOffset - Math.min(v, C);
           break;
         }
         case "left":
         case "right": {
-          L = U === "right" ? c.right + n.sideOffset : c.left - y - n.sideOffset;
-          const O = window.innerHeight - 2 * X;
-          G = T(c.top, X, window.innerHeight - Math.min(b, O) - X), $ = Math.max(window.innerHeight - G - X, 0);
+          T = U === "right" ? c.right + l.sideOffset : c.left - y - l.sideOffset;
+          const I = window.innerHeight - 2 * X;
+          G = B(c.top, X, window.innerHeight - Math.min(v, I) - X), C = Math.max(window.innerHeight - G - X, 0);
           break;
         }
       }
       if (P)
-        switch (n.align) {
+        switch (l.align) {
           case "start":
-            L = c.left;
+            T = c.left;
             break;
           case "center":
-            L = c.left + c.width / 2 - y / 2;
+            T = c.left + c.width / 2 - y / 2;
             break;
           case "end":
-            L = c.right - y;
+            T = c.right - y;
             break;
         }
-      L = T(L, X, window.innerWidth - y - X), m.value = { top: G, left: L, techo: $ };
+      T = B(T, X, window.innerWidth - y - X), m.value = { top: G, left: T, techo: C };
     }
-    function z() {
-      return i.value ? Array.from(i.value.querySelectorAll('[role="menuitem"]')) : [];
+    function L() {
+      return s.value ? Array.from(s.value.querySelectorAll('[role="menuitem"]')) : [];
     }
     function g(c) {
-      const b = z();
-      if (!b.length) return;
-      const y = b.length;
-      b[(c % y + y) % y]?.focus();
+      const v = L();
+      if (!v.length) return;
+      const y = v.length;
+      v[(c % y + y) % y]?.focus();
     }
     function d() {
       const c = document.activeElement;
-      return c instanceof HTMLElement ? z().indexOf(c) : -1;
+      return c instanceof HTMLElement ? L().indexOf(c) : -1;
     }
-    function S(c) {
-      const b = d();
+    function V(c) {
+      const v = d();
       switch (c.key) {
         case "ArrowDown":
-          c.preventDefault(), g(b + 1);
+          c.preventDefault(), g(v + 1);
           break;
         case "ArrowUp":
-          c.preventDefault(), g(b <= 0 ? -1 : b - 1);
+          c.preventDefault(), g(v <= 0 ? -1 : v - 1);
           break;
         case "Home":
           c.preventDefault(), g(0);
@@ -1905,39 +1936,39 @@ const zn = { class: "relative inline-block" }, Ln = /* @__PURE__ */ E({
           // ninguno elegido todavía—, que es lo que deja andar las flechas y el
           // Escape sin haber tocado nada.
           default:
-            i.value?.focus();
+            s.value?.focus();
         }
     });
-    function I(c) {
-      u.value && (c && i.value?.contains(c.target) || D());
+    function j(c) {
+      u.value && (c && s.value?.contains(c.target) || D());
     }
-    function w(c) {
-      const b = c.target, y = !!b.closest("[data-dropdown-content]"), P = !!o.value?.contains(b);
+    function $(c) {
+      const v = c.target, y = !!v.closest("[data-dropdown-content]"), P = !!o.value?.contains(v);
       !y && !P && t.cerrar();
     }
-    return _(() => {
-      document.addEventListener("click", w), window.addEventListener("resize", I), window.addEventListener("scroll", I, !0);
-    }), ie(() => {
-      document.removeEventListener("click", w), window.removeEventListener("resize", I), window.removeEventListener("scroll", I, !0);
-    }), (c, b) => (r(), Q(ce, { to: "body" }, [
-      q(pe, {
+    return J(() => {
+      document.addEventListener("click", $), window.addEventListener("resize", j), window.addEventListener("scroll", j, !0);
+    }), ce(() => {
+      document.removeEventListener("click", $), window.removeEventListener("resize", j), window.removeEventListener("scroll", j, !0);
+    }), (c, v) => (i(), Q(fe, { to: "body" }, [
+      O(ge, {
         "enter-active-class": "transition-all duration-150 ease-in-out",
         "leave-active-class": "transition-all duration-150 ease-in-out",
         "enter-from-class": "opacity-0 scale-95",
         "leave-to-class": "opacity-0 scale-95",
-        onEnter: b[1] || (b[1] = (y) => y.offsetHeight),
-        onLeave: b[2] || (b[2] = (y) => y.offsetHeight)
+        onEnter: v[1] || (v[1] = (y) => y.offsetHeight),
+        onLeave: v[2] || (v[2] = (y) => y.offsetHeight)
       }, {
         default: W(() => [
-          Ce(B("div", ae({
+          Ce(E("div", oe({
             ref_key: "contenido",
-            ref: i
+            ref: s
           }, c.$attrs, {
-            id: F(a),
+            id: q(a),
             role: "menu",
             tabindex: "-1",
             "aria-orientation": "vertical",
-            "aria-labelledby": F(l) ?? void 0,
+            "aria-labelledby": q(n) ?? void 0,
             inert: !u.value,
             style: {
               position: "fixed",
@@ -1950,36 +1981,36 @@ const zn = { class: "relative inline-block" }, Ln = /* @__PURE__ */ E({
             },
             "data-dropdown-content": "",
             class: "min-w-30 rounded-corner border border-primary bg-ui-bg/80 shadow-lg focus:outline-none",
-            onClick: b[0] || (b[0] = (y) => y.stopPropagation()),
-            onKeydown: S
+            onClick: v[0] || (v[0] = (y) => y.stopPropagation()),
+            onKeydown: V
           }), [
-            B("div", Bn, [
+            E("div", Vl, [
               A(c.$slots, "default")
             ])
-          ], 16, Tn), [
-            [qe, u.value]
+          ], 16, Sl), [
+            [Re, u.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), Sn = ["aria-disabled", "onKeydown"], Mn = /* @__PURE__ */ E({
+}), Il = ["aria-disabled", "onKeydown"], Ol = /* @__PURE__ */ z({
   __name: "DropdownMenuItem",
   props: {
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["select", "click"],
-  setup(e, { emit: n }) {
-    const t = e, a = n, l = ye();
+  setup(e, { emit: l }) {
+    const t = e, a = l, n = he();
     function o(u) {
-      t.disabled || (a("select"), a("click", u), l.cerrar({ devolverElFoco: !0 }));
+      t.disabled || (a("select"), a("click", u), n.cerrar({ devolverElFoco: !0 }));
     }
-    return (u, i) => (r(), s("div", {
+    return (u, s) => (i(), r("div", {
       role: "menuitem",
       tabindex: "0",
       "aria-disabled": e.disabled || void 0,
-      class: k([
+      class: x([
         "px-3 py-2 text-sm transition-colors outline-none",
         {
           "opacity-50 cursor-not-allowed": e.disabled,
@@ -1988,22 +2019,22 @@ const zn = { class: "relative inline-block" }, Ln = /* @__PURE__ */ E({
       ]),
       onClick: o,
       onKeydown: [
-        j(M(o, ["prevent"]), ["enter"]),
-        j(M(o, ["prevent"]), ["space"])
+        F(M(o, ["prevent"]), ["enter"]),
+        F(M(o, ["prevent"]), ["space"])
       ]
     }, [
       A(u.$slots, "default")
-    ], 42, Sn));
+    ], 42, Il));
   }
-}), Vn = /* @__PURE__ */ E({
+}), jl = /* @__PURE__ */ z({
   __name: "DropdownMenuLabel",
   setup(e) {
-    const n = ye(), t = `${Ze()}-titulo`;
-    return _(() => {
-      n.ponerLaEtiqueta(t);
-    }), ie(() => {
-      n.ponerLaEtiqueta(null);
-    }), (a, l) => (r(), s("div", {
+    const l = he(), t = `${et()}-titulo`;
+    return J(() => {
+      l.ponerLaEtiqueta(t);
+    }), ce(() => {
+      l.ponerLaEtiqueta(null);
+    }), (a, n) => (i(), r("div", {
       id: t,
       role: "presentation",
       class: "px-3 py-2 text-sm font-semibold text-tx-main"
@@ -2011,30 +2042,30 @@ const zn = { class: "relative inline-block" }, Ln = /* @__PURE__ */ E({
       A(a.$slots, "default")
     ]));
   }
-}), On = {
+}), Pl = {
   role: "separator",
   "aria-orientation": "horizontal",
   class: "bg-ui-bg/80 my-4 h-0.5"
-}, In = /* @__PURE__ */ E({
+}, Fl = /* @__PURE__ */ z({
   __name: "DropdownMenuSeparator",
   setup(e) {
-    return (n, t) => (r(), s("div", On));
+    return (l, t) => (i(), r("div", Pl));
   }
 });
-function et(e) {
-  const n = e.filter(
-    (a) => a.type !== ft && !(a.type === mt && typeof a.children == "string" && !a.children.trim())
+function tt(e) {
+  const l = e.filter(
+    (a) => a.type !== mt && !(a.type === bt && typeof a.children == "string" && !a.children.trim())
   );
-  if (n.length !== 1) return null;
-  const t = n[0];
-  return t.type === J && Array.isArray(t.children) ? et(t.children) : t;
+  if (l.length !== 1) return null;
+  const t = l[0];
+  return t.type === Z && Array.isArray(t.children) ? tt(t.children) : t;
 }
-function Pn(e) {
+function ql(e) {
   if (e instanceof HTMLElement) return e;
-  const n = e?.$el;
-  return n instanceof HTMLElement ? n : null;
+  const l = e?.$el;
+  return l instanceof HTMLElement ? l : null;
 }
-const jn = E({
+const Rl = z({
   name: "DropdownMenuTrigger",
   inheritAttrs: !1,
   props: {
@@ -2043,15 +2074,15 @@ const jn = E({
     /** El disparador no abre nada; lo abre la aplicación por su cuenta. */
     disabled: { type: Boolean, default: !1 }
   },
-  setup(e, { slots: n, attrs: t }) {
-    const a = ye(), l = x(null);
+  setup(e, { slots: l, attrs: t }) {
+    const a = he(), n = w(null);
     function o() {
-      a.ponerElDisparador(Pn(l.value));
+      a.ponerElDisparador(ql(n.value));
     }
     function u() {
       e.disabled || (o(), a.alternar());
     }
-    function i(m) {
+    function s(m) {
       if (!e.disabled)
         switch (m.key) {
           case "Enter":
@@ -2072,7 +2103,7 @@ const jn = E({
     return () => {
       const m = {
         ref: (f) => {
-          l.value = f, o();
+          n.value = f, o();
         },
         "aria-haspopup": "menu",
         "aria-expanded": a.abierto.value ? "true" : "false",
@@ -2081,20 +2112,20 @@ const jn = E({
         // `inert`— es una referencia rota.
         "aria-controls": a.abierto.value ? a.idDelMenu : void 0,
         onClick: u,
-        onKeydown: i
-      }, v = n.default?.() ?? [];
+        onKeydown: s
+      }, b = l.default?.() ?? [];
       if (e.asChild) {
-        const f = et(v);
-        if (f) return ct(f, { ...t, ...m });
+        const f = tt(b);
+        if (f) return dt(f, { ...t, ...m });
       }
-      return dt(
+      return ft(
         "div",
         { ...t, class: ["dropdown-menu-trigger inline-block", t.class], ...m },
-        v
+        b
       );
     };
   }
-}), Fn = ["for"], qn = /* @__PURE__ */ E({
+}), Nl = ["for"], Hl = /* @__PURE__ */ z({
   __name: "FormGroup",
   props: {
     label: {},
@@ -2103,45 +2134,45 @@ const jn = E({
     labelClass: { default: () => ({}) }
   },
   setup(e) {
-    return (n, t) => (r(), s("div", {
-      class: k(["flex flex-col gap-2", e.customClass])
+    return (l, t) => (i(), r("div", {
+      class: x(["flex flex-col gap-2", e.customClass])
     }, [
-      e.label ? (r(), s("label", {
+      e.label ? (i(), r("label", {
         key: 0,
         for: e.htmlFor,
-        class: k(["text-sm font-medium text-primary dark:text-primary-dark", e.labelClass])
-      }, V(e.label), 11, Fn)) : C("", !0),
-      A(n.$slots, "default", {}, void 0, !0)
+        class: x(["text-sm font-medium text-primary dark:text-primary-dark", e.labelClass])
+      }, S(e.label), 11, Nl)) : h("", !0),
+      A(l.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Rn = /* @__PURE__ */ ge(qn, [["__scopeId", "data-v-c0d9d9cb"]]), Nn = /* @__PURE__ */ E({
+}), Ul = /* @__PURE__ */ ye(Hl, [["__scopeId", "data-v-c0d9d9cb"]]), Wl = /* @__PURE__ */ z({
   __name: "ListCard",
   props: {
     clickable: { type: Boolean, default: !1 },
     customClass: { default: () => ({}) }
   },
   emits: ["click"],
-  setup(e, { emit: n }) {
-    const t = e, a = n, l = () => {
+  setup(e, { emit: l }) {
+    const t = e, a = l, n = () => {
       t.clickable && a("click");
     };
-    return (o, u) => (r(), s("div", {
-      class: k([
+    return (o, u) => (i(), r("div", {
+      class: x([
         "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: l
+      onClick: n
     }, [
       A(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Hn = /* @__PURE__ */ ge(Nn, [["__scopeId", "data-v-f86d47da"]]), Un = { 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" }, Wn = ["src", "alt", "title"], Kn = {
+}), Kl = /* @__PURE__ */ ye(Wl, [["__scopeId", "data-v-f86d47da"]]), Gl = { class: "background rounded-corner flex flex-row items-center gap-2 justify-between w-full h-auto p-4 transition-all duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80" }, Ql = ["src", "alt", "title"], Yl = {
   key: 1,
   class: "w-8 h-8 flex items-center justify-center"
-}, Gn = ["src", "alt"], Qn = ["min", "max", "value"], Yn = /* @__PURE__ */ E({
+}, Xl = ["src", "alt"], Jl = ["min", "max", "value"], Zl = /* @__PURE__ */ z({
   __name: "SliderControl",
   props: {
     icon: {},
@@ -2155,86 +2186,150 @@ const jn = E({
     getPercentageClass: { type: Function, default: () => "" }
   },
   emits: ["update:modelValue", "buttonClick"],
-  setup(e, { emit: n }) {
-    const t = e, a = n, l = p(() => {
+  setup(e, { emit: l }) {
+    const t = e, a = l, n = p(() => {
       if (t.max <= t.min) return 0;
-      const m = t.max - t.min, v = t.modelValue - t.min;
-      return Math.round(v / m * 100);
-    }), o = p(() => t.getPercentageClass ? t.getPercentageClass(l.value) : ""), u = (m) => {
-      const v = m.target;
-      a("update:modelValue", Number(v.value));
-    }, i = () => {
+      const m = t.max - t.min, b = t.modelValue - t.min;
+      return Math.round(b / m * 100);
+    }), o = p(() => t.getPercentageClass ? t.getPercentageClass(n.value) : ""), u = (m) => {
+      const b = m.target;
+      a("update:modelValue", Number(b.value));
+    }, s = () => {
       a("buttonClick");
     };
-    return (m, v) => (r(), s("div", Un, [
-      e.showButton ? (r(), s("button", {
+    return (m, b) => (i(), r("div", Gl, [
+      e.showButton ? (i(), r("button", {
         key: 0,
-        onClick: i,
+        onClick: s,
         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"
       }, [
-        B("img", {
+        E("img", {
           src: e.icon,
           alt: e.alt,
           title: e.tooltip,
-          class: k(["w-6 h-6 transition-all duration-200", e.iconClass])
-        }, null, 10, Wn)
-      ])) : (r(), s("div", Kn, [
-        B("img", {
+          class: x(["w-6 h-6 transition-all duration-200", e.iconClass])
+        }, null, 10, Ql)
+      ])) : (i(), r("div", Yl, [
+        E("img", {
           src: e.icon,
           alt: e.alt,
           class: "w-6 h-6 transition-all duration-200"
-        }, null, 8, Gn)
+        }, null, 8, Xl)
       ])),
-      B("input", {
+      E("input", {
         type: "range",
         min: e.min,
         max: e.max,
         value: e.modelValue,
         onInput: u,
         class: "flex-1 transition-all duration-200 hover:scale-105"
-      }, null, 40, Qn),
-      B("span", {
-        class: k(["w-12 text-right transition-all duration-200 font-medium", o.value])
-      }, V(l.value) + "% ", 3)
+      }, null, 40, Jl),
+      E("span", {
+        class: x(["w-12 text-right transition-all duration-200 font-medium", o.value])
+      }, S(n.value) + "% ", 3)
     ]));
   }
-}), Xn = ["disabled"], _n = /* @__PURE__ */ E({
+}), Te = /* @__PURE__ */ z({
+  __name: "SwitchTrack",
+  props: {
+    on: { type: Boolean },
+    size: { default: "small" }
+  },
+  setup(e) {
+    const l = e, t = p(() => l.size === "small");
+    return (a, n) => (i(), r("span", {
+      "aria-hidden": "true",
+      class: x(["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"
+      ]])
+    }, [
+      E("span", {
+        class: x(["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"
+        ]])
+      }, null, 2)
+    ], 2));
+  }
+}), _l = ["aria-checked", "disabled"], en = { class: "min-w-0 flex-1" }, tn = { class: "block font-medium text-sm text-tx-main" }, an = {
+  key: 0,
+  class: "mt-0.5 block text-tx-muted text-xs"
+}, ln = /* @__PURE__ */ z({
+  __name: "SwitchRow",
+  props: {
+    modelValue: { type: Boolean },
+    label: {},
+    description: {},
+    icon: {},
+    iconType: { default: "icon" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = e, a = l;
+    return (n, o) => (i(), r("button", {
+      type: "button",
+      role: "switch",
+      "aria-checked": e.modelValue,
+      disabled: e.disabled,
+      class: "flex w-full items-start gap-3 rounded-corner p-2 text-left transition-colors hover:bg-ui-surface/60 disabled:cursor-not-allowed disabled:opacity-60",
+      onClick: o[0] || (o[0] = (u) => a("update:modelValue", !t.modelValue))
+    }, [
+      O(Te, {
+        on: e.modelValue,
+        class: "mt-0.5"
+      }, 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"]),
+        "aria-hidden": "true"
+      }, [
+        O(H, {
+          name: e.icon,
+          type: e.iconType,
+          size: 24,
+          alt: ""
+        }, null, 8, ["name", "type"])
+      ], 2)) : h("", !0),
+      E("span", en, [
+        E("span", tn, S(e.label), 1),
+        e.description ? (i(), r("span", an, S(e.description), 1)) : h("", !0),
+        A(n.$slots, "pie")
+      ])
+    ], 8, _l));
+  }
+}), nn = ["aria-checked", "aria-label", "disabled"], on = /* @__PURE__ */ z({
   __name: "SwitchToggle",
   props: {
-    isOn: { type: Boolean },
+    modelValue: { type: Boolean },
+    label: {},
     disabled: { type: Boolean, default: !1 },
-    size: { default: "small" },
-    activeClass: { default: "bg-primary dark:bg-primary-dark" },
-    inactiveClass: { default: "background" },
-    customClass: { default: "" }
+    size: { default: "small" }
   },
-  emits: ["toggle"],
-  setup(e, { emit: n }) {
-    const t = e, a = n, l = () => {
-      a("toggle", !t.isOn);
-    };
-    return (o, u) => (r(), s("button", {
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = e, a = l;
+    function n() {
+      a("update:modelValue", !t.modelValue);
+    }
+    return (o, u) => (i(), r("button", {
       type: "button",
-      onClick: l,
+      role: "switch",
+      "aria-checked": e.modelValue,
+      "aria-label": e.label,
       disabled: e.disabled,
-      class: k([
-        "relative inline-flex items-center rounded-full transition-colors",
-        e.size === "small" ? "h-6 w-11" : "h-7 w-12",
-        e.isOn ? e.activeClass : e.inactiveClass,
-        e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
-        e.customClass
-      ])
+      class: "rounded-full transition-opacity disabled:cursor-not-allowed disabled:opacity-50",
+      onClick: n
     }, [
-      B("span", {
-        class: k([
-          "inline-block transform rounded-full bg-white shadow transition-transform",
-          e.size === "small" ? "h-4 w-4" : "h-6 w-6",
-          e.isOn ? e.size === "small" ? "translate-x-6" : "translate-x-5" : "translate-x-1"
-        ])
-      }, null, 2)
-    ], 10, Xn));
+      O(Te, {
+        on: e.modelValue,
+        size: e.size
+      }, null, 8, ["on", "size"])
+    ], 8, nn));
   }
-}), Jn = ["disabled"], Zn = ["src", "alt", "title"], el = /* @__PURE__ */ E({
+}), rn = ["disabled"], sn = ["src", "alt", "title"], un = /* @__PURE__ */ z({
   __name: "ToggleControl",
   props: {
     icon: {},
@@ -2246,13 +2341,13 @@ const jn = E({
     customClass: { default: () => ({}) }
   },
   emits: ["click"],
-  setup(e, { emit: n }) {
-    const t = n, a = () => {
+  setup(e, { emit: l }) {
+    const t = l, a = () => {
       t("click");
     };
-    return (l, o) => (r(), s("button", {
+    return (n, o) => (i(), r("button", {
       onClick: a,
-      class: k(["p-2 rounded-corner background 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", {
+      class: x(["p-2 rounded-corner background 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", {
         "animate-pulse": e.isLoading,
         "ring-2 ring-primary dark:ring-primary-dark": e.isActive,
         "opacity-60": !e.isActive,
@@ -2260,67 +2355,67 @@ const jn = E({
       }]),
       disabled: e.isLoading
     }, [
-      B("img", {
+      E("img", {
         src: e.icon,
         alt: e.alt,
         title: e.tooltip,
-        class: k(["m-auto w-12.5 h-12.5 transition-all duration-300 group-hover:scale-110 relative z-10", {
+        class: x(["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, Zn)
-    ], 10, Jn));
+      }, null, 10, sn)
+    ], 10, rn));
   }
-}), tt = /* @__PURE__ */ Symbol("tooltip de vasak");
-function at() {
-  const e = be(tt, null);
+}), at = /* @__PURE__ */ Symbol("tooltip de vasak");
+function lt() {
+  const e = pe(at, null);
   if (e) return e;
-  const n = x(!1);
+  const l = w(!1);
   return {
-    abierto: p(() => n.value),
-    disparador: x(null),
+    abierto: p(() => l.value),
+    disparador: w(null),
     ponerElDisparador: () => {
     },
     abrir: () => {
-      n.value = !0;
+      l.value = !0;
     },
     cerrar: () => {
-      n.value = !1;
+      l.value = !1;
     }
   };
 }
-const tl = { class: "inline-block" }, al = /* @__PURE__ */ E({
+const cn = { class: "inline-block" }, dn = /* @__PURE__ */ z({
   __name: "Tooltip",
   props: {
     disabled: { type: Boolean, default: !1 },
     delayDuration: { default: 200 }
   },
   setup(e) {
-    const n = e, t = x(!1), a = x(null);
-    let l = null;
+    const l = e, t = w(!1), a = w(null);
+    let n = null;
     function o() {
-      n.disabled || (l = setTimeout(() => {
+      l.disabled || (n = setTimeout(() => {
         t.value = !0;
-      }, n.delayDuration));
+      }, l.delayDuration));
     }
     function u() {
-      l && clearTimeout(l), t.value = !1;
+      n && clearTimeout(n), t.value = !1;
     }
-    return ue(tt, {
-      abierto: p(() => t.value && !n.disabled),
+    return de(at, {
+      abierto: p(() => t.value && !l.disabled),
       disparador: a,
-      ponerElDisparador: (i) => {
-        a.value = i;
+      ponerElDisparador: (s) => {
+        a.value = s;
       },
       abrir: o,
       cerrar: u
-    }), (i, m) => (r(), s("div", tl, [
-      A(i.$slots, "default")
+    }), (s, m) => (i(), r("div", cn, [
+      A(s.$slots, "default")
     ]));
   }
-}), nl = /* @__PURE__ */ E({
+}), fn = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "TooltipContent",
   props: {
@@ -2329,84 +2424,84 @@ const tl = { class: "inline-block" }, al = /* @__PURE__ */ E({
     sideOffset: { default: 4 }
   },
   setup(e) {
-    const n = $e(), t = p(() => n.class ?? ""), a = e, l = at(), o = p(() => l.abierto.value), u = x(null), i = x({ top: 0, left: 0 });
+    const l = $e(), t = p(() => l.class ?? ""), a = e, n = lt(), o = p(() => n.abierto.value), u = w(null), s = w({ top: 0, left: 0 });
     function m() {
-      const v = l.disparador.value;
-      if (!v || !u.value) return;
-      const f = v.getBoundingClientRect(), T = u.value.getBoundingClientRect();
-      let D = 0, z = 0;
+      const b = n.disparador.value;
+      if (!b || !u.value) return;
+      const f = b.getBoundingClientRect(), B = u.value.getBoundingClientRect();
+      let D = 0, L = 0;
       switch (a.side) {
         case "bottom":
-          D = f.bottom + a.sideOffset, z = f.left + f.width / 2 - T.width / 2;
+          D = f.bottom + a.sideOffset, L = f.left + f.width / 2 - B.width / 2;
           break;
         case "top":
-          D = f.top - T.height - a.sideOffset, z = f.left + f.width / 2 - T.width / 2;
+          D = f.top - B.height - a.sideOffset, L = f.left + f.width / 2 - B.width / 2;
           break;
         case "left":
-          z = f.left - T.width - a.sideOffset, D = f.top + f.height / 2 - T.height / 2;
+          L = f.left - B.width - a.sideOffset, D = f.top + f.height / 2 - B.height / 2;
           break;
         case "right":
-          z = f.right + a.sideOffset, D = f.top + f.height / 2 - T.height / 2;
+          L = f.right + a.sideOffset, D = f.top + f.height / 2 - B.height / 2;
           break;
       }
-      i.value = { top: D, left: z };
+      s.value = { top: D, left: L };
     }
-    return K(o, async (v) => {
-      v && (await Y(), requestAnimationFrame(m));
-    }), (v, f) => (r(), Q(ce, { to: "body" }, [
-      q(pe, {
+    return K(o, async (b) => {
+      b && (await Y(), requestAnimationFrame(m));
+    }), (b, f) => (i(), Q(fe, { to: "body" }, [
+      O(ge, {
         "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(B("div", {
+          Ce(E("div", {
             ref_key: "globo",
             ref: u,
-            style: se({ position: "fixed", top: `${i.value.top}px`, left: `${i.value.left}px`, zIndex: 50 }),
-            class: k([
+            style: re({ position: "fixed", top: `${s.value.top}px`, left: `${s.value.left}px`, zIndex: 50 }),
+            class: x([
               t.value,
               "pointer-events-none rounded-corner border border-secondary bg-ui-bg/80 px-2 py-1 text-sm shadow-md"
             ])
           }, [
-            A(v.$slots, "default")
+            A(b.$slots, "default")
           ], 6), [
-            [qe, o.value]
+            [Re, o.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), ll = /* @__PURE__ */ E({
+}), mn = /* @__PURE__ */ z({
   __name: "TooltipTrigger",
   setup(e) {
-    const n = at(), t = x(null);
+    const l = lt(), t = w(null);
     function a() {
       return t.value ? t.value.firstElementChild ?? t.value : null;
     }
-    function l() {
-      n.ponerElDisparador(a()), n.abrir();
+    function n() {
+      l.ponerElDisparador(a()), l.abrir();
     }
-    return _(() => {
-      n.ponerElDisparador(a());
-    }), (o, u) => (r(), s("div", {
+    return J(() => {
+      l.ponerElDisparador(a());
+    }), (o, u) => (i(), r("div", {
       ref_key: "envoltorio",
       ref: t,
       class: "inline-block",
-      onMouseenter: l,
-      onMouseleave: u[0] || (u[0] = (i) => F(n).cerrar()),
-      onFocus: l,
-      onBlur: u[1] || (u[1] = (i) => F(n).cerrar())
+      onMouseenter: n,
+      onMouseleave: u[0] || (u[0] = (s) => q(l).cerrar()),
+      onFocus: n,
+      onBlur: u[1] || (u[1] = (s) => q(l).cerrar())
     }, [
       A(o.$slots, "default")
     ], 544));
   }
-}), ol = ["title"], rl = ["src", "alt"], sl = {
+}), bn = ["title"], vn = ["src", "alt"], pn = {
   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"
-}, il = /* @__PURE__ */ E({
+}, gn = /* @__PURE__ */ z({
   __name: "TrayIconButton",
   props: {
     icon: {},
@@ -2420,145 +2515,150 @@ const tl = { class: "inline-block" }, al = /* @__PURE__ */ E({
     customTooltipText: { default: "" }
   },
   emits: ["click"],
-  setup(e, { emit: n }) {
-    const t = n, a = x(!1), l = () => {
+  setup(e, { emit: l }) {
+    const t = l, a = w(!1), n = () => {
       t("click");
     };
-    return (o, u) => (r(), s("div", {
-      class: k(["p-1 rounded-corner relative hover:bg-primary dark:hover:bg-primary-dark group transition-all duration-300", e.customClass]),
+    return (o, u) => (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]),
       title: e.tooltip,
-      onClick: l,
-      onMouseenter: u[0] || (u[0] = (i) => a.value = !0),
-      onMouseleave: u[1] || (u[1] = (i) => a.value = !1)
+      onClick: n,
+      onMouseenter: u[0] || (u[0] = (s) => a.value = !0),
+      onMouseleave: u[1] || (u[1] = (s) => a.value = !1)
     }, [
-      B("img", {
+      E("img", {
         src: e.icon,
         alt: e.alt,
-        class: k(["m-auto h-5.5 w-auto transition-all duration-300", e.iconClass])
-      }, null, 10, rl),
-      e.badge !== null && e.badge > 0 ? (r(), s("div", sl, V(e.badge), 1)) : C("", !0),
-      e.showCustomTooltip && e.customTooltipText ? (r(), s("div", {
+        class: x(["m-auto h-5.5 w-auto transition-all duration-300", e.iconClass])
+      }, null, 10, vn),
+      e.badge !== null && e.badge > 0 ? (i(), r("div", pn, S(e.badge), 1)) : h("", !0),
+      e.showCustomTooltip && e.customTooltipText ? (i(), r("div", {
         key: 1,
-        class: k(["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: 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", [
           e.tooltipClass,
           {
             "opacity-0 -translate-y-2": !a.value,
             "opacity-100 translate-y-0": a.value
           }
         ]])
-      }, V(e.customTooltipText), 3)) : C("", !0),
+      }, S(e.customTooltipText), 3)) : h("", !0),
       A(o.$slots, "default")
-    ], 42, ol));
+    ], 42, bn));
   }
-}), ul = [
-  Ht,
+}), yn = [
+  Ut,
+  He,
   Ne,
-  Re,
-  Qt,
+  Yt,
   H,
   sa,
-  We,
-  Ue,
-  ha,
   Ke,
-  Ca,
-  Aa,
-  Ma,
-  Ia,
-  Ra,
-  Le,
-  tn,
+  We,
+  xa,
   Ge,
+  za,
+  Sa,
   ja,
+  qa,
+  Wa,
+  Le,
+  ol,
+  Qe,
+  Na,
+  sl,
+  gl,
+  hl,
+  kl,
+  $l,
+  zl,
+  Dl,
+  Tl,
+  Al,
+  Ml,
+  Ol,
+  jl,
+  Fl,
+  Rl,
+  Ul,
+  Kl,
+  Zl,
   ln,
-  vn,
-  pn,
-  yn,
-  xn,
-  wn,
-  Cn,
-  Dn,
-  Ln,
-  An,
-  Mn,
-  Vn,
-  In,
-  jn,
-  Rn,
-  Hn,
-  Yn,
-  _n,
-  el,
-  al,
-  nl,
-  ll,
-  il
-], bl = {
+  on,
+  Te,
+  un,
+  dn,
+  fn,
+  mn,
+  gn
+], zn = {
   install(e) {
-    ul.forEach((n) => {
-      e.component(n.name, n);
+    yn.forEach((l) => {
+      e.component(l.name, l);
     });
   }
 };
 export {
-  Aa as ActionButton,
-  Ma as AlertMessage,
-  We as AppBar,
-  Ca as BarSearch,
-  Qe as CLASES_POR_TONO,
-  Xe as CLAVE_DEL_DIALOGO,
-  Je as CLAVE_DEL_MENU,
-  tt as CLAVE_DEL_TOOLTIP,
-  De as CLAVE_DE_LA_BARRA,
-  ln as ConfigSection,
-  vn as DeviceCard,
-  pn as Dialog,
-  yn as DialogContent,
-  xn as DialogDescription,
-  wn as DialogFooter,
-  Cn as DialogHeader,
-  Dn as DialogTitle,
-  Ln as DropdownMenu,
-  An as DropdownMenuContent,
-  Mn as DropdownMenuItem,
-  Vn as DropdownMenuLabel,
-  In as DropdownMenuSeparator,
-  jn as DropdownMenuTrigger,
-  Ia as EmptyState,
-  Rn as FormGroup,
-  ze as LOS_TRES_CONTROLES,
-  Hn as ListCard,
-  Yt as POSICIONES,
-  Ra as ProgressBar,
+  Sa as ActionButton,
+  ja as AlertMessage,
+  Ke 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,
+  Ee as CLAVE_DE_LA_BARRA,
+  sl as ConfigSection,
+  gl as DeviceCard,
+  hl as Dialog,
+  kl as DialogContent,
+  $l as DialogDescription,
+  zl as DialogFooter,
+  Dl as DialogHeader,
+  Tl as DialogTitle,
+  Al as DropdownMenu,
+  Ml as DropdownMenuContent,
+  Ol as DropdownMenuItem,
+  jl as DropdownMenuLabel,
+  Fl as DropdownMenuSeparator,
+  Rl as DropdownMenuTrigger,
+  qa as EmptyState,
+  Ul as FormGroup,
+  De as LOS_TRES_CONTROLES,
+  Kl as ListCard,
+  Xt as POSICIONES,
+  Wa as ProgressBar,
   Le as SearchField,
-  tn as SearchSelect,
-  Qt as SelectField,
-  Ht as SideBar,
-  Ne as SideButton,
-  Re as SideGroup,
-  Yn as SliderControl,
-  _n as SwitchToggle,
-  ha as TabBar,
-  Ke as TabItem,
-  Ge as TextInput,
+  ol as SearchSelect,
+  Yt as SelectField,
+  Ut as SideBar,
+  He as SideButton,
+  Ne as SideGroup,
+  Zl as SliderControl,
+  ln as SwitchRow,
+  on as SwitchToggle,
+  Te as SwitchTrack,
+  xa as TabBar,
+  Ge as TabItem,
+  Qe as TextInput,
   H as ThemeIcon,
-  ja as ToastArea,
-  el as ToggleControl,
-  al as Tooltip,
-  nl as TooltipContent,
-  ll as TooltipTrigger,
-  il as TrayIconButton,
-  Ue as WindowControls,
+  Na as ToastArea,
+  un as ToggleControl,
+  dn as Tooltip,
+  fn as TooltipContent,
+  mn as TooltipTrigger,
+  gn as TrayIconButton,
+  We as WindowControls,
   sa as WindowFrame,
-  Ha as buscarOpciones,
-  bl as default,
-  Xt as esPosicion,
+  Ga as buscarOpciones,
+  zn as default,
+  Jt as esPosicion,
+  Cn as olvidarLosIconosDelTema,
   we as orientacionDe,
-  Zt as posicionDe,
-  Ye as rolDelTono,
-  _e as usarElDialogo,
-  ye as usarElMenu,
-  at as usarElTooltip,
-  de as usarLaBarra,
-  ea as usarLaPosicionDeLaBarra
+  ea as posicionDe,
+  Xe as rolDelTono,
+  Ze as usarElDialogo,
+  he as usarElMenu,
+  lt as usarElTooltip,
+  me as usarLaBarra,
+  ta as usarLaPosicionDeLaBarra
 };