@vasakgroup/vue-libvasak 1.7.0 → 1.7.1

package/dist/vue-libvasak.es.js

@@ -1,12 +1,12 @@
-import { ref as w, onMounted as W, onUnmounted as ve, readonly as vt, watch as Q, defineComponent as D, toRef as Pe, useTemplateRef as pt, computed as v, createElementBlock as r, unref as F, openBlock as i, normalizeStyle as fe, createCommentVNode as x, createElementVNode as B, createVNode as j, toDisplayString as V, normalizeClass as y, renderSlot as S, createBlock as U, onBeforeUnmount as pe, Fragment as te, renderList as ue, withCtx as G, mergeModels as Re, useAttrs as Be, useId as yt, useModel as gt, withDirectives as Se, mergeProps as ce, isRef as ht, vModelSelect as xt, inject as we, getCurrentInstance as Ge, provide as ye, createTextVNode as ke, toHandlers as Qe, createSlots as wt, withModifiers as M, withKeys as I, Teleport as ge, Transition as $e, nextTick as J, TransitionGroup as kt, vShow as Ye, cloneVNode as $t, h as Ct, Comment as zt, Text as Et } from "vue";
+import { ref as w, onMounted as W, onUnmounted as ve, readonly as vt, watch as Q, defineComponent as D, toRef as Pe, useTemplateRef as pt, computed as v, createElementBlock as s, unref as F, openBlock as i, normalizeStyle as fe, createCommentVNode as x, createElementVNode as B, createVNode as j, toDisplayString as V, normalizeClass as y, renderSlot as S, createBlock as U, onBeforeUnmount as pe, Fragment as te, renderList as ue, withCtx as G, mergeModels as Re, useAttrs as Be, useId as yt, useModel as gt, withDirectives as Se, mergeProps as ce, isRef as ht, vModelSelect as xt, inject as we, getCurrentInstance as Ge, provide as ye, createTextVNode as $e, toHandlers as Qe, createSlots as wt, withModifiers as M, withKeys as I, Teleport as ge, Transition as ke, nextTick as J, TransitionGroup as $t, vShow as Ye, cloneVNode as kt, h as Ct, Comment as zt, Text as Et } from "vue";
 import { listen as Lt } from "@tauri-apps/api/event";
 import { getSymbolSource as Dt, getIconSource as Tt } from "@vasakgroup/plugin-vicons";
 import { getCurrentWindow as At } from "@tauri-apps/api/window";
 import { useI18n as Bt } from "@vasakgroup/tauri-plugin-i18n";
-const St = "vicons:theme-changed", xe = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map(), me = w(0);
-let se = 0, be = null, ie = null;
+const St = "vicons:theme-changed", xe = /* @__PURE__ */ new Map(), se = /* @__PURE__ */ new Map(), me = w(0);
+let re = 0, be = null, ie = null;
 function Xl() {
-  xe.clear(), re.clear(), se = 0, be = null, ie = null, me.value = 0, ae.clear(), ne.clear(), Xe = 0, ee?.disconnect(), ee = null, De = !1, X !== null && (clearTimeout(X), X = null), _ && (_.cancelado = !0), _ = null;
+  xe.clear(), se.clear(), re = 0, be = null, ie = null, me.value = 0, ae.clear(), ne.clear(), Xe = 0, ee?.disconnect(), ee = null, De = !1, X !== null && (clearTimeout(X), X = null), _ && (_.cancelado = !0), _ = null;
 }
 const Mt = 100, ze = 10, Vt = 16, ae = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Set();
 let Xe = 0, ee = null, De = !1;
