@iaclinical/components 1.0.31 → 1.0.33

package/dist/iaclinical-components.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, computed as o, createElementBlock as a, openBlock as l, normalizeClass as c, createElementVNode as s, createCommentVNode as f, renderSlot as O, toDisplayString as $, createBlock as le, unref as Re, normalizeStyle as X, ref as q, onMounted as Te, onUnmounted as Se, watch as de, createTextVNode as Y, withModifiers as J, createVNode as Q, withDirectives as ve, Fragment as K, renderList as G, vModelSelect as De, withKeys as Ve, Teleport as me, Transition as ie, withCtx as re, nextTick as be, resolveDynamicComponent as ge, vModelText as Ee } from "vue";
+import { defineComponent as N, computed as o, createElementBlock as a, openBlock as l, normalizeClass as c, createElementVNode as s, createCommentVNode as f, renderSlot as O, toDisplayString as $, createBlock as te, unref as Re, normalizeStyle as X, ref as q, onMounted as Te, onUnmounted as Se, watch as de, createTextVNode as Y, withModifiers as J, createVNode as Q, withDirectives as ve, Fragment as K, renderList as G, vModelSelect as De, withKeys as Ve, Teleport as ge, Transition as ie, withCtx as re, nextTick as be, resolveDynamicComponent as me, vModelText as Ee } from "vue";
 import { Icon as Ye } from "@iconify/vue";
 const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   key: 1,
@@ -24,8 +24,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     density: { default: "normal" }
   },
   emits: ["toggle-menu"],
-  setup(t, { emit: m }) {
-    const e = t, u = m, r = o(() => {
+  setup(t, { emit: g }) {
+    const e = t, u = g, r = o(() => {
       const p = "flex flex-row items-center justify-between gap-2 sm:gap-4 px-3 sm:px-6 z-50 w-full", v = {
         default: "bg-primary-700 text-primary-50",
         dark: "bg-secondary-900 text-white",
@@ -41,17 +41,17 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         3: "shadow-md",
         4: "shadow-lg",
         5: "shadow-xl"
-      }, M = {
+      }, z = {
         compact: "gap-1",
         normal: "gap-2 sm:gap-4",
         prominent: "gap-3 sm:gap-6 px-6 sm:px-8"
-      }, k = e.sticky ? e.mode === "fixed" ? "fixed top-0 inset-x-0" : "sticky top-0 inset-x-0" : "", g = e.shadow ? "shadow-md" : b[Math.min(e.elevation, 5)];
+      }, k = e.sticky ? e.mode === "fixed" ? "fixed top-0 inset-x-0" : "sticky top-0 inset-x-0" : "", m = e.shadow ? "shadow-md" : b[Math.min(e.elevation, 5)];
       return [
-        p.replace("gap-2 sm:gap-4", M[e.density]),
+        p.replace("gap-2 sm:gap-4", z[e.density]),
         v[e.variant],
         n[e.height],
         k,
-        g
+        m
       ].join(" ");
     });
     return (p, v) => (l(), a("header", {
@@ -92,12 +92,12 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       ])
     ], 2));
   }