@@ -46,9 +46,9 @@ async function Ft(e) {
   for (const l of [t, a])
     for (let o = 0; o < l.length; o += ze) {
       if (e.cancelado) return;
-      const s = l.slice(o, o + ze);
+      const r = l.slice(o, o + ze);
       if (await Promise.allSettled(
-        s.map((u) => ae.get(u)?.recargar() ?? Promise.resolve())
+        r.map((u) => ae.get(u)?.recargar() ?? Promise.resolve())
       ), e.cancelado) return;
       (o + ze < l.length || l === t) && await Rt(Vt);
     }
@@ -60,29 +60,29 @@ function Nt() {
   _ = e, Ft(e);
 }
 function qt() {
-  xe.clear(), re.clear(), me.value++, X !== null && clearTimeout(X), X = setTimeout(() => {
+  xe.clear(), se.clear(), me.value++, X !== null && clearTimeout(X), X = setTimeout(() => {
     X = null, Nt();
   }, Mt);
 }
 function Je() {
-  return se++, be || ie ? ie ?? Promise.resolve() : (ie = Lt(St, qt).then((e) => {
-    se <= 0 ? e() : be = e, ie = null;
+  return re++, be || ie ? ie ?? Promise.resolve() : (ie = Lt(St, qt).then((e) => {
+    re <= 0 ? e() : be = e, ie = null;
   }), ie);
 }
 function Te() {
-  se--, !(se > 0) && (se = 0, be?.(), be = null);
+  re--, !(re > 0) && (re = 0, be?.(), be = null);
 }
 function Ht(e, n) {
   const t = `${n}:${e}`, a = xe.get(t);
   if (a !== void 0)
     return Promise.resolve(a);
-  const l = re.get(t);
+  const l = se.get(t);
   if (l)
     return l;
-  const o = me.value, s = (n === "symbol" ? Dt(e) : Tt(e)).then((u) => (me.value === o && xe.set(t, u), u)).finally(() => {
-    re.get(t) === s && re.delete(t);
+  const o = me.value, r = (n === "symbol" ? Dt(e) : Tt(e)).then((u) => (me.value === o && xe.set(t, u), u)).finally(() => {
+    se.get(t) === r && se.delete(t);
   });
-  return re.set(t, s), s;
+  return se.set(t, r), r;
 }
 function Jl() {
   let e = !1;
@@ -96,9 +96,9 @@ function Ut(e, n) {
   const t = w("");
   let a = !1, l = 0;
   const o = Ot(async () => {
-    await s();
+    await r();
   });
-  async function s() {
+  async function r() {
     const u = ++l, f = e.value;
     if (!f) {
       t.value = "";
@@ -108,10 +108,10 @@ function Ut(e, n) {
     u === l && !a && (t.value = m);
   }
   return W(async () => {
-    await Je(), a || await s();
+    await Je(), a || await r();
   }), ve(() => {
     a = !0, Pt(o), Te();
-  }), Q([e, n], s), { fuente: t, mirarElemento: (u) => jt(o, u) };
+  }), Q([e, n], r), { fuente: t, mirarElemento: (u) => jt(o, u) };
 }
 const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
   __name: "ThemeIcon",
@@ -123,11 +123,11 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
   },
   setup(e) {
     const n = e, { fuente: t, mirarElemento: a } = Ut(Pe(n, "name"), Pe(n, "type")), l = pt("dibujo");
-    Q(l, (s) => a(s), { immediate: !0 });
+    Q(l, (r) => a(r), { immediate: !0 });
     const o = v(
       () => n.size === "auto" ? void 0 : { width: `${n.size}px`, height: `${n.size}px` }
     );
-    return (s, u) => F(t) ? (i(), r("img", {
+    return (r, u) => F(t) ? (i(), s("img", {
       key: 0,
       ref_key: "dibujo",
       ref: l,
@@ -135,7 +135,7 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
       alt: e.alt,
       style: fe(o.value),
       class: "shrink-0 object-contain"
-    }, null, 12, Kt)) : (i(), r("span", {
+    }, null, 12, Kt)) : (i(), s("span", {
       key: 1,
       ref_key: "dibujo",
       ref: l,
@@ -160,8 +160,8 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
       (a) => {
         a && (t.value = !0);
       }
-    ), (a, l) => (i(), r("section", Wt, [
-      e.collapsed ? x("", !0) : (i(), r("button", {
+    ), (a, l) => (i(), s("section", Wt, [
+      e.collapsed ? x("", !0) : (i(), s("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",
@@ -176,7 +176,7 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
           class: y(["transition-transform duration-200", t.value ? "" : "-rotate-90"])
         }, null, 8, ["class"])
       ], 8, Gt)),
-      t.value || e.collapsed ? (i(), r("div", Qt, [
+      t.value || e.collapsed ? (i(), s("div", Qt, [
         S(a.$slots, "default")
       ])) : x("", !0)
     ]));
@@ -199,7 +199,7 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
   },
   emits: ["click"],
   setup(e) {
-    return (n, t) => (i(), r("button", {
+    return (n, t) => (i(), s("button", {
       type: "button",
       title: e.collapsed ? e.label : void 0,
       "aria-label": e.collapsed ? e.label : void 0,
@@ -220,10 +220,10 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
           key: 0,
           name: e.icon,
           size: 20
-        }, null, 8, ["name"])) : (i(), r("span", Xt, V(e.label.charAt(0).toUpperCase()), 1))
+        }, null, 8, ["name"])) : (i(), s("span", Xt, V(e.label.charAt(0).toUpperCase()), 1))
       ], 2),
-      e.collapsed ? x("", !0) : (i(), r("span", Jt, V(e.label), 1)),
-      !e.collapsed && e.badge !== "" ? (i(), r("span", Zt, V(e.badge), 1)) : x("", !0)
+      e.collapsed ? x("", !0) : (i(), s("span", Jt, V(e.label), 1)),
+      !e.collapsed && e.badge !== "" ? (i(), s("span", Zt, V(e.badge), 1)) : x("", !0)
     ], 10, Yt));
   }
 }), _t = {
@@ -241,7 +241,7 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
 }, oa = { key: 0 }, ia = {
   key: 1,
   class: "flex border-ui-border border-b p-2"
-}, ra = ["aria-label", "aria-expanded"], sa = { class: "flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-2" }, Fe = "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", Ne = 767, ua = /* @__PURE__ */ D({
+}, sa = ["aria-label", "aria-expanded"], ra = { class: "flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-2" }, Fe = "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", Ne = 767, ua = /* @__PURE__ */ D({
   __name: "SideBar",
   props: {
     title: { default: "" },
@@ -254,35 +254,35 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
   },
   emits: ["update:modelValue", "update:collapsed", "change"],
   setup(e, { expose: n, emit: t }) {
-    const a = e, l = t, o = w(a.collapsed ?? !1), s = w(!1);
+    const a = e, l = t, o = w(a.collapsed ?? !1), r = w(!1);
     let u = null, f = null;
-    const m = v(() => s.value || o.value), d = v(() => !!(a.title || a.subtitle));
+    const m = v(() => r.value || o.value), d = v(() => !!(a.title || a.subtitle));
     v(() => a.categories.length > 0);
     function E() {
       return document.documentElement?.clientWidth || window.innerWidth;
     }
     function L() {
-      s.value = E() <= Ne;
+      r.value = E() <= Ne;
     }
     function A() {
       o.value = !o.value, l("update:collapsed", o.value);
     }
-    function g($) {
-      l("update:modelValue", $), l("change", $);
+    function g(k) {
+      l("update:modelValue", k), l("change", k);
     }
     return Q(
       () => a.collapsed,
-      ($) => {
-        $ !== void 0 && (o.value = $);
+      (k) => {
+        k !== void 0 && (o.value = k);
       }
     ), W(() => {
       u = window.matchMedia(`(max-width: ${Ne}px)`), L(), u.addEventListener("change", L), window.addEventListener("resize", L), typeof ResizeObserver < "u" && document.documentElement && (f = new ResizeObserver(L), f.observe(document.documentElement));
     }), pe(() => {
       u?.removeEventListener("change", L), window.removeEventListener("resize", L), f?.disconnect(), f = null;
-    }), n({ collapsed: m }), ($, P) => (i(), r("aside", {
+    }), n({ collapsed: m }), (k, P) => (i(), s("aside", {
       class: y(["relative z-30 flex h-full shrink-0 flex-col rounded-corner border border-ui-border bg-ui-surface/70 transition-[width] duration-300", ["w-[84px]", m.value ? "md:w-[84px]" : "md:w-72"]])
     }, [
-      d.value || $.$slots.header ? (i(), r("header", _t, [
+      d.value || k.$slots.header ? (i(), s("header", _t, [
         B("div", ea, [
           B("button", {
             type: "button",
@@ -297,15 +297,15 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
               size: 16
             }, null, 8, ["name"])
           ], 8, ta),
-          d.value && !m.value ? (i(), r("div", aa, [
-            e.title ? (i(), r("p", na, V(e.title), 1)) : x("", !0),
-            e.subtitle ? (i(), r("p", la, V(e.subtitle), 1)) : x("", !0)
+          d.value && !m.value ? (i(), s("div", aa, [
+            e.title ? (i(), s("p", na, V(e.title), 1)) : x("", !0),
+            e.subtitle ? (i(), s("p", la, V(e.subtitle), 1)) : x("", !0)
           ])) : x("", !0)
         ]),
-        $.$slots.header && !m.value ? (i(), r("div", oa, [
-          S($.$slots, "header", { collapsed: m.value })
+        k.$slots.header && !m.value ? (i(), s("div", oa, [
+          S(k.$slots, "header", { collapsed: m.value })
         ])) : x("", !0)
-      ])) : (i(), r("div", ia, [
+      ])) : (i(), s("div", ia, [
         B("button", {
           type: "button",
           class: y(Fe),
@@ -318,16 +318,16 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
             type: "symbol",
             size: 16
           }, null, 8, ["name"])
-        ], 8, ra)
+        ], 8, sa)
       ])),
-      B("div", sa, [
-        (i(!0), r(te, null, ue(e.categories, (C) => (i(), U(Ze, {
+      B("div", ra, [
+        (i(!0), s(te, null, ue(e.categories, (C) => (i(), U(Ze, {
           key: C.id,
           title: C.title,
           collapsed: m.value
         }, {
           default: G(() => [
-            (i(!0), r(te, null, ue(C.items, (h) => (i(), U(_e, {
+            (i(!0), s(te, null, ue(C.items, (h) => (i(), U(_e, {
               key: h.id,
               label: h.label,
               icon: h.icon,
@@ -340,7 +340,7 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
           ]),
           _: 2
         }, 1032, ["title", "collapsed"]))), 128)),
-        S($.$slots, "default", { collapsed: m.value })
+        S(k.$slots, "default", { collapsed: m.value })
       ])
     ], 2));
   }
@@ -357,13 +357,13 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
   }),
   emits: /* @__PURE__ */ Re(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, a = Be(), l = yt(), o = v(() => a.id ?? l), s = n, [u, f] = gt(e, "modelValue", {
+    const t = e, a = Be(), l = yt(), o = v(() => a.id ?? l), r = n, [u, f] = gt(e, "modelValue", {
       set(m) {
         return f.number ? Number(m) : m;
       }
     });
-    return (m, d) => (i(), r("div", ca, [
-      t.label ? (i(), r("label", {
+    return (m, d) => (i(), s("div", ca, [
+      t.label ? (i(), s("label", {
         key: 0,
         for: o.value,
         class: "text-tx-muted text-xs"
@@ -374,7 +374,7 @@ const Kt = ["src", "alt"], N = /* @__PURE__ */ D({
           "onUpdate:modelValue": d[0] || (d[0] = (E) => ht(u) ? u.value = E : null),
           class: "min-w-0 flex-1 appearance-none truncate rounded-corner border border-ui-border bg-ui-surface/60 py-1.5 pr-8 pl-2 text-sm text-tx-main"
         }, F(a), {
-          onChange: d[1] || (d[1] = (E) => s("change", E))
+          onChange: d[1] || (d[1] = (E) => r("change", E))
         }), [
           S(m.$slots, "default")
         ], 16, ma), [
@@ -417,22 +417,22 @@ function xa(e = "top") {
   let t = null, a = !1;
   async function l() {
     try {
-      const { readConfig: o } = await import("@vasakgroup/plugin-config-manager"), s = await o();
-      n.value = ha(s) ?? e;
+      const { readConfig: o } = await import("@vasakgroup/plugin-config-manager"), r = await o();
+      n.value = ha(r) ?? e;
     } catch {
     }
   }
   return W(async () => {
     await l();
     try {
-      const { listen: o } = await import("@tauri-apps/api/event"), s = await o("config-changed", () => {
+      const { listen: o } = await import("@tauri-apps/api/event"), r = await o("config-changed", () => {
         l();
       });
       if (a) {
-        s();
+        r();
         return;
       }
-      t = s;
+      t = r;
     } catch {
     }
   }), pe(() => {
@@ -447,7 +447,7 @@ function et(e) {
   }
   return t;
 }
-const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title", "aria-label"], Ee = "flex items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 p-1 transition-colors", tt = /* @__PURE__ */ D({
+const wa = ["title", "aria-label"], $a = ["title", "aria-label"], ka = ["title", "aria-label"], Ee = "flex items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 p-1 transition-colors", tt = /* @__PURE__ */ D({
   __name: "WindowControls",
   props: {
     controls: { default: () => Ve },
@@ -457,7 +457,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
   },
   emits: ["minimize", "maximize", "close"],
   setup(e, { emit: n }) {
-    const t = e, { t: a } = Bt(), l = v(() => t.minimizeLabel ?? a("ventana.minimizar")), o = v(() => t.maximizeLabel ?? a("ventana.maximizar")), s = v(() => t.closeLabel ?? a("ventana.cerrar")), u = n, { vertical: f } = he(), m = v(() => ({
+    const t = e, { t: a } = Bt(), l = v(() => t.minimizeLabel ?? a("ventana.minimizar")), o = v(() => t.maximizeLabel ?? a("ventana.maximizar")), r = v(() => t.closeLabel ?? a("ventana.cerrar")), u = n, { vertical: f } = he(), m = v(() => ({
       minimize: t.controls.includes("minimize"),
       maximize: t.controls.includes("maximize"),
       close: t.controls.includes("close")
@@ -477,16 +477,16 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       if (L("Maximize")) return u("maximize");
       d().toggleMaximize();
     }
-    function $() {
+    function k() {
       if (L("Close")) return u("close");
       d().close();
     }
-    return (P, C) => e.controls.length ? (i(), r("div", {
+    return (P, C) => e.controls.length ? (i(), s("div", {
       key: 0,
       class: y(["flex shrink-0 gap-1", F(f) ? "flex-col" : ""]),
       "data-tauri-drag-region": ""
     }, [
-      m.value.minimize ? (i(), r("button", {
+      m.value.minimize ? (i(), s("button", {
         key: 0,
         type: "button",
         class: y([Ee, "hover:bg-status-success"]),
@@ -500,7 +500,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
           size: 24
         })
       ], 10, wa)) : x("", !0),
-      m.value.maximize ? (i(), r("button", {
+      m.value.maximize ? (i(), s("button", {
         key: 1,
         type: "button",
         class: y([Ee, "hover:bg-status-warning"]),
@@ -513,21 +513,21 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
           type: "symbol",
           size: 24
         })
-      ], 10, ka)) : x("", !0),
-      m.value.close ? (i(), r("button", {
+      ], 10, $a)) : x("", !0),
+      m.value.close ? (i(), s("button", {
         key: 2,
         type: "button",
         class: y([Ee, "hover:bg-status-error"]),
-        title: s.value,
-        "aria-label": s.value,
-        onClick: C[2] || (C[2] = (h) => $())
+        title: r.value,
+        "aria-label": r.value,
+        onClick: C[2] || (C[2] = (h) => k())
       }, [
         j(N, {
           name: "window-close",
           type: "symbol",
           size: 24
         })
-      ], 10, $a)) : x("", !0)
+      ], 10, ka)) : x("", !0)
     ], 2)) : x("", !0);
   }
 }), Ca = {
@@ -555,16 +555,16 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       posicion: a,
       orientacion: v(() => l.value ? "vertical" : "horizontal"),
       vertical: l
-    }), (o, s) => (i(), r("div", {
+    }), (o, r) => (i(), s("div", {
       class: y(["relative flex shrink-0 items-center gap-2 p-1 font-title", l.value ? "h-full flex-col" : "w-full"]),
       "data-tauri-drag-region": ""
     }, [
-      o.$slots.identidad ? (i(), r("div", Ca, [
+      o.$slots.identidad ? (i(), s("div", Ca, [
         S(o.$slots, "identidad")
       ])) : x("", !0),
-      (o.$slots.titulo || e.title) && !l.value ? (i(), r("p", za, [
+      (o.$slots.titulo || e.title) && !l.value ? (i(), s("p", za, [
         S(o.$slots, "titulo", {}, () => [
-          ke(V(e.title), 1)
+          $e(V(e.title), 1)
         ])
       ])) : x("", !0),
       B("div", {
@@ -573,7 +573,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       }, [
         S(o.$slots, "default")
       ], 2),
-      o.$slots.acciones ? (i(), r("div", {
+      o.$slots.acciones ? (i(), s("div", {
         key: 2,
         class: y(["flex shrink-0 items-center gap-1", l.value ? "flex-col" : ""])
       }, [
@@ -585,7 +585,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
         "maximize-label": e.maximizeLabel,
         "close-label": e.closeLabel
       }, Qe(F(et)(["minimize", "maximize", "close"]))), null, 16, ["controls", "minimize-label", "maximize-label", "close-label"]),
-      o.$slots.centro ? (i(), r("div", {
+      o.$slots.centro ? (i(), s("div", {
         key: 3,
         class: y(["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"])
       }, [
@@ -612,14 +612,14 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
   setup(e) {
     const n = e, t = xa(), a = v(() => n.position ?? t.value), l = v(() => Ae(a.value)), o = v(() => l.value === "vertical");
     ye(Me, { posicion: a, orientacion: l, vertical: o });
-    const s = {
+    const r = {
       top: "flex-col",
       bottom: "flex-col-reverse",
       left: "flex-row",
       right: "flex-row-reverse"
     };
-    return (u, f) => (i(), r("div", {
-      class: y(["flex h-screen w-screen overflow-hidden rounded-corner-window border border-ui-border bg-ui-bg/80", s[a.value]])
+    return (u, f) => (i(), s("div", {
+      class: y(["flex h-screen w-screen overflow-hidden rounded-corner-window border border-ui-border bg-ui-bg/80", r[a.value]])
     }, [
       e.hideBar ? x("", !0) : (i(), U(at, ce({
         key: 0,
@@ -690,9 +690,9 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
   },
   emits: ["select", "close", "menu", "mover", "navegar"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { vertical: l, posicion: o } = he(), s = w(null), u = w(null), f = w(!1), m = w(!1), d = w(!1), E = w({ top: 0, left: 0, right: 0 });
+    const t = e, a = n, { vertical: l, posicion: o } = he(), r = w(null), u = w(null), f = w(!1), m = w(!1), d = w(!1), E = w({ top: 0, left: 0, right: 0 });
     let L = null, A = null;
-    const g = v(() => t.tab.closable !== !1), $ = v(() => t.tab.tooltip ?? t.tab.label), P = v(
+    const g = v(() => t.tab.closable !== !1), k = v(() => t.tab.tooltip ?? t.tab.label), P = v(
       () => t.tab.dirty ? `${t.tab.label} · ${t.dirtyLabel}` : t.tab.label
     ), C = v(() => t.tab.label.trim().charAt(0).toUpperCase()), h = v(() => f.value || d.value), c = v(
       () => !!t.tab.dirty && !(h.value && g.value)
@@ -705,18 +705,18 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       return o.value === "right" ? { ...q, right: `${E.value.right + He}px` } : { ...q, left: `${E.value.left + He}px` };
     });
     function le() {
-      const q = s.value;
+      const q = r.value;
       if (!q) return;
-      const k = q.getBoundingClientRect();
+      const $ = q.getBoundingClientRect();
       E.value = {
-        top: k.top,
-        left: k.right,
-        right: window.innerWidth - k.left
+        top: $.top,
+        left: $.right,
+        right: window.innerWidth - $.left
       };
     }
     function K(q) {
-      const k = q.relatedTarget;
-      k && u.value?.contains(k) || (d.value = !1);
+      const $ = q.relatedTarget;
+      $ && u.value?.contains($) || (d.value = !1);
     }
     function oe() {
       f.value = !0, le();
@@ -742,33 +742,33 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
     function bt(q) {
       q.preventDefault(), a("menu", { x: q.clientX, y: q.clientY });
     }
-    return pe(T), (q, k) => (i(), r("div", {
+    return pe(T), (q, $) => (i(), s("div", {
       ref_key: "raiz",
-      ref: s,
+      ref: r,
       class: y(["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"
       ]]),
       role: "tab",
       "aria-selected": e.active,
-      title: $.value,
+      title: k.value,
       "aria-label": P.value,
       tabindex: e.tabindex,
-      onClick: k[5] || (k[5] = M((H) => a("select"), ["stop"])),
+      onClick: $[5] || ($[5] = M((H) => a("select"), ["stop"])),
       onKeydown: [
-        k[6] || (k[6] = I(M((H) => a("select"), ["stop"]), ["enter"])),
-        k[7] || (k[7] = I(M((H) => a("select"), ["prevent", "stop"]), ["space"])),
-        k[8] || (k[8] = I(M((H) => a("navegar", "anterior"), ["prevent", "stop"]), ["left"])),
-        k[9] || (k[9] = I(M((H) => a("navegar", "anterior"), ["prevent", "stop"]), ["up"])),
-        k[10] || (k[10] = I(M((H) => a("navegar", "siguiente"), ["prevent", "stop"]), ["right"])),
-        k[11] || (k[11] = I(M((H) => a("navegar", "siguiente"), ["prevent", "stop"]), ["down"])),
-        k[12] || (k[12] = I(M((H) => a("navegar", "primera"), ["prevent", "stop"]), ["home"])),
-        k[13] || (k[13] = I(M((H) => a("navegar", "ultima"), ["prevent", "stop"]), ["end"])),
-        k[14] || (k[14] = I(M((H) => a("mover", -1), ["alt", "prevent", "stop"]), ["left"])),
-        k[15] || (k[15] = I(M((H) => a("mover", -1), ["alt", "prevent", "stop"]), ["up"])),
-        k[16] || (k[16] = I(M((H) => a("mover", 1), ["alt", "prevent", "stop"]), ["right"])),
-        k[17] || (k[17] = I(M((H) => a("mover", 1), ["alt", "prevent", "stop"]), ["down"])),
-        k[18] || (k[18] = I(M((H) => g.value && a("close"), ["prevent", "stop"]), ["delete"]))
+        $[6] || ($[6] = I(M((H) => a("select"), ["stop"]), ["enter"])),
+        $[7] || ($[7] = I(M((H) => a("select"), ["prevent", "stop"]), ["space"])),
+        $[8] || ($[8] = I(M((H) => a("navegar", "anterior"), ["prevent", "stop"]), ["left"])),
+        $[9] || ($[9] = I(M((H) => a("navegar", "anterior"), ["prevent", "stop"]), ["up"])),
+        $[10] || ($[10] = I(M((H) => a("navegar", "siguiente"), ["prevent", "stop"]), ["right"])),
+        $[11] || ($[11] = I(M((H) => a("navegar", "siguiente"), ["prevent", "stop"]), ["down"])),
+        $[12] || ($[12] = I(M((H) => a("navegar", "primera"), ["prevent", "stop"]), ["home"])),
+        $[13] || ($[13] = I(M((H) => a("navegar", "ultima"), ["prevent", "stop"]), ["end"])),
+        $[14] || ($[14] = I(M((H) => a("mover", -1), ["alt", "prevent", "stop"]), ["left"])),
+        $[15] || ($[15] = I(M((H) => a("mover", -1), ["alt", "prevent", "stop"]), ["up"])),
+        $[16] || ($[16] = I(M((H) => a("mover", 1), ["alt", "prevent", "stop"]), ["right"])),
+        $[17] || ($[17] = I(M((H) => a("mover", 1), ["alt", "prevent", "stop"]), ["down"])),
+        $[18] || ($[18] = I(M((H) => g.value && a("close"), ["prevent", "stop"]), ["delete"]))
       ],
       onAuxclick: M(de, ["stop"]),
       onContextmenu: bt,
@@ -777,28 +777,28 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       onPointerup: T,
       onPointerleave: T,
       onMouseenter: oe,
-      onMouseleave: k[19] || (k[19] = (H) => f.value = !1),
+      onMouseleave: $[19] || ($[19] = (H) => f.value = !1),
       onFocus: Y,
-      onBlur: k[20] || (k[20] = (H) => m.value = !1)
+      onBlur: $[20] || ($[20] = (H) => m.value = !1)
     }, [
       e.tab.icon ? (i(), U(N, {
         key: 0,
         name: e.tab.icon,
         size: 16,
         class: "shrink-0"
-      }, null, 8, ["name"])) : F(l) ? (i(), r("span", Ta, V(C.value), 1)) : x("", !0),
-      F(l) ? x("", !0) : (i(), r("span", Aa, V(e.tab.label), 1)),
-      c.value ? (i(), r("span", {
+      }, null, 8, ["name"])) : F(l) ? (i(), s("span", Ta, V(C.value), 1)) : x("", !0),
+      F(l) ? x("", !0) : (i(), s("span", Aa, V(e.tab.label), 1)),
+      c.value ? (i(), s("span", {
         key: 3,
         class: y(["size-2 shrink-0 rounded-full bg-current", F(l) ? "absolute right-0.5 top-0.5" : ""]),
         "aria-hidden": "true"
-      }, null, 2)) : b.value && !F(l) ? (i(), r("button", {
+      }, null, 2)) : b.value && !F(l) ? (i(), s("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}: ${P.value}`,
-        onClick: k[0] || (k[0] = M((H) => a("close"), ["stop"]))
+        onClick: $[0] || ($[0] = M((H) => a("close"), ["stop"]))
       }, [
         j(N, {
           name: "gtk-close",
@@ -807,33 +807,33 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
         })
       ], 8, Ba)) : x("", !0),
       (i(), U(ge, { to: "body" }, [
-        j($e, {
+        j(ke, {
           "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: G(() => [
-            p.value ? (i(), r("div", {
+            p.value ? (i(), s("div", {
               key: 0,
               class: y(["flex items-center gap-2 rounded-corner border border-ui-border bg-ui-surface/95 px-3 py-1 text-sm shadow-lg", e.active ? "font-bold" : ""]),
               ref_key: "desplegadoRef",
               ref: u,
               style: fe(R.value),
-              onMouseenter: k[2] || (k[2] = (H) => d.value = !0),
-              onMouseleave: k[3] || (k[3] = (H) => d.value = !1),
-              onFocusin: k[4] || (k[4] = (H) => d.value = !0),
+              onMouseenter: $[2] || ($[2] = (H) => d.value = !0),
+              onMouseleave: $[3] || ($[3] = (H) => d.value = !1),
+              onFocusin: $[4] || ($[4] = (H) => d.value = !0),
               onFocusout: K
             }, [
               B("span", Sa, V(e.tab.label), 1),
-              e.tab.dirty ? (i(), r("span", Ma)) : x("", !0),
-              g.value ? (i(), r("button", {
+              e.tab.dirty ? (i(), s("span", Ma)) : x("", !0),
+              g.value ? (i(), s("button", {
                 key: 1,
                 type: "button",
                 class: "flex size-4 shrink-0 items-center justify-center rounded-corner-sm hover:bg-ui-surface",
                 title: e.closeLabel,
                 "aria-label": `${e.closeLabel}: ${P.value}`,
-                onClick: k[1] || (k[1] = M((H) => a("close"), ["stop"]))
+                onClick: $[1] || ($[1] = M((H) => a("close"), ["stop"]))
               }, [
                 j(N, {
                   name: "gtk-close",
@@ -860,7 +860,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
   },
   emits: ["update:modelValue", "select", "close", "new", "reorder", "menu"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { vertical: l } = he(), o = w(null), s = w(0), u = w(null), f = w(null);
+    const t = e, a = n, { vertical: l } = he(), o = w(null), r = w(0), u = w(null), f = w(null);
     function m(h) {
       a("update:modelValue", h), a("select", h);
     }
@@ -868,14 +868,14 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       const b = t.tabs.length - 1;
       if (b < 0) return;
       const p = c === "primera" ? 0 : c === "ultima" ? b : c === "anterior" ? (h - 1 + t.tabs.length) % t.tabs.length : (h + 1) % t.tabs.length;
-      s.value = p, await J(), o.value?.querySelectorAll('[role="tab"]')?.[p]?.focus();
+      r.value = p, await J(), o.value?.querySelectorAll('[role="tab"]')?.[p]?.focus();
     }
     function E(h, c) {
       if (t.fixedOrder) return;
       const b = h + c;
       if (b < 0 || b >= t.tabs.length) return;
       const p = [...t.tabs], [R] = p.splice(h, 1);
-      R && (p.splice(b, 0, R), s.value = b, a("reorder", p));
+      R && (p.splice(b, 0, R), r.value = b, a("reorder", p));
     }
     function L(h) {
       const c = o.value;
@@ -889,7 +889,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
     function g(h, c) {
       t.fixedOrder || u.value === null || (c.preventDefault(), f.value = h, c.dataTransfer && (c.dataTransfer.dropEffect = "move"));
     }
-    function $(h) {
+    function k(h) {
       const c = u.value;
       if (P(), t.fixedOrder || c === null || c === h) return;
       const b = [...t.tabs], [p] = b.splice(c, 1);
@@ -901,7 +901,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
     const C = v(
       () => l.value ? "flex h-full flex-col items-center gap-1 overflow-y-auto overflow-x-hidden" : "flex items-center gap-1 overflow-x-auto overflow-y-hidden"
     );
-    return (h, c) => (i(), r("div", {
+    return (h, c) => (i(), s("div", {
       class: y(["flex min-h-0 min-w-0 items-center gap-1", F(l) ? "w-full flex-col" : "h-full"]),
       role: "tablist",
       "aria-orientation": F(l) ? "vertical" : "horizontal"
@@ -912,7 +912,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
         class: y(C.value),
         onWheel: L
       }, [
-        (i(!0), r(te, null, ue(e.tabs, (b, p) => (i(), r("div", {
+        (i(!0), s(te, null, ue(e.tabs, (b, p) => (i(), s("div", {
           key: b.id,
           class: y(["transition-opacity", [
             u.value === p ? "opacity-40" : "",
@@ -921,7 +921,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
           draggable: !e.fixedOrder,
           onDragstart: (R) => A(p, R),
           onDragover: (R) => g(p, R),
-          onDrop: M((R) => $(p), ["prevent"]),
+          onDrop: M((R) => k(p), ["prevent"]),
           onDragend: P
         }, [
           j(nt, {
@@ -929,7 +929,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
             active: b.id === e.modelValue,
             "close-label": e.closeLabel,
             "dirty-label": e.dirtyLabel,
-            tabindex: p === s.value ? 0 : -1,
+            tabindex: p === r.value ? 0 : -1,
             onSelect: (R) => m(b.id),
             onClose: (R) => a("close", b.id),
             onMenu: (R) => a("menu", { id: b.id, ...R }),
@@ -938,7 +938,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
           }, null, 8, ["tab", "active", "close-label", "dirty-label", "tabindex", "onSelect", "onClose", "onMenu", "onNavegar", "onMover"])
         ], 42, ja))), 128))
       ], 34),
-      e.newLabel ? (i(), r("button", {
+      e.newLabel ? (i(), s("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",
@@ -977,7 +977,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
     function o(d) {
       a.lazy || l("update:modelValue", d.target.value);
     }
-    function s(d) {
+    function r(d) {
       a.lazy && l("update:modelValue", d.target.value);
     }
     const u = w(null);
@@ -992,7 +992,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       a.mono ? "font-mono" : "",
       a.disabled ? "cursor-not-allowed opacity-60" : ""
     ]);
-    return (d, E) => (i(), r("input", {
+    return (d, E) => (i(), s("input", {
       ref_key: "campo",
       ref: u,
       id: e.id,
@@ -1008,7 +1008,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       "aria-invalid": e.invalid || void 0,
       class: y(m.value),
       onInput: o,
-      onChange: s,
+      onChange: r,
       onKeyup: E[0] || (E[0] = (L) => l("keyup", L)),
       onKeydown: E[1] || (E[1] = (L) => l("keydown", L))
     }, null, 42, Fa));
@@ -1031,7 +1031,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
   emits: ["update:modelValue", "search", "clear", "keydown"],
   setup(e, { expose: n, emit: t }) {
     const a = e, l = t, o = w(null);
-    let s;
+    let r;
     const u = v(() => a.modelValue.length > 0), f = v(
       () => a.listboxId ? {
         role: "combobox",
@@ -1042,10 +1042,10 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       } : {}
     ), m = v(() => a.clearable && u.value && !a.disabled);
     function d() {
-      clearTimeout(s), s = void 0;
+      clearTimeout(r), r = void 0;
     }
-    function E($) {
-      l("update:modelValue", $), !(a.debounce <= 0) && (d(), s = setTimeout(() => l("search", $), a.debounce));
+    function E(k) {
+      l("update:modelValue", k), !(a.debounce <= 0) && (d(), r = setTimeout(() => l("search", k), a.debounce));
     }
     function L() {
       d(), l("search", a.modelValue);
@@ -1060,10 +1060,10 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       a.autofocus && (await J(), g());
     }), ve(d), Q(
       () => a.disabled,
-      ($) => {
-        $ && d();
+      (k) => {
+        k && d();
       }
-    ), ($, P) => (i(), r("div", {
+    ), (k, P) => (i(), s("div", {
       class: "relative flex items-center",
       onKeydown: I(L, ["enter"])
     }, [
@@ -1088,7 +1088,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
         "onUpdate:modelValue": E,
         onKeydown: P[0] || (P[0] = (C) => l("keydown", C))
       }), null, 16, ["model-value", "placeholder", "ariaLabel", "disabled", "class"]),
-      m.value ? (i(), r("button", {
+      m.value ? (i(), s("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",
@@ -1118,35 +1118,35 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
   },
   emits: ["update:modelValue", "search", "open", "close"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { vertical: l, posicion: o } = he(), s = w(!1), u = w(null), f = v(() => l.value || t.collapsed), m = v(() => !f.value || s.value), d = v(() => {
+    const t = e, a = n, { vertical: l, posicion: o } = he(), r = w(!1), u = w(null), f = v(() => l.value || t.collapsed), m = v(() => !f.value || r.value), d = v(() => {
       if (!f.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 E() {
-      s.value = !0, a("open"), await J(), u.value?.enfocar();
+      r.value = !0, a("open"), await J(), u.value?.enfocar();
     }
     function L() {
-      s.value && (s.value = !1, a("close"));
+      r.value && (r.value = !1, a("close"));
     }
     function A(g) {
-      const $ = g.relatedTarget;
-      $ && g.currentTarget.contains($) || L();
+      const k = g.relatedTarget;
+      k && g.currentTarget.contains(k) || L();
     }
-    return (g, $) => (i(), r("div", {
+    return (g, k) => (i(), s("div", {
       class: "relative flex shrink-0 items-center",
       onFocusout: A
     }, [
-      f.value ? (i(), r("button", {
+      f.value ? (i(), s("button", {
         key: 0,
         type: "button",
         class: "flex size-7 items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 hover:bg-ui-surface/70",
         title: e.label,
         "aria-label": e.label,
-        "aria-expanded": s.value,
-        onMousedown: $[0] || ($[0] = M(() => {
+        "aria-expanded": r.value,
+        onMousedown: k[0] || (k[0] = M(() => {
         }, ["prevent"])),
-        onClick: $[1] || ($[1] = (P) => s.value ? L() : E())
+        onClick: k[1] || (k[1] = (P) => r.value ? L() : E())
       }, [
         j(N, {
           name: "system-search",
@@ -1154,7 +1154,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
           size: 14
         })
       ], 40, Ha)) : x("", !0),
-      m.value ? (i(), r("div", {
+      m.value ? (i(), s("div", {
         key: 1,
         class: y(d.value),
         onKeydown: I(L, ["esc"])
@@ -1168,8 +1168,8 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
           disabled: e.disabled,
           debounce: e.debounce,
           class: y(f.value ? "" : "w-48"),
-          "onUpdate:modelValue": $[2] || ($[2] = (P) => a("update:modelValue", P)),
-          onSearch: $[3] || ($[3] = (P) => a("search", P))
+          "onUpdate:modelValue": k[2] || (k[2] = (P) => a("update:modelValue", P)),
+          onSearch: k[3] || (k[3] = (P) => a("search", P))
         }, null, 8, ["model-value", "placeholder", "label", "disabled", "debounce", "class"])
       ], 34)) : x("", !0)
     ], 32));
@@ -1197,19 +1197,19 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
   emits: ["click"],
   setup(e, { emit: n }) {
     const t = e, a = n, l = {
-      primary: "bg-primary dark:bg-primary-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-primary/90 dark:hover:bg-primary-dark/90",
-      secondary: "bg-secondary dark:bg-secondary-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-secondary/80 dark:hover:bg-secondary-dark/80",
-      danger: "bg-status-error dark:bg-status-error-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-status-error/90 dark:hover:bg-status-error-dark/90"
+      primary: "bg-primary text-tx-on-primary hover:bg-primary/90",
+      secondary: "bg-secondary text-tx-on-primary hover:bg-secondary/80",
+      danger: "bg-status-error text-tx-on-primary hover:bg-status-error/90"
     }, o = {
       sm: "px-2 py-1 text-xs",
       md: "px-3 py-1 text-sm",
       lg: "px-4 py-2 text-base"
-    }, s = (u) => {
+    }, r = (u) => {
       t.stopPropagation && u.stopPropagation(), t.preventDefault && u.preventDefault(), !t.disabled && !t.loading && a("click");
     };
-    return (u, f) => (i(), r("button", {
+    return (u, f) => (i(), s("button", {
       type: t.type,
-      onClick: s,
+      onClick: r,
       class: y(["rounded-corner transition-[background-color,opacity] duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", [
         l[t.variant],
         o[t.size],
@@ -1219,15 +1219,15 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
       ]]),
       disabled: t.disabled || t.loading
     }, [
-      e.loading ? (i(), r("span", Wa)) : x("", !0),
-      t.iconSrc && !t.iconRight ? (i(), r("img", {
+      e.loading ? (i(), s("span", Wa)) : x("", !0),
+      t.iconSrc && !t.iconRight ? (i(), s("img", {
         key: 1,
         src: t.iconSrc,
         alt: t.iconAlt || t.label,
         class: "w-4 h-4"
       }, null, 8, Ga)) : x("", !0),
-      t.label ? (i(), r("span", Qa, V(t.label), 1)) : x("", !0),
-      t.iconSrc && t.iconRight ? (i(), r("img", {
+      t.label ? (i(), s("span", Qa, V(t.label), 1)) : x("", !0),
+      t.iconSrc && t.iconRight ? (i(), s("img", {
         key: 3,
         src: t.iconSrc,
         alt: t.iconAlt || t.label,
@@ -1240,7 +1240,7 @@ const wa = ["title", "aria-label"], ka = ["title", "aria-label"], $a = ["title",
   for (const [a, l] of n)
     t[a] = l;
   return t;
-}, Ja = /* @__PURE__ */ Oe(Xa, [["__scopeId", "data-v-3c1bd6bd"]]), ot = {
+}, Ja = /* @__PURE__ */ Oe(Xa, [["__scopeId", "data-v-69cf4563"]]), ot = {
   info: "border-ui-border bg-ui-surface/70 text-tx-main",
   success: "border-status-success/40 bg-status-success/10 text-tx-main",
   warning: "border-status-warning/40 bg-status-warning/10 text-tx-main",
@@ -1265,12 +1265,12 @@ const Za = ["role"], _a = {
   },
   setup(e) {
     const n = e, t = v(() => ot[n.tone]), a = v(() => it(n.tone));
-    return (l, o) => (i(), r("div", {
+    return (l, o) => (i(), s("div", {
       role: a.value,
       "aria-atomic": "true",
       class: y(["flex gap-3 rounded-corner border px-4 py-2 text-sm", t.value])
     }, [
-      e.icon ? (i(), r("span", _a, [
+      e.icon ? (i(), s("span", _a, [
         j(N, {
           name: e.icon,
           type: e.iconType,
@@ -1279,7 +1279,7 @@ const Za = ["role"], _a = {
         }, null, 8, ["name", "type"])
       ])) : x("", !0),
       B("div", en, [
-        e.title ? (i(), r("p", tn, V(e.title), 1)) : x("", !0),
+        e.title ? (i(), s("p", tn, V(e.title), 1)) : x("", !0),
         B("div", {
           class: y(e.title ? "mt-1" : "")
         }, [
@@ -1301,7 +1301,7 @@ const Za = ["role"], _a = {
     bordered: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (n, t) => (i(), r("div", {
+    return (n, t) => (i(), s("div", {
       class: y(["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" : ""])
     }, [
       j(N, {
@@ -1311,24 +1311,24 @@ const Za = ["role"], _a = {
         class: "opacity-60"
       }, null, 8, ["name", "type"]),
       B("p", nn, V(e.title), 1),
-      e.note ? (i(), r("p", ln, V(e.note), 1)) : x("", !0),
+      e.note ? (i(), s("p", ln, V(e.note), 1)) : x("", !0),
       S(n.$slots, "default")
     ], 2));
   }
-}), rn = { class: "text-sm text-tx-muted" }, sn = /* @__PURE__ */ D({
+}), sn = { class: "text-sm text-tx-muted" }, rn = /* @__PURE__ */ D({
   __name: "LoadingState",
   props: {
     label: {},
     bordered: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (n, t) => (i(), r("div", {
+    return (n, t) => (i(), s("div", {
       role: "status",
       "aria-atomic": "true",
       class: y(["flex flex-col items-center justify-center gap-4 px-8 py-12 text-center", e.bordered ? "rounded-corner border border-ui-border border-dashed bg-ui-surface/20" : ""])
     }, [
       t[0] || (t[0] = B("span", { class: "h-10 w-10 animate-spin rounded-full border-4 border-ui-border border-t-primary motion-reduce:animate-none" }, null, -1)),
-      B("p", rn, V(e.label), 1)
+      B("p", sn, V(e.label), 1)
     ], 2));
   }
 }), un = ["role"], cn = /* @__PURE__ */ D({
@@ -1345,7 +1345,7 @@ const Za = ["role"], _a = {
       B("div", {
         class: y(["pointer-events-none fixed z-60 flex flex-col gap-2", t.value])
       }, [
-        j(kt, {
+        j($t, {
           "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",
@@ -1353,14 +1353,14 @@ const Za = ["role"], _a = {
           "move-class": "transition-transform duration-300"
         }, {
           default: G(() => [
-            (i(!0), r(te, null, ue(e.toasts, (o) => (i(), r("div", {
+            (i(!0), s(te, null, ue(e.toasts, (o) => (i(), s("div", {
               key: o.id,
               role: F(it)(o.tone ?? "info"),
               "aria-atomic": "true",
               class: y(["pointer-events-auto rounded-corner border px-4 py-2 text-sm shadow-lg backdrop-blur-sm", F(ot)[o.tone ?? "info"]])
             }, [
               S(a.$slots, "default", { aviso: o }, () => [
-                ke(V(o.message), 1)
+                $e(V(o.message), 1)
               ])
             ], 10, un))), 128))
           ]),
@@ -1387,7 +1387,7 @@ const Za = ["role"], _a = {
     }, a = v(
       () => n.value === null ? null : Math.max(0, Math.min(100, n.value))
     );
-    return (l, o) => (i(), r("div", {
+    return (l, o) => (i(), s("div", {
       role: "progressbar",
       "aria-label": e.label,
       "aria-valuenow": a.value ?? void 0,
@@ -1395,11 +1395,11 @@ const Za = ["role"], _a = {
       "aria-valuemax": "100",
       class: "h-2 w-full overflow-hidden rounded-corner bg-ui-surface/70"
     }, [
-      a.value !== null ? (i(), r("div", {
+      a.value !== null ? (i(), s("div", {
         key: 0,
         class: y(["h-full rounded-corner transition-[width] duration-300 ease-out", t[e.tone]]),
         style: fe({ width: `${a.value}%` })
-      }, null, 6)) : (i(), r("div", fn))
+      }, null, 6)) : (i(), s("div", fn))
     ], 8, dn));
   }
 }), bn = /[/\-_.]/;
@@ -1413,7 +1413,7 @@ function vn(e, n) {
   if (!t) return e;
   const a = [];
   for (let l = 0; l < e.length; l++) {
-    const o = e[l], s = Le(t, o.valor), u = Le(t, o.etiqueta), f = u === 10 ? 20 : u, d = Le(t, o.detalle) === 100 ? 100 : 40, E = Math.min(s, f, d);
+    const o = e[l], r = Le(t, o.valor), u = Le(t, o.etiqueta), f = u === 10 ? 20 : u, d = Le(t, o.detalle) === 100 ? 100 : 40, E = Math.min(r, f, d);
     E !== 100 && a.push({ opcion: o, rango: E, orden: l });
   }
   return a.sort((l, o) => l.rango - o.rango || l.orden - o.orden), a.map((l) => l.opcion);
@@ -1425,10 +1425,10 @@ function pn() {
 const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 flex-1 truncate" }, hn = {
   key: 0,
   class: "ml-2 text-tx-muted text-xs"
-}, xn = { class: "border-ui-border border-b p-2" }, wn = ["id"], kn = {
+}, xn = { class: "border-ui-border border-b p-2" }, wn = ["id"], $n = {
   key: 0,
   class: "p-3 text-center text-tx-muted text-xs"
-}, $n = ["id", "data-indice", "aria-selected"], Cn = { class: "min-w-0 flex-1 truncate" }, zn = {
+}, kn = ["id", "data-indice", "aria-selected"], Cn = { class: "min-w-0 flex-1 truncate" }, zn = {
   key: 0,
   class: "shrink-0 text-tx-muted text-xs"
 }, En = {
@@ -1449,10 +1449,10 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = w(""), o = w(!1), s = w(0), u = w(null), f = w(null), m = w(null), d = pn(), E = v(
+    const t = e, a = n, l = w(""), o = w(!1), r = w(0), u = w(null), f = w(null), m = w(null), d = pn(), E = v(
       () => t.options.find((T) => T.valor === t.modelValue) ?? null
-    ), L = v(() => vn(t.options, l.value)), A = v(() => L.value.slice(0, t.limit)), g = v(() => Math.max(0, L.value.length - t.limit)), $ = v(
-      () => A.value.length > 0 ? `${d}-${s.value}` : void 0
+    ), L = v(() => vn(t.options, l.value)), A = v(() => L.value.slice(0, t.limit)), g = v(() => Math.max(0, L.value.length - t.limit)), k = v(
+      () => A.value.length > 0 ? `${d}-${r.value}` : void 0
     );
     function P(T) {
       a("update:modelValue", T), h();
@@ -1460,17 +1460,17 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
     async function C() {
       o.value = !0;
       const T = A.value.findIndex((z) => z.valor === t.modelValue);
-      s.value = T >= 0 ? T : 0, await J(), m.value?.enfocar(), K();
+      r.value = T >= 0 ? T : 0, await J(), m.value?.enfocar(), K();
     }
     function h(T = !0) {
       o.value && (o.value = !1, l.value = "", T && J(() => f.value?.focus()));
     }
     function c(T) {
       const z = A.value.length;
-      z !== 0 && (s.value = (s.value + T + z) % z, K());
+      z !== 0 && (r.value = (r.value + T + z) % z, K());
     }
     function b(T) {
-      s.value = T, K();
+      r.value = T, K();
     }
     function p(T) {
       const z = T.target?.closest?.("[data-indice]");
@@ -1484,15 +1484,15 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
     }
     function le(T) {
       const z = p(T);
-      z !== null && (s.value = z);
+      z !== null && (r.value = z);
     }
     function K() {
       J(() => {
-        u.value?.querySelector(`[data-indice="${s.value}"]`)?.scrollIntoView({ block: "nearest" });
+        u.value?.querySelector(`[data-indice="${r.value}"]`)?.scrollIntoView({ block: "nearest" });
       });
     }
     function oe() {
-      const T = A.value[s.value];
+      const T = A.value[r.value];
       T && P(T.valor);
     }
     Q(
@@ -1501,13 +1501,13 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
         T && h(!1);
       }
     ), Q(l, () => {
-      s.value = 0, K();
+      r.value = 0, K();
     });
     function Y(T) {
       const z = T.relatedTarget;
       z && T.currentTarget.contains(z) || h(!1);
     }
-    return (T, z) => (i(), r("div", {
+    return (T, z) => (i(), s("div", {
       class: "relative",
       onFocusout: Y
     }, [
@@ -1527,8 +1527,8 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
         ]
       }, [
         B("span", gn, [
-          ke(V(E.value?.etiqueta ?? e.placeholder) + " ", 1),
-          E.value?.detalle ? (i(), r("span", hn, V(E.value.detalle), 1)) : x("", !0)
+          $e(V(E.value?.etiqueta ?? e.placeholder) + " ", 1),
+          E.value?.detalle ? (i(), s("span", hn, V(E.value.detalle), 1)) : x("", !0)
         ]),
         j(N, {
           name: "go-down",
@@ -1537,7 +1537,7 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
           class: "shrink-0 opacity-60"
         })
       ], 40, yn),
-      o.value ? (i(), r("div", {
+      o.value ? (i(), s("div", {
         key: 0,
         class: y(["absolute z-20 w-full min-w-64 rounded-corner border border-ui-border-strong bg-ui-bg shadow-lg", e.up ? "bottom-full mb-1" : "mt-1"]),
         onKeydown: [
@@ -1561,7 +1561,7 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
             label: e.label,
             placeholder: e.searchPlaceholder,
             "listbox-id": F(d),
-            "active-option-id": $.value,
+            "active-option-id": k.value,
             expanded: o.value
           }, null, 8, ["modelValue", "label", "placeholder", "listbox-id", "active-option-id", "expanded"])
         ]),
@@ -1572,27 +1572,27 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
           role: "listbox",
           class: "max-h-56 overflow-y-auto p-1"
         }, [
-          A.value.length === 0 ? (i(), r("li", kn, V(e.emptyText), 1)) : x("", !0),
-          (i(!0), r(te, null, ue(A.value, (O, de) => (i(), r("li", {
+          A.value.length === 0 ? (i(), s("li", $n, V(e.emptyText), 1)) : x("", !0),
+          (i(!0), s(te, null, ue(A.value, (O, de) => (i(), s("li", {
             id: `${F(d)}-${de}`,
             key: O.valor,
             "data-indice": de,
             role: "option",
             "aria-selected": O.valor === e.modelValue,
             class: y(["flex cursor-pointer items-baseline gap-2 rounded-corner px-2 py-1 text-sm", [
-              de === s.value ? "bg-ui-surface" : "",
+              de === r.value ? "bg-ui-surface" : "",
               O.valor === e.modelValue ? "font-medium text-primary" : "text-tx-main"
             ]])
           }, [
             B("span", Cn, V(O.etiqueta), 1),
-            O.detalle ? (i(), r("span", zn, V(O.detalle), 1)) : x("", !0)
-          ], 10, $n))), 128)),
-          g.value > 0 ? (i(), r("li", En, "+" + V(g.value), 1)) : x("", !0)
+            O.detalle ? (i(), s("span", zn, V(O.detalle), 1)) : x("", !0)
+          ], 10, kn))), 128)),
+          g.value > 0 ? (i(), s("li", En, "+" + V(g.value), 1)) : x("", !0)
         ], 8, wn)
       ], 34)) : x("", !0)
     ], 32));
   }
-}), Dn = { class: "text-base font-semibold m-0 text-primary dark:text-primary-dark" }, Tn = /* @__PURE__ */ D({
+}), Dn = { class: "text-base font-semibold m-0 text-primary" }, Tn = /* @__PURE__ */ D({
   __name: "ConfigSection",
   props: {
     title: {},
@@ -1600,14 +1600,14 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
     customClass: { default: () => ({}) }
   },
   setup(e) {
-    return (n, t) => (i(), r("div", {
+    return (n, t) => (i(), s("div", {
       class: y(["flex flex-col gap-4 p-4 background rounded-corner", e.customClass])
     }, [
       B("h3", Dn, V(e.icon ? `${e.icon} ${e.title}` : e.title), 1),
       S(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), An = /* @__PURE__ */ Oe(Tn, [["__scopeId", "data-v-45bd4eab"]]), Bn = ["role", "tabindex", "aria-label", "onKeydown"], Sn = { class: "flex items-center gap-3 flex-1 min-w-0" }, Mn = ["src", "alt"], Vn = { class: "min-w-0" }, In = { class: "font-semibold truncate" }, On = {
+}), An = /* @__PURE__ */ Oe(Tn, [["__scopeId", "data-v-47cb38fb"]]), Bn = ["role", "tabindex", "aria-label", "onKeydown"], Sn = { class: "flex items-center gap-3 flex-1 min-w-0" }, Mn = ["src", "alt"], Vn = { class: "min-w-0" }, In = { class: "font-semibold truncate" }, On = {
   key: 0,
   class: "text-xs text-tx-muted truncate"
 }, jn = {
@@ -1640,7 +1640,7 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
   },
   emits: ["action", "click"],
   setup(e, { emit: n }) {
-    const t = e, a = (f) => typeof f == "string" ? "" : f.icon ?? "", l = (f) => typeof f == "string" ? f : f.text, o = n, s = () => {
+    const t = e, a = (f) => typeof f == "string" ? "" : f.icon ?? "", l = (f) => typeof f == "string" ? f : f.text, o = n, r = () => {
       o("action");
     }, u = () => {
       t.clickable && o("click");
@@ -1649,7 +1649,7 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
       t.icon && !t.name && console.warn(
         "[DeviceCard] «icon» está obsoleto y se va en la próxima mayor: recibe una ruta ya resuelta. Usá «name» con el nombre del icono del tema, y «type» si hace falta el símbolo."
       );
-    }), (f, m) => (i(), r("div", {
+    }), (f, m) => (i(), s("div", {
       class: y(["flex items-center justify-between background rounded-corner border border-ui-border px-6 py-3 mb-4", [
         { "border-l-4 border-status-success": e.isConnected, "cursor-pointer": e.clickable },
         e.customClass
@@ -1670,7 +1670,7 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
           type: e.type,
           size: 28,
           alt: e.title
-        }, null, 8, ["name", "type", "alt"])) : (i(), r("img", {
+        }, null, 8, ["name", "type", "alt"])) : (i(), s("img", {
           key: 1,
           src: e.icon,
           alt: e.title,
@@ -1678,10 +1678,10 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
         }, null, 8, Mn)),
         B("div", Vn, [
           B("div", In, V(e.title), 1),
-          e.subtitle ? (i(), r("div", On, V(e.subtitle), 1)) : x("", !0),
-          e.metadata ? (i(), r("div", jn, V(e.metadata), 1)) : x("", !0),
-          e.extraInfo.length > 0 ? (i(), r("div", Pn, [
-            (i(!0), r(te, null, ue(e.extraInfo, (d, E) => (i(), r("span", {
+          e.subtitle ? (i(), s("div", On, V(e.subtitle), 1)) : x("", !0),
+          e.metadata ? (i(), s("div", jn, V(e.metadata), 1)) : x("", !0),
+          e.extraInfo.length > 0 ? (i(), s("div", Pn, [
+            (i(!0), s(te, null, ue(e.extraInfo, (d, E) => (i(), s("span", {
               key: E,
               class: "inline-flex items-center gap-1"
             }, [
@@ -1691,24 +1691,24 @@ const yn = ["disabled", "aria-label", "aria-expanded"], gn = { class: "min-w-0 f
                 type: "symbol",
                 size: 14
               }, null, 8, ["name"])) : x("", !0),
-              ke(" " + V(l(d)), 1)
+              $e(" " + V(l(d)), 1)
             ]))), 128))
           ])) : x("", !0)
         ])
       ]),
-      e.showActionButton ? (i(), r("button", {
+      e.showActionButton ? (i(), s("button", {
         key: 0,
         type: "button",
         class: "bg-primary text-tx-on-primary rounded-corner px-4 py-2 text-sm font-semibold cursor-pointer hover:opacity-70 disabled:opacity-50 disabled:cursor-not-allowed",
         disabled: e.isConnecting,
-        onClick: M(s, ["stop"])
+        onClick: M(r, ["stop"])
       }, V(e.isConnecting ? e.connectingLabel : e.actionLabel), 9, Rn)) : x("", !0),
-      e.showStatusIndicator && e.isConnected ? (i(), r("div", Fn)) : x("", !0)
+      e.showStatusIndicator && e.isConnected ? (i(), s("div", Fn)) : x("", !0)
     ], 42, Bn));
   }
-}), rt = /* @__PURE__ */ Symbol("diálogo de vasak");
-function st() {
-  const e = we(rt, null);
+}), st = /* @__PURE__ */ Symbol("diálogo de vasak");
+function rt() {
+  const e = we(st, null);
   if (e) return e;
   const n = w(!1);
   return {
@@ -1733,18 +1733,18 @@ const Hn = /* @__PURE__ */ D({
   emits: ["update:open"],
   setup(e, { emit: n }) {
     const t = e, a = n, l = w(null);
-    return ye(rt, {
+    return ye(st, {
       abierto: v(() => t.open),
       cerrar: () => a("update:open", !1),
       idDelTitulo: l,
       ponerElTitulo: (o) => {
         l.value = o;
       }
-    }), (o, s) => S(o.$slots, "default");
+    }), (o, r) => S(o.$slots, "default");
   }
 }), Un = {
   key: 0,
-  class: "absolute inset-0 rounded-corner-window bg-ui-border-dark/40"
+  class: "absolute inset-0 rounded-corner-window bg-ui-border/40"
 }, Kn = ["aria-labelledby", "aria-label"], Wn = "relative z-10 w-full rounded-corner border border-ui-border bg-ui-bg/80 p-6 text-tx-main shadow-lg", Gn = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "DialogContent",
@@ -1756,14 +1756,14 @@ const Hn = /* @__PURE__ */ D({
     const n = e, t = Be(), a = v(() => t.class ?? ""), l = v(() => {
       const { class: C, ...h } = t;
       return h;
-    }), o = v(() => n.size === "full" ? "relative z-10 h-full w-full overflow-hidden rounded-corner-window text-tx-main" : `${Wn} ${n.size === "lg" ? "max-w-2xl" : "max-w-lg"}`), s = st(), u = v(() => s.abierto.value), f = w(null), m = w(null);
+    }), o = v(() => n.size === "full" ? "relative z-10 h-full w-full overflow-hidden rounded-corner-window text-tx-main" : `${Wn} ${n.size === "lg" ? "max-w-2xl" : "max-w-lg"}`), r = rt(), u = v(() => r.abierto.value), f = w(null), m = w(null);
     let d = null;
     function E() {
       return m.value ? [...m.value.querySelectorAll('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])')] : [];
     }
     function L(C) {
       if (C.key === "Escape") {
-        s.cerrar();
+        r.cerrar();
         return;
       }
       if (C.key !== "Tab") return;
@@ -1776,12 +1776,12 @@ const Hn = /* @__PURE__ */ D({
       C.shiftKey && (p === c || p === m.value) ? (C.preventDefault(), b.focus()) : !C.shiftKey && p === b && (C.preventDefault(), c.focus());
     }
     function A(C) {
-      C.target === C.currentTarget && s.cerrar();
+      C.target === C.currentTarget && r.cerrar();
     }
     function g(C) {
       f.value?.contains(C.target) || L(C);
     }
-    function $() {
+    function k() {
       document.removeEventListener("keydown", g);
     }
     function P() {
@@ -1795,23 +1795,23 @@ const Hn = /* @__PURE__ */ D({
           d = document.activeElement, document.addEventListener("keydown", g), await J(), m.value?.focus();
           return;
         }
-        $(), P();
+        k(), P();
       },
       // `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(() => {
-      $(), P();
+      k(), P();
     }), (C, h) => (i(), U(ge, { to: "body" }, [
-      j($e, {
+      j(ke, {
         "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: G(() => [
-          u.value ? (i(), r("div", {
+          u.value ? (i(), s("div", {
             key: 0,
             ref_key: "velo",
             ref: f,
@@ -1819,15 +1819,15 @@ const Hn = /* @__PURE__ */ D({
             onClick: A,
             onKeydown: L
           }, [
-            n.size === "md" ? (i(), r("div", Un)) : x("", !0),
+            n.size === "md" ? (i(), s("div", Un)) : x("", !0),
             B("div", ce({
               ref_key: "panel",
               ref: m,
               tabindex: "-1",
               role: "dialog",
               "aria-modal": "true",
-              "aria-labelledby": F(s).idDelTitulo.value ?? void 0,
-              "aria-label": F(s).idDelTitulo.value ? void 0 : e.ariaLabel
+              "aria-labelledby": F(r).idDelTitulo.value ?? void 0,
+              "aria-label": F(r).idDelTitulo.value ? void 0 : e.ariaLabel
             }, l.value, {
               class: [a.value, o.value]
             }), [
@@ -1842,29 +1842,29 @@ const Hn = /* @__PURE__ */ D({
 }), Qn = { class: "text-sm text-tx-muted" }, Yn = /* @__PURE__ */ D({
   __name: "DialogDescription",
   setup(e) {
-    return (n, t) => (i(), r("p", Qn, [
+    return (n, t) => (i(), s("p", Qn, [
       S(n.$slots, "default")
     ]));
   }
 }), Xn = { class: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, Jn = /* @__PURE__ */ D({
   __name: "DialogFooter",
   setup(e) {
-    return (n, t) => (i(), r("div", Xn, [
+    return (n, t) => (i(), s("div", Xn, [
       S(n.$slots, "default")
     ]));
   }
 }), Zn = { class: "flex flex-col gap-1.5 text-center sm:text-left" }, _n = /* @__PURE__ */ D({
   __name: "DialogHeader",
   setup(e) {
-    return (n, t) => (i(), r("div", Zn, [
+    return (n, t) => (i(), s("div", Zn, [
       S(n.$slots, "default")
     ]));
   }
 }), el = ["id"], tl = /* @__PURE__ */ D({
   __name: "DialogTitle",
   setup(e) {
-    const n = st(), t = qn();
-    return W(() => n.ponerElTitulo(t)), ve(() => n.ponerElTitulo(null)), (a, l) => (i(), r("h2", {
+    const n = rt(), t = qn();
+    return W(() => n.ponerElTitulo(t)), ve(() => n.ponerElTitulo(null)), (a, l) => (i(), s("h2", {
       id: F(t),
       class: "font-semibold text-lg leading-none tracking-tight"
     }, [
@@ -1908,7 +1908,7 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
   },
   emits: ["update:open"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = w(!1), o = w(null), s = w(null), u = w("ninguno"), f = ct();
+    const t = e, a = n, l = w(!1), o = w(null), r = w(null), u = w("ninguno"), f = ct();
     let m = null;
     const d = v({
       get: () => t.open ?? l.value,
@@ -1918,8 +1918,8 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
     });
     Q(d, (g) => {
       if (g) {
-        const $ = document.activeElement;
-        m = $ instanceof HTMLElement ? $ : null;
+        const k = document.activeElement;
+        m = k instanceof HTMLElement ? k : null;
       } else
         u.value = "ninguno";
     });
@@ -1928,8 +1928,8 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
     }
     function L(g = {}) {
       if (d.value = !1, !g.devolverElFoco) return;
-      const $ = m ?? o.value;
-      $?.isConnected && $.focus();
+      const k = m ?? o.value;
+      k?.isConnected && k.focus();
     }
     function A(g = "ninguno") {
       if (d.value) {
@@ -1941,9 +1941,9 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
     return ye(ut, {
       abierto: d,
       idDelMenu: f,
-      idDeLaEtiqueta: s,
+      idDeLaEtiqueta: r,
       ponerLaEtiqueta: (g) => {
-        s.value = g;
+        r.value = g;
       },
       disparador: o,
       ponerElDisparador: (g) => {
@@ -1953,7 +1953,7 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
       abrir: E,
       cerrar: L,
       alternar: A
-    }), (g, $) => (i(), r("div", al, [
+    }), (g, k) => (i(), s("div", al, [
       S(g.$slots, "default")
     ]));
   }
@@ -1969,7 +1969,7 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
     sideOffset: { default: 4 }
   },
   setup(e) {
-    const n = e, t = Ce(), { idDelMenu: a, idDeLaEtiqueta: l } = t, o = v(() => t.disparador.value), s = v(() => t.abierto.value), u = w(null), f = w({
+    const n = e, t = Ce(), { idDelMenu: a, idDeLaEtiqueta: l } = t, o = v(() => t.disparador.value), r = v(() => t.abierto.value), u = w(null), f = w({
       top: 0,
       left: 0,
       techo: null
@@ -2042,12 +2042,12 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
       const p = b.length;
       b[(c % p + p) % p]?.focus();
     }
-    function $() {
+    function k() {
       const c = document.activeElement;
       return c instanceof HTMLElement ? A().indexOf(c) : -1;
     }
     function P(c) {
-      const b = $();
+      const b = k();
       switch (c.key) {
         case "ArrowDown":
           c.preventDefault(), g(b + 1);
@@ -2069,7 +2069,7 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
           break;
       }
     }
-    Q(s, async (c) => {
+    Q(r, async (c) => {
       if (c)
         switch (await J(), requestAnimationFrame(() => {
           L();
@@ -2088,7 +2088,7 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
         }
     });
     function C(c) {
-      s.value && (c && u.value?.contains(c.target) || L());
+      r.value && (c && u.value?.contains(c.target) || L());
     }
     function h(c) {
       const b = c.target, p = !!b.closest("[data-dropdown-content]"), R = !!o.value?.contains(b);
@@ -2099,7 +2099,7 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
     }), pe(() => {
       document.removeEventListener("click", h), window.removeEventListener("resize", C), window.removeEventListener("scroll", C, !0);
     }), (c, b) => (i(), U(ge, { to: "body" }, [
-      j($e, {
+      j(ke, {
         "enter-active-class": "transition-all duration-150 ease-in-out",
         "leave-active-class": "transition-all duration-150 ease-in-out",
         "enter-from-class": "opacity-0 scale-95",
@@ -2117,7 +2117,7 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
             tabindex: "-1",
             "aria-orientation": "vertical",
             "aria-labelledby": F(l) ?? void 0,
-            inert: !s.value,
+            inert: !r.value,
             style: {
               position: "fixed",
               top: `${f.value.top}px`,
@@ -2136,14 +2136,14 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
               S(c.$slots, "default")
             ])
           ], 16, ll), [
-            [Ye, s.value]
+            [Ye, r.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), rl = ["aria-disabled", "onKeydown"], sl = /* @__PURE__ */ D({
+}), sl = ["aria-disabled", "onKeydown"], rl = /* @__PURE__ */ D({
   __name: "DropdownMenuItem",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -2151,10 +2151,10 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
   emits: ["select", "click"],
   setup(e, { emit: n }) {
     const t = e, a = n, l = Ce();
-    function o(s) {
-      t.disabled || (a("select"), a("click", s), l.cerrar({ devolverElFoco: !0 }));
+    function o(r) {
+      t.disabled || (a("select"), a("click", r), l.cerrar({ devolverElFoco: !0 }));
     }
-    return (s, u) => (i(), r("div", {
+    return (r, u) => (i(), s("div", {
       role: "menuitem",
       tabindex: "0",
       "aria-disabled": e.disabled || void 0,
@@ -2171,8 +2171,8 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
         I(M(o, ["prevent"]), ["space"])
       ]
     }, [
-      S(s.$slots, "default")
-    ], 42, rl));
+      S(r.$slots, "default")
+    ], 42, sl));
   }
 }), ul = /* @__PURE__ */ D({
   __name: "DropdownMenuLabel",
@@ -2182,7 +2182,7 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
       n.ponerLaEtiqueta(t);
     }), pe(() => {
       n.ponerLaEtiqueta(null);
-    }), (a, l) => (i(), r("div", {
+    }), (a, l) => (i(), s("div", {
       id: t,
       role: "presentation",
       class: "px-3 py-2 text-sm font-semibold text-tx-main"
@@ -2197,7 +2197,7 @@ const al = { class: "relative inline-block" }, nl = /* @__PURE__ */ D({
 }, dl = /* @__PURE__ */ D({
   __name: "DropdownMenuSeparator",
   setup(e) {
-    return (n, t) => (i(), r("div", cl));
+    return (n, t) => (i(), s("div", cl));
   }
 });
 function dt(e) {
@@ -2227,7 +2227,7 @@ const ml = D({
     function o() {
       a.ponerElDisparador(fl(l.value));
     }
-    function s() {
+    function r() {
       e.disabled || (o(), a.alternar());
     }
     function u(f) {
@@ -2259,12 +2259,12 @@ const ml = D({
         // a un elemento que el lector no expone —el menú cerrado está
         // `inert`— es una referencia rota.
         "aria-controls": a.abierto.value ? a.idDelMenu : void 0,
-        onClick: s,
+        onClick: r,
         onKeydown: u
       }, m = n.default?.() ?? [];
       if (e.asChild) {
         const d = dt(m);
-        if (d) return $t(d, { ...t, ...f });
+        if (d) return kt(d, { ...t, ...f });
       }
       return Ct(
         "div",
@@ -2282,18 +2282,18 @@ const ml = D({
     labelClass: { default: () => ({}) }
   },
   setup(e) {
-    return (n, t) => (i(), r("div", {
+    return (n, t) => (i(), s("div", {
       class: y(["flex flex-col gap-2", e.customClass])
     }, [
-      e.label ? (i(), r("label", {
+      e.label ? (i(), s("label", {
         key: 0,
         for: e.htmlFor,
-        class: y(["text-sm font-medium text-primary dark:text-primary-dark", e.labelClass])
+        class: y(["text-sm font-medium text-primary", e.labelClass])
       }, V(e.label), 11, bl)) : x("", !0),
       S(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), pl = /* @__PURE__ */ Oe(vl, [["__scopeId", "data-v-c0d9d9cb"]]), yl = ["role", "tabindex", "onKeydown"], gl = /* @__PURE__ */ D({
+}), pl = /* @__PURE__ */ Oe(vl, [["__scopeId", "data-v-3d9a65ce"]]), yl = ["role", "tabindex", "onKeydown"], gl = /* @__PURE__ */ D({
   __name: "ListCard",
   props: {
     clickable: { type: Boolean, default: !1 },
@@ -2304,7 +2304,7 @@ const ml = D({
     const t = e, a = n, l = () => {
       t.clickable && a("click");
     };
-    return (o, s) => (i(), r("div", {
+    return (o, r) => (i(), s("div", {
       class: y([
         "flex items-center justify-between background p-3 rounded-corner border border-ui-border transition-colors duration-200",
         {
@@ -2323,10 +2323,10 @@ const ml = D({
       S(o.$slots, "default")
     ], 42, yl));
   }
-}), hl = { class: "background rounded-corner flex flex-row items-center gap-2 justify-between w-full h-auto p-4 transition-[background-color] duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80" }, xl = ["title", "aria-label"], wl = ["src"], kl = {
+}), hl = { class: "background rounded-corner flex flex-row items-center gap-2 justify-between w-full h-auto p-4 transition-[background-color] duration-200 hover:bg-ui-surface/80" }, xl = ["title", "aria-label"], wl = ["src"], $l = {
   key: 1,
   class: "w-8 h-8 flex items-center justify-center"
-}, $l = ["src"], Cl = ["min", "max", "value", "aria-label", "aria-valuetext"], zl = /* @__PURE__ */ D({
+}, kl = ["src"], Cl = ["min", "max", "value", "aria-label", "aria-valuetext"], zl = /* @__PURE__ */ D({
   __name: "SliderControl",
   props: {
     name: { default: "" },
@@ -2353,20 +2353,20 @@ const ml = D({
       if (t.max <= t.min) return 0;
       const f = t.max - t.min, m = t.modelValue - t.min;
       return Math.round(m / f * 100);
-    }), o = v(() => t.getPercentageClass ? t.getPercentageClass(l.value) : ""), s = (f) => {
+    }), o = v(() => t.getPercentageClass ? t.getPercentageClass(l.value) : ""), r = (f) => {
       const m = f.target;
       a("update:modelValue", Number(m.value));
     }, u = () => {
       a("buttonClick");
     };
-    return (f, m) => (i(), r("div", hl, [
-      e.showButton ? (i(), r("button", {
+    return (f, m) => (i(), s("div", hl, [
+      e.showButton ? (i(), s("button", {
         key: 0,
         onClick: u,
         type: "button",
         title: e.buttonLabel ?? e.label,
         "aria-label": e.buttonLabel ?? e.label,
-        class: "w-8 h-8 flex items-center justify-center rounded-corner transition-[background-color,scale] duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80 hover:scale-110 active:scale-95"
+        class: "w-8 h-8 flex items-center justify-center rounded-corner transition-[background-color,scale] duration-200 hover:bg-ui-surface/80 hover:scale-110 active:scale-95"
       }, [
         e.name ? (i(), U(N, {
           key: 0,
@@ -2374,31 +2374,31 @@ const ml = D({
           type: e.type,
           size: 24,
           class: y(e.iconClass)
-        }, null, 8, ["name", "type", "class"])) : (i(), r("img", {
+        }, null, 8, ["name", "type", "class"])) : (i(), s("img", {
           key: 1,
           src: e.icon,
           alt: "",
           class: y(["w-6 h-6", e.iconClass])
         }, null, 10, wl))
-      ], 8, xl)) : (i(), r("div", kl, [
+      ], 8, xl)) : (i(), s("div", $l, [
         e.name ? (i(), U(N, {
           key: 0,
           name: e.name,
           type: e.type,
           size: 24
-        }, null, 8, ["name", "type"])) : (i(), r("img", {
+        }, null, 8, ["name", "type"])) : (i(), s("img", {
           key: 1,
           src: e.icon,
           alt: "",
           class: "w-6 h-6"
-        }, null, 8, $l))
+        }, null, 8, kl))
       ])),
       B("input", {
         type: "range",
         min: e.min,
         max: e.max,
         value: e.modelValue,
-        onInput: s,
+        onInput: r,
         "aria-label": e.label,
         "aria-valuetext": `${l.value}%`,
         class: "flex-1 transition-[scale] duration-200 hover:scale-105"
@@ -2416,7 +2416,7 @@ const ml = D({
   },
   setup(e) {
     const n = e, t = v(() => n.size === "small");
-    return (a, l) => (i(), r("span", {
+    return (a, l) => (i(), s("span", {
       "aria-hidden": "true",
       class: y(["inline-flex shrink-0 items-center rounded-full border transition-colors", [
         t.value ? "h-6 w-11" : "h-7 w-12",
@@ -2448,19 +2448,19 @@ const ml = D({
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const t = e, a = n;
-    return (l, o) => (i(), r("button", {
+    return (l, o) => (i(), s("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 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
-      onClick: o[0] || (o[0] = (s) => a("update:modelValue", !t.modelValue))
+      onClick: o[0] || (o[0] = (r) => a("update:modelValue", !t.modelValue))
     }, [
       j(je, {
         on: e.modelValue,
         class: "mt-0.5"
       }, null, 8, ["on"]),
-      e.icon ? (i(), r("span", {
+      e.icon ? (i(), s("span", {
         key: 0,
         class: y(["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"
@@ -2474,7 +2474,7 @@ const ml = D({
       ], 2)) : x("", !0),
       B("span", Ll, [
         B("span", Dl, V(e.label), 1),
-        e.description ? (i(), r("span", Tl, V(e.description), 1)) : x("", !0),
+        e.description ? (i(), s("span", Tl, V(e.description), 1)) : x("", !0),
         S(l.$slots, "pie")
       ])
     ], 8, El));
@@ -2493,7 +2493,7 @@ const ml = D({
     function l() {
       a("update:modelValue", !t.modelValue);
     }
-    return (o, s) => (i(), r("button", {
+    return (o, r) => (i(), s("button", {
       type: "button",
       role: "switch",
       "aria-checked": e.modelValue,
@@ -2533,7 +2533,7 @@ const ml = D({
     function l() {
       a("click");
     }
-    return (o, s) => (i(), r("button", {
+    return (o, r) => (i(), s("button", {
       type: "button",
       class: y(["p-2 rounded-corner bg-ui-bg/80 hover:opacity-50 transition-[opacity,scale,box-shadow] duration-300 h-17.5 w-17.5 group relative overflow-hidden hover:scale-105 hover:shadow-lg active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", {
         "animate-pulse": e.isLoading,
@@ -2559,7 +2559,7 @@ const ml = D({
           "drop-shadow-lg": e.isActive,
           ...e.iconClass
         }])
-      }, null, 8, ["name", "type", "class"])) : (i(), r("img", {
+      }, null, 8, ["name", "type", "class"])) : (i(), s("img", {
         key: 1,
         src: e.icon,
         alt: "",
@@ -2604,7 +2604,7 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
         t.value = !0;
       }, n.delayDuration));
     }
-    function s() {
+    function r() {
       l && clearTimeout(l), t.value = !1;
     }
     return ye(ft, {
@@ -2614,8 +2614,8 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
         a.value = u;
       },
       abrir: o,
-      cerrar: s
-    }), (u, f) => (i(), r("div", Ol, [
+      cerrar: r
+    }), (u, f) => (i(), s("div", Ol, [
       S(u.$slots, "default")
     ]));
   }
@@ -2628,11 +2628,11 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
     sideOffset: { default: 4 }
   },
   setup(e) {
-    const n = Be(), t = v(() => n.class ?? ""), a = e, l = mt(), o = v(() => l.abierto.value), s = w(null), u = w({ top: 0, left: 0 });
+    const n = Be(), t = v(() => n.class ?? ""), a = e, l = mt(), o = v(() => l.abierto.value), r = w(null), u = w({ top: 0, left: 0 });
     function f() {
       const m = l.disparador.value;
-      if (!m || !s.value) return;
-      const d = m.getBoundingClientRect(), E = s.value.getBoundingClientRect();
+      if (!m || !r.value) return;
+      const d = m.getBoundingClientRect(), E = r.value.getBoundingClientRect();
       let L = 0, A = 0;
       switch (a.side) {
         case "bottom":
@@ -2653,7 +2653,7 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
     return Q(o, async (m) => {
       m && (await J(), requestAnimationFrame(f));
     }), (m, d) => (i(), U(ge, { to: "body" }, [
-      j($e, {
+      j(ke, {
         "enter-active-class": "transition-all duration-200 ease-in-out",
         "leave-active-class": "transition-all duration-200 ease-in-out",
         "enter-from-class": "opacity-0 scale-95",
@@ -2662,7 +2662,7 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
         default: G(() => [
           Se(B("div", {
             ref_key: "globo",
-            ref: s,
+            ref: r,
             style: fe({ position: "fixed", top: `${u.value.top}px`, left: `${u.value.left}px`, zIndex: 50 }),
             class: y([
               t.value,
@@ -2690,21 +2690,21 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
     }
     return W(() => {
       n.ponerElDisparador(a());
-    }), (o, s) => (i(), r("div", {
+    }), (o, r) => (i(), s("div", {
       ref_key: "envoltorio",
       ref: t,
       class: "inline-block",
       onMouseenter: l,
-      onMouseleave: s[0] || (s[0] = (u) => F(n).cerrar()),
+      onMouseleave: r[0] || (r[0] = (u) => F(n).cerrar()),
       onFocus: l,
-      onBlur: s[1] || (s[1] = (u) => F(n).cerrar())
+      onBlur: r[1] || (r[1] = (u) => F(n).cerrar())
     }, [
       S(o.$slots, "default")
     ], 544));
   }
 }), Fl = ["title"], Nl = ["src", "alt"], ql = {
   key: 2,
-  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"
+  class: "absolute bottom-1 right-1 bg-primary text-white text-xs rounded-full w-4 h-4 flex items-center justify-center font-bold animate-bounce"
 }, Hl = /* @__PURE__ */ D({
   __name: "TrayIconButton",
   props: {
@@ -2731,8 +2731,8 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
     const o = () => {
       a("click");
     };
-    return (s, u) => (i(), r("div", {
-      class: y(["p-1 rounded-corner relative hover:bg-primary dark:hover:bg-primary-dark group transition-[background-color] duration-300", e.customClass]),
+    return (r, u) => (i(), s("div", {
+      class: y(["p-1 rounded-corner relative hover:bg-primary group transition-[background-color] duration-300", e.customClass]),
       title: e.tooltip,
       onClick: o,
       onMouseenter: u[0] || (u[0] = (f) => l.value = !0),
@@ -2745,14 +2745,14 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
         size: 22,
         alt: e.alt,
         class: y(["m-auto", e.iconClass])
-      }, null, 8, ["name", "type", "alt", "class"])) : (i(), r("img", {
+      }, null, 8, ["name", "type", "alt", "class"])) : (i(), s("img", {
         key: 1,
         src: e.icon,
         alt: e.alt,
         class: y(["m-auto h-5.5 w-auto", e.iconClass])
       }, null, 10, Nl)),
-      e.badge !== null && e.badge > 0 ? (i(), r("div", ql, V(e.badge), 1)) : x("", !0),
-      e.showCustomTooltip && e.customTooltipText ? (i(), r("div", {
+      e.badge !== null && e.badge > 0 ? (i(), s("div", ql, V(e.badge), 1)) : x("", !0),
+      e.showCustomTooltip && e.customTooltipText ? (i(), s("div", {
         key: 3,
         class: y(["absolute top-1 left-1/2 transform -translate-x-1/2 text-xs font-semibold p-1 rounded-corner transition-[opacity,translate] duration-300 pointer-events-none background", [
           e.tooltipClass,
@@ -2762,7 +2762,7 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
           }
         ]])
       }, V(e.customTooltipText), 3)) : x("", !0),
-      S(s.$slots, "default")
+      S(r.$slots, "default")
     ], 42, Fl));
   }
 }), Ul = [
@@ -2780,7 +2780,7 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
   Ja,
   an,
   on,
-  sn,
+  rn,
   mn,
   Ie,
   Ln,
@@ -2796,7 +2796,7 @@ const Ol = { class: "inline-block" }, jl = /* @__PURE__ */ D({
   tl,
   nl,
   il,
-  sl,
+  rl,
   ul,
   dl,
   ml,
@@ -2824,7 +2824,7 @@ export {
   at as AppBar,
   Ua as BarSearch,
   ot as CLASES_POR_TONO,
-  rt as CLAVE_DEL_DIALOGO,
+  st as CLAVE_DEL_DIALOGO,
   ut as CLAVE_DEL_MENU,
   ft as CLAVE_DEL_TOOLTIP,
   Me as CLAVE_DE_LA_BARRA,
@@ -2838,7 +2838,7 @@ export {
   tl as DialogTitle,
   nl as DropdownMenu,
   il as DropdownMenuContent,
-  sl as DropdownMenuItem,
+  rl as DropdownMenuItem,
   ul as DropdownMenuLabel,
   dl as DropdownMenuSeparator,
   ml as DropdownMenuTrigger,
@@ -2846,7 +2846,7 @@ export {
   pl as FormGroup,
   Ve as LOS_TRES_CONTROLES,
   gl as ListCard,
-  sn as LoadingState,
+  rn as LoadingState,
   va as POSICIONES,
   mn as ProgressBar,
   Ie as SearchField,
@@ -2878,7 +2878,7 @@ export {
   Ae as orientacionDe,
   ha as posicionDe,
   it as rolDelTono,
-  st as usarElDialogo,
+  rt as usarElDialogo,
   Ce as usarElMenu,
   mt as usarElTooltip,
   he as usarLaBarra,