-}), Z = (t, m) => {
+}), Z = (t, g) => {
   const e = t.__vccOpts || t;
-  for (const [u, r] of m)
+  for (const [u, r] of g)
     e[u] = r;
   return e;
-}, Ua = /* @__PURE__ */ Z(Qe, [["__scopeId", "data-v-d279b85c"]]), Ze = ["type", "disabled", "aria-label"], Xe = {
+}, Ka = /* @__PURE__ */ Z(Qe, [["__scopeId", "data-v-d279b85c"]]), Ze = ["type", "disabled", "aria-label"], Xe = {
   key: 0,
   class: "w-4 h-4 animate-spin mr-2",
   xmlns: "http://www.w3.org/2000/svg",
@@ -106,7 +106,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
 }, _e = {
   key: 1,
   class: "absolute top-0 right-0 inline-flex items-center justify-center px-1.5 py-0.5 text-xs font-bold leading-none text-white transform translate-x-1/2 -translate-y-1/2 bg-danger-600 rounded-full min-w-[1.25rem]"
-}, Ja = /* @__PURE__ */ N({
+}, Ua = /* @__PURE__ */ N({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -121,9 +121,9 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     textColorHover: { default: void 0 }
   },
   emits: ["click"],
-  setup(t, { emit: m }) {
-    const e = t, u = m, r = o(() => e.variant === "icon"), p = o(() => e.badge > 99 ? "99+" : e.badge.toString()), v = o(() => {
-      const b = "inline-flex items-center justify-center font-semibold tracking-wide transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", M = {
+  setup(t, { emit: g }) {
+    const e = t, u = g, r = o(() => e.variant === "icon"), p = o(() => e.badge > 99 ? "99+" : e.badge.toString()), v = o(() => {
+      const b = "inline-flex items-center justify-center font-semibold tracking-wide transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", z = {
         primary: "bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700 focus-visible:ring-primary-700",
         secondary: "bg-secondary-200 text-secondary-900 hover:bg-secondary-300 hover:text-secondary-800 focus-visible:ring-secondary-500",
         outline: "border border-secondary-300 bg-transparent hover:bg-secondary-100 focus-visible:ring-secondary-500",
@@ -135,7 +135,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         sm: r.value ? "p-1.5" : "h-8 px-3 text-sm",
         md: r.value ? "p-2" : "h-10 px-4 text-base",
         lg: r.value ? "p-3" : "h-12 px-6 text-lg"
-      }, g = {
+      }, m = {
         full: "rounded-full",
         xl: "rounded-2xl",
         lg: "rounded-xl",
@@ -146,18 +146,18 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         var L, A;
         return e.textColorHover ? e.textColorHover : (L = e.textColor) != null && L.includes("white") || (A = e.textColor) != null && A.includes("50") ? "hover:text-black" : "";
       });
-      return `${b} ${M[e.variant]} ${k[e.size]} ${g[e.radius]} ${y} ${T.value}`;
+      return `${b} ${z[e.variant]} ${k[e.size]} ${m[e.radius]} ${y} ${T.value}`;
     }), n = (b) => {
       e.disabled || u("click", b);
     };
-    return (b, M) => (l(), a("button", {
+    return (b, z) => (l(), a("button", {
       class: c(v.value),
       type: t.type,
       disabled: t.disabled || t.loading,
       onClick: n,
       "aria-label": t.ariaLabel
     }, [
-      t.loading ? (l(), a("svg", Xe, [...M[0] || (M[0] = [
+      t.loading ? (l(), a("svg", Xe, [...z[0] || (z[0] = [
         s("circle", {
           class: "opacity-25",
           cx: "12",
@@ -188,7 +188,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     ariaLabel: {}
   },
   setup(t) {
-    const m = t, e = {
+    const g = t, e = {
       xs: "16px",
       sm: "18px",
       md: "20px",
@@ -196,36 +196,36 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       xl: "30px",
       "2xl": "36px"
     }, u = (n, b) => {
-      const M = n.replace(/_/g, "-");
+      const z = n.replace(/_/g, "-");
       switch (b) {
         case "filled":
-          return `material-symbols:${M}`;
+          return `material-symbols:${z}`;
         case "outlined":
-          return `ic:outline-${M}`;
+          return `ic:outline-${z}`;
         case "rounded":
-          return `ic:round-${M}`;
+          return `ic:round-${z}`;
         case "sharp":
-          return `ic:sharp-${M}`;
+          return `ic:sharp-${z}`;
         case "two-tone":
-          return `ic:twotone-${M}`;
+          return `ic:twotone-${z}`;
         default:
-          return `material-symbols:${M}`;
+          return `material-symbols:${z}`;
       }
-    }, r = o(() => u(m.name, m.variant)), p = o(() => {
+    }, r = o(() => u(g.name, g.variant)), p = o(() => {
       const n = [
         "inline-flex items-center justify-center select-none",
         "transition-transform duration-200"
       ];
-      return m.color && (m.color.startsWith("text-") || m.color.startsWith("fill-")) && n.push(m.color), m.spin && n.push("animate-spin"), n.join(" ");
+      return g.color && (g.color.startsWith("text-") || g.color.startsWith("fill-")) && n.push(g.color), g.spin && n.push("animate-spin"), n.join(" ");
     }), v = o(() => {
       const n = {};
-      if (e[m.size] ? (n.fontSize = e[m.size], n.width = e[m.size], n.height = e[m.size]) : (n.fontSize = m.size, n.width = m.size, n.height = m.size), m.color && !m.color.startsWith("text-") && !m.color.startsWith("fill-") && (n.color = m.color), m.rotate !== 0) {
-        const b = `rotate(${m.rotate}deg)`;
+      if (e[g.size] ? (n.fontSize = e[g.size], n.width = e[g.size], n.height = e[g.size]) : (n.fontSize = g.size, n.width = g.size, n.height = g.size), g.color && !g.color.startsWith("text-") && !g.color.startsWith("fill-") && (n.color = g.color), g.rotate !== 0) {
+        const b = `rotate(${g.rotate}deg)`;
         n.transform = b;
       }
       return n;
     });
-    return (n, b) => (l(), le(Re(Ye), {
+    return (n, b) => (l(), te(Re(Ye), {
       icon: r.value,
       class: c(p.value),
       style: X(v.value),
@@ -233,7 +233,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       role: t.ariaLabel ? "img" : void 0
     }, null, 8, ["icon", "class", "style", "aria-label", "role"]));
   }
-}), ee = /* @__PURE__ */ Z(et, [["__scopeId", "data-v-5f982e5c"]]), tt = {
+}), _ = /* @__PURE__ */ Z(et, [["__scopeId", "data-v-5f982e5c"]]), tt = {
   key: 0,
   class: "relative"
 }, lt = ["for"], at = {
@@ -251,13 +251,13 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
 }, ft = {
   key: 0,
   class: "text-danger-600"
-}, pt = { class: "grid grid-cols-1 md:grid-cols-2 gap-2" }, vt = ["disabled", "placeholder", "value", "required"], bt = ["disabled"], mt = ["disabled", "placeholder", "value", "required"], gt = ["disabled"], yt = {
+}, pt = { class: "grid grid-cols-1 md:grid-cols-2 gap-2" }, vt = ["disabled", "placeholder", "value", "required"], bt = ["disabled"], gt = ["disabled", "placeholder", "value", "required"], mt = ["disabled"], yt = {
   key: 3,
   class: "mt-1 text-sm text-danger-600"
 }, ht = {
   key: 4,
   class: "mt-1 text-sm text-secondary-600"
-}, xt = { class: "flex items-center justify-between mb-4" }, wt = { class: "flex items-center space-x-2" }, kt = ["value"], Ct = ["value"], $t = { class: "grid grid-cols-7 gap-1 mb-2" }, Bt = { class: "grid grid-cols-7 gap-1" }, Mt = ["disabled", "onClick"], zt = { class: "flex justify-end space-x-2 mt-4 pt-4 border-t border-secondary-100" }, Dt = ["disabled"], Vt = /* @__PURE__ */ N({
+}, xt = { class: "flex items-center justify-between mb-4" }, wt = { class: "flex items-center space-x-2" }, kt = ["value"], Ct = ["value"], $t = { class: "grid grid-cols-7 gap-1 mb-2" }, Bt = { class: "grid grid-cols-7 gap-1" }, zt = ["disabled", "onClick"], Mt = { class: "flex justify-end space-x-2 mt-4 pt-4 border-t border-secondary-100" }, Dt = ["disabled"], Vt = /* @__PURE__ */ N({
   __name: "Calendar",
   props: {
     modelValue: {},
@@ -288,8 +288,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     yearsPerRow: { default: 4 }
   },
   emits: ["update:modelValue", "date-select", "range-select", "multiple-select"],
-  setup(t, { emit: m }) {
-    const e = t, u = q([]), r = m, p = q(!1), v = q(null), n = q((/* @__PURE__ */ new Date()).getMonth()), b = q((/* @__PURE__ */ new Date()).getFullYear()), M = q(`calendar-${Math.random().toString(36).substr(2, 9)}`), k = q(null), g = q(null), y = [
+  setup(t, { emit: g }) {
+    const e = t, u = q([]), r = g, p = q(!1), v = q(null), n = q((/* @__PURE__ */ new Date()).getMonth()), b = q((/* @__PURE__ */ new Date()).getFullYear()), z = q(`calendar-${Math.random().toString(36).substr(2, 9)}`), k = q(null), m = q(null), y = [
       "Enero",
       "Febrero",
       "Marzo",
@@ -319,8 +319,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         default: "bg-white",
         filled: "bg-secondary-100",
         outlined: "bg-transparent"
-      }, _ = e.error ? "border-danger-600 focus:ring-danger-500" : "";
-      return `${w} ${D[e.size]} ${E[e.variant]} ${S[e.color]} ${_}`;
+      }, ee = e.error ? "border-danger-600 focus:ring-danger-500" : "";
+      return `${w} ${D[e.size]} ${E[e.variant]} ${S[e.color]} ${ee}`;
     }), B = o(() => `transition-colors text-[#565656] hover:text-[#565656] opacity-80 hover:opacity-100 ${e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), V = o(() => "min-w-80 max-w-sm"), P = o(() => `p-2 rounded-md transition-colors ${{
       primary: "text-primary-600 hover:text-primary-700 hover:bg-primary-50",
       secondary: "text-secondary-600 hover:text-secondary-700 hover:bg-secondary-50"
@@ -333,13 +333,13 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     }[e.color]}`), d = o(() => `px-3 py-1.5 text-sm border border-secondary-300 rounded-md transition-colors focus:outline-none ${{
       primary: "text-primary-600 hover:text-primary-700 hover:bg-primary-50",
       secondary: "text-secondary-600 hover:text-secondary-700 hover:bg-secondary-50"
-    }[e.color]}`), C = o(() => e.mode === "single" && e.modelValue && e.modelValue instanceof Date ? H(e.modelValue) : ""), i = o(() => e.mode === "multiple" && Array.isArray(e.modelValue) && e.modelValue.length > 0 ? e.modelValue.length === 1 ? H(e.modelValue[0]) : `${e.modelValue.length} fechas seleccionadas` : ""), z = o(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue && e.modelValue.start ? H(e.modelValue.start) : ""), x = o(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "end" in e.modelValue && e.modelValue.end ? H(e.modelValue.end) : ""), te = o(() => e.mode === "single" ? k.value !== null : e.mode === "multiple" ? u.value.length > 0 : k.value !== null && g.value !== null && g.value >= k.value);
-    o(() => e.mode === "range" && k.value && g.value ? g.value < k.value : !1);
+    }[e.color]}`), C = o(() => e.mode === "single" && e.modelValue && e.modelValue instanceof Date ? H(e.modelValue) : ""), i = o(() => e.mode === "multiple" && Array.isArray(e.modelValue) && e.modelValue.length > 0 ? e.modelValue.length === 1 ? H(e.modelValue[0]) : `${e.modelValue.length} fechas seleccionadas` : ""), M = o(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue && e.modelValue.start ? H(e.modelValue.start) : ""), x = o(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "end" in e.modelValue && e.modelValue.end ? H(e.modelValue.end) : ""), le = o(() => e.mode === "single" ? k.value !== null : e.mode === "multiple" ? u.value.length > 0 : k.value !== null && m.value !== null && m.value >= k.value);
+    o(() => e.mode === "range" && k.value && m.value ? m.value < k.value : !1);
     const R = o(() => {
-      const w = new Date(b.value, n.value, 1), D = new Date(b.value, n.value + 1, 0), S = w.getDay(), E = D.getDate(), _ = [], ae = new Date(b.value, n.value - 1, 0);
+      const w = new Date(b.value, n.value, 1), D = new Date(b.value, n.value + 1, 0), S = w.getDay(), E = D.getDate(), ee = [], ae = new Date(b.value, n.value - 1, 0);
       for (let U = S - 1; U >= 0; U--) {
         const se = new Date(b.value, n.value - 1, ae.getDate() - U);
-        _.push({
+        ee.push({
           day: se.getDate(),
           date: se,
           isCurrentMonth: !1,
@@ -349,7 +349,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       }
       for (let U = 1; U <= E; U++) {
         const se = new Date(b.value, n.value, U);
-        _.push({
+        ee.push({
           day: U,
           date: se,
           isCurrentMonth: !0,
@@ -357,10 +357,10 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           key: `current-${U}`
         });
       }
-      const Pe = 42 - _.length;
+      const Pe = 42 - ee.length;
       for (let U = 1; U <= Pe; U++) {
         const se = new Date(b.value, n.value + 1, U);
-        _.push({
+        ee.push({
           day: U,
           date: se,
           isCurrentMonth: !1,
@@ -368,7 +368,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           key: `next-${U}`
         });
       }
-      return _;
+      return ee;
     }), H = (w) => {
       const D = w.getDate().toString().padStart(2, "0"), S = (w.getMonth() + 1).toString().padStart(2, "0"), E = w.getFullYear();
       switch (e.dateFormat) {
@@ -398,7 +398,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       const D = "w-8 h-8 text-sm rounded-md transition-colors focus:outline-none";
       if (w.disabled || ye(w.date))
         return `${D} text-secondary-400 cursor-not-allowed`;
-      const S = je(w.date), E = Le(w.date), _ = Oe(w.date), ae = {
+      const S = je(w.date), E = Le(w.date), ee = Oe(w.date), ae = {
         primary: {
           selected: "bg-primary-600 text-white",
           inRange: "bg-primary-100 text-primary-900",
@@ -414,11 +414,11 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           otherMonth: "text-secondary-400 hover:bg-secondary-50 hover:text-secondary-600"
         }
       };
-      return S ? `${D} ${ae[e.color].selected}` : E ? `${D} ${ae[e.color].inRange}` : _ ? `${D} ${ae[e.color].today}` : w.isCurrentMonth ? `${D} ${ae[e.color].default}` : `${D} ${ae[e.color].otherMonth}`;
-    }, je = (w) => e.mode === "single" ? k.value ? oe(w, k.value) : !1 : e.mode === "multiple" ? u.value.some((D) => oe(w, D)) : !!(k.value && oe(w, k.value)) || !!(g.value && oe(w, g.value)), Le = (w) => {
-      if (e.mode !== "range" || !k.value || !g.value)
+      return S ? `${D} ${ae[e.color].selected}` : E ? `${D} ${ae[e.color].inRange}` : ee ? `${D} ${ae[e.color].today}` : w.isCurrentMonth ? `${D} ${ae[e.color].default}` : `${D} ${ae[e.color].otherMonth}`;
+    }, je = (w) => e.mode === "single" ? k.value ? oe(w, k.value) : !1 : e.mode === "multiple" ? u.value.some((D) => oe(w, D)) : !!(k.value && oe(w, k.value)) || !!(m.value && oe(w, m.value)), Le = (w) => {
+      if (e.mode !== "range" || !k.value || !m.value)
         return !1;
-      const D = k.value, S = g.value;
+      const D = k.value, S = m.value;
       return w > D && w < S;
     }, Oe = (w) => oe(w, /* @__PURE__ */ new Date()), oe = (w, D) => w.toDateString() === D.toDateString(), he = () => {
       e.disabled || p.value || ne();
@@ -441,15 +441,15 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     }, ce = () => {
       p.value = !1, v.value = null;
     }, fe = () => {
-      e.mode === "single" ? (k.value = e.modelValue instanceof Date ? e.modelValue : null, g.value = null) : e.mode === "multiple" ? u.value = Array.isArray(e.modelValue) ? [...e.modelValue] : [] : e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue ? (k.value = e.modelValue.start, g.value = e.modelValue.end) : (k.value = null, g.value = null);
+      e.mode === "single" ? (k.value = e.modelValue instanceof Date ? e.modelValue : null, m.value = null) : e.mode === "multiple" ? u.value = Array.isArray(e.modelValue) ? [...e.modelValue] : [] : e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue ? (k.value = e.modelValue.start, m.value = e.modelValue.end) : (k.value = null, m.value = null);
     }, Ae = (w) => {
       if (e.mode === "single")
-        k.value = w, g.value = null;
+        k.value = w, m.value = null;
       else if (e.mode === "multiple") {
         const D = u.value.findIndex((S) => oe(S, w));
         D >= 0 ? u.value.splice(D, 1) : u.value.push(w);
       } else
-        v.value === "start" || !k.value ? (k.value = w, g.value = null, v.value = "end") : (v.value === "end" || !g.value) && (w < k.value ? (g.value = k.value, k.value = w) : g.value = w, v.value = null);
+        v.value === "start" || !k.value ? (k.value = w, m.value = null, v.value = "end") : (v.value === "end" || !m.value) && (w < k.value ? (m.value = k.value, k.value = w) : m.value = w, v.value = null);
     }, Fe = () => {
       if (e.mode === "single")
         r("update:modelValue", k.value), k.value && r("date-select", k.value);
@@ -457,7 +457,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         const w = [...u.value].sort((D, S) => D.getTime() - S.getTime());
         r("update:modelValue", w), r("multiple-select", w);
       } else {
-        const w = { start: k.value, end: g.value };
+        const w = { start: k.value, end: m.value };
         r("update:modelValue", w), r("range-select", w);
       }
       ce();
@@ -465,14 +465,14 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       n.value === 0 ? (n.value = 11, b.value--) : n.value--;
     }, qe = () => {
       n.value === 11 ? (n.value = 0, b.value++) : n.value++;
-    }, Me = () => {
-    }, pe = q(), ze = (w) => {
+    }, ze = () => {
+    }, pe = q(), Me = (w) => {
       pe.value && !pe.value.contains(w.target) && ce();
     };
     return Te(() => {
-      document.addEventListener("click", ze);
+      document.addEventListener("click", Me);
     }), Se(() => {
-      document.removeEventListener("click", ze);
+      document.removeEventListener("click", Me);
     }), de(() => e.modelValue, (w) => {
       p.value || fe();
     }, { deep: !0 }), (w, D) => (l(), a("div", {
@@ -483,7 +483,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       t.mode === "single" ? (l(), a("div", tt, [
         t.label && t.showLabel ? (l(), a("label", {
           key: 0,
-          for: M.value,
+          for: z.value,
           class: c(F.value)
         }, [
           Y($(t.label) + " ", 1),
@@ -493,7 +493,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           class: c(["relative rounded-md", W.value])
         }, [
           s("input", {
-            id: M.value,
+            id: z.value,
             class: c(I.value),
             type: "text",
             disabled: t.disabled,
@@ -510,7 +510,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             onClick: J(we, ["stop"]),
             disabled: t.disabled
           }, [
-            Q(ee, {
+            Q(_, {
               name: t.iconName,
               size: L.value
             }, null, 8, ["name", "size"])
@@ -519,7 +519,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       ])) : t.mode === "multiple" ? (l(), a("div", rt, [
         t.label && t.showLabel ? (l(), a("label", {
           key: 0,
-          for: M.value,
+          for: z.value,
           class: c(F.value)
         }, [
           Y($(t.label) + " ", 1),
@@ -529,7 +529,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           class: c(["relative rounded-md", W.value])
         }, [
           s("input", {
-            id: M.value,
+            id: z.value,
             class: c(I.value),
             type: "text",
             disabled: t.disabled,
@@ -546,7 +546,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             onClick: J(we, ["stop"]),
             disabled: t.disabled
           }, [
-            Q(ee, {
+            Q(_, {
               name: t.iconName,
               size: L.value
             }, null, 8, ["name", "size"])
@@ -569,7 +569,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               type: "text",
               disabled: t.disabled,
               placeholder: t.startPlaceholder || "Fecha desde",
-              value: z.value,
+              value: M.value,
               required: t.required,
               readonly: !0,
               onClick: D[0] || (D[0] = () => ke("start")),
@@ -581,7 +581,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               onClick: D[2] || (D[2] = J(() => $e("start"), ["stop"])),
               disabled: t.disabled
             }, [
-              Q(ee, {
+              Q(_, {
                 name: t.startIconName,
                 size: L.value
               }, null, 8, ["name", "size"])
@@ -600,18 +600,18 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               readonly: !0,
               onClick: D[3] || (D[3] = () => ke("end")),
               onFocus: D[4] || (D[4] = () => Ce("end"))
-            }, null, 42, mt),
+            }, null, 42, gt),
             s("button", {
               type: "button",
               class: c(["absolute right-3 top-1/2 -translate-y-1/2", B.value]),
               onClick: D[5] || (D[5] = J(() => $e("end"), ["stop"])),
               disabled: t.disabled
             }, [
-              Q(ee, {
+              Q(_, {
                 name: t.endIconName,
                 size: L.value
               }, null, 8, ["name", "size"])
-            ], 10, gt)
+            ], 10, mt)
           ], 2)
         ])
       ])),
@@ -628,7 +628,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             onClick: We,
             class: c(P.value)
           }, [
-            Q(ee, {
+            Q(_, {
               name: "chevron-left",
               size: "sm"
             })
@@ -637,7 +637,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             ve(s("select", {
               "onUpdate:modelValue": D[6] || (D[6] = (S) => n.value = S),
               class: c(j.value),
-              onChange: Me
+              onChange: ze
             }, [
               (l(), a(K, null, G(y, (S, E) => s("option", {
                 key: E,
@@ -649,7 +649,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             ve(s("select", {
               "onUpdate:modelValue": D[7] || (D[7] = (S) => b.value = S),
               class: c(j.value),
-              onChange: Me
+              onChange: ze
             }, [
               (l(!0), a(K, null, G(A.value, (S) => (l(), a("option", {
                 key: S,
@@ -664,7 +664,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             onClick: qe,
             class: c(P.value)
           }, [
-            Q(ee, {
+            Q(_, {
               name: "chevron-right",
               size: "sm"
             })
@@ -683,9 +683,9 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             class: c(Ie(S)),
             disabled: S.disabled || ye(S.date),
             onClick: (E) => Ae(S.date)
-          }, $(S.day), 11, Mt))), 128))
+          }, $(S.day), 11, zt))), 128))
         ]),
-        s("div", zt, [
+        s("div", Mt, [
           s("button", {
             type: "button",
             class: c(d.value),
@@ -695,19 +695,19 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             type: "button",
             class: c(h.value),
             onClick: Fe,
-            disabled: !te.value
+            disabled: !le.value
           }, " Confirmar ", 10, Dt)
         ])
       ], 2)) : f("", !0)
     ], 512));
   }
-}), Ga = /* @__PURE__ */ Z(Vt, [["__scopeId", "data-v-97dc04bb"]]), Tt = ["role", "tabindex"], St = {
+}), Ja = /* @__PURE__ */ Z(Vt, [["__scopeId", "data-v-97dc04bb"]]), Tt = ["role", "tabindex"], St = {
   key: 0,
   class: "border-b border-gray-100 px-6 py-4"
 }, It = { class: "px-6 py-4" }, jt = {
   key: 1,
   class: "border-t border-gray-100 px-6 py-4 bg-gray-50"
-}, Qa = /* @__PURE__ */ N({
+}, Ga = /* @__PURE__ */ N({
   __name: "Card",
   props: {
     shadow: { default: "md" },
@@ -718,8 +718,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(t, { emit: m }) {
-    const e = t, u = m, r = {
+  setup(t, { emit: g }) {
+    const e = t, u = g, r = {
       none: "",
       sm: "shadow-sm",
       md: "shadow",
@@ -744,7 +744,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     ]), n = (b) => {
       !e.disabled && e.clickable && u("click", b);
     };
-    return (b, M) => (l(), a("div", {
+    return (b, z) => (l(), a("div", {
       class: c(v.value),
       role: t.clickable ? "button" : void 0,
       tabindex: t.clickable ? 0 : void 0,
@@ -778,8 +778,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     loading: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "close"],
-  setup(t, { emit: m }) {
-    const e = t, u = m, r = o({
+  setup(t, { emit: g }) {
+    const e = t, u = g, r = o({
       get: () => e.modelValue,
       set: (b) => u("update:modelValue", b)
     }), p = o(() => ({
@@ -792,7 +792,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     }, n = () => {
       e.closeOnBackdrop && !e.loading && v();
     };
-    return (b, M) => (l(), le(me, { to: "body" }, [
+    return (b, z) => (l(), te(ge, { to: "body" }, [
       Q(ie, { name: "dialog" }, {
         default: re(() => [
           r.value ? (l(), a("div", {
@@ -802,7 +802,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           }, [
             s("div", {
               class: c(["relative w-full rounded-lg bg-white shadow-xl", p.value]),
-              onClick: M[0] || (M[0] = J(() => {
+              onClick: z[0] || (z[0] = J(() => {
               }, ["stop"]))
             }, [
               s("div", Lt, [
@@ -817,7 +817,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                   "aria-label": "Cerrar diálogo",
                   disabled: t.loading,
                   onClick: v
-                }, [...M[1] || (M[1] = [
+                }, [...z[1] || (z[1] = [
                   s("svg", {
                     class: "h-6 w-6",
                     fill: "none",
@@ -836,7 +836,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               s("div", Ft, [
                 O(b.$slots, "default", {}, void 0, !0)
               ]),
-              t.loading ? (l(), a("div", Wt, [...M[2] || (M[2] = [
+              t.loading ? (l(), a("div", Wt, [...z[2] || (z[2] = [
                 s("div", { class: "flex items-center gap-2 text-primary-600" }, [
                   s("svg", {
                     class: "w-5 h-5 animate-spin",
@@ -874,7 +874,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       })
     ]));
   }
-}), Za = /* @__PURE__ */ Z(qt, [["__scopeId", "data-v-a54fab7f"]]), Pt = ["accept", "multiple", "disabled"], Rt = { class: "flex flex-col items-center justify-center gap-4 text-center" }, Et = ["src", "alt"], Yt = {
+}), Qa = /* @__PURE__ */ Z(qt, [["__scopeId", "data-v-a54fab7f"]]), Pt = ["accept", "multiple", "disabled"], Rt = { class: "flex flex-col items-center justify-center gap-4 text-center" }, Et = ["src", "alt"], Yt = {
   key: 1,
   class: "w-full h-full text-gray-400",
   fill: "none",
@@ -886,7 +886,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
 }, Xt = {
   key: 2,
   class: "text-sm text-danger-500 mt-2"
-}, Xa = /* @__PURE__ */ N({
+}, Za = /* @__PURE__ */ N({
   __name: "FileUpload",
   props: {
     modelValue: { default: null },
@@ -908,18 +908,18 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     progress: { default: 0 }
   },
   emits: ["update:modelValue", "change", "error"],
-  setup(t, { emit: m }) {
-    const e = t, u = m, r = q(null), p = q(!1), v = q(e.modelValue), n = q(""), b = o(() => ({
+  setup(t, { emit: g }) {
+    const e = t, u = g, r = q(null), p = q(!1), v = q(e.modelValue), n = q(""), b = o(() => ({
       sm: "w-20 h-20",
       md: "w-32 h-32",
       lg: "w-48 h-48",
       xl: "w-64 h-64"
-    })[e.illustrationSize]), M = () => {
+    })[e.illustrationSize]), z = () => {
       var I;
       (I = r.value) == null || I.click();
     }, k = () => {
-      e.disabled || M();
-    }, g = (I) => {
+      e.disabled || z();
+    }, m = (I) => {
       e.disabled || (p.value = !0);
     }, y = () => {
       p.value = !1;
@@ -951,7 +951,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
       ]]),
       onClick: k,
-      onDragover: J(g, ["prevent"]),
+      onDragover: J(m, ["prevent"]),
       onDragleave: J(y, ["prevent"]),
       onDrop: J(A, ["prevent"])
     }, [
@@ -1077,9 +1077,9 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     suffix: { default: void 0 }
   },
   emits: ["update:modelValue", "blur", "focus", "clear"],
-  setup(t, { emit: m }) {
-    const e = t, u = m, r = q(`input-${Math.random().toString(36).substr(2, 9)}`), p = o(() => "ds-label"), v = o(() => {
-      const g = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50", y = {
+  setup(t, { emit: g }) {
+    const e = t, u = g, r = q(`input-${Math.random().toString(36).substr(2, 9)}`), p = o(() => "ds-label"), v = o(() => {
+      const m = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50", y = {
         sm: "h-8 px-3 text-sm",
         md: "h-10 px-4 text-base",
         lg: "h-12 px-5 text-lg"
@@ -1088,18 +1088,18 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         filled: "border-0 bg-secondary-100 focus:bg-white focus:ring-primary-500",
         outlined: "border-2 border-secondary-300 bg-transparent focus:border-primary-500 focus:ring-primary-500"
       }, L = e.error ? "border-danger-500 focus:border-danger-500 focus:ring-danger-500 pr-10" : "";
-      return `${g} ${y[e.size]} ${T[e.variant]} ${L}`;
-    }), n = (g) => {
-      const y = g.target;
+      return `${m} ${y[e.size]} ${T[e.variant]} ${L}`;
+    }), n = (m) => {
+      const y = m.target;
       u("update:modelValue", y.value);
-    }, b = (g) => {
-      u("blur", g);
-    }, M = (g) => {
-      u("focus", g);
+    }, b = (m) => {
+      u("blur", m);
+    }, z = (m) => {
+      u("focus", m);
     }, k = () => {
       u("update:modelValue", ""), u("clear");
     };
-    return (g, y) => (l(), a("div", _t, [
+    return (m, y) => (l(), a("div", _t, [
       t.label ? (l(), a("label", {
         key: 0,
         for: r.value,
@@ -1121,7 +1121,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           readonly: t.readonly,
           onInput: n,
           onBlur: b,
-          onFocus: M
+          onFocus: z
         }, null, 42, sl),
         t.clearable || t.suffix ? (l(), a("div", ol, [
           t.clearable && t.modelValue ? (l(), a("button", {
@@ -1164,7 +1164,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       t.error ? (l(), a("p", il, $(t.error), 1)) : t.helperText ? (l(), a("p", dl, $(t.helperText), 1)) : f("", !0)
     ]));
   }
-}), _a = /* @__PURE__ */ Z(ul, [["__scopeId", "data-v-b46f9fad"]]), cl = ["stroke-width"], fl = {
+}), Xa = /* @__PURE__ */ Z(ul, [["__scopeId", "data-v-b46f9fad"]]), cl = ["stroke-width"], fl = {
   class: "w-full h-full rounded-lg overflow-hidden",
   style: { "background-color": "#f7f7f7" }
 }, pl = /* @__PURE__ */ N({
@@ -1178,7 +1178,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     progress: { default: void 0 }
   },
   setup(t) {
-    const m = t, e = {
+    const g = t, e = {
       primary: "text-primary-700",
       secondary: "text-secondary-500",
       success: "text-success-500",
@@ -1192,7 +1192,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       warning: "bg-warning-500",
       danger: "bg-danger-500",
       info: "bg-info-500"
-    }, r = o(() => [e[m.color]]), p = o(() => [u[m.color]]);
+    }, r = o(() => [e[g.color]]), p = o(() => [u[g.color]]);
     return (v, n) => t.type === "circular" ? (l(), a("div", {
       key: 0,
       class: c(r.value)
@@ -1230,22 +1230,22 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       ])
     ], 4)) : f("", !0);
   }
-}), es = /* @__PURE__ */ Z(pl, [["__scopeId", "data-v-f369fb46"]]), vl = ["disabled", "aria-expanded"], bl = ["disabled", "onClick"], ml = {
+}), _a = /* @__PURE__ */ Z(pl, [["__scopeId", "data-v-f369fb46"]]), vl = ["disabled", "aria-expanded"], bl = ["disabled", "onClick"], gl = {
   key: 0,
   class: "flex-shrink-0"
-}, gl = ["innerHTML"], yl = { class: "flex-1 min-w-0 mr-2" }, hl = { class: "flex flex-col items-start" }, xl = ["title"], wl = ["title"], kl = {
+}, ml = { class: "flex-1 min-w-0 mr-2" }, yl = { class: "flex flex-col items-start" }, hl = ["title"], xl = ["title"], wl = {
   key: 1,
   class: "flex-shrink-0"
-}, Cl = {
+}, kl = {
   key: 0,
   class: "text-xs text-secondary-400 font-mono whitespace-nowrap"
-}, $l = { key: 1 }, Bl = {
+}, Cl = { key: 1 }, $l = {
   key: 2,
   class: "w-4 h-4 ml-2 flex-shrink-0",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, Ml = /* @__PURE__ */ N({
+}, Bl = /* @__PURE__ */ N({
   __name: "Menu",
   props: {
     items: { default: () => [] },
@@ -1268,32 +1268,32 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     closeDelay: { default: 100 }
   },
   emits: ["open", "close", "select"],
-  setup(t, { emit: m }) {
+  setup(t, { emit: g }) {
     let e = null, u = null;
-    const r = t, p = m, v = q(!1), n = q(null), b = q(null), M = q({}), k = o(() => [
+    const r = t, p = g, v = q(!1), n = q(null), b = q(null), z = q({}), k = o(() => [
       "inline-flex items-center justify-center px-4 py-2 text-sm font-medium",
       "bg-white border border-secondary-300 rounded-md text-secondary-700",
       "hover:bg-secondary-100 hover:text-secondary-900 hover:border-secondary-400",
       "focus:outline-none focus:ring-2 focus:ring-primary-500",
       "disabled:opacity-50 disabled:cursor-not-allowed",
       "transition-all duration-200"
-    ].join(" ")), g = o(() => [...[
+    ].join(" ")), m = o(() => [...[
       "fixed bg-white rounded-lg shadow-lg border border-secondary-200",
       "flex flex-col",
       "focus:outline-none"
     ], `z-${r.zIndex}`].join(" ")), y = o(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), T = o(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), L = o(() => "py-1 overflow-y-auto flex-1 min-h-0"), A = o(() => "my-1 border-t border-secondary-200"), F = o(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), W = (i) => {
-      const z = [
+      const M = [
         "w-full flex items-center gap-3 px-4 py-2.5 text-sm text-left",
         "transition-all duration-150 focus:outline-none cursor-pointer",
         "disabled:opacity-50 disabled:cursor-not-allowed"
-      ], x = i.variant || "default", te = {
+      ], x = i.variant || "default", le = {
         default: "text-secondary-700 hover:bg-secondary-100 hover:text-secondary-900 focus:bg-secondary-100",
         danger: "text-danger-600 hover:bg-danger-100 hover:text-danger-700 focus:bg-danger-100",
         success: "text-success-600 hover:bg-success-100 hover:text-success-700 focus:bg-success-100",
         warning: "text-warning-600 hover:bg-warning-100 hover:text-warning-700 focus:bg-warning-100"
       };
       let R = "";
-      return i.color && (R = i.color, (i.color.includes("white") || i.color.includes("50")) && (R += " hover:text-black")), [...z, R || te[x]].join(" ");
+      return i.color && (R = i.color, (i.color.includes("white") || i.color.includes("50")) && (R += " hover:text-black")), [...M, R || le[x]].join(" ");
     }, I = () => {
       r.disabled || (v.value ? V() : (u && clearTimeout(u), e = setTimeout(() => {
         B();
@@ -1309,43 +1309,43 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     }, P = (i) => {
       i.disabled || (i.action && i.action(), p("select", i), (r.closeOnClick || r.closeOnSelect) && !i.children && V());
     }, j = (i) => {
-      const z = i.target;
-      n.value && !n.value.contains(z) && b.value && !b.value.contains(z) && V();
+      const M = i.target;
+      n.value && !n.value.contains(M) && b.value && !b.value.contains(M) && V();
     }, h = (i) => {
       i.key === "Escape" && V();
     }, d = (i) => {
       (i.key === "Enter" || i.key === " ") && (i.preventDefault(), I());
     }, C = () => {
       if (!n.value || !b.value) return;
-      const i = n.value.getBoundingClientRect(), z = b.value.getBoundingClientRect(), x = window.innerWidth, te = window.innerHeight;
+      const i = n.value.getBoundingClientRect(), M = b.value.getBoundingClientRect(), x = window.innerWidth, le = window.innerHeight;
       let R = 0, H = 0;
       switch (r.position) {
         case "bottom-start":
           R = i.bottom + r.offset.y, H = i.left + r.offset.x;
           break;
         case "bottom-end":
-          R = i.bottom + r.offset.y, H = i.right - z.width + r.offset.x;
+          R = i.bottom + r.offset.y, H = i.right - M.width + r.offset.x;
           break;
         case "top-start":
-          R = i.top - z.height - r.offset.y, H = i.left + r.offset.x;
+          R = i.top - M.height - r.offset.y, H = i.left + r.offset.x;
           break;
         case "top-end":
-          R = i.top - z.height - r.offset.y, H = i.right - z.width + r.offset.x;
+          R = i.top - M.height - r.offset.y, H = i.right - M.width + r.offset.x;
           break;
         case "right-start":
           R = i.top + r.offset.y, H = i.right + r.offset.x;
           break;
         case "right-end":
-          R = i.bottom - z.height + r.offset.y, H = i.right + r.offset.x;
+          R = i.bottom - M.height + r.offset.y, H = i.right + r.offset.x;
           break;
         case "left-start":
-          R = i.top + r.offset.y, H = i.left - z.width - r.offset.x;
+          R = i.top + r.offset.y, H = i.left - M.width - r.offset.x;
           break;
         case "left-end":
-          R = i.bottom - z.height + r.offset.y, H = i.left - z.width - r.offset.x;
+          R = i.bottom - M.height + r.offset.y, H = i.left - M.width - r.offset.x;
           break;
       }
-      H + z.width > x && (H = x - z.width - 8), H < 8 && (H = 8), R + z.height > te && (R = te - z.height - 8), R < 8 && (R = 8), M.value = {
+      H + M.width > x && (H = x - M.width - 8), H < 8 && (H = 8), R + M.height > le && (R = le - M.height - 8), R < 8 && (R = 8), z.value = {
         top: `${R}px`,
         left: `${H}px`,
         width: r.width === "auto" ? `${Math.max(i.width, 240)}px` : r.width,
@@ -1359,7 +1359,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("click", j), document.removeEventListener("keydown", h);
     }), de(() => r.items, () => {
       v.value && be(C);
-    }, { deep: !0 }), (i, z) => (l(), a("div", {
+    }, { deep: !0 }), (i, M) => (l(), a("div", {
       class: c(["menu-wrapper", { "w-full": t.fullWidth }])
     }, [
       s("div", {
@@ -1390,7 +1390,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24"
-            }, [...z[1] || (z[1] = [
+            }, [...M[1] || (M[1] = [
               s("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
@@ -1401,14 +1401,14 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           ], 42, vl)
         ], !0)
       ], 512),
-      (l(), le(me, { to: "body" }, [
+      (l(), te(ge, { to: "body" }, [
         v.value ? (l(), a("div", {
           key: 0,
           ref_key: "menuRef",
           ref: b,
-          class: c(g.value),
-          style: X(M.value),
-          onClick: z[0] || (z[0] = J(() => {
+          class: c(m.value),
+          style: X(z.value),
+          onClick: M[0] || (M[0] = J(() => {
           }, ["stop"]))
         }, [
           i.$slots.header ? (l(), a("div", {
@@ -1424,8 +1424,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               close: V,
               isOpen: v.value
             }, () => [
-              (l(!0), a(K, null, G(t.items, (x, te) => (l(), a(K, {
-                key: x.id || te
+              (l(!0), a(K, null, G(t.items, (x, le) => (l(), a(K, {
+                key: x.id || le
               }, [
                 x.type === "divider" ? (l(), a("div", {
                   key: 0,
@@ -1440,42 +1440,42 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                   disabled: x.disabled,
                   onClick: (R) => P(x)
                 }, [
-                  x.icon || i.$slots[`icon-${x.id}`] ? (l(), a("span", ml, [
+                  x.icon || i.$slots[`icon-${x.id}`] ? (l(), a("span", gl, [
                     O(i.$slots, `icon-${x.id}`, { item: x }, () => [
-                      typeof x.icon != "string" ? (l(), le(ge(x.icon), {
+                      typeof x.icon == "string" ? (l(), te(_, {
                         key: 0,
-                        class: "w-5 h-5"
-                      })) : (l(), a("span", {
+                        name: x.icon,
+                        size: "sm"
+                      }, null, 8, ["name"])) : (l(), te(me(x.icon), {
                         key: 1,
-                        innerHTML: x.icon,
-                        class: "w-5 h-5 inline-block"
-                      }, null, 8, gl))
+                        class: "w-5 h-5"
+                      }))
                     ], !0)
                   ])) : f("", !0),
-                  s("div", yl, [
+                  s("div", ml, [
                     O(i.$slots, `item-${x.id}`, {
                       item: x,
                       close: V
                     }, () => [
-                      s("div", hl, [
+                      s("div", yl, [
                         s("span", {
                           class: "truncate w-full",
                           title: x.label
-                        }, $(x.label), 9, xl),
+                        }, $(x.label), 9, hl),
                         x.description ? (l(), a("span", {
                           key: 0,
                           class: "text-xs text-secondary-500 truncate w-full",
                           title: x.description
-                        }, $(x.description), 9, wl)) : f("", !0)
+                        }, $(x.description), 9, xl)) : f("", !0)
                       ])
                     ], !0)
                   ]),
-                  x.suffix || x.shortcut || i.$slots[`suffix-${x.id}`] ? (l(), a("span", kl, [
+                  x.suffix || x.shortcut || i.$slots[`suffix-${x.id}`] ? (l(), a("span", wl, [
                     O(i.$slots, `suffix-${x.id}`, { item: x }, () => [
-                      x.shortcut ? (l(), a("span", Cl, $(x.shortcut), 1)) : x.suffix ? (l(), a("span", $l, $(x.suffix), 1)) : f("", !0)
+                      x.shortcut ? (l(), a("span", kl, $(x.shortcut), 1)) : x.suffix ? (l(), a("span", Cl, $(x.suffix), 1)) : f("", !0)
                     ], !0)
                   ])) : f("", !0),
-                  x.children && x.children.length > 0 ? (l(), a("svg", Bl, [...z[2] || (z[2] = [
+                  x.children && x.children.length > 0 ? (l(), a("svg", $l, [...M[2] || (M[2] = [
                     s("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
@@ -1502,38 +1502,38 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       ]))
     ], 2));
   }
-}), ts = /* @__PURE__ */ Z(Ml, [["__scopeId", "data-v-2120dee6"]]), zl = ["for"], Dl = {
+}), es = /* @__PURE__ */ Z(Bl, [["__scopeId", "data-v-f80cb374"]]), zl = ["for"], Ml = {
   key: 0,
   class: "text-danger-600"
-}, Vl = ["id", "disabled", "aria-expanded"], Tl = { class: "flex-1 text-left truncate" }, Sl = {
+}, Dl = ["id", "disabled", "aria-expanded"], Vl = { class: "flex-1 text-left truncate" }, Tl = {
   key: 0,
   class: "flex items-center justify-center gap-2 p-6 text-secondary-600"
-}, Il = {
+}, Sl = {
   key: 1,
   class: "p-2 border-b border-secondary-200"
-}, jl = ["placeholder"], Ll = {
+}, Il = ["placeholder"], jl = {
   key: 2,
   class: "max-h-64 overflow-y-auto"
-}, Ol = {
+}, Ll = {
   key: 0,
   class: "px-4 py-3 text-sm text-secondary-500 text-center"
-}, Al = ["onClick"], Fl = { class: "flex items-center justify-between w-full" }, Wl = { class: "truncate" }, ql = {
+}, Ol = ["onClick"], Al = { class: "flex items-center justify-between w-full" }, Fl = { class: "truncate" }, Wl = {
   key: 0,
   class: "w-5 h-5 text-primary-600 flex-shrink-0 ml-2",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
-}, Pl = {
+}, ql = {
   key: 0,
   class: "border-t border-secondary-200 my-1"
-}, Rl = ["onClick"], El = ["innerHTML"], Yl = {
+}, Pl = ["onClick"], Rl = ["innerHTML"], El = {
   key: 1,
   class: "mt-1 text-sm text-danger-600"
-}, Nl = {
+}, Yl = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, Hl = /* @__PURE__ */ N({
+}, Nl = /* @__PURE__ */ N({
   __name: "Select",
   props: {
     modelValue: { default: null },
@@ -1556,15 +1556,15 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     bordered: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change", "action"],
-  setup(t, { emit: m }) {
-    const e = t, u = m, r = q(!1), p = q(""), v = q(null), n = o(
+  setup(t, { emit: g }) {
+    const e = t, u = g, r = q(!1), p = q(""), v = q(null), n = o(
       () => `select-${Math.random().toString(36).substr(2, 9)}`
-    ), b = o(() => e.options.find((h) => h.value === e.modelValue) || null), M = o(() => {
+    ), b = o(() => e.options.find((h) => h.value === e.modelValue) || null), z = o(() => {
       if (!e.searchable || !p.value)
         return e.options;
       const h = p.value.toLowerCase();
       return e.options.filter((d) => d.label.toLowerCase().includes(h));
-    }), k = o(() => "ds-label"), g = o(() => e.bordered ? "border border-neutral-300 rounded-md" : "rounded-md"), y = o(() => {
+    }), k = o(() => "ds-label"), m = o(() => e.bordered ? "border border-neutral-300 rounded-md" : "rounded-md"), y = o(() => {
       const h = "w-full rounded-md flex items-center justify-between gap-2 transition-colors focus:outline-none focus:ring-2 focus:ring-primary-500 disabled:opacity-50 disabled:cursor-not-allowed", d = {
         sm: "px-3 py-1.5 text-sm",
         md: "px-4 py-2 text-base",
@@ -1616,10 +1616,10 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         class: c(k.value)
       }, [
         Y($(t.label) + " ", 1),
-        t.required ? (l(), a("span", Dl, "*")) : f("", !0)
+        t.required ? (l(), a("span", Ml, "*")) : f("", !0)
       ], 10, zl)) : f("", !0),
       s("div", {
-        class: c(["relative", g.value])
+        class: c(["relative", m.value])
       }, [
         s("button", {
           id: n.value,
@@ -1632,7 +1632,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           onBlur: P,
           onKeydown: j
         }, [
-          s("span", Tl, $(b.value ? b.value.label : t.placeholder), 1),
+          s("span", Vl, $(b.value ? b.value.label : t.placeholder), 1),
           (l(), a("svg", {
             class: c(["w-5 h-5 flex-shrink-0 transition-transform text-[#565656] opacity-80", r.value ? "rotate-180" : ""]),
             fill: "none",
@@ -1647,14 +1647,14 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               d: "M19 9l-7 7-7-7"
             }, null, -1)
           ])], 2))
-        ], 42, Vl),
+        ], 42, Dl),
         r.value ? (l(), a("div", {
           key: 0,
           class: c(T.value),
           onClick: d[2] || (d[2] = J(() => {
           }, ["stop"]))
         }, [
-          t.loading ? (l(), a("div", Sl, [...d[4] || (d[4] = [
+          t.loading ? (l(), a("div", Tl, [...d[4] || (d[4] = [
             s("svg", {
               class: "w-5 h-5 animate-spin",
               xmlns: "http://www.w3.org/2000/svg",
@@ -1676,7 +1676,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               })
             ], -1),
             s("span", null, "Cargando...", -1)
-          ])])) : t.searchable ? (l(), a("div", Il, [
+          ])])) : t.searchable ? (l(), a("div", Sl, [
             ve(s("input", {
               ref_key: "searchInput",
               ref: v,
@@ -1686,21 +1686,21 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               placeholder: t.searchPlaceholder,
               onKeydown: d[1] || (d[1] = J(() => {
               }, ["stop"]))
-            }, null, 40, jl), [
+            }, null, 40, Il), [
               [Ee, p.value]
             ])
           ])) : f("", !0),
-          t.loading ? f("", !0) : (l(), a("div", Ll, [
-            M.value.length === 0 ? (l(), a("div", Ol, $(t.emptyText), 1)) : (l(), a(K, { key: 1 }, [
-              (l(!0), a(K, null, G(M.value, (C) => (l(), a("button", {
+          t.loading ? f("", !0) : (l(), a("div", jl, [
+            z.value.length === 0 ? (l(), a("div", Ll, $(t.emptyText), 1)) : (l(), a(K, { key: 1 }, [
+              (l(!0), a(K, null, G(z.value, (C) => (l(), a("button", {
                 key: C.value,
                 type: "button",
                 class: c(L(C)),
                 onClick: (i) => B(C)
               }, [
-                s("div", Fl, [
-                  s("span", Wl, $(C.label), 1),
-                  F(C) ? (l(), a("svg", ql, [...d[5] || (d[5] = [
+                s("div", Al, [
+                  s("span", Fl, $(C.label), 1),
+                  F(C) ? (l(), a("svg", Wl, [...d[5] || (d[5] = [
                     s("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
@@ -1709,8 +1709,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                     }, null, -1)
                   ])])) : f("", !0)
                 ])
-              ], 10, Al))), 128)),
-              t.actionItems.length > 0 ? (l(), a("div", Pl)) : f("", !0),
+              ], 10, Ol))), 128)),
+              t.actionItems.length > 0 ? (l(), a("div", ql)) : f("", !0),
               (l(!0), a(K, null, G(t.actionItems, (C) => (l(), a("button", {
                 key: C.id,
                 type: "button",
@@ -1725,14 +1725,14 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg",
                   innerHTML: C.icon
-                }, null, 8, El)) : f("", !0),
+                }, null, 8, Rl)) : f("", !0),
                 Y(" " + $(C.label), 1)
-              ], 10, Rl))), 128))
+              ], 10, Pl))), 128))
             ], 64))
           ]))
         ], 2)) : f("", !0)
       ], 2),
-      t.error ? (l(), a("p", Yl, $(t.error), 1)) : t.helperText ? (l(), a("p", Nl, $(t.helperText), 1)) : f("", !0),
+      t.error ? (l(), a("p", El, $(t.error), 1)) : t.helperText ? (l(), a("p", Yl, $(t.helperText), 1)) : f("", !0),
       r.value ? (l(), a("div", {
         key: 3,
         onClick: I,
@@ -1740,10 +1740,10 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       })) : f("", !0)
     ], 2));
   }
-}), ls = /* @__PURE__ */ Z(Hl, [["__scopeId", "data-v-9886e097"]]), Kl = ["title"], Ul = {
+}), ts = /* @__PURE__ */ Z(Nl, [["__scopeId", "data-v-9886e097"]]), Hl = ["title"], Kl = {
   key: 0,
   class: "space-y-1"
-}, Jl = ["href", "onClick", "aria-current"], Gl = { key: 2 }, Ql = /* @__PURE__ */ N({
+}, Ul = ["href", "onClick", "aria-current"], Jl = { key: 2 }, Gl = /* @__PURE__ */ N({
   __name: "Sidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1767,8 +1767,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     scrimOpacity: { default: 0.5 }
   },
   emits: ["update:modelValue", "update:activeItem", "update:collapsed", "close", "open", "itemClick", "toggleCollapse"],
-  setup(t, { emit: m }) {
-    const e = t, u = q(e.collapsed), r = o(() => e.mini || u.value), p = m, v = o({
+  setup(t, { emit: g }) {
+    const e = t, u = q(e.collapsed), r = o(() => e.mini || u.value), p = g, v = o({
       get: () => e.modelValue,
       set: (j) => p("update:modelValue", j)
     }), n = (j = !1) => {
@@ -1784,9 +1784,9 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       },
       { immediate: !0 }
     );
-    const M = (j, h) => {
+    const z = (j, h) => {
       h.id && p("update:activeItem", h.id), h.onClick && (j.preventDefault(), h.onClick(h)), p("itemClick", h), !e.keepOpen && !e.persistent && n();
-    }, k = (j) => j.active !== void 0 ? j.active : e.activeItem && j.id ? e.activeItem === j.id : !1, g = (j) => {
+    }, k = (j) => j.active !== void 0 ? j.active : e.activeItem && j.id ? e.activeItem === j.id : !1, m = (j) => {
       const h = r.value ? "flex items-center justify-center p-3 rounded-lg transition-all duration-200" : "flex items-center gap-3 px-4 py-3 rounded-lg transition-all duration-200 text-sm font-medium", d = k(j) ? r.value ? "bg-primary-100 text-primary-700" : "bg-primary-100 text-primary-700 border-l-4 border-primary-600" : "text-gray-700 hover:bg-gray-100 hover:text-gray-900";
       return `${h} ${d}`;
     }, y = (j) => {
@@ -1807,7 +1807,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       md: "p-4",
       lg: "p-6"
     }, W = o(() => `flex items-center justify-between border-b border-gray-200 ${r.value ? "p-2" : F[e.padding]}`), I = o(() => r.value ? "flex gap-1 items-center" : "flex gap-2 items-center"), B = o(() => r.value ? "p-1.5 hover:bg-gray-100 rounded-md transition-colors" : "p-2 hover:bg-gray-100 rounded-md transition-colors"), V = o(() => `flex-1 overflow-y-auto ${F[e.padding]}`), P = o(() => `border-t border-gray-200 ${F[e.padding]}`);
-    return (j, h) => (l(), le(me, { to: "body" }, [
+    return (j, h) => (l(), te(ge, { to: "body" }, [
       Q(ie, { name: "fade" }, {
         default: re(() => [
           v.value && t.overlay && !t.keepOpen ? (l(), a("div", {
@@ -1854,7 +1854,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                       d: "M15 19l-7-7 7-7"
                     })
                   ], -1)
-                ])], 10, Kl)) : f("", !0),
+                ])], 10, Hl)) : f("", !0),
                 t.closable ? (l(), a("button", {
                   key: 1,
                   onClick: h[1] || (h[1] = (d) => n(!0)),
@@ -1880,25 +1880,25 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             s("div", {
               class: c(V.value)
             }, [
-              t.items && t.items.length ? (l(), a("nav", Ul, [
+              t.items && t.items.length ? (l(), a("nav", Kl, [
                 (l(!0), a(K, null, G(t.items, (d) => (l(), a("a", {
                   key: d.id || d.label,
                   href: d.href,
-                  onClick: (C) => M(C, d),
-                  class: c(g(d)),
+                  onClick: (C) => z(C, d),
+                  class: c(m(d)),
                   "aria-current": k(d) ? "page" : void 0
                 }, [
-                  d.icon && typeof d.icon == "string" ? (l(), le(ee, {
+                  d.icon && typeof d.icon == "string" ? (l(), te(_, {
                     key: 0,
                     name: d.icon,
                     size: "md",
                     class: c(y(d))
-                  }, null, 8, ["name", "class"])) : d.icon ? (l(), le(ge(d.icon), {
+                  }, null, 8, ["name", "class"])) : d.icon ? (l(), te(me(d.icon), {
                     key: 1,
                     class: c(y(d))
                   }, null, 8, ["class"])) : f("", !0),
-                  r.value ? f("", !0) : (l(), a("span", Gl, $(d.label), 1))
-                ], 10, Jl))), 128))
+                  r.value ? f("", !0) : (l(), a("span", Jl, $(d.label), 1))
+                ], 10, Ul))), 128))
               ])) : f("", !0),
               O(j.$slots, "default", {}, void 0, !0)
             ], 2),
@@ -1914,28 +1914,28 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       }, 8, ["name"])
     ]));
   }
-}), as = /* @__PURE__ */ Z(Ql, [["__scopeId", "data-v-e9c1eec7"]]), Zl = { class: "w-full space-y-4" }, Xl = { class: "flex flex-col gap-3 md:hidden" }, _l = {
+}), ls = /* @__PURE__ */ Z(Gl, [["__scopeId", "data-v-e9c1eec7"]]), Ql = { class: "w-full space-y-4" }, Zl = { class: "flex flex-col gap-3 md:hidden" }, Xl = {
   key: 0,
   class: "flex items-center gap-2 px-1 text-sm text-gray-600"
-}, ea = ["checked", "indeterminate"], ta = {
+}, _l = ["checked", "indeterminate"], ea = {
   key: 0,
   class: "flex items-center gap-2 pb-2"
-}, la = ["checked", "onChange", "aria-label"], aa = { class: "text-[11px] uppercase tracking-wide text-gray-400" }, sa = { class: "text-sm text-gray-700" }, oa = {
+}, ta = ["checked", "onChange", "aria-label"], la = { class: "text-[11px] uppercase tracking-wide text-gray-400" }, aa = { class: "text-sm text-gray-700" }, sa = {
   key: 1,
   class: "rounded-lg border border-dashed border-gray-200 bg-white p-4 text-gray-400 text-center"
-}, ra = { class: "hidden md:block w-full overflow-x-auto" }, na = { class: "w-full border-collapse" }, ia = { class: "w-full" }, da = {
+}, oa = { class: "hidden md:block w-full overflow-x-auto" }, ra = { class: "w-full border-collapse" }, na = { class: "w-full" }, ia = {
   key: 0,
   class: "px-3 py-3 text-left text-xs font-semibold text-gray-700 border-l border-gray-100 first:border-l-0 w-10"
-}, ua = ["checked", "indeterminate"], ca = ["onClick"], fa = { class: "flex items-center gap-2" }, pa = {
+}, da = ["checked", "indeterminate"], ua = ["onClick"], ca = { class: "flex items-center gap-2" }, fa = {
   key: 0,
   class: "text-xs text-gray-400"
-}, va = { key: 0 }, ba = { key: 1 }, ma = { class: "w-full" }, ga = ["checked", "onChange", "aria-label"], ya = {
+}, pa = { key: 0 }, va = { key: 1 }, ba = { class: "w-full" }, ga = ["checked", "onChange", "aria-label"], ma = {
   key: 0,
   class: "flex items-center justify-center py-12 text-gray-400"
-}, ha = {
+}, ya = {
   key: 0,
   class: "w-full px-6 py-4 bg-white"
-}, xa = /* @__PURE__ */ N({
+}, ha = /* @__PURE__ */ N({
   __name: "Table",
   props: {
     columns: {},
@@ -1952,22 +1952,22 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     hover: { type: Boolean, default: !0 }
   },
   emits: ["update:selectedKeys"],
-  setup(t, { emit: m }) {
+  setup(t, { emit: g }) {
     const e = t, u = o(() => ({
       compact: "py-1.5",
       normal: "py-3",
       spacious: "py-5"
-    })[e.density]), r = o(() => e.striped), p = o(() => e.hover), v = m, n = q(null), b = q("asc"), M = (d) => {
+    })[e.density]), r = o(() => e.striped), p = o(() => e.hover), v = g, n = q(null), b = q("asc"), z = (d) => {
       n.value === d ? b.value = b.value === "asc" ? "desc" : "asc" : (n.value = d, b.value = "asc");
     }, k = o(() => {
       if (!n.value)
         return e.data;
       const d = [...e.data];
       return d.sort((C, i) => {
-        const z = C[n.value], x = i[n.value];
-        return typeof z == "string" && typeof x == "string" ? b.value === "asc" ? z.localeCompare(x) : x.localeCompare(z) : typeof z == "number" && typeof x == "number" ? b.value === "asc" ? z - x : x - z : 0;
+        const M = C[n.value], x = i[n.value];
+        return typeof M == "string" && typeof x == "string" ? b.value === "asc" ? M.localeCompare(x) : x.localeCompare(M) : typeof M == "number" && typeof x == "number" ? b.value === "asc" ? M - x : x - M : 0;
       }), d;
-    }), g = o(() => e.columns.filter((d) => !d.hideOnMobile)), y = o(() => e.selectable), T = o({
+    }), m = o(() => e.columns.filter((d) => !d.hideOnMobile)), y = o(() => e.selectable), T = o({
       get: () => e.selectedKeys || [],
       set: (d) => v("update:selectedKeys", d)
     }), L = (d, C) => {
@@ -1980,8 +1980,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       return T.value.includes(i);
     }, V = (d, C, i) => {
       if (!y.value) return;
-      const z = L(d, C), x = new Set(T.value);
-      i ? x.add(z) : x.delete(z), T.value = Array.from(x);
+      const M = L(d, C), x = new Set(T.value);
+      i ? x.add(M) : x.delete(M), T.value = Array.from(x);
     }, P = (d) => {
       const C = d.target;
       return !!(C != null && C.checked);
@@ -1990,9 +1990,9 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     }, h = (d, C, i) => {
       V(d, C, P(i));
     };
-    return (d, C) => (l(), a("div", Zl, [
-      s("div", Xl, [
-        y.value ? (l(), a("div", _l, [
+    return (d, C) => (l(), a("div", Ql, [
+      s("div", Zl, [
+        y.value ? (l(), a("div", Xl, [
           s("input", {
             type: "checkbox",
             class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
@@ -2000,29 +2000,29 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             indeterminate: W.value,
             onChange: j,
             "aria-label": "Seleccionar todas las filas"
-          }, null, 40, ea),
+          }, null, 40, _l),
           C[0] || (C[0] = s("span", null, "Seleccionar todas", -1))
         ])) : f("", !0),
-        (l(!0), a(K, null, G(k.value, (i, z) => (l(), a("div", {
-          key: `card-${z}`,
+        (l(!0), a(K, null, G(k.value, (i, M) => (l(), a("div", {
+          key: `card-${M}`,
           class: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm"
         }, [
-          y.value ? (l(), a("div", ta, [
+          y.value ? (l(), a("div", ea, [
             s("input", {
               type: "checkbox",
               class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
-              checked: B(i, z),
-              onChange: (x) => h(i, z, x),
-              "aria-label": `Seleccionar fila ${z + 1}`
-            }, null, 40, la),
+              checked: B(i, M),
+              onChange: (x) => h(i, M, x),
+              "aria-label": `Seleccionar fila ${M + 1}`
+            }, null, 40, ta),
             C[1] || (C[1] = s("span", { class: "text-sm text-gray-700" }, "Seleccionar fila", -1))
           ])) : f("", !0),
-          (l(!0), a(K, null, G(g.value, (x) => (l(), a("div", {
-            key: `card-${z}-${x.key}`,
+          (l(!0), a(K, null, G(m.value, (x) => (l(), a("div", {
+            key: `card-${M}-${x.key}`,
             class: "flex flex-col gap-1 py-1"
           }, [
-            s("span", aa, $(x.label), 1),
-            s("span", sa, [
+            s("span", la, $(x.label), 1),
+            s("span", aa, [
               O(d.$slots, `cell-${x.key}`, {
                 value: i[x.key],
                 row: i
@@ -2032,22 +2032,22 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             ])
           ]))), 128))
         ]))), 128)),
-        k.value.length === 0 ? (l(), a("div", oa, [
+        k.value.length === 0 ? (l(), a("div", sa, [
           O(d.$slots, "empty", {}, () => [
             C[2] || (C[2] = Y("No hay datos disponibles", -1))
           ], !0)
         ])) : f("", !0)
       ]),
-      s("div", ra, [
-        s("table", na, [
-          s("thead", ia, [
+      s("div", oa, [
+        s("table", ra, [
+          s("thead", na, [
             s("tr", {
               class: c([
-                "w-full",
-                e.headerClass || "bg-neutral-50 border-b border-gray-100"
+                "w-full bg-neutral-50 border-b border-gray-100",
+                e.headerClass || ""
               ])
             }, [
-              y.value ? (l(), a("th", da, [
+              y.value ? (l(), a("th", ia, [
                 s("input", {
                   type: "checkbox",
                   class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
@@ -2055,7 +2055,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                   indeterminate: W.value,
                   onChange: j,
                   "aria-label": "Seleccionar todas las filas"
-                }, null, 40, ua)
+                }, null, 40, da)
               ])) : f("", !0),
               (l(!0), a(K, null, G(t.columns, (i) => (l(), a("th", {
                 key: i.key,
@@ -2063,25 +2063,26 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                 class: c([
                   "px-4 py-3 text-left text-xs font-semibold text-gray-700 border-l border-gray-100 first:border-l-0",
                   i.sortable ? "cursor-pointer hover:text-primary-600 select-none transition-colors" : "",
+                  e.headerClass,
                   e.headerCellClass
                 ]),
-                onClick: (z) => i.sortable && M(i.key)
+                onClick: (M) => i.sortable && z(i.key)
               }, [
-                s("div", fa, [
+                s("div", ca, [
                   s("span", null, $(i.label), 1),
-                  i.sortable ? (l(), a("span", pa, [
-                    n.value !== i.key ? (l(), a("span", va, "⇅")) : (l(), a("span", ba, $(b.value === "asc" ? "↑" : "↓"), 1))
+                  i.sortable ? (l(), a("span", fa, [
+                    n.value !== i.key ? (l(), a("span", pa, "⇅")) : (l(), a("span", va, $(b.value === "asc" ? "↑" : "↓"), 1))
                   ])) : f("", !0)
                 ])
-              ], 14, ca))), 128))
+              ], 14, ua))), 128))
             ], 2)
           ]),
-          s("tbody", ma, [
-            (l(!0), a(K, null, G(k.value, (i, z) => (l(), a("tr", {
-              key: z,
+          s("tbody", ba, [
+            (l(!0), a(K, null, G(k.value, (i, M) => (l(), a("tr", {
+              key: M,
               class: c([
-                "w-full border-b border-gray-200 transition-colors",
-                r.value && z % 2 === 1 ? "bg-gray-50" : "",
+                "w-full border-b border-gray-200 transition-colors bg-white",
+                r.value && M % 2 === 1 ? "bg-gray-50" : "",
                 p.value ? "hover:bg-blue-50" : "",
                 e.rowClass,
                 u.value
@@ -2094,15 +2095,16 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                 s("input", {
                   type: "checkbox",
                   class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
-                  checked: B(i, z),
-                  onChange: (x) => h(i, z, x),
-                  "aria-label": `Seleccionar fila ${z + 1}`
+                  checked: B(i, M),
+                  onChange: (x) => h(i, M, x),
+                  "aria-label": `Seleccionar fila ${M + 1}`
                 }, null, 40, ga)
               ], 2)) : f("", !0),
               (l(!0), a(K, null, G(t.columns, (x) => (l(), a("td", {
-                key: `${z}-${x.key}`,
+                key: `${M}-${x.key}`,
                 class: c([
-                  "px-4 text-xs text-gray-600 border-l border-gray-100 first:border-l-0",
+                  "px-4 text-xs text-gray-600 border-l border-gray-100 first:border-l-0 bg-white",
+                  e.rowClass,
                   e.cellClass,
                   u.value
                 ])
@@ -2117,18 +2119,18 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             ], 2))), 128))
           ])
         ]),
-        k.value.length === 0 ? (l(), a("div", ya, [
+        k.value.length === 0 ? (l(), a("div", ma, [
           O(d.$slots, "empty", {}, () => [
             C[3] || (C[3] = Y("No hay datos disponibles", -1))
           ], !0)
         ])) : f("", !0)
       ]),
-      d.$slots.footer ? (l(), a("div", ha, [
+      d.$slots.footer ? (l(), a("div", ya, [
         O(d.$slots, "footer", {}, void 0, !0)
       ])) : f("", !0)
     ]));
   }
-}), ss = /* @__PURE__ */ Z(xa, [["__scopeId", "data-v-6e6c27e1"]]), wa = { class: "tabs-wrapper" }, ka = ["aria-selected", "onClick"], Ca = "relative w-full sm:w-auto text-left sm:text-center px-4 sm:px-6 py-3 text-base tracking-wide transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500", $a = /* @__PURE__ */ N({
+}), as = /* @__PURE__ */ Z(ha, [["__scopeId", "data-v-9f8c5346"]]), xa = { class: "tabs-wrapper" }, wa = ["aria-selected", "onClick"], ka = "relative w-full sm:w-auto text-left sm:text-center px-4 sm:px-6 py-3 text-base tracking-wide transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500", Ca = /* @__PURE__ */ N({
   __name: "Tabs",
   props: {
     modelValue: {},
@@ -2138,8 +2140,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     variant: { default: "default" }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: m }) {
-    const e = t, u = m, r = o(() => ({
+  setup(t, { emit: g }) {
+    const e = t, u = g, r = o(() => ({
       default: "border-b-3",
       bordered: "border border-secondary-200 rounded-t-lg",
       pill: "rounded-full bg-secondary-100 mx-1"
@@ -2155,12 +2157,12 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       default: "hover:text-secondary-700 border-transparent font-normal",
       bordered: "text-secondary-600 hover:text-primary-600 font-normal",
       pill: "text-secondary-600 hover:text-secondary-900 font-normal"
-    })[e.variant]), b = (y) => e.modelValue === y, M = (y) => {
+    })[e.variant]), b = (y) => e.modelValue === y, z = (y) => {
       b(y) || u("update:modelValue", y);
-    }, k = o(() => e.modelValue), g = o(
+    }, k = o(() => e.modelValue), m = o(
       () => e.tabs.find((y) => y.value === k.value)
     );
-    return (y, T) => (l(), a("div", wa, [
+    return (y, T) => (l(), a("div", xa, [
       s("div", {
         class: c(["tabs-header", t.headerClass])
       }, [
@@ -2172,14 +2174,14 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             key: L.value,
             type: "button",
             class: c([
-              Ca,
+              ka,
               r.value,
               b(L.value) ? v.value : n.value
             ]),
             "aria-selected": b(L.value),
             role: "tab",
-            onClick: (A) => M(L.value)
-          }, $(L.label), 11, ka))), 128))
+            onClick: (A) => z(L.value)
+          }, $(L.label), 11, wa))), 128))
         ], 2)
       ], 2),
       s("div", {
@@ -2188,12 +2190,12 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       }, [
         O(y.$slots, k.value, {
           active: k.value,
-          tab: g.value
+          tab: m.value
         }, void 0, !0)
       ], 2)
     ]));
   }
-}), os = /* @__PURE__ */ Z($a, [["__scopeId", "data-v-fd5e2425"]]), Ba = "font-sans", rs = /* @__PURE__ */ N({
+}), ss = /* @__PURE__ */ Z(Ca, [["__scopeId", "data-v-fd5e2425"]]), $a = "font-sans", os = /* @__PURE__ */ N({
   __name: "Text",
   props: {
     variant: { default: "body1" },
@@ -2205,7 +2207,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     weight: {}
   },
   setup(t) {
-    const m = {
+    const g = {
       h1: "text-[40px] leading-[57px] tracking-[0px] font-extrabold",
       h2: "text-[40px] leading-[57px] tracking-[0px] font-bold",
       h3: "text-[28px] leading-[39px] tracking-[0px] font-extrabold",
@@ -2265,7 +2267,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       semibold: "font-semibold",
       bold: "font-bold",
       extrabold: "font-extrabold"
-    }, v = t, n = o(() => v.variant), b = o(() => v.align), M = o(() => v.as || e[n.value] || "span"), k = o(() => v.color && v.color.startsWith("#")), g = o(() => k.value ? "" : r[v.color] || r.default), y = o(() => k.value ? { color: v.color } : {}), T = o(() => v.weight ? { fontWeight: {
+    }, v = t, n = o(() => v.variant), b = o(() => v.align), z = o(() => v.as || e[n.value] || "span"), k = o(() => v.color && v.color.startsWith("#")), m = o(() => k.value ? "" : r[v.color] || r.default), y = o(() => k.value ? { color: v.color } : {}), T = o(() => v.weight ? { fontWeight: {
       light: 300,
       normal: 400,
       medium: 500,
@@ -2273,11 +2275,11 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       bold: 700,
       extrabold: 800
     }[v.weight] } : {}), L = o(() => v.weight ? p[v.weight] : "");
-    return (A, F) => (l(), le(ge(M.value), {
+    return (A, F) => (l(), te(me(z.value), {
       class: c([
-        Ba,
-        m[n.value],
-        g.value,
+        $a,
+        g[n.value],
+        m.value,
         u[b.value],
         L.value,
         {
@@ -2293,17 +2295,17 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       _: 3
     }, 8, ["class", "style"]));
   }
-}), Ma = { class: "w-full flex items-center justify-between gap-3 py-2" }, za = {
+}), Ba = { class: "w-full flex items-center justify-between gap-3 py-2" }, za = {
   key: 0,
-  class: "text-xs text-secondary-600"
-}, Da = { key: 0 }, Va = {
+  class: "text-xs pagination-text"
+}, Ma = { key: 0 }, Da = {
   class: "ml-auto inline-flex items-center gap-1",
   role: "navigation",
   "aria-label": "Pagination"
-}, Ta = ["disabled"], Sa = {
+}, Va = ["disabled"], Ta = {
   key: 0,
-  class: "h-8 min-w-8 px-2 inline-flex items-center justify-center text-secondary-500"
-}, Ia = ["aria-label", "onClick"], ja = ["disabled"], La = /* @__PURE__ */ N({
+  class: "h-8 min-w-8 px-2 inline-flex items-center justify-center pagination-text"
+}, Sa = ["aria-label", "onClick"], Ia = ["disabled"], ja = /* @__PURE__ */ N({
   __name: "Pagination",
   props: {
     modelValue: { default: 1 },
@@ -2316,74 +2318,74 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     itemLabel: { default: "" }
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { emit: m }) {
-    const e = t, u = m, r = o(() => {
-      const g = Math.ceil(e.totalItems / e.pageSize);
-      return g > 0 ? g : 1;
+  setup(t, { emit: g }) {
+    const e = t, u = g, r = o(() => {
+      const m = Math.ceil(e.totalItems / e.pageSize);
+      return m > 0 ? m : 1;
     }), p = o(() => {
-      const g = Number(e.modelValue || 1);
-      return g < 1 ? 1 : g > r.value ? r.value : g;
-    }), v = o(() => e.totalItems === 0 ? 0 : (p.value - 1) * e.pageSize + 1), n = o(() => Math.min(p.value * e.pageSize, e.totalItems)), b = o(() => `Mostrando ${v.value} a ${n.value} de ${e.totalItems}`), M = o(() => {
-      const g = r.value, y = Math.max(3, e.maxPages), T = p.value;
-      if (g <= y)
-        return Array.from({ length: g }, (I, B) => B + 1);
+      const m = Number(e.modelValue || 1);
+      return m < 1 ? 1 : m > r.value ? r.value : m;
+    }), v = o(() => e.totalItems === 0 ? 0 : (p.value - 1) * e.pageSize + 1), n = o(() => Math.min(p.value * e.pageSize, e.totalItems)), b = o(() => `Mostrando ${v.value} a ${n.value} de ${e.totalItems}`), z = o(() => {
+      const m = r.value, y = Math.max(3, e.maxPages), T = p.value;
+      if (m <= y)
+        return Array.from({ length: m }, (I, B) => B + 1);
       const L = Math.floor(y / 2);
-      let A = Math.max(1, T - L), F = Math.min(g, A + y - 1);
+      let A = Math.max(1, T - L), F = Math.min(m, A + y - 1);
       A = Math.max(1, Math.min(A, F - y + 1));
       const W = [];
       A > 1 && (W.push(1), A > 2 && W.push("…"));
       for (let I = A; I <= F; I++)
         W.push(I);
-      return F < g && (F < g - 1 && W.push("…"), W.push(g)), W;
+      return F < m && (F < m - 1 && W.push("…"), W.push(m)), W;
     });
-    function k(g) {
-      const y = Math.max(1, Math.min(g, r.value));
+    function k(m) {
+      const y = Math.max(1, Math.min(m, r.value));
       y !== p.value && (u("update:modelValue", y), u("change", y));
     }
-    return (g, y) => (l(), a("div", Ma, [
+    return (m, y) => (l(), a("div", Ba, [
       t.showSummary ? (l(), a("div", za, [
-        O(g.$slots, "summary", {
+        O(m.$slots, "summary", {
           start: v.value,
           end: n.value,
           total: t.totalItems
         }, () => [
           Y($(b.value), 1),
-          t.itemLabel ? (l(), a("span", Da, $(t.itemLabel), 1)) : f("", !0)
+          t.itemLabel ? (l(), a("span", Ma, $(t.itemLabel), 1)) : f("", !0)
         ], !0)
       ])) : f("", !0),
-      s("nav", Va, [
+      s("nav", Da, [
         s("button", {
           type: "button",
-          class: "h-8 px-3 rounded-full text-sm font-semibold text-secondary-700 hover:bg-secondary-100 disabled:opacity-50 disabled:cursor-not-allowed",
+          class: "h-8 px-3 rounded-full pagination-text hover:bg-secondary-100 disabled:opacity-50 disabled:cursor-not-allowed",
           disabled: p.value <= 1,
           onClick: y[0] || (y[0] = (T) => k(p.value - 1)),
           "aria-label": "Anterior"
-        }, $(t.previousText), 9, Ta),
-        (l(!0), a(K, null, G(M.value, (T, L) => (l(), a(K, {
+        }, $(t.previousText), 9, Va),
+        (l(!0), a(K, null, G(z.value, (T, L) => (l(), a(K, {
           key: `page-${L}-${T}`
         }, [
-          T === "…" ? (l(), a("span", Sa, " … ")) : (l(), a("button", {
+          T === "…" ? (l(), a("span", Ta, " … ")) : (l(), a("button", {
             key: 1,
             type: "button",
             "aria-label": `Página ${T}`,
             class: c([
-              "h-8 min-w-8 px-3 rounded-full text-sm font-semibold transition-colors",
-              T === p.value ? "bg-primary-500 text-white" : "text-secondary-700 hover:bg-secondary-100"
+              "h-8 min-w-8 px-3 rounded-full transition-colors",
+              T === p.value ? "bg-primary-500 text-white font-semibold" : "pagination-text hover:bg-secondary-100"
             ]),
             onClick: (A) => k(T)
-          }, $(T), 11, Ia))
+          }, $(T), 11, Sa))
         ], 64))), 128)),
         s("button", {
           type: "button",
-          class: "h-8 px-3 rounded-full text-sm font-semibold text-secondary-700 hover:bg-secondary-100 disabled:opacity-50 disabled:cursor-not-allowed",
+          class: "h-8 px-3 rounded-full pagination-text hover:bg-secondary-100 disabled:opacity-50 disabled:cursor-not-allowed",
           disabled: p.value >= r.value,
           onClick: y[1] || (y[1] = (T) => k(p.value + 1)),
           "aria-label": "Siguiente"
-        }, $(t.nextText), 9, ja)
+        }, $(t.nextText), 9, Ia)
       ])
     ]));
   }
-}), ns = /* @__PURE__ */ Z(La, [["__scopeId", "data-v-87417cc4"]]), is = /* @__PURE__ */ N({
+}), rs = /* @__PURE__ */ Z(ja, [["__scopeId", "data-v-0d98b48c"]]), ns = /* @__PURE__ */ N({
   __name: "Tooltip",
   props: {
     content: { default: "" },
@@ -2396,27 +2398,27 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     closeDelay: { default: 100 }
   },
   setup(t) {
-    const m = t, e = q(!1);
+    const g = t, e = q(!1);
     let u = null, r = null;
     const p = () => {
-      m.trigger === "hover" && (clearTimeout(r), u = setTimeout(() => {
+      g.trigger === "hover" && (clearTimeout(r), u = setTimeout(() => {
         e.value = !0;
-      }, m.openDelay));
+      }, g.openDelay));
     }, v = () => {
-      m.trigger === "hover" && (clearTimeout(u), r = setTimeout(() => {
+      g.trigger === "hover" && (clearTimeout(u), r = setTimeout(() => {
         e.value = !1;
-      }, m.closeDelay));
+      }, g.closeDelay));
     }, n = () => {
-      m.trigger === "click" && (e.value = !e.value);
+      g.trigger === "click" && (e.value = !e.value);
     }, b = () => {
-      m.trigger === "focus" && (e.value = !0);
-    }, M = () => {
-      m.trigger === "focus" && (e.value = !1);
+      g.trigger === "focus" && (e.value = !0);
+    }, z = () => {
+      g.trigger === "focus" && (e.value = !1);
     }, k = {
       sm: "px-2 py-1 text-xs",
       md: "px-3 py-2 text-sm",
       lg: "px-4 py-3 text-base"
-    }, g = {
+    }, m = {
       // Deja un pequeño espacio entre el activador y el tooltip
       top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
       bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
@@ -2427,13 +2429,13 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       bottom: "top-[-8px] rotate-180 left-1/2 -translate-x-1/2",
       left: "right-[-8px] rotate-180 top-1/2 -translate-y-1/2",
       right: "left-[-8px] rotate-180 top-1/2 -translate-y-1/2"
-    }[m.position]}`), T = o(() => ({
+    }[g.position]}`), T = o(() => ({
       "bg-gray-900": "#111827",
       "bg-primary-500": "#0ea5e9",
       "bg-green-600": "#16a34a",
       "bg-yellow-600": "#ca8a04",
       "bg-danger-600": "#dc2626"
-    })[m.backgroundColor] || "#111827"), L = o(() => ({
+    })[g.backgroundColor] || "#111827"), L = o(() => ({
       // Orden: top, right, bottom, left
       top: `transparent transparent ${T.value} transparent`,
       // tooltip arriba → flecha apunta hacia abajo (borde inferior coloreado)
@@ -2443,14 +2445,14 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       // tooltip a la izquierda → flecha apunta hacia la derecha (borde derecho coloreado)
       right: `transparent transparent transparent ${T.value}`
       // tooltip a la derecha → flecha apunta hacia la izquierda (borde izquierdo coloreado)
-    })[m.position]), A = o(() => `absolute ${g[m.position]} ${m.textColor} ${k[m.size]} rounded-md shadow-lg whitespace-nowrap z-50`);
+    })[g.position]), A = o(() => `absolute ${m[g.position]} ${g.textColor} ${k[g.size]} rounded-md shadow-lg whitespace-nowrap z-50`);
     return (F, W) => (l(), a("div", {
       class: "relative inline-flex",
       onMouseenter: p,
       onMouseleave: v,
       onClick: n,
       onFocus: b,
-      onBlur: M
+      onBlur: z
     }, [
       O(F.$slots, "default"),
       Q(ie, {
@@ -2481,7 +2483,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       })
     ], 32));
   }
-}), Oa = { class: "truncate" }, Aa = ["aria-label", "disabled"], ds = /* @__PURE__ */ N({
+}), La = { class: "truncate" }, Oa = ["aria-label", "disabled"], is = /* @__PURE__ */ N({
   __name: "Chip",
   props: {
     label: { default: "" },
@@ -2494,8 +2496,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     closeAriaLabel: { default: "Cerrar" }
   },
   emits: ["click", "close"],
-  setup(t, { emit: m }) {
-    const e = t, u = m, r = o(() => !!e.icon), p = o(() => e.icon || ""), v = {
+  setup(t, { emit: g }) {
+    const e = t, u = g, r = o(() => !!e.icon), p = o(() => e.icon || ""), v = {
       sm: "h-7 text-xs px-3 gap-1.5 font-semibold leading-none",
       md: "h-8 text-sm px-3.5 gap-2 font-semibold leading-none"
     }, n = {
@@ -2545,26 +2547,26 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-default",
         T
       ].join(" ");
-    }), M = o(() => "text-current flex items-center"), k = () => {
+    }), z = o(() => "text-current flex items-center"), k = () => {
       e.disabled || u("close");
-    }, g = () => {
+    }, m = () => {
       e.disabled || u("click");
     };
     return (y, T) => (l(), a("div", {
       class: c(b.value),
       role: "status",
-      onClick: g
+      onClick: m
     }, [
       r.value ? (l(), a("span", {
         key: 0,
-        class: c(M.value)
+        class: c(z.value)
       }, [
-        Q(ee, {
+        Q(_, {
           name: p.value,
           size: "sm"
         }, null, 8, ["name"])
       ], 2)) : f("", !0),
-      s("span", Oa, [
+      s("span", La, [
         O(y.$slots, "default", {}, () => [
           Y($(t.label), 1)
         ])
@@ -2577,17 +2579,17 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         onClick: J(k, ["stop"]),
         disabled: t.disabled
       }, [
-        Q(ee, {
+        Q(_, {
           name: "close",
           size: "sm"
         })
-      ], 8, Aa)) : f("", !0)
+      ], 8, Oa)) : f("", !0)
     ], 2));
   }
-}), Fa = ["data-node-id"], Wa = {
+}), Aa = ["data-node-id"], Fa = {
   key: 0,
   class: "shrink-0 size-12 rounded-full bg-[var(--neutrales/fondo-general-claro,#f7f7f7)] grid place-items-center"
-}, qa = {
+}, Wa = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -2598,7 +2600,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Pa = {
+}, qa = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -2609,7 +2611,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Ra = {
+}, Pa = {
   key: 2,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -2620,7 +2622,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Ea = {
+}, Ra = {
   key: 3,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -2631,10 +2633,10 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Ya = {
+}, Ea = {
   key: 1,
   class: "flex flex-wrap items-center justify-end gap-2 px-6 pb-6 pt-4"
-}, us = /* @__PURE__ */ N({
+}, ds = /* @__PURE__ */ N({
   __name: "Alert",
   props: {
     variant: { default: "info" },
@@ -2648,8 +2650,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     stackOn: { default: void 0 }
   },
   emits: ["close", "accept", "cancel"],
-  setup(t, { emit: m }) {
-    const e = m, u = t, r = o(() => u.variant), p = o(() => u.multiline), v = o(() => u.actions), n = o(() => u.nodeId), b = o(() => u.showIcon), M = () => e("close"), k = o(() => !!u.title), g = o(() => u.title ?? ""), y = o(() => u.description ?? ""), T = o(() => {
+  setup(t, { emit: g }) {
+    const e = g, u = t, r = o(() => u.variant), p = o(() => u.multiline), v = o(() => u.actions), n = o(() => u.nodeId), b = o(() => u.showIcon), z = () => e("close"), k = o(() => !!u.title), m = o(() => u.title ?? ""), y = o(() => u.description ?? ""), T = o(() => {
       switch (r.value) {
         case "info":
           return {
@@ -2699,7 +2701,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         type: "button",
         class: "absolute top-3 right-3 text-[color:var(--neutrales/texto-principal,#565656)]/70 hover:opacity-100 opacity-70",
         "aria-label": "Cerrar",
-        onClick: M
+        onClick: z
       }, [...V[2] || (V[2] = [
         s("svg", {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2732,8 +2734,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         s("div", {
           class: c(A.value)
         }, [
-          b.value ? (l(), a("div", Wa, [
-            r.value === "info" ? (l(), a("svg", qa, [...V[3] || (V[3] = [
+          b.value ? (l(), a("div", Fa, [
+            r.value === "info" ? (l(), a("svg", Wa, [...V[3] || (V[3] = [
               s("circle", {
                 cx: "12",
                 cy: "12",
@@ -2751,7 +2753,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                 x2: "12",
                 y2: "8"
               }, null, -1)
-            ])])) : r.value === "warning" ? (l(), a("svg", Pa, [...V[4] || (V[4] = [
+            ])])) : r.value === "warning" ? (l(), a("svg", qa, [...V[4] || (V[4] = [
               s("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z" }, null, -1),
               s("line", {
                 x1: "12",
@@ -2765,10 +2767,10 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                 x2: "12",
                 y2: "17"
               }, null, -1)
-            ])])) : r.value === "success" ? (l(), a("svg", Ra, [...V[5] || (V[5] = [
+            ])])) : r.value === "success" ? (l(), a("svg", Pa, [...V[5] || (V[5] = [
               s("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }, null, -1),
               s("polyline", { points: "22 4 12 14.01 9 11.01" }, null, -1)
-            ])])) : (l(), a("svg", Ea, [...V[6] || (V[6] = [
+            ])])) : (l(), a("svg", Ra, [...V[6] || (V[6] = [
               s("polygon", { points: "7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" }, null, -1),
               s("line", {
                 x1: "12",
@@ -2793,7 +2795,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               k.value ? (l(), a("div", {
                 key: 0,
                 class: c(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", I.value])
-              }, $(g.value), 3)) : f("", !0),
+              }, $(m.value), 3)) : f("", !0),
               s("div", {
                 class: c(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !p.value }])
               }, [
@@ -2805,7 +2807,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           ], 2)
         ], 2)
       ], 2),
-      v.value ? (l(), a("div", Ya, [
+      v.value ? (l(), a("div", Ea, [
         s("button", {
           type: "button",
           class: "px-3 py-1.5 rounded-lg text-sm tracking-[0.25px] font-semibold text-[color:var(--neutrales/texto-principal,#565656)]",
@@ -2825,27 +2827,27 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           ])
         ], 2)
       ])) : f("", !0)
-    ], 10, Fa));
+    ], 10, Aa));
   }
 });
 export {
-  us as Alert,
-  Ua as AppBar,
-  Ja as Button,
-  Ga as Calendar,
-  Qa as Card,
-  ds as Chip,
-  Za as Dialog,
-  Xa as FileUpload,
-  ee as Icon,
-  _a as Input,
-  es as Loader,
-  ts as Menu,
-  ns as Pagination,
-  ls as Select,
-  as as Sidebar,
-  ss as Table,
-  os as Tabs,
-  rs as Text,
-  is as Tooltip
+  ds as Alert,
+  Ka as AppBar,
+  Ua as Button,
+  Ja as Calendar,
+  Ga as Card,
+  is as Chip,
+  Qa as Dialog,
+  Za as FileUpload,
+  _ as Icon,
+  Xa as Input,
+  _a as Loader,
+  es as Menu,
+  rs as Pagination,
+  ts as Select,
+  ls as Sidebar,
+  as as Table,
+  ss as Tabs,
+  os as Text,
+  ns as Tooltip
 };