@iaclinical/components 1.0.34 → 1.0.36

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 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 { defineComponent as N, computed as r, createElementBlock as a, openBlock as l, normalizeClass as n, createElementVNode as s, createCommentVNode as c, renderSlot as L, toDisplayString as D, createBlock as te, unref as Re, normalizeStyle as X, ref as P, onMounted as be, onUnmounted as ge, watch as de, createTextVNode as Y, withModifiers as J, createVNode as Q, withDirectives as me, Fragment as K, renderList as G, vModelSelect as Te, withKeys as Se, Teleport as ye, Transition as ie, withCtx as re, nextTick as ve, resolveDynamicComponent as he, 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,17 +24,17 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     density: { default: "normal" }
   },
   emits: ["toggle-menu"],
-  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",
+  setup(t, { emit: b }) {
+    const e = t, m = b, o = r(() => {
+      const f = "flex flex-row items-center justify-between gap-2 sm:gap-4 px-3 sm:px-6 z-50 w-full", p = {
+        default: "bg-primary-500 text-primary-50",
         dark: "bg-secondary-900 text-white",
         light: "bg-white text-secondary-900 border-b border-secondary-200"
-      }, n = {
+      }, i = {
         sm: "h-12",
         md: "h-14",
         lg: "h-16"
-      }, b = {
+      }, v = {
         0: "",
         1: "shadow-sm",
         2: "shadow",
@@ -45,25 +45,25 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         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" : "", m = e.shadow ? "shadow-md" : b[Math.min(e.elevation, 5)];
+      }, w = e.sticky ? e.mode === "fixed" ? "fixed top-0 inset-x-0" : "sticky top-0 inset-x-0" : "", g = e.shadow ? "shadow-md" : v[Math.min(e.elevation, 5)];
       return [
-        p.replace("gap-2 sm:gap-4", z[e.density]),
-        v[e.variant],
-        n[e.height],
-        k,
-        m
+        f.replace("gap-2 sm:gap-4", z[e.density]),
+        p[e.variant],
+        i[e.height],
+        w,
+        g
       ].join(" ");
     });
-    return (p, v) => (l(), a("header", {
-      class: c(r.value)
+    return (f, p) => (l(), a("header", {
+      class: n(o.value)
     }, [
       s("div", Ne, [
         t.showMenuButton ? (l(), a("button", {
           key: 0,
-          onClick: v[0] || (v[0] = (n) => u("toggle-menu")),
+          onClick: p[0] || (p[0] = (i) => m("toggle-menu")),
           class: "p-1.5 sm:p-2 hover:bg-primary-600 rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
           "aria-label": "Toggle menu"
-        }, [...v[1] || (v[1] = [
+        }, [...p[1] || (p[1] = [
           s("svg", {
             class: "w-5 h-5 sm:w-6 sm:h-6 text-primary-50",
             fill: "none",
@@ -78,26 +78,26 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               d: "M4 6h16M4 12h16M4 18h16"
             })
           ], -1)
-        ])])) : f("", !0),
-        t.title && t.titlePosition === "left" ? (l(), a("div", He, $(t.title), 1)) : f("", !0),
-        O(p.$slots, "left", {}, void 0, !0)
+        ])])) : c("", !0),
+        t.title && t.titlePosition === "left" ? (l(), a("div", He, D(t.title), 1)) : c("", !0),
+        L(f.$slots, "left", {}, void 0, !0)
       ]),
       s("div", Ke, [
-        t.title && t.titlePosition === "center" ? (l(), a("div", Ue, $(t.title), 1)) : f("", !0),
-        O(p.$slots, "center", {}, void 0, !0)
+        t.title && t.titlePosition === "center" ? (l(), a("div", Ue, D(t.title), 1)) : c("", !0),
+        L(f.$slots, "center", {}, void 0, !0)
       ]),
       s("div", Je, [
-        t.title && t.titlePosition === "right" ? (l(), a("div", Ge, $(t.title), 1)) : f("", !0),
-        O(p.$slots, "right", {}, void 0, !0)
+        t.title && t.titlePosition === "right" ? (l(), a("div", Ge, D(t.title), 1)) : c("", !0),
+        L(f.$slots, "right", {}, void 0, !0)
       ])
     ], 2));
   }
-}), Z = (t, g) => {
+}), Z = (t, b) => {
   const e = t.__vccOpts || t;
-  for (const [u, r] of g)
-    e[u] = r;
+  for (const [m, o] of b)
+    e[m] = o;
   return e;
-}, Ka = /* @__PURE__ */ Z(Qe, [["__scopeId", "data-v-d279b85c"]]), Ze = ["type", "disabled", "aria-label"], Xe = {
+}, Ra = /* @__PURE__ */ Z(Qe, [["__scopeId", "data-v-b7ffd034"]]), 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]"
-}, Ua = /* @__PURE__ */ N({
+}, Ea = /* @__PURE__ */ N({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -118,43 +118,44 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     badge: { default: 0 },
     ariaLabel: { default: "" },
     textColor: { default: void 0 },
-    textColorHover: { default: void 0 }
+    textColorHover: { default: void 0 },
+    compact: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  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",
+  setup(t, { emit: b }) {
+    const e = t, m = b, o = r(() => e.variant === "icon"), f = r(() => e.badge > 99 ? "99+" : e.badge.toString()), p = r(() => {
+      const v = "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-500 focus-visible:ring-primary-500",
         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",
-        ghost: "hover:bg-secondary-100 focus-visible:ring-secondary-500",
+        outline: "border border-secondary-300 bg-transparent hover:bg-primary-100 focus-visible:ring-secondary-500",
+        ghost: "hover:bg-primary-100 focus-visible:ring-secondary-500",
         danger: "bg-danger-600 text-white hover:bg-danger-700 focus-visible:ring-danger-600",
-        icon: "hover:bg-secondary-100 focus-visible:ring-secondary-500 relative",
+        icon: "hover:bg-primary-100 hover:text-black focus-visible:ring-secondary-500 relative",
         text: "bg-transparent border-0 focus-visible:ring-0 focus-visible:ring-offset-0"
-      }, k = {
-        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"
-      }, m = {
+      }, w = {
+        sm: o.value ? e.compact ? "p-1" : "p-1.5" : e.compact ? "h-6 px-2 text-xs" : "h-8 px-3 text-sm",
+        md: o.value ? e.compact ? "p-1.5" : "p-2" : e.compact ? "h-8 px-3 text-sm" : "h-10 px-4 text-base",
+        lg: o.value ? e.compact ? "p-2" : "p-3" : e.compact ? "h-10 px-4 text-base" : "h-12 px-6 text-lg"
+      }, g = {
         full: "rounded-full",
         xl: "rounded-2xl",
         lg: "rounded-xl",
         md: "rounded-lg",
         sm: "rounded-md",
         none: "rounded-none"
-      }, y = e.textColor ? e.textColor : "", T = o(() => {
-        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" : "";
+      }, B = e.textColor ? e.textColor : "", C = r(() => {
+        var F, j;
+        return e.textColorHover ? e.textColorHover : (F = e.textColor) != null && F.includes("white") || (j = e.textColor) != null && j.includes("50") ? "hover:text-black" : "";
       });
-      return `${b} ${z[e.variant]} ${k[e.size]} ${m[e.radius]} ${y} ${T.value}`;
-    }), n = (b) => {
-      e.disabled || u("click", b);
+      return `${v} ${z[e.variant]} ${w[e.size]} ${g[e.radius]} ${B} ${C.value}`;
+    }), i = (v) => {
+      e.disabled || m("click", v);
     };
-    return (b, z) => (l(), a("button", {
-      class: c(v.value),
+    return (v, z) => (l(), a("button", {
+      class: n(p.value),
       type: t.type,
       disabled: t.disabled || t.loading,
-      onClick: n,
+      onClick: i,
       "aria-label": t.ariaLabel
     }, [
       t.loading ? (l(), a("svg", Xe, [...z[0] || (z[0] = [
@@ -171,9 +172,9 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           fill: "currentColor",
           d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
         }, null, -1)
-      ])])) : f("", !0),
-      O(b.$slots, "default"),
-      r.value && t.badge && t.badge > 0 ? (l(), a("span", _e, $(p.value), 1)) : f("", !0)
+      ])])) : c("", !0),
+      L(v.$slots, "default"),
+      o.value && t.badge && t.badge > 0 ? (l(), a("span", _e, D(f.value), 1)) : c("", !0)
     ], 10, Ze));
   }
 }), et = /* @__PURE__ */ N({
@@ -188,16 +189,16 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     ariaLabel: {}
   },
   setup(t) {
-    const g = t, e = {
+    const b = t, e = {
       xs: "16px",
       sm: "18px",
       md: "20px",
       lg: "24px",
       xl: "30px",
       "2xl": "36px"
-    }, u = (n, b) => {
-      const z = n.replace(/_/g, "-");
-      switch (b) {
+    }, m = (i, v) => {
+      const z = i.replace(/_/g, "-");
+      switch (v) {
         case "filled":
           return `material-symbols:${z}`;
         case "outlined":
@@ -211,24 +212,24 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         default:
           return `material-symbols:${z}`;
       }
-    }, r = o(() => u(g.name, g.variant)), p = o(() => {
-      const n = [
+    }, o = r(() => m(b.name, b.variant)), f = r(() => {
+      const i = [
         "inline-flex items-center justify-center select-none",
         "transition-transform duration-200"
       ];
-      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[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 b.color && (b.color.startsWith("text-") || b.color.startsWith("fill-")) && i.push(b.color), b.spin && i.push("animate-spin"), i.join(" ");
+    }), p = r(() => {
+      const i = {};
+      if (e[b.size] ? (i.fontSize = e[b.size], i.width = e[b.size], i.height = e[b.size]) : (i.fontSize = b.size, i.width = b.size, i.height = b.size), b.color && !b.color.startsWith("text-") && !b.color.startsWith("fill-") && (i.color = b.color), b.rotate !== 0) {
+        const v = `rotate(${b.rotate}deg)`;
+        i.transform = v;
       }
-      return n;
+      return i;
     });
-    return (n, b) => (l(), te(Re(Ye), {
-      icon: r.value,
-      class: c(p.value),
-      style: X(v.value),
+    return (i, v) => (l(), te(Re(Ye), {
+      icon: o.value,
+      class: n(f.value),
+      style: X(p.value),
       "aria-label": t.ariaLabel,
       role: t.ariaLabel ? "img" : void 0
     }, null, 8, ["icon", "class", "style", "aria-label", "role"]));
@@ -251,7 +252,7 @@ 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"], gt = ["disabled", "placeholder", "value", "required"], mt = ["disabled"], yt = {
+}, pt = { class: "grid grid-cols-1 md:grid-cols-2 gap-2" }, mt = ["disabled", "placeholder", "value", "required"], vt = ["disabled"], bt = ["disabled", "placeholder", "value", "required"], gt = ["disabled"], yt = {
   key: 3,
   class: "mt-1 text-sm text-danger-600"
 }, ht = {
@@ -285,11 +286,12 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     locale: { default: "es" },
     showWeekNumbers: { type: Boolean, default: !1 },
     firstDayOfWeek: { default: 1 },
-    yearsPerRow: { default: 4 }
+    yearsPerRow: { default: 4 },
+    compact: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "date-select", "range-select", "multiple-select"],
-  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 = [
+  setup(t, { emit: b }) {
+    const e = t, m = P([]), o = b, f = P(!1), p = P(null), i = P((/* @__PURE__ */ new Date()).getMonth()), v = P((/* @__PURE__ */ new Date()).getFullYear()), z = P(`calendar-${Math.random().toString(36).substr(2, 9)}`), w = P(null), g = P(null), B = [
       "Enero",
       "Febrero",
       "Marzo",
@@ -302,17 +304,17 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       "Octubre",
       "Noviembre",
       "Diciembre"
-    ], T = ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"], L = o(() => ({ sm: "xs", md: "sm", lg: "md" })[e.size] || "sm"), A = o(() => {
-      const w = (/* @__PURE__ */ new Date()).getFullYear(), D = [];
-      for (let S = w - 100; S <= w + 10; S++)
-        D.push(S);
-      return D;
-    }), F = o(() => "ds-label"), W = o(() => e.bordered ? "border border-neutral-300" : ""), I = o(() => {
-      const w = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", D = {
-        sm: "px-3 py-1.5 pr-10 text-sm",
-        md: "px-4 py-2 pr-10 text-base",
-        lg: "px-5 py-3 pr-12 text-lg"
-      }, S = {
+    ], C = ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"], F = r(() => e.compact ? { sm: "xs", md: "xs", lg: "sm" }[e.size] || "xs" : { sm: "xs", md: "sm", lg: "md" }[e.size] || "sm"), j = r(() => {
+      const h = (/* @__PURE__ */ new Date()).getFullYear(), M = [];
+      for (let T = h - 100; T <= h + 10; T++)
+        M.push(T);
+      return M;
+    }), O = r(() => "ds-label"), q = r(() => e.bordered ? "border border-neutral-300" : ""), S = r(() => {
+      const h = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", M = {
+        sm: e.compact ? "px-2 py-1 pr-8 text-xs" : "px-3 py-1.5 pr-10 text-sm",
+        md: e.compact ? "px-3 py-1.5 pr-10 text-sm" : "px-4 py-2 pr-10 text-base",
+        lg: e.compact ? "px-4 py-2 pr-10 text-base" : "px-5 py-3 pr-12 text-lg"
+      }, T = {
         primary: "focus:ring-primary-500",
         secondary: "focus:ring-secondary-500"
       }, E = {
@@ -320,25 +322,31 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         filled: "bg-secondary-100",
         outlined: "bg-transparent"
       }, 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 ${{
+      return `${h} ${M[e.size]} ${E[e.variant]} ${T[e.color]} ${ee}`;
+    }), I = r(() => `transition-colors text-[#565656] hover:text-[#565656] opacity-80 hover:opacity-100 ${e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), W = r(() => e.compact ? "min-w-72 max-w-sm" : "min-w-80 max-w-sm"), A = r(() => `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"
-    }[e.color]}`), j = o(() => `px-2 py-1 text-sm border border-secondary-300 rounded-md focus:outline-none focus:ring-1 ${{
+    }[e.color]}`), k = r(() => `px-2 py-1 text-sm border border-secondary-300 rounded-md focus:outline-none focus:ring-1 ${{
       primary: "focus:border-primary-500 focus:ring-primary-500",
       secondary: "focus:border-secondary-500 focus:ring-secondary-500"
-    }[e.color]}`), h = o(() => `px-3 py-1.5 text-sm text-white rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-1 disabled:opacity-50 disabled:cursor-not-allowed ${{
-      primary: "bg-primary-600 hover:bg-primary-700 focus:ring-primary-500",
-      secondary: "bg-secondary-600 hover:bg-secondary-700 focus:ring-secondary-500"
-    }[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` : ""), 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(), 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);
+    }[e.color]}`), y = r(() => {
+      const h = {
+        primary: "bg-primary-500 hover:bg-primary-600 focus:ring-primary-500",
+        secondary: "bg-secondary-600 hover:bg-secondary-700 focus:ring-secondary-500"
+      };
+      return `${e.compact ? "px-2 py-1 text-xs" : "px-3 py-1.5 text-sm"} text-white rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-1 disabled:opacity-50 disabled:cursor-not-allowed ${h[e.color]}`;
+    }), u = r(() => {
+      const h = {
+        primary: "text-primary-600 hover:text-primary-700 hover:bg-primary-50",
+        secondary: "text-secondary-600 hover:text-secondary-700 hover:bg-secondary-50"
+      };
+      return `${e.compact ? "px-2 py-1 text-xs" : "px-3 py-1.5 text-sm"} border border-secondary-300 rounded-md transition-colors focus:outline-none ${h[e.color]}`;
+    }), $ = r(() => e.mode === "single" && e.modelValue && e.modelValue instanceof Date ? H(e.modelValue) : ""), d = r(() => e.mode === "multiple" && Array.isArray(e.modelValue) && e.modelValue.length > 0 ? e.modelValue.length === 1 ? H(e.modelValue[0]) : `${e.modelValue.length} fechas seleccionadas` : ""), V = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue && e.modelValue.start ? H(e.modelValue.start) : ""), x = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "end" in e.modelValue && e.modelValue.end ? H(e.modelValue.end) : ""), le = r(() => e.mode === "single" ? w.value !== null : e.mode === "multiple" ? m.value.length > 0 : w.value !== null && g.value !== null && g.value >= w.value);
+    r(() => e.mode === "range" && w.value && g.value ? g.value < w.value : !1);
+    const R = r(() => {
+      const h = new Date(v.value, i.value, 1), M = new Date(v.value, i.value + 1, 0), T = h.getDay(), E = M.getDate(), ee = [], ae = new Date(v.value, i.value - 1, 0);
+      for (let U = T - 1; U >= 0; U--) {
+        const se = new Date(v.value, i.value - 1, ae.getDate() - U);
         ee.push({
           day: se.getDate(),
           date: se,
@@ -348,7 +356,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);
+        const se = new Date(v.value, i.value, U);
         ee.push({
           day: U,
           date: se,
@@ -359,7 +367,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       }
       const Pe = 42 - ee.length;
       for (let U = 1; U <= Pe; U++) {
-        const se = new Date(b.value, n.value + 1, U);
+        const se = new Date(v.value, i.value + 1, U);
         ee.push({
           day: U,
           date: se,
@@ -369,41 +377,41 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         });
       }
       return ee;
-    }), H = (w) => {
-      const D = w.getDate().toString().padStart(2, "0"), S = (w.getMonth() + 1).toString().padStart(2, "0"), E = w.getFullYear();
+    }), H = (h) => {
+      const M = h.getDate().toString().padStart(2, "0"), T = (h.getMonth() + 1).toString().padStart(2, "0"), E = h.getFullYear();
       switch (e.dateFormat) {
         case "MM/DD/YYYY":
-          return `${S}/${D}/${E}`;
+          return `${T}/${M}/${E}`;
         case "YYYY-MM-DD":
-          return `${E}-${S}-${D}`;
+          return `${E}-${T}-${M}`;
         case "DD/MM/YYYY":
         default:
-          return `${D}/${S}/${E}`;
+          return `${M}/${T}/${E}`;
       }
-    }, ye = (w) => {
-      var S;
-      const D = new Date(w.getFullYear(), w.getMonth(), w.getDate());
+    }, xe = (h) => {
+      var T;
+      const M = new Date(h.getFullYear(), h.getMonth(), h.getDate());
       if (e.minDate) {
         const E = new Date(e.minDate.getFullYear(), e.minDate.getMonth(), e.minDate.getDate());
-        if (D < E) return !0;
+        if (M < E) return !0;
       }
       if (e.maxDate) {
         const E = new Date(e.maxDate.getFullYear(), e.maxDate.getMonth(), e.maxDate.getDate());
-        if (D > E) return !0;
+        if (M > E) return !0;
       }
-      return !!((S = e.disabledDates) != null && S.some(
-        (E) => E.toDateString() === w.toDateString()
+      return !!((T = e.disabledDates) != null && T.some(
+        (E) => E.toDateString() === h.toDateString()
       ));
-    }, Ie = (w) => {
-      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), ee = Oe(w.date), ae = {
+    }, Ie = (h) => {
+      const M = "w-8 h-8 text-sm rounded-md transition-colors focus:outline-none";
+      if (h.disabled || xe(h.date))
+        return `${M} text-secondary-400 cursor-not-allowed`;
+      const T = je(h.date), E = Le(h.date), ee = Oe(h.date), ae = {
         primary: {
           selected: "bg-primary-600 text-white",
           inRange: "bg-primary-100 text-primary-900",
-          today: "bg-primary-50 text-primary-700 border border-primary-300",
-          default: "text-secondary-700 hover:bg-primary-50 hover:text-primary-700",
+          today: "bg-primary-50 text-primary-500 border border-primary-300",
+          default: "text-secondary-700 hover:bg-primary-50 hover:text-primary-500",
           otherMonth: "text-secondary-400 hover:bg-primary-50 hover:text-primary-600"
         },
         secondary: {
@@ -414,68 +422,68 @@ 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}` : 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 T ? `${M} ${ae[e.color].selected}` : E ? `${M} ${ae[e.color].inRange}` : ee ? `${M} ${ae[e.color].today}` : h.isCurrentMonth ? `${M} ${ae[e.color].default}` : `${M} ${ae[e.color].otherMonth}`;
+    }, je = (h) => e.mode === "single" ? w.value ? oe(h, w.value) : !1 : e.mode === "multiple" ? m.value.some((M) => oe(h, M)) : !!(w.value && oe(h, w.value)) || !!(g.value && oe(h, g.value)), Le = (h) => {
+      if (e.mode !== "range" || !w.value || !g.value)
         return !1;
-      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();
-    }, xe = () => {
-      e.disabled || p.value || ne();
-    }, we = () => {
-      e.disabled || Be();
-    }, ke = (w) => {
-      e.disabled || (ue(w), p.value || ne());
-    }, Ce = (w) => {
-      e.disabled || (ue(w), p.value || ne());
-    }, $e = (w) => {
-      e.disabled || (ue(w), Be());
-    }, ue = (w) => {
-      v.value = w;
-    }, Be = () => {
-      e.disabled || (p.value = !p.value, p.value && fe());
+      const M = w.value, T = g.value;
+      return h > M && h < T;
+    }, Oe = (h) => oe(h, /* @__PURE__ */ new Date()), oe = (h, M) => h.toDateString() === M.toDateString(), we = () => {
+      e.disabled || f.value || ne();
+    }, ke = () => {
+      e.disabled || f.value || ne();
+    }, Ce = () => {
+      e.disabled || Me();
+    }, $e = (h) => {
+      e.disabled || (ue(h), f.value || ne());
+    }, Be = (h) => {
+      e.disabled || (ue(h), f.value || ne());
+    }, ze = (h) => {
+      e.disabled || (ue(h), Me());
+    }, ue = (h) => {
+      p.value = h;
+    }, Me = () => {
+      e.disabled || (f.value = !f.value, f.value && fe());
     }, ne = () => {
-      e.disabled || (p.value = !0, fe());
+      e.disabled || (f.value = !0, fe());
     }, ce = () => {
-      p.value = !1, v.value = null;
+      f.value = !1, p.value = null;
     }, fe = () => {
-      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) => {
+      e.mode === "single" ? (w.value = e.modelValue instanceof Date ? e.modelValue : null, g.value = null) : e.mode === "multiple" ? m.value = Array.isArray(e.modelValue) ? [...e.modelValue] : [] : e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue ? (w.value = e.modelValue.start, g.value = e.modelValue.end) : (w.value = null, g.value = null);
+    }, Ae = (h) => {
       if (e.mode === "single")
-        k.value = w, m.value = null;
+        w.value = h, g.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);
+        const M = m.value.findIndex((T) => oe(T, h));
+        M >= 0 ? m.value.splice(M, 1) : m.value.push(h);
       } else
-        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);
+        p.value === "start" || !w.value ? (w.value = h, g.value = null, p.value = "end") : (p.value === "end" || !g.value) && (h < w.value ? (g.value = w.value, w.value = h) : g.value = h, p.value = null);
     }, Fe = () => {
       if (e.mode === "single")
-        r("update:modelValue", k.value), k.value && r("date-select", k.value);
+        o("update:modelValue", w.value), w.value && o("date-select", w.value);
       else if (e.mode === "multiple") {
-        const w = [...u.value].sort((D, S) => D.getTime() - S.getTime());
-        r("update:modelValue", w), r("multiple-select", w);
+        const h = [...m.value].sort((M, T) => M.getTime() - T.getTime());
+        o("update:modelValue", h), o("multiple-select", h);
       } else {
-        const w = { start: k.value, end: m.value };
-        r("update:modelValue", w), r("range-select", w);
+        const h = { start: w.value, end: g.value };
+        o("update:modelValue", h), o("range-select", h);
       }
       ce();
     }, We = () => {
-      n.value === 0 ? (n.value = 11, b.value--) : n.value--;
+      i.value === 0 ? (i.value = 11, v.value--) : i.value--;
     }, qe = () => {
-      n.value === 11 ? (n.value = 0, b.value++) : n.value++;
-    }, ze = () => {
-    }, pe = q(), Me = (w) => {
-      pe.value && !pe.value.contains(w.target) && ce();
+      i.value === 11 ? (i.value = 0, v.value++) : i.value++;
+    }, De = () => {
+    }, pe = P(), Ve = (h) => {
+      pe.value && !pe.value.contains(h.target) && ce();
     };
-    return Te(() => {
-      document.addEventListener("click", Me);
-    }), Se(() => {
-      document.removeEventListener("click", Me);
-    }), de(() => e.modelValue, (w) => {
-      p.value || fe();
-    }, { deep: !0 }), (w, D) => (l(), a("div", {
+    return be(() => {
+      document.addEventListener("click", Ve);
+    }), ge(() => {
+      document.removeEventListener("click", Ve);
+    }), de(() => e.modelValue, (h) => {
+      f.value || fe();
+    }, { deep: !0 }), (h, M) => (l(), a("div", {
       ref_key: "calendarWrapperRef",
       ref: pe,
       class: "calendar-wrapper"
@@ -484,35 +492,35 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         t.label && t.showLabel ? (l(), a("label", {
           key: 0,
           for: z.value,
-          class: c(F.value)
+          class: n(O.value)
         }, [
-          Y($(t.label) + " ", 1),
-          t.required ? (l(), a("span", at, "*")) : f("", !0)
-        ], 10, lt)) : f("", !0),
+          Y(D(t.label) + " ", 1),
+          t.required ? (l(), a("span", at, "*")) : c("", !0)
+        ], 10, lt)) : c("", !0),
         s("div", {
-          class: c(["relative rounded-md", W.value])
+          class: n(["relative rounded-md", q.value])
         }, [
           s("input", {
             id: z.value,
-            class: c(I.value),
+            class: n(S.value),
             type: "text",
             disabled: t.disabled,
             placeholder: t.placeholder || "Seleccionar fecha",
-            value: C.value,
+            value: $.value,
             required: t.required,
             readonly: !0,
-            onClick: he,
-            onFocus: xe
+            onClick: we,
+            onFocus: ke
           }, null, 42, st),
           s("button", {
             type: "button",
-            class: c(["absolute right-3 top-1/2 -translate-y-1/2", B.value]),
-            onClick: J(we, ["stop"]),
+            class: n(["absolute right-3 top-1/2 -translate-y-1/2", I.value]),
+            onClick: J(Ce, ["stop"]),
             disabled: t.disabled
           }, [
             Q(_, {
               name: t.iconName,
-              size: L.value
+              size: F.value
             }, null, 8, ["name", "size"])
           ], 10, ot)
         ], 2)
@@ -520,113 +528,113 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         t.label && t.showLabel ? (l(), a("label", {
           key: 0,
           for: z.value,
-          class: c(F.value)
+          class: n(O.value)
         }, [
-          Y($(t.label) + " ", 1),
-          t.required ? (l(), a("span", it, "*")) : f("", !0)
-        ], 10, nt)) : f("", !0),
+          Y(D(t.label) + " ", 1),
+          t.required ? (l(), a("span", it, "*")) : c("", !0)
+        ], 10, nt)) : c("", !0),
         s("div", {
-          class: c(["relative rounded-md", W.value])
+          class: n(["relative rounded-md", q.value])
         }, [
           s("input", {
             id: z.value,
-            class: c(I.value),
+            class: n(S.value),
             type: "text",
             disabled: t.disabled,
             placeholder: t.placeholder || "Seleccionar fechas",
-            value: i.value,
+            value: d.value,
             required: t.required,
             readonly: !0,
-            onClick: he,
-            onFocus: xe
+            onClick: we,
+            onFocus: ke
           }, null, 42, dt),
           s("button", {
             type: "button",
-            class: c(["absolute right-3 top-1/2 -translate-y-1/2", B.value]),
-            onClick: J(we, ["stop"]),
+            class: n(["absolute right-3 top-1/2 -translate-y-1/2", I.value]),
+            onClick: J(Ce, ["stop"]),
             disabled: t.disabled
           }, [
             Q(_, {
               name: t.iconName,
-              size: L.value
+              size: F.value
             }, null, 8, ["name", "size"])
           ], 10, ut)
         ], 2)
       ])) : (l(), a("div", ct, [
         t.label && t.showLabel ? (l(), a("label", {
           key: 0,
-          class: c(F.value)
+          class: n(O.value)
         }, [
-          Y($(t.label) + " ", 1),
-          t.required ? (l(), a("span", ft, "*")) : f("", !0)
-        ], 2)) : f("", !0),
+          Y(D(t.label) + " ", 1),
+          t.required ? (l(), a("span", ft, "*")) : c("", !0)
+        ], 2)) : c("", !0),
         s("div", pt, [
           s("div", {
-            class: c(["relative rounded-md", W.value])
+            class: n(["relative rounded-md", q.value])
           }, [
             s("input", {
-              class: c(I.value),
+              class: n(S.value),
               type: "text",
               disabled: t.disabled,
               placeholder: t.startPlaceholder || "Fecha desde",
-              value: M.value,
+              value: V.value,
               required: t.required,
               readonly: !0,
-              onClick: D[0] || (D[0] = () => ke("start")),
-              onFocus: D[1] || (D[1] = () => Ce("start"))
-            }, null, 42, vt),
+              onClick: M[0] || (M[0] = () => $e("start")),
+              onFocus: M[1] || (M[1] = () => Be("start"))
+            }, null, 42, mt),
             s("button", {
               type: "button",
-              class: c(["absolute right-3 top-1/2 -translate-y-1/2", B.value]),
-              onClick: D[2] || (D[2] = J(() => $e("start"), ["stop"])),
+              class: n(["absolute right-3 top-1/2 -translate-y-1/2", I.value]),
+              onClick: M[2] || (M[2] = J(() => ze("start"), ["stop"])),
               disabled: t.disabled
             }, [
               Q(_, {
                 name: t.startIconName,
-                size: L.value
+                size: F.value
               }, null, 8, ["name", "size"])
-            ], 10, bt)
+            ], 10, vt)
           ], 2),
           s("div", {
-            class: c(["relative rounded-md", W.value])
+            class: n(["relative rounded-md", q.value])
           }, [
             s("input", {
-              class: c(I.value),
+              class: n(S.value),
               type: "text",
               disabled: t.disabled,
               placeholder: t.endPlaceholder || "Fecha hasta",
               value: x.value,
               required: t.required,
               readonly: !0,
-              onClick: D[3] || (D[3] = () => ke("end")),
-              onFocus: D[4] || (D[4] = () => Ce("end"))
-            }, null, 42, gt),
+              onClick: M[3] || (M[3] = () => $e("end")),
+              onFocus: M[4] || (M[4] = () => Be("end"))
+            }, null, 42, bt),
             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"])),
+              class: n(["absolute right-3 top-1/2 -translate-y-1/2", I.value]),
+              onClick: M[5] || (M[5] = J(() => ze("end"), ["stop"])),
               disabled: t.disabled
             }, [
               Q(_, {
                 name: t.endIconName,
-                size: L.value
+                size: F.value
               }, null, 8, ["name", "size"])
-            ], 10, mt)
+            ], 10, gt)
           ], 2)
         ])
       ])),
-      t.error ? (l(), a("p", yt, $(t.error), 1)) : t.helperText ? (l(), a("p", ht, $(t.helperText), 1)) : f("", !0),
-      p.value ? (l(), a("div", {
+      t.error ? (l(), a("p", yt, D(t.error), 1)) : t.helperText ? (l(), a("p", ht, D(t.helperText), 1)) : c("", !0),
+      f.value ? (l(), a("div", {
         key: 5,
-        class: c(["absolute top-full mt-1 left-0 bg-white rounded-lg shadow-lg border border-secondary-200 z-50 overflow-hidden p-4", V.value]),
-        onClick: D[8] || (D[8] = J(() => {
+        class: n(["absolute top-full mt-1 left-0 bg-white rounded-lg shadow-lg border border-secondary-200 z-50 overflow-hidden p-4", W.value]),
+        onClick: M[8] || (M[8] = J(() => {
         }, ["stop"]))
       }, [
         s("div", xt, [
           s("button", {
             type: "button",
             onClick: We,
-            class: c(P.value)
+            class: n(A.value)
           }, [
             Q(_, {
               name: "chevron-left",
@@ -634,35 +642,35 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             })
           ], 2),
           s("div", wt, [
-            ve(s("select", {
-              "onUpdate:modelValue": D[6] || (D[6] = (S) => n.value = S),
-              class: c(j.value),
-              onChange: ze
+            me(s("select", {
+              "onUpdate:modelValue": M[6] || (M[6] = (T) => i.value = T),
+              class: n(k.value),
+              onChange: De
             }, [
-              (l(), a(K, null, G(y, (S, E) => s("option", {
+              (l(), a(K, null, G(B, (T, E) => s("option", {
                 key: E,
                 value: E
-              }, $(S), 9, kt)), 64))
+              }, D(T), 9, kt)), 64))
             ], 34), [
-              [De, n.value]
+              [Te, i.value]
             ]),
-            ve(s("select", {
-              "onUpdate:modelValue": D[7] || (D[7] = (S) => b.value = S),
-              class: c(j.value),
-              onChange: ze
+            me(s("select", {
+              "onUpdate:modelValue": M[7] || (M[7] = (T) => v.value = T),
+              class: n(k.value),
+              onChange: De
             }, [
-              (l(!0), a(K, null, G(A.value, (S) => (l(), a("option", {
-                key: S,
-                value: S
-              }, $(S), 9, Ct))), 128))
+              (l(!0), a(K, null, G(j.value, (T) => (l(), a("option", {
+                key: T,
+                value: T
+              }, D(T), 9, Ct))), 128))
             ], 34), [
-              [De, b.value]
+              [Te, v.value]
             ])
           ]),
           s("button", {
             type: "button",
             onClick: qe,
-            class: c(P.value)
+            class: n(A.value)
           }, [
             Q(_, {
               name: "chevron-right",
@@ -671,43 +679,37 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           ], 2)
         ]),
         s("div", $t, [
-          (l(), a(K, null, G(T, (S) => s("div", {
-            key: S,
+          (l(), a(K, null, G(C, (T) => s("div", {
+            key: T,
             class: "text-center text-sm font-medium text-secondary-600 py-2"
-          }, $(S), 1)), 64))
+          }, D(T), 1)), 64))
         ]),
         s("div", Bt, [
-          (l(!0), a(K, null, G(R.value, (S) => (l(), a("button", {
-            key: S.key,
+          (l(!0), a(K, null, G(R.value, (T) => (l(), a("button", {
+            key: T.key,
             type: "button",
-            class: c(Ie(S)),
-            disabled: S.disabled || ye(S.date),
-            onClick: (E) => Ae(S.date)
-          }, $(S.day), 11, zt))), 128))
+            class: n(Ie(T)),
+            disabled: T.disabled || xe(T.date),
+            onClick: (E) => Ae(T.date)
+          }, D(T.day), 11, zt))), 128))
         ]),
         s("div", Mt, [
           s("button", {
             type: "button",
-            class: c(d.value),
+            class: n(u.value),
             onClick: ce
           }, " Cancelar ", 2),
           s("button", {
             type: "button",
-            class: c(h.value),
+            class: n(y.value),
             onClick: Fe,
             disabled: !le.value
           }, " Confirmar ", 10, Dt)
         ])
-      ], 2)) : f("", !0)
+      ], 2)) : c("", !0)
     ], 512));
   }
-}), 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"
-}, Ga = /* @__PURE__ */ N({
+}), Ya = /* @__PURE__ */ Z(Vt, [["__scopeId", "data-v-18f461f5"]]), Tt = ["role", "tabindex"], Na = /* @__PURE__ */ N({
   __name: "Card",
   props: {
     shadow: { default: "md" },
@@ -715,60 +717,69 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     bordered: { type: Boolean, default: !1 },
     hoverable: { type: Boolean, default: !1 },
     clickable: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
+    disabled: { type: Boolean, default: !1 },
+    compact: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(t, { emit: g }) {
-    const e = t, u = g, r = {
+  setup(t, { emit: b }) {
+    const e = t, m = b, o = {
       none: "",
       sm: "shadow-sm",
       md: "shadow",
       lg: "shadow-lg",
       xl: "shadow-xl"
-    }, p = {
+    }, f = {
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
       lg: "rounded-lg",
       xl: "rounded-xl",
       full: "rounded-full"
-    }, v = o(() => [
+    }, p = r(() => [
       "w-full bg-white",
-      r[e.shadow],
-      p[e.rounded],
+      o[e.shadow],
+      f[e.rounded],
       e.bordered ? "border border-gray-200" : "",
       e.hoverable || e.clickable ? "transition-all duration-200" : "",
       e.hoverable ? "hover:shadow-lg" : "",
       e.clickable && !e.disabled ? "cursor-pointer hover:shadow-lg" : "",
       e.clickable && e.disabled ? "opacity-50 cursor-not-allowed" : ""
-    ]), n = (b) => {
-      !e.disabled && e.clickable && u("click", b);
+    ]), i = (v) => {
+      !e.disabled && e.clickable && m("click", v);
     };
-    return (b, z) => (l(), a("div", {
-      class: c(v.value),
+    return (v, z) => (l(), a("div", {
+      class: n(p.value),
       role: t.clickable ? "button" : void 0,
       tabindex: t.clickable ? 0 : void 0,
-      onClick: n,
+      onClick: i,
       onKeydown: [
-        Ve(n, ["enter"]),
-        Ve(n, ["space"])
+        Se(i, ["enter"]),
+        Se(i, ["space"])
       ]
     }, [
-      b.$slots.header ? (l(), a("div", St, [
-        O(b.$slots, "header")
-      ])) : f("", !0),
-      s("div", It, [
-        O(b.$slots, "default")
-      ]),
-      b.$slots.footer ? (l(), a("div", jt, [
-        O(b.$slots, "footer")
-      ])) : f("", !0)
+      v.$slots.header ? (l(), a("div", {
+        key: 0,
+        class: n([e.compact ? "px-4 py-2" : "px-6 py-4", "border-b border-gray-100"])
+      }, [
+        L(v.$slots, "header")
+      ], 2)) : c("", !0),
+      s("div", {
+        class: n(e.compact ? "px-4 py-2" : "px-6 py-4")
+      }, [
+        L(v.$slots, "default")
+      ], 2),
+      v.$slots.footer ? (l(), a("div", {
+        key: 1,
+        class: n([e.compact ? "px-4 py-2" : "px-6 py-4", "border-t border-gray-100 bg-gray-50"])
+      }, [
+        L(v.$slots, "footer")
+      ], 2)) : c("", !0)
     ], 42, Tt));
   }
-}), Lt = { class: "flex items-center justify-between border-b border-gray-100/60 px-8 py-6" }, Ot = { class: "text-xl font-semibold text-gray-900" }, At = ["disabled"], Ft = { class: "px-8 py-6" }, Wt = {
+}), St = { class: "flex items-center justify-between border-b border-gray-100/60 px-8 py-6" }, It = { class: "text-xl font-semibold text-gray-900" }, jt = ["disabled"], Lt = { class: "px-8 py-6" }, Ot = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center bg-white/50 rounded-lg"
-}, qt = /* @__PURE__ */ N({
+}, At = /* @__PURE__ */ N({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -778,37 +789,37 @@ 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: g }) {
-    const e = t, u = g, r = o({
+  setup(t, { emit: b }) {
+    const e = t, m = b, o = r({
       get: () => e.modelValue,
-      set: (b) => u("update:modelValue", b)
-    }), p = o(() => ({
+      set: (v) => m("update:modelValue", v)
+    }), f = r(() => ({
       sm: "sm:max-w-sm",
       md: "sm:max-w-lg md:max-w-2xl",
       lg: "sm:max-w-2xl md:max-w-4xl",
       xl: "sm:max-w-4xl md:max-w-6xl"
-    })[e.size]), v = () => {
-      e.loading || (r.value = !1, u("close"));
-    }, n = () => {
-      e.closeOnBackdrop && !e.loading && v();
+    })[e.size]), p = () => {
+      e.loading || (o.value = !1, m("close"));
+    }, i = () => {
+      e.closeOnBackdrop && !e.loading && p();
     };
-    return (b, z) => (l(), te(ge, { to: "body" }, [
+    return (v, z) => (l(), te(ye, { to: "body" }, [
       Q(ie, { name: "dialog" }, {
         default: re(() => [
-          r.value ? (l(), a("div", {
+          o.value ? (l(), a("div", {
             key: 0,
             class: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4",
-            onClick: n
+            onClick: i
           }, [
             s("div", {
-              class: c(["relative w-full rounded-lg bg-white shadow-xl", p.value]),
+              class: n(["relative w-full rounded-lg bg-white shadow-xl", f.value]),
               onClick: z[0] || (z[0] = J(() => {
               }, ["stop"]))
             }, [
-              s("div", Lt, [
-                s("h2", Ot, [
-                  O(b.$slots, "title", {}, () => [
-                    Y($(t.title), 1)
+              s("div", St, [
+                s("h2", It, [
+                  L(v.$slots, "title", {}, () => [
+                    Y(D(t.title), 1)
                   ], !0)
                 ]),
                 s("button", {
@@ -816,7 +827,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                   class: "inline-flex items-center justify-center rounded-md p-1 text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
                   "aria-label": "Cerrar diálogo",
                   disabled: t.loading,
-                  onClick: v
+                  onClick: p
                 }, [...z[1] || (z[1] = [
                   s("svg", {
                     class: "h-6 w-6",
@@ -831,12 +842,12 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                       d: "M6 18L18 6M6 6l12 12"
                     })
                   ], -1)
-                ])], 8, At)
+                ])], 8, jt)
               ]),
-              s("div", Ft, [
-                O(b.$slots, "default", {}, void 0, !0)
+              s("div", Lt, [
+                L(v.$slots, "default", {}, void 0, !0)
               ]),
-              t.loading ? (l(), a("div", Wt, [...z[2] || (z[2] = [
+              t.loading ? (l(), a("div", Ot, [...z[2] || (z[2] = [
                 s("div", { class: "flex items-center gap-2 text-primary-600" }, [
                   s("svg", {
                     class: "w-5 h-5 animate-spin",
@@ -860,33 +871,33 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                   ]),
                   s("span", { class: "text-sm font-medium" }, "Cargando...")
                 ], -1)
-              ])])) : f("", !0),
-              b.$slots.footer ? (l(), a("div", {
+              ])])) : c("", !0),
+              v.$slots.footer ? (l(), a("div", {
                 key: 1,
-                class: c(["border-t border-gray-100 px-8 py-6 bg-gray-50", { "opacity-50 pointer-events-none": t.loading }])
+                class: n(["border-t border-gray-100 px-8 py-6 bg-gray-50", { "opacity-50 pointer-events-none": t.loading }])
               }, [
-                O(b.$slots, "footer", {}, void 0, !0)
-              ], 2)) : f("", !0)
+                L(v.$slots, "footer", {}, void 0, !0)
+              ], 2)) : c("", !0)
             ], 2)
-          ])) : f("", !0)
+          ])) : c("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), Qa = /* @__PURE__ */ Z(qt, [["__scopeId", "data-v-ea6db288"]]), Pt = ["accept", "multiple", "disabled"], Rt = { class: "flex flex-col items-center justify-center gap-4 text-center" }, Et = ["src", "alt"], Yt = {
+}), Ha = /* @__PURE__ */ Z(At, [["__scopeId", "data-v-ea6db288"]]), Ft = ["accept", "multiple", "disabled"], Wt = { class: "flex flex-col items-center justify-center gap-4 text-center" }, qt = ["src", "alt"], Pt = {
   key: 1,
   class: "w-full h-full text-gray-400",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, Nt = { class: "text-center" }, Ht = { class: "text-base font-medium text-gray-700" }, Kt = { class: "text-primary-700" }, Ut = { class: "flex items-center gap-3 flex-1 min-w-0" }, Jt = { class: "flex-1 min-w-0" }, Gt = { class: "text-sm font-medium text-gray-900 truncate" }, Qt = { class: "text-xs text-gray-500" }, Zt = {
+}, Rt = { class: "text-center" }, Et = { class: "text-base font-medium text-gray-700" }, Yt = { class: "text-primary-500" }, Nt = { class: "flex items-center gap-3 flex-1 min-w-0" }, Ht = { class: "flex-1 min-w-0" }, Kt = { class: "text-sm font-medium text-gray-900 truncate" }, Ut = { class: "text-xs text-gray-500" }, Jt = {
   key: 1,
   class: "text-xs text-gray-500 mt-2"
-}, Xt = {
+}, Gt = {
   key: 2,
   class: "text-sm text-danger-500 mt-2"
-}, Za = /* @__PURE__ */ N({
+}, Ka = /* @__PURE__ */ N({
   __name: "FileUpload",
   props: {
     modelValue: { default: null },
@@ -908,73 +919,73 @@ 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: g }) {
-    const e = t, u = g, r = q(null), p = q(!1), v = q(e.modelValue), n = q(""), b = o(() => ({
+  setup(t, { emit: b }) {
+    const e = t, m = b, o = P(null), f = P(!1), p = P(e.modelValue), i = P(""), v = r(() => ({
       sm: "w-20 h-20",
       md: "w-32 h-32",
       lg: "w-48 h-48",
       xl: "w-64 h-64"
     })[e.illustrationSize]), z = () => {
-      var I;
-      (I = r.value) == null || I.click();
-    }, k = () => {
+      var S;
+      (S = o.value) == null || S.click();
+    }, w = () => {
       e.disabled || z();
-    }, m = (I) => {
-      e.disabled || (p.value = !0);
-    }, y = () => {
-      p.value = !1;
-    }, T = (I) => {
-      if (n.value = "", e.maxSize && I.size > e.maxSize) {
-        const B = (e.maxSize / 1048576).toFixed(2);
-        return n.value = `El archivo excede el tamaño máximo de ${B}MB`, u("error", n.value), !1;
+    }, g = (S) => {
+      e.disabled || (f.value = !0);
+    }, B = () => {
+      f.value = !1;
+    }, C = (S) => {
+      if (i.value = "", e.maxSize && S.size > e.maxSize) {
+        const I = (e.maxSize / 1048576).toFixed(2);
+        return i.value = `El archivo excede el tamaño máximo de ${I}MB`, m("error", i.value), !1;
       }
       return !0;
-    }, L = (I) => {
-      var P;
-      const V = (P = I.target.files) == null ? void 0 : P[0];
-      V && T(V) && (v.value = V, u("update:modelValue", V), u("change", V));
-    }, A = (I) => {
-      var V;
-      p.value = !1;
-      const B = (V = I.dataTransfer) == null ? void 0 : V.files[0];
-      B && T(B) && (v.value = B, u("update:modelValue", B), u("change", B));
-    }, F = () => {
-      v.value = null, n.value = "", r.value && (r.value.value = ""), u("update:modelValue", null), u("change", null);
-    }, W = (I) => {
-      if (I === 0) return "0 Bytes";
-      const B = 1024, V = ["Bytes", "KB", "MB", "GB"], P = Math.floor(Math.log(I) / Math.log(B));
-      return Math.round(I / Math.pow(B, P) * 100) / 100 + " " + V[P];
+    }, F = (S) => {
+      var A;
+      const W = (A = S.target.files) == null ? void 0 : A[0];
+      W && C(W) && (p.value = W, m("update:modelValue", W), m("change", W));
+    }, j = (S) => {
+      var W;
+      f.value = !1;
+      const I = (W = S.dataTransfer) == null ? void 0 : W.files[0];
+      I && C(I) && (p.value = I, m("update:modelValue", I), m("change", I));
+    }, O = () => {
+      p.value = null, i.value = "", o.value && (o.value.value = ""), m("update:modelValue", null), m("change", null);
+    }, q = (S) => {
+      if (S === 0) return "0 Bytes";
+      const I = 1024, W = ["Bytes", "KB", "MB", "GB"], A = Math.floor(Math.log(S) / Math.log(I));
+      return Math.round(S / Math.pow(I, A) * 100) / 100 + " " + W[A];
     };
-    return (I, B) => (l(), a("div", {
-      class: c(["relative border-2 border-dashed rounded-lg p-8 transition-colors", [
-        p.value ? "border-primary-700 bg-primary-50" : "border-gray-300 bg-white hover:border-primary-500",
+    return (S, I) => (l(), a("div", {
+      class: n(["relative border-2 border-dashed rounded-lg p-8 transition-colors", [
+        f.value ? "border-primary-500 bg-primary-50" : "border-gray-300 bg-white hover:border-primary-500",
         t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
       ]]),
-      onClick: k,
-      onDragover: J(m, ["prevent"]),
-      onDragleave: J(y, ["prevent"]),
-      onDrop: J(A, ["prevent"])
+      onClick: w,
+      onDragover: J(g, ["prevent"]),
+      onDragleave: J(B, ["prevent"]),
+      onDrop: J(j, ["prevent"])
     }, [
       s("input", {
         ref_key: "fileInput",
-        ref: r,
+        ref: o,
         type: "file",
         accept: t.accept,
         multiple: t.multiple,
         disabled: t.disabled,
         class: "hidden",
-        onChange: L
-      }, null, 40, Pt),
-      s("div", Rt, [
+        onChange: F
+      }, null, 40, Ft),
+      s("div", Wt, [
         s("div", {
-          class: c([b.value, "flex items-center justify-center"])
+          class: n([v.value, "flex items-center justify-center"])
         }, [
           t.illustration ? (l(), a("img", {
             key: 0,
             src: t.illustration,
             alt: t.illustrationAlt,
             class: "max-w-full max-h-full object-contain"
-          }, null, 8, Et)) : (l(), a("svg", Yt, [...B[1] || (B[1] = [
+          }, null, 8, qt)) : (l(), a("svg", Pt, [...I[1] || (I[1] = [
             s("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -983,20 +994,20 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             }, null, -1)
           ])]))
         ], 2),
-        s("div", Nt, [
-          s("p", Ht, [
-            Y($(t.mainText) + " ", 1),
-            s("span", Kt, $(t.linkText), 1)
+        s("div", Rt, [
+          s("p", Et, [
+            Y(D(t.mainText) + " ", 1),
+            s("span", Yt, D(t.linkText), 1)
           ])
         ]),
-        v.value ? (l(), a("div", {
+        p.value ? (l(), a("div", {
           key: 0,
           class: "w-full max-w-md bg-gray-50 rounded-lg p-4 flex items-center justify-between",
-          onClick: B[0] || (B[0] = J(() => {
+          onClick: I[0] || (I[0] = J(() => {
           }, ["stop"]))
         }, [
-          s("div", Ut, [
-            B[2] || (B[2] = s("svg", {
+          s("div", Nt, [
+            I[2] || (I[2] = s("svg", {
               class: "w-6 h-6 text-gray-600 flex-shrink-0",
               fill: "none",
               stroke: "currentColor",
@@ -1009,16 +1020,16 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                 d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
               })
             ], -1)),
-            s("div", Jt, [
-              s("p", Gt, $(v.value.name), 1),
-              s("p", Qt, $(W(v.value.size)), 1)
+            s("div", Ht, [
+              s("p", Kt, D(p.value.name), 1),
+              s("p", Ut, D(q(p.value.size)), 1)
             ])
           ]),
-          t.disabled ? f("", !0) : (l(), a("button", {
+          t.disabled ? c("", !0) : (l(), a("button", {
             key: 0,
-            onClick: J(F, ["stop"]),
+            onClick: J(O, ["stop"]),
             class: "ml-3 text-gray-400 hover:text-danger-500 transition-colors"
-          }, [...B[3] || (B[3] = [
+          }, [...I[3] || (I[3] = [
             s("svg", {
               class: "w-5 h-5",
               fill: "currentColor",
@@ -1031,34 +1042,34 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               })
             ], -1)
           ])]))
-        ])) : f("", !0),
-        t.helperText ? (l(), a("p", Zt, $(t.helperText), 1)) : f("", !0),
-        n.value ? (l(), a("p", Xt, $(n.value), 1)) : f("", !0)
+        ])) : c("", !0),
+        t.helperText ? (l(), a("p", Jt, D(t.helperText), 1)) : c("", !0),
+        i.value ? (l(), a("p", Gt, D(i.value), 1)) : c("", !0)
       ])
     ], 34));
   }
-}), _t = { class: "input-wrapper" }, el = ["for"], tl = {
+}), Qt = { class: "input-wrapper" }, Zt = ["for"], Xt = {
   key: 0,
   class: "text-danger-600"
-}, ll = { class: "relative flex items-center" }, al = {
+}, _t = { class: "relative flex items-center" }, el = {
   key: 0,
   class: "absolute left-3 text-secondary-500 text-sm"
-}, sl = ["id", "type", "disabled", "placeholder", "value", "required", "readonly"], ol = {
+}, tl = ["id", "type", "disabled", "placeholder", "value", "required", "readonly"], ll = {
   key: 1,
   class: "absolute right-3 flex items-center gap-2"
-}, rl = {
+}, al = {
   key: 1,
   class: "text-secondary-500 text-sm"
-}, nl = {
+}, sl = {
   key: 2,
   class: "absolute right-3 top-1/2 -translate-y-1/2 text-danger-600"
-}, il = {
+}, ol = {
   key: 1,
   class: "mt-1 text-sm text-danger-600"
-}, dl = {
+}, rl = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, ul = /* @__PURE__ */ N({
+}, nl = /* @__PURE__ */ N({
   __name: "Input",
   props: {
     modelValue: { default: "" },
@@ -1074,63 +1085,64 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     helperText: {},
     clearable: { type: Boolean, default: !1 },
     prefix: { default: void 0 },
-    suffix: { default: void 0 }
+    suffix: { default: void 0 },
+    compact: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur", "focus", "clear"],
-  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"
-      }, T = {
+  setup(t, { emit: b }) {
+    const e = t, m = b, o = P(`input-${Math.random().toString(36).substr(2, 9)}`), f = r(() => "ds-label"), p = r(() => {
+      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", B = {
+        sm: e.compact ? "h-6 px-2 text-xs" : "h-8 px-3 text-sm",
+        md: e.compact ? "h-8 px-3 text-sm" : "h-10 px-4 text-base",
+        lg: e.compact ? "h-10 px-4 text-base" : "h-12 px-5 text-lg"
+      }, C = {
         default: "border border-secondary-300 bg-white focus:border-primary-500 focus:ring-primary-500",
         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 `${m} ${y[e.size]} ${T[e.variant]} ${L}`;
-    }), n = (m) => {
-      const y = m.target;
-      u("update:modelValue", y.value);
-    }, b = (m) => {
-      u("blur", m);
-    }, z = (m) => {
-      u("focus", m);
-    }, k = () => {
-      u("update:modelValue", ""), u("clear");
+      }, F = e.error ? "border-danger-500 focus:border-danger-500 focus:ring-danger-500 pr-10" : "";
+      return `${g} ${B[e.size]} ${C[e.variant]} ${F}`;
+    }), i = (g) => {
+      const B = g.target;
+      m("update:modelValue", B.value);
+    }, v = (g) => {
+      m("blur", g);
+    }, z = (g) => {
+      m("focus", g);
+    }, w = () => {
+      m("update:modelValue", ""), m("clear");
     };
-    return (m, y) => (l(), a("div", _t, [
+    return (g, B) => (l(), a("div", Qt, [
       t.label ? (l(), a("label", {
         key: 0,
-        for: r.value,
-        class: c(p.value)
+        for: o.value,
+        class: n(f.value)
       }, [
-        Y($(t.label) + " ", 1),
-        t.required ? (l(), a("span", tl, "*")) : f("", !0)
-      ], 10, el)) : f("", !0),
-      s("div", ll, [
-        t.prefix ? (l(), a("span", al, $(t.prefix), 1)) : f("", !0),
+        Y(D(t.label) + " ", 1),
+        t.required ? (l(), a("span", Xt, "*")) : c("", !0)
+      ], 10, Zt)) : c("", !0),
+      s("div", _t, [
+        t.prefix ? (l(), a("span", el, D(t.prefix), 1)) : c("", !0),
         s("input", {
-          id: r.value,
-          class: c([v.value, t.prefix ? "pl-9" : ""]),
+          id: o.value,
+          class: n([p.value, t.prefix ? "pl-9" : ""]),
           type: t.type,
           disabled: t.disabled,
           placeholder: t.placeholder,
           value: t.modelValue,
           required: t.required,
           readonly: t.readonly,
-          onInput: n,
-          onBlur: b,
+          onInput: i,
+          onBlur: v,
           onFocus: z
-        }, null, 42, sl),
-        t.clearable || t.suffix ? (l(), a("div", ol, [
+        }, null, 42, tl),
+        t.clearable || t.suffix ? (l(), a("div", ll, [
           t.clearable && t.modelValue ? (l(), a("button", {
             key: 0,
             type: "button",
             class: "text-secondary-400 hover:text-secondary-600 transition-colors",
             "aria-label": "Limpiar",
-            onClick: k
-          }, [...y[0] || (y[0] = [
+            onClick: w
+          }, [...B[0] || (B[0] = [
             s("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               class: "h-4 w-4",
@@ -1143,10 +1155,10 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                 "clip-rule": "evenodd"
               })
             ], -1)
-          ])])) : f("", !0),
-          t.suffix && !t.clearable ? (l(), a("span", rl, $(t.suffix), 1)) : f("", !0)
-        ])) : f("", !0),
-        t.error && !t.suffix && !t.clearable ? (l(), a("span", nl, [...y[1] || (y[1] = [
+          ])])) : c("", !0),
+          t.suffix && !t.clearable ? (l(), a("span", al, D(t.suffix), 1)) : c("", !0)
+        ])) : c("", !0),
+        t.error && !t.suffix && !t.clearable ? (l(), a("span", sl, [...B[1] || (B[1] = [
           s("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             class: "h-5 w-5",
@@ -1159,15 +1171,15 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               "clip-rule": "evenodd"
             })
           ], -1)
-        ])])) : f("", !0)
+        ])])) : c("", !0)
       ]),
-      t.error ? (l(), a("p", il, $(t.error), 1)) : t.helperText ? (l(), a("p", dl, $(t.helperText), 1)) : f("", !0)
+      t.error ? (l(), a("p", ol, D(t.error), 1)) : t.helperText ? (l(), a("p", rl, D(t.helperText), 1)) : c("", !0)
     ]));
   }
-}), Xa = /* @__PURE__ */ Z(ul, [["__scopeId", "data-v-b46f9fad"]]), cl = ["stroke-width"], fl = {
+}), Ua = /* @__PURE__ */ Z(nl, [["__scopeId", "data-v-bf4bc631"]]), il = ["stroke-width"], dl = {
   class: "w-full h-full rounded-lg overflow-hidden",
   style: { "background-color": "#f7f7f7" }
-}, pl = /* @__PURE__ */ N({
+}, ul = /* @__PURE__ */ N({
   __name: "Loader",
   props: {
     type: { default: "circular" },
@@ -1178,24 +1190,24 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     progress: { default: void 0 }
   },
   setup(t) {
-    const g = t, e = {
+    const b = t, e = {
       primary: "text-primary-700",
       secondary: "text-secondary-500",
       success: "text-success-500",
       warning: "text-warning-500",
       danger: "text-danger-500",
       info: "text-info-500"
-    }, u = {
+    }, m = {
       primary: "bg-primary-700",
       secondary: "bg-secondary-500",
       success: "bg-success-500",
       warning: "bg-warning-500",
       danger: "bg-danger-500",
       info: "bg-info-500"
-    }, r = o(() => [e[g.color]]), p = o(() => [u[g.color]]);
-    return (v, n) => t.type === "circular" ? (l(), a("div", {
+    }, o = r(() => [e[b.color]]), f = r(() => [m[b.color]]);
+    return (p, i) => t.type === "circular" ? (l(), a("div", {
       key: 0,
-      class: c(r.value)
+      class: n(o.value)
     }, [
       (l(), a("svg", {
         class: "animate-spin",
@@ -1210,8 +1222,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           stroke: "currentColor",
           "stroke-width": t.strokeWidth,
           fill: "none"
-        }, null, 8, cl),
-        n[0] || (n[0] = s("path", {
+        }, null, 8, il),
+        i[0] || (i[0] = s("path", {
           class: "opacity-75",
           fill: "currentColor",
           d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
@@ -1222,30 +1234,30 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       class: "w-full",
       style: X({ height: t.height })
     }, [
-      s("div", fl, [
+      s("div", dl, [
         s("div", {
-          class: c([[p.value, { "animate-linear-loader": t.progress === void 0 }], "h-full rounded-lg"]),
+          class: n([[f.value, { "animate-linear-loader": t.progress === void 0 }], "h-full rounded-lg"]),
           style: X({ width: t.progress !== void 0 ? `${Math.min(Math.max(t.progress, 0), 100)}%` : "100%" })
         }, null, 6)
       ])
-    ], 4)) : f("", !0);
+    ], 4)) : c("", !0);
   }
-}), _a = /* @__PURE__ */ Z(pl, [["__scopeId", "data-v-f369fb46"]]), vl = ["disabled", "aria-expanded"], bl = ["disabled", "onClick"], gl = {
+}), Ja = /* @__PURE__ */ Z(ul, [["__scopeId", "data-v-f369fb46"]]), cl = ["disabled", "aria-expanded"], fl = ["disabled", "onClick"], pl = {
   key: 0,
   class: "flex-shrink-0"
-}, ml = { class: "flex-1 min-w-0 mr-2" }, yl = { class: "flex flex-col items-start" }, hl = ["title"], xl = ["title"], wl = {
+}, ml = { class: "flex-1 min-w-0 mr-2" }, vl = { class: "flex flex-col items-start" }, bl = ["title"], gl = ["title"], yl = {
   key: 1,
   class: "flex-shrink-0"
-}, kl = {
+}, hl = {
   key: 0,
   class: "text-xs text-secondary-400 font-mono whitespace-nowrap"
-}, Cl = { key: 1 }, $l = {
+}, xl = { key: 1 }, wl = {
   key: 2,
   class: "w-4 h-4 ml-2 flex-shrink-0",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, Bl = /* @__PURE__ */ N({
+}, kl = /* @__PURE__ */ N({
   __name: "Menu",
   props: {
     items: { default: () => [] },
@@ -1268,272 +1280,272 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     closeDelay: { default: 100 }
   },
   emits: ["open", "close", "select"],
-  setup(t, { emit: g }) {
-    let e = null, u = null;
-    const r = t, p = g, v = q(!1), n = q(null), b = q(null), z = q({}), k = o(() => [
+  setup(t, { emit: b }) {
+    let e = null, m = null;
+    const o = t, f = b, p = P(!1), i = P(null), v = P(null), z = P({}), w = r(() => [
       "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(" ")), m = o(() => [...[
+    ].join(" ")), g = r(() => [...[
       "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 M = [
+    ], `z-${o.zIndex}`].join(" ")), B = r(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), C = r(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), F = r(() => "py-1 overflow-y-auto flex-1 min-h-0"), j = r(() => "my-1 border-t border-secondary-200"), O = r(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), q = (d) => {
+      const V = [
         "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", le = {
+      ], x = d.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")), [...M, R || le[x]].join(" ");
+      return d.color && (R = d.color, (d.color.includes("white") || d.color.includes("50")) && (R += " hover:text-black")), [...V, R || le[x]].join(" ");
+    }, S = () => {
+      o.disabled || (p.value ? W() : (m && clearTimeout(m), e = setTimeout(() => {
+        I();
+      }, o.openDelay)));
     }, I = () => {
-      r.disabled || (v.value ? V() : (u && clearTimeout(u), e = setTimeout(() => {
-        B();
-      }, r.openDelay)));
-    }, B = () => {
-      v.value = !0, p("open"), be(() => {
-        C(), document.addEventListener("click", j), document.addEventListener("keydown", h);
+      p.value = !0, f("open"), ve(() => {
+        $(), document.addEventListener("click", k), document.addEventListener("keydown", y);
       });
-    }, V = () => {
-      e && clearTimeout(e), u = setTimeout(() => {
-        v.value = !1, p("close"), document.removeEventListener("click", j), document.removeEventListener("keydown", h);
-      }, r.closeDelay);
-    }, P = (i) => {
-      i.disabled || (i.action && i.action(), p("select", i), (r.closeOnClick || r.closeOnSelect) && !i.children && V());
-    }, j = (i) => {
-      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(), M = b.value.getBoundingClientRect(), x = window.innerWidth, le = window.innerHeight;
+    }, W = () => {
+      e && clearTimeout(e), m = setTimeout(() => {
+        p.value = !1, f("close"), document.removeEventListener("click", k), document.removeEventListener("keydown", y);
+      }, o.closeDelay);
+    }, A = (d) => {
+      d.disabled || (d.action && d.action(), f("select", d), (o.closeOnClick || o.closeOnSelect) && !d.children && W());
+    }, k = (d) => {
+      const V = d.target;
+      i.value && !i.value.contains(V) && v.value && !v.value.contains(V) && W();
+    }, y = (d) => {
+      d.key === "Escape" && W();
+    }, u = (d) => {
+      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), S());
+    }, $ = () => {
+      if (!i.value || !v.value) return;
+      const d = i.value.getBoundingClientRect(), V = v.value.getBoundingClientRect(), x = window.innerWidth, le = window.innerHeight;
       let R = 0, H = 0;
-      switch (r.position) {
+      switch (o.position) {
         case "bottom-start":
-          R = i.bottom + r.offset.y, H = i.left + r.offset.x;
+          R = d.bottom + o.offset.y, H = d.left + o.offset.x;
           break;
         case "bottom-end":
-          R = i.bottom + r.offset.y, H = i.right - M.width + r.offset.x;
+          R = d.bottom + o.offset.y, H = d.right - V.width + o.offset.x;
           break;
         case "top-start":
-          R = i.top - M.height - r.offset.y, H = i.left + r.offset.x;
+          R = d.top - V.height - o.offset.y, H = d.left + o.offset.x;
           break;
         case "top-end":
-          R = i.top - M.height - r.offset.y, H = i.right - M.width + r.offset.x;
+          R = d.top - V.height - o.offset.y, H = d.right - V.width + o.offset.x;
           break;
         case "right-start":
-          R = i.top + r.offset.y, H = i.right + r.offset.x;
+          R = d.top + o.offset.y, H = d.right + o.offset.x;
           break;
         case "right-end":
-          R = i.bottom - M.height + r.offset.y, H = i.right + r.offset.x;
+          R = d.bottom - V.height + o.offset.y, H = d.right + o.offset.x;
           break;
         case "left-start":
-          R = i.top + r.offset.y, H = i.left - M.width - r.offset.x;
+          R = d.top + o.offset.y, H = d.left - V.width - o.offset.x;
           break;
         case "left-end":
-          R = i.bottom - M.height + r.offset.y, H = i.left - M.width - r.offset.x;
+          R = d.bottom - V.height + o.offset.y, H = d.left - V.width - o.offset.x;
           break;
       }
-      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 = {
+      H + V.width > x && (H = x - V.width - 8), H < 8 && (H = 8), R + V.height > le && (R = le - V.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,
-        maxHeight: r.maxHeight,
+        width: o.width === "auto" ? `${Math.max(d.width, 240)}px` : o.width,
+        maxHeight: o.maxHeight,
         minWidth: "240px"
       };
     };
-    return Te(() => {
-      window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
-    }), Se(() => {
-      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, M) => (l(), a("div", {
-      class: c(["menu-wrapper", { "w-full": t.fullWidth }])
+    return be(() => {
+      window.addEventListener("scroll", $, !0), window.addEventListener("resize", $);
+    }), ge(() => {
+      window.removeEventListener("scroll", $, !0), window.removeEventListener("resize", $), document.removeEventListener("click", k), document.removeEventListener("keydown", y);
+    }), de(() => o.items, () => {
+      p.value && ve($);
+    }, { deep: !0 }), (d, V) => (l(), a("div", {
+      class: n(["menu-wrapper", { "w-full": t.fullWidth }])
     }, [
       s("div", {
         ref_key: "triggerRef",
-        ref: n
+        ref: i
       }, [
-        O(i.$slots, "trigger", {
-          isOpen: v.value,
-          toggle: I
+        L(d.$slots, "trigger", {
+          isOpen: p.value,
+          toggle: S
         }, () => [
           s("button", {
             type: "button",
-            class: c(k.value),
+            class: n(w.value),
             disabled: t.disabled,
-            onClick: I,
-            onKeydown: d,
+            onClick: S,
+            onKeydown: u,
             tabindex: 0,
             role: "button",
-            "aria-expanded": v.value,
+            "aria-expanded": p.value,
             "aria-haspopup": !0
           }, [
-            O(i.$slots, "trigger-content", {}, () => [
-              Y($(t.triggerText), 1)
+            L(d.$slots, "trigger-content", {}, () => [
+              Y(D(t.triggerText), 1)
             ], !0),
             t.showChevron ? (l(), a("svg", {
               key: 0,
-              class: c(["w-4 h-4 ml-2 transition-transform", v.value ? "rotate-180" : ""]),
+              class: n(["w-4 h-4 ml-2 transition-transform", p.value ? "rotate-180" : ""]),
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24"
-            }, [...M[1] || (M[1] = [
+            }, [...V[1] || (V[1] = [
               s("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
                 d: "M19 9l-7 7-7-7"
               }, null, -1)
-            ])], 2)) : f("", !0)
-          ], 42, vl)
+            ])], 2)) : c("", !0)
+          ], 42, cl)
         ], !0)
       ], 512),
-      (l(), te(ge, { to: "body" }, [
-        v.value ? (l(), a("div", {
+      (l(), te(ye, { to: "body" }, [
+        p.value ? (l(), a("div", {
           key: 0,
           ref_key: "menuRef",
-          ref: b,
-          class: c(m.value),
+          ref: v,
+          class: n(g.value),
           style: X(z.value),
-          onClick: M[0] || (M[0] = J(() => {
+          onClick: V[0] || (V[0] = J(() => {
           }, ["stop"]))
         }, [
-          i.$slots.header ? (l(), a("div", {
+          d.$slots.header ? (l(), a("div", {
             key: 0,
-            class: c(y.value)
+            class: n(B.value)
           }, [
-            O(i.$slots, "header", { close: V }, void 0, !0)
-          ], 2)) : f("", !0),
+            L(d.$slots, "header", { close: W }, void 0, !0)
+          ], 2)) : c("", !0),
           s("div", {
-            class: c(L.value)
+            class: n(F.value)
           }, [
-            O(i.$slots, "default", {
-              close: V,
-              isOpen: v.value
+            L(d.$slots, "default", {
+              close: W,
+              isOpen: p.value
             }, () => [
               (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,
-                  class: c(A.value)
+                  class: n(j.value)
                 }, null, 2)) : x.type === "header" ? (l(), a("div", {
                   key: 1,
-                  class: c(F.value)
-                }, $(x.label), 3)) : (l(), a("button", {
+                  class: n(O.value)
+                }, D(x.label), 3)) : (l(), a("button", {
                   key: 2,
                   type: "button",
-                  class: c(W(x)),
+                  class: n(q(x)),
                   disabled: x.disabled,
-                  onClick: (R) => P(x)
+                  onClick: (R) => A(x)
                 }, [
-                  x.icon || i.$slots[`icon-${x.id}`] ? (l(), a("span", gl, [
-                    O(i.$slots, `icon-${x.id}`, { item: x }, () => [
+                  x.icon || d.$slots[`icon-${x.id}`] ? (l(), a("span", pl, [
+                    L(d.$slots, `icon-${x.id}`, { item: x }, () => [
                       typeof x.icon == "string" ? (l(), te(_, {
                         key: 0,
                         name: x.icon,
                         size: "sm"
-                      }, null, 8, ["name"])) : (l(), te(me(x.icon), {
+                      }, null, 8, ["name"])) : (l(), te(he(x.icon), {
                         key: 1,
                         class: "w-5 h-5"
                       }))
                     ], !0)
-                  ])) : f("", !0),
+                  ])) : c("", !0),
                   s("div", ml, [
-                    O(i.$slots, `item-${x.id}`, {
+                    L(d.$slots, `item-${x.id}`, {
                       item: x,
-                      close: V
+                      close: W
                     }, () => [
-                      s("div", yl, [
+                      s("div", vl, [
                         s("span", {
                           class: "truncate w-full",
                           title: x.label
-                        }, $(x.label), 9, hl),
+                        }, D(x.label), 9, bl),
                         x.description ? (l(), a("span", {
                           key: 0,
                           class: "text-xs text-secondary-500 truncate w-full",
                           title: x.description
-                        }, $(x.description), 9, xl)) : f("", !0)
+                        }, D(x.description), 9, gl)) : c("", !0)
                       ])
                     ], !0)
                   ]),
-                  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", kl, $(x.shortcut), 1)) : x.suffix ? (l(), a("span", Cl, $(x.suffix), 1)) : f("", !0)
+                  x.suffix || x.shortcut || d.$slots[`suffix-${x.id}`] ? (l(), a("span", yl, [
+                    L(d.$slots, `suffix-${x.id}`, { item: x }, () => [
+                      x.shortcut ? (l(), a("span", hl, D(x.shortcut), 1)) : x.suffix ? (l(), a("span", xl, D(x.suffix), 1)) : c("", !0)
                     ], !0)
-                  ])) : f("", !0),
-                  x.children && x.children.length > 0 ? (l(), a("svg", $l, [...M[2] || (M[2] = [
+                  ])) : c("", !0),
+                  x.children && x.children.length > 0 ? (l(), a("svg", wl, [...V[2] || (V[2] = [
                     s("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M9 5l7 7-7 7"
                     }, null, -1)
-                  ])])) : f("", !0)
-                ], 10, bl))
+                  ])])) : c("", !0)
+                ], 10, fl))
               ], 64))), 128))
             ], !0)
           ], 2),
-          i.$slots.footer ? (l(), a("div", {
+          d.$slots.footer ? (l(), a("div", {
             key: 1,
-            class: c(T.value)
+            class: n(C.value)
           }, [
-            O(i.$slots, "footer", { close: V }, void 0, !0)
-          ], 2)) : f("", !0)
-        ], 6)) : f("", !0),
-        v.value && t.overlay ? (l(), a("div", {
+            L(d.$slots, "footer", { close: W }, void 0, !0)
+          ], 2)) : c("", !0)
+        ], 6)) : c("", !0),
+        p.value && t.overlay ? (l(), a("div", {
           key: 1,
           class: "fixed inset-0 bg-black/20 z-40",
-          onClick: V
-        })) : f("", !0)
+          onClick: W
+        })) : c("", !0)
       ]))
     ], 2));
   }
-}), es = /* @__PURE__ */ Z(Bl, [["__scopeId", "data-v-ad88f878"]]), zl = ["for"], Ml = {
+}), Ga = /* @__PURE__ */ Z(kl, [["__scopeId", "data-v-ad88f878"]]), Cl = ["for"], $l = {
   key: 0,
   class: "text-danger-600"
-}, Dl = ["id", "disabled", "aria-expanded"], Vl = { class: "flex-1 text-left truncate" }, Tl = {
+}, Bl = ["id", "disabled", "aria-expanded"], zl = { class: "flex-1 text-left truncate" }, Ml = {
   key: 0,
   class: "flex items-center justify-center gap-2 p-6 text-secondary-600"
-}, Sl = {
+}, Dl = {
   key: 1,
   class: "p-2 border-b border-secondary-200"
-}, Il = ["placeholder"], jl = {
+}, Vl = ["placeholder"], Tl = {
   key: 2,
   class: "max-h-64 overflow-y-auto"
-}, Ll = {
+}, Sl = {
   key: 0,
   class: "px-4 py-3 text-sm text-secondary-500 text-center"
-}, Ol = ["onClick"], Al = { class: "flex items-center justify-between w-full" }, Fl = { class: "truncate" }, Wl = {
+}, Il = ["onClick"], jl = { class: "flex items-center justify-between w-full" }, Ll = { class: "truncate" }, Ol = {
   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"
-}, ql = {
+}, Al = {
   key: 0,
   class: "border-t border-secondary-200 my-1"
-}, Pl = ["onClick"], Rl = ["innerHTML"], El = {
+}, Fl = ["onClick"], Wl = ["innerHTML"], ql = {
   key: 1,
   class: "mt-1 text-sm text-danger-600"
-}, Yl = {
+}, Pl = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, Nl = /* @__PURE__ */ N({
+}, Rl = /* @__PURE__ */ N({
   __name: "Select",
   props: {
     modelValue: { default: null },
@@ -1553,93 +1565,94 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     helperText: { default: "" },
     fullWidth: { type: Boolean, default: !1 },
     menuPosition: { default: "bottom" },
-    bordered: { type: Boolean, default: !0 }
+    bordered: { type: Boolean, default: !0 },
+    compact: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change", "action"],
-  setup(t, { emit: g }) {
-    const e = t, u = g, r = q(!1), p = q(""), v = q(null), n = o(
+  setup(t, { emit: b }) {
+    const e = t, m = b, o = P(!1), f = P(""), p = P(null), i = r(
       () => `select-${Math.random().toString(36).substr(2, 9)}`
-    ), b = o(() => e.options.find((h) => h.value === e.modelValue) || null), z = o(() => {
-      if (!e.searchable || !p.value)
+    ), v = r(() => e.options.find((y) => y.value === e.modelValue) || null), z = r(() => {
+      if (!e.searchable || !f.value)
         return e.options;
-      const h = p.value.toLowerCase();
-      return e.options.filter((d) => d.label.toLowerCase().includes(h));
-    }), 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",
-        lg: "px-5 py-3 text-lg"
-      }, C = {
+      const y = f.value.toLowerCase();
+      return e.options.filter((u) => u.label.toLowerCase().includes(y));
+    }), w = r(() => "ds-label"), g = r(() => e.bordered ? "border border-neutral-300 rounded-md" : "rounded-md"), B = r(() => {
+      const y = "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", u = {
+        sm: e.compact ? "px-2 py-1 text-xs" : "px-3 py-1.5 text-sm",
+        md: e.compact ? "px-3 py-1.5 text-sm" : "px-4 py-2 text-base",
+        lg: e.compact ? "px-4 py-2 text-base" : "px-5 py-3 text-lg"
+      }, $ = {
         default: "bg-white",
         outline: "bg-transparent",
         filled: "bg-secondary-100"
-      }, i = e.error ? "border-danger-600 focus:ring-danger-500" : "";
+      }, d = e.error ? "border-danger-600 focus:ring-danger-500" : "";
       return [
-        h,
-        d[e.size],
-        C[e.variant],
-        i
+        y,
+        u[e.size],
+        $[e.variant],
+        d
       ].join(" ");
-    }), T = o(() => `absolute ${e.menuPosition === "top" ? "bottom-full mb-1" : "top-full mt-1"} left-0 right-0 bg-white rounded-lg shadow-lg border border-secondary-200 z-50 overflow-hidden`), L = (h) => {
-      const d = "w-full px-4 py-2 text-left hover:bg-primary-50 transition-colors focus:outline-none focus:bg-primary-50 disabled:opacity-50 disabled:cursor-not-allowed", C = F(h) ? "bg-primary-50" : "";
-      return [d, C].join(" ");
-    }, A = (h) => {
-      const d = "w-full px-4 py-2 text-left text-sm font-semibold transition-colors focus:outline-none flex items-center gap-3";
-      return h.variant === "danger" ? `${d} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${d} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
-    }, F = (h) => h.value === e.modelValue, W = () => {
-      e.disabled || e.loading || (r.value = !r.value, r.value && e.searchable && be(() => {
-        var h;
-        (h = v.value) == null || h.focus();
+    }), C = r(() => `absolute ${e.menuPosition === "top" ? "bottom-full mb-1" : "top-full mt-1"} left-0 right-0 bg-white rounded-lg shadow-lg border border-secondary-200 z-50 overflow-hidden`), F = (y) => {
+      const u = "w-full px-4 py-2 text-left hover:bg-primary-50 transition-colors focus:outline-none focus:bg-primary-50 disabled:opacity-50 disabled:cursor-not-allowed", $ = O(y) ? "bg-primary-50" : "";
+      return [u, $].join(" ");
+    }, j = (y) => {
+      const u = "w-full px-4 py-2 text-left text-sm font-semibold transition-colors focus:outline-none flex items-center gap-3";
+      return y.variant === "danger" ? `${u} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${u} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
+    }, O = (y) => y.value === e.modelValue, q = () => {
+      e.disabled || e.loading || (o.value = !o.value, o.value && e.searchable && ve(() => {
+        var y;
+        (y = p.value) == null || y.focus();
       }));
-    }, I = () => {
-      r.value = !1, p.value = "";
-    }, B = (h) => {
-      h.disabled || (u("update:modelValue", h.value), u("change", h), I());
-    }, V = (h) => {
-      h.action && h.action(), u("action", h), I();
-    }, P = (h) => {
-      const d = h.relatedTarget;
-      d && d.closest(".select-wrapper") || setTimeout(() => {
-        I();
+    }, S = () => {
+      o.value = !1, f.value = "";
+    }, I = (y) => {
+      y.disabled || (m("update:modelValue", y.value), m("change", y), S());
+    }, W = (y) => {
+      y.action && y.action(), m("action", y), S();
+    }, A = (y) => {
+      const u = y.relatedTarget;
+      u && u.closest(".select-wrapper") || setTimeout(() => {
+        S();
       }, 200);
-    }, j = (h) => {
-      h.key === "Escape" ? I() : (h.key === "Enter" || h.key === " ") && (h.preventDefault(), W());
+    }, k = (y) => {
+      y.key === "Escape" ? S() : (y.key === "Enter" || y.key === " ") && (y.preventDefault(), q());
     };
-    return de(r, (h) => {
-      h && (p.value = "");
-    }), (h, d) => (l(), a("div", {
-      class: c(["select-wrapper", { "w-full": t.fullWidth }])
+    return de(o, (y) => {
+      y && (f.value = "");
+    }), (y, u) => (l(), a("div", {
+      class: n(["select-wrapper", { "w-full": t.fullWidth }])
     }, [
       t.label ? (l(), a("label", {
         key: 0,
-        for: n.value,
-        class: c(k.value)
+        for: i.value,
+        class: n(w.value)
       }, [
-        Y($(t.label) + " ", 1),
-        t.required ? (l(), a("span", Ml, "*")) : f("", !0)
-      ], 10, zl)) : f("", !0),
+        Y(D(t.label) + " ", 1),
+        t.required ? (l(), a("span", $l, "*")) : c("", !0)
+      ], 10, Cl)) : c("", !0),
       s("div", {
-        class: c(["relative", m.value])
+        class: n(["relative", g.value])
       }, [
         s("button", {
-          id: n.value,
+          id: i.value,
           type: "button",
-          class: c(y.value),
+          class: n(B.value),
           disabled: t.disabled,
-          "aria-expanded": r.value,
+          "aria-expanded": o.value,
           "aria-haspopup": !0,
-          onClick: W,
-          onBlur: P,
-          onKeydown: j
+          onClick: q,
+          onBlur: A,
+          onKeydown: k
         }, [
-          s("span", Vl, $(b.value ? b.value.label : t.placeholder), 1),
+          s("span", zl, D(v.value ? v.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" : ""]),
+            class: n(["w-5 h-5 flex-shrink-0 transition-transform text-[#565656] opacity-80", o.value ? "rotate-180" : ""]),
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24",
             xmlns: "http://www.w3.org/2000/svg"
-          }, [...d[3] || (d[3] = [
+          }, [...u[3] || (u[3] = [
             s("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -1647,14 +1660,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, Dl),
-        r.value ? (l(), a("div", {
+        ], 42, Bl),
+        o.value ? (l(), a("div", {
           key: 0,
-          class: c(T.value),
-          onClick: d[2] || (d[2] = J(() => {
+          class: n(C.value),
+          onClick: u[2] || (u[2] = J(() => {
           }, ["stop"]))
         }, [
-          t.loading ? (l(), a("div", Tl, [...d[4] || (d[4] = [
+          t.loading ? (l(), a("div", Ml, [...u[4] || (u[4] = [
             s("svg", {
               class: "w-5 h-5 animate-spin",
               xmlns: "http://www.w3.org/2000/svg",
@@ -1676,74 +1689,74 @@ 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", Sl, [
-            ve(s("input", {
+          ])])) : t.searchable ? (l(), a("div", Dl, [
+            me(s("input", {
               ref_key: "searchInput",
-              ref: v,
-              "onUpdate:modelValue": d[0] || (d[0] = (C) => p.value = C),
+              ref: p,
+              "onUpdate:modelValue": u[0] || (u[0] = ($) => f.value = $),
               type: "text",
               class: "w-full px-3 py-2 text-sm border border-secondary-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary-500",
               placeholder: t.searchPlaceholder,
-              onKeydown: d[1] || (d[1] = J(() => {
+              onKeydown: u[1] || (u[1] = J(() => {
               }, ["stop"]))
-            }, null, 40, Il), [
-              [Ee, p.value]
+            }, null, 40, Vl), [
+              [Ee, f.value]
             ])
-          ])) : f("", !0),
-          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,
+          ])) : c("", !0),
+          t.loading ? c("", !0) : (l(), a("div", Tl, [
+            z.value.length === 0 ? (l(), a("div", Sl, D(t.emptyText), 1)) : (l(), a(K, { key: 1 }, [
+              (l(!0), a(K, null, G(z.value, ($) => (l(), a("button", {
+                key: $.value,
                 type: "button",
-                class: c(L(C)),
-                onClick: (i) => B(C)
+                class: n(F($)),
+                onClick: (d) => I($)
               }, [
-                s("div", Al, [
-                  s("span", Fl, $(C.label), 1),
-                  F(C) ? (l(), a("svg", Wl, [...d[5] || (d[5] = [
+                s("div", jl, [
+                  s("span", Ll, D($.label), 1),
+                  O($) ? (l(), a("svg", Ol, [...u[5] || (u[5] = [
                     s("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M5 13l4 4L19 7"
                     }, null, -1)
-                  ])])) : f("", !0)
+                  ])])) : c("", !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,
+              ], 10, Il))), 128)),
+              t.actionItems.length > 0 ? (l(), a("div", Al)) : c("", !0),
+              (l(!0), a(K, null, G(t.actionItems, ($) => (l(), a("button", {
+                key: $.id,
                 type: "button",
-                class: c(A(C)),
-                onClick: (i) => V(C)
+                class: n(j($)),
+                onClick: (d) => W($)
               }, [
-                C.icon ? (l(), a("svg", {
+                $.icon ? (l(), a("svg", {
                   key: 0,
                   class: "w-4 h-4 flex-shrink-0",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg",
-                  innerHTML: C.icon
-                }, null, 8, Rl)) : f("", !0),
-                Y(" " + $(C.label), 1)
-              ], 10, Pl))), 128))
+                  innerHTML: $.icon
+                }, null, 8, Wl)) : c("", !0),
+                Y(" " + D($.label), 1)
+              ], 10, Fl))), 128))
             ], 64))
           ]))
-        ], 2)) : f("", !0)
+        ], 2)) : c("", !0)
       ], 2),
-      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", {
+      t.error ? (l(), a("p", ql, D(t.error), 1)) : t.helperText ? (l(), a("p", Pl, D(t.helperText), 1)) : c("", !0),
+      o.value ? (l(), a("div", {
         key: 3,
-        onClick: I,
+        onClick: S,
         class: "fixed inset-0 z-40"
-      })) : f("", !0)
+      })) : c("", !0)
     ], 2));
   }
-}), ts = /* @__PURE__ */ Z(Nl, [["__scopeId", "data-v-9886e097"]]), Hl = ["title"], Kl = {
+}), Qa = /* @__PURE__ */ Z(Rl, [["__scopeId", "data-v-7fce9a5d"]]), El = ["title"], Yl = {
   key: 0,
   class: "space-y-1"
-}, Ul = ["href", "onClick", "aria-current"], Jl = { key: 2 }, Gl = /* @__PURE__ */ N({
+}, Nl = ["href", "onClick", "aria-current"], Hl = { key: 2 }, Kl = /* @__PURE__ */ N({
   __name: "Sidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1767,80 +1780,80 @@ 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: g }) {
-    const e = t, u = q(e.collapsed), r = o(() => e.mini || u.value), p = g, v = o({
+  setup(t, { emit: b }) {
+    const e = t, m = P(e.collapsed), o = r(() => e.mini || m.value), f = b, p = r({
       get: () => e.modelValue,
-      set: (j) => p("update:modelValue", j)
-    }), n = (j = !1) => {
-      const h = e.keepOpen && !j;
-      !e.persistent && !h && (v.value = !1, p("close"));
-    }, b = () => {
-      u.value = !u.value, p("update:collapsed", u.value), p("toggleCollapse");
+      set: (k) => f("update:modelValue", k)
+    }), i = (k = !1) => {
+      const y = e.keepOpen && !k;
+      !e.persistent && !y && (p.value = !1, f("close"));
+    }, v = () => {
+      m.value = !m.value, f("update:collapsed", m.value), f("toggleCollapse");
     };
     de(
       () => e.collapsed,
-      (j) => {
-        u.value = j;
+      (k) => {
+        m.value = k;
       },
       { immediate: !0 }
     );
-    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, 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) => {
-      const h = "w-5 h-5 flex-shrink-0", d = k(j) ? "text-primary-600" : "text-gray-500";
-      return `${h} ${d}`;
-    }, T = o(() => e.position === "left" ? "slide-right" : "slide-left"), L = o(() => {
-      const j = "fixed top-0 h-full z-50 flex flex-col w-full max-w-full sm:max-w-none transition-all duration-300", h = e.position === "left" ? "left-0" : "right-0", d = e.shadow ? e.position === "left" ? "shadow-[2px_0_8px_rgba(0,0,0,0.1)]" : "shadow-[-2px_0_8px_rgba(0,0,0,0.1)]" : "", C = e.bordered ? "border-r border-gray-200" : "";
-      return [j, h, d, C].filter(Boolean).join(" ");
-    }), A = o(() => ({
+    const z = (k, y) => {
+      y.id && f("update:activeItem", y.id), y.onClick && (k.preventDefault(), y.onClick(y)), f("itemClick", y), !e.keepOpen && !e.persistent && i();
+    }, w = (k) => k.active !== void 0 ? k.active : e.activeItem && k.id ? e.activeItem === k.id : !1, g = (k) => {
+      const y = o.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", u = w(k) ? o.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 `${y} ${u}`;
+    }, B = (k) => {
+      const y = "w-5 h-5 flex-shrink-0", u = w(k) ? "text-primary-600" : "text-gray-500";
+      return `${y} ${u}`;
+    }, C = r(() => e.position === "left" ? "slide-right" : "slide-left"), F = r(() => {
+      const k = "fixed top-0 h-full z-50 flex flex-col w-full max-w-full sm:max-w-none transition-all duration-300", y = e.position === "left" ? "left-0" : "right-0", u = e.shadow ? e.position === "left" ? "shadow-[2px_0_8px_rgba(0,0,0,0.1)]" : "shadow-[-2px_0_8px_rgba(0,0,0,0.1)]" : "", $ = e.bordered ? "border-r border-gray-200" : "";
+      return [k, y, u, $].filter(Boolean).join(" ");
+    }), j = r(() => ({
       width: "100%",
-      maxWidth: e.mini || u.value ? e.miniWidth : e.width,
+      maxWidth: e.mini || m.value ? e.miniWidth : e.width,
       backgroundColor: e.backgroundColor,
       top: e.overlayTop,
       height: e.overlayTop !== "0" ? `calc(100vh - ${e.overlayTop})` : "100vh"
-    })), F = {
+    })), O = {
       none: "",
       sm: "p-2",
       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(), te(ge, { to: "body" }, [
+    }, q = r(() => `flex items-center justify-between border-b border-gray-200 ${o.value ? "p-2" : O[e.padding]}`), S = r(() => o.value ? "flex gap-1 items-center" : "flex gap-2 items-center"), I = r(() => o.value ? "p-1.5 hover:bg-gray-100 rounded-md transition-colors" : "p-2 hover:bg-gray-100 rounded-md transition-colors"), W = r(() => `flex-1 overflow-y-auto ${O[e.padding]}`), A = r(() => `border-t border-gray-200 ${O[e.padding]}`);
+    return (k, y) => (l(), te(ye, { to: "body" }, [
       Q(ie, { name: "fade" }, {
         default: re(() => [
-          v.value && t.overlay && !t.keepOpen ? (l(), a("div", {
+          p.value && t.overlay && !t.keepOpen ? (l(), a("div", {
             key: 0,
-            onClick: h[0] || (h[0] = (d) => n()),
+            onClick: y[0] || (y[0] = (u) => i()),
             class: "fixed inset-0 z-40",
             style: X({ top: t.overlayTop, backgroundColor: `rgba(0, 0, 0, ${t.scrimOpacity || 0.5})` })
-          }, null, 4)) : f("", !0)
+          }, null, 4)) : c("", !0)
         ]),
         _: 1
       }),
-      Q(ie, { name: T.value }, {
+      Q(ie, { name: C.value }, {
         default: re(() => [
-          v.value ? (l(), a("aside", {
+          p.value ? (l(), a("aside", {
             key: 0,
-            class: c(L.value),
-            style: X(A.value)
+            class: n(F.value),
+            style: X(j.value)
           }, [
-            j.$slots.header ? (l(), a("div", {
+            k.$slots.header ? (l(), a("div", {
               key: 0,
-              class: c(W.value)
+              class: n(q.value)
             }, [
-              O(j.$slots, "header", {}, void 0, !0),
+              L(k.$slots, "header", {}, void 0, !0),
               s("div", {
-                class: c(I.value)
+                class: n(S.value)
               }, [
                 t.collapsible ? (l(), a("button", {
                   key: 0,
-                  onClick: b,
-                  class: c(B.value),
-                  title: u.value ? "Expandir" : "Contraer",
+                  onClick: v,
+                  class: n(I.value),
+                  title: m.value ? "Expandir" : "Contraer",
                   "aria-label": "Toggle sidebar collapse"
-                }, [...h[2] || (h[2] = [
+                }, [...y[2] || (y[2] = [
                   s("svg", {
                     class: "w-5 h-5",
                     fill: "none",
@@ -1854,13 +1867,13 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                       d: "M15 19l-7-7 7-7"
                     })
                   ], -1)
-                ])], 10, Hl)) : f("", !0),
+                ])], 10, El)) : c("", !0),
                 t.closable ? (l(), a("button", {
                   key: 1,
-                  onClick: h[1] || (h[1] = (d) => n(!0)),
-                  class: c(B.value),
+                  onClick: y[1] || (y[1] = (u) => i(!0)),
+                  class: n(I.value),
                   "aria-label": "Cerrar menú"
-                }, [...h[3] || (h[3] = [
+                }, [...y[3] || (y[3] = [
                   s("svg", {
                     class: "w-5 h-5",
                     fill: "none",
@@ -1874,68 +1887,68 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                       d: "M6 18L18 6M6 6l12 12"
                     })
                   ], -1)
-                ])], 2)) : f("", !0)
+                ])], 2)) : c("", !0)
               ], 2)
-            ], 2)) : f("", !0),
+            ], 2)) : c("", !0),
             s("div", {
-              class: c(V.value)
+              class: n(W.value)
             }, [
-              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) => z(C, d),
-                  class: c(m(d)),
-                  "aria-current": k(d) ? "page" : void 0
+              t.items && t.items.length ? (l(), a("nav", Yl, [
+                (l(!0), a(K, null, G(t.items, (u) => (l(), a("a", {
+                  key: u.id || u.label,
+                  href: u.href,
+                  onClick: ($) => z($, u),
+                  class: n(g(u)),
+                  "aria-current": w(u) ? "page" : void 0
                 }, [
-                  d.icon && typeof d.icon == "string" ? (l(), te(_, {
+                  u.icon && typeof u.icon == "string" ? (l(), te(_, {
                     key: 0,
-                    name: d.icon,
+                    name: u.icon,
                     size: "md",
-                    class: c(y(d))
-                  }, null, 8, ["name", "class"])) : d.icon ? (l(), te(me(d.icon), {
+                    class: n(B(u))
+                  }, null, 8, ["name", "class"])) : u.icon ? (l(), te(he(u.icon), {
                     key: 1,
-                    class: c(y(d))
-                  }, null, 8, ["class"])) : f("", !0),
-                  r.value ? f("", !0) : (l(), a("span", Jl, $(d.label), 1))
-                ], 10, Ul))), 128))
-              ])) : f("", !0),
-              O(j.$slots, "default", {}, void 0, !0)
+                    class: n(B(u))
+                  }, null, 8, ["class"])) : c("", !0),
+                  o.value ? c("", !0) : (l(), a("span", Hl, D(u.label), 1))
+                ], 10, Nl))), 128))
+              ])) : c("", !0),
+              L(k.$slots, "default", {}, void 0, !0)
             ], 2),
-            j.$slots.footer ? (l(), a("div", {
+            k.$slots.footer ? (l(), a("div", {
               key: 1,
-              class: c(P.value)
+              class: n(A.value)
             }, [
-              O(j.$slots, "footer", {}, void 0, !0)
-            ], 2)) : f("", !0)
-          ], 6)) : f("", !0)
+              L(k.$slots, "footer", {}, void 0, !0)
+            ], 2)) : c("", !0)
+          ], 6)) : c("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ]));
   }
-}), ls = /* @__PURE__ */ Z(Gl, [["__scopeId", "data-v-1431a87b"]]), Ql = { class: "w-full space-y-4" }, Zl = { class: "flex flex-col gap-3 md:hidden" }, Xl = {
+}), Za = /* @__PURE__ */ Z(Kl, [["__scopeId", "data-v-1431a87b"]]), Ul = { class: "w-full space-y-4" }, Jl = { class: "flex flex-col gap-3 md:hidden" }, Gl = {
   key: 0,
   class: "flex items-center gap-2 px-1 text-sm text-gray-600"
-}, _l = ["checked", "indeterminate"], ea = {
+}, Ql = ["checked", "indeterminate"], Zl = {
   key: 0,
   class: "flex items-center gap-2 pb-2"
-}, ta = ["checked", "onChange", "aria-label"], la = { class: "text-[11px] uppercase tracking-wide text-gray-400" }, aa = { class: "text-sm text-gray-700" }, sa = {
+}, Xl = ["checked", "onChange", "aria-label"], _l = { class: "text-[11px] uppercase tracking-wide text-gray-400" }, ea = { class: "text-sm text-gray-700" }, ta = {
   key: 1,
   class: "rounded-lg border border-dashed border-gray-200 bg-white p-4 text-gray-400 text-center"
-}, oa = { class: "hidden md:block w-full overflow-x-auto" }, ra = { class: "w-full border-collapse" }, na = { class: "w-full" }, ia = {
+}, la = { class: "hidden md:block w-full overflow-x-auto" }, aa = { class: "w-full border-collapse" }, sa = { class: "w-full" }, oa = {
   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"
-}, da = ["checked", "indeterminate"], ua = ["onClick"], ca = { class: "flex items-center gap-2" }, fa = {
+}, ra = ["checked", "indeterminate"], na = ["onClick"], ia = { class: "flex items-center gap-2" }, da = {
   key: 0,
   class: "text-xs text-gray-400"
-}, pa = { key: 0 }, va = { key: 1 }, ba = { class: "w-full" }, ga = ["checked", "onChange", "aria-label"], ma = {
+}, ua = { key: 0 }, ca = { key: 1 }, fa = { class: "w-full" }, pa = ["checked", "onChange", "aria-label"], ma = {
   key: 0,
   class: "flex items-center justify-center py-12 text-gray-400"
-}, ya = {
+}, va = {
   key: 0,
   class: "w-full px-6 py-4 bg-white"
-}, ha = /* @__PURE__ */ N({
+}, ba = /* @__PURE__ */ N({
   __name: "Table",
   props: {
     columns: {},
@@ -1952,250 +1965,253 @@ 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: g }) {
-    const e = t, u = o(() => ({
+  setup(t, { emit: b }) {
+    const e = t, m = r(() => ({
       compact: "py-1.5",
       normal: "py-3",
       spacious: "py-5"
-    })[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)
+    })[e.density]), o = r(() => e.striped), f = r(() => e.hover), p = b, i = P(null), v = P("asc"), z = (u) => {
+      i.value === u ? v.value = v.value === "asc" ? "desc" : "asc" : (i.value = u, v.value = "asc");
+    }, w = r(() => {
+      if (!i.value)
         return e.data;
-      const d = [...e.data];
-      return d.sort((C, i) => {
-        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;
-    }), m = o(() => e.columns.filter((d) => !d.hideOnMobile)), y = o(() => e.selectable), T = o({
+      const u = [...e.data];
+      return u.sort(($, d) => {
+        const V = $[i.value], x = d[i.value];
+        return typeof V == "string" && typeof x == "string" ? v.value === "asc" ? V.localeCompare(x) : x.localeCompare(V) : typeof V == "number" && typeof x == "number" ? v.value === "asc" ? V - x : x - V : 0;
+      }), u;
+    }), g = r(() => e.columns.filter((u) => !u.hideOnMobile)), B = r(() => e.selectable), C = r({
       get: () => e.selectedKeys || [],
-      set: (d) => v("update:selectedKeys", d)
-    }), L = (d, C) => {
-      const i = e.rowKey;
-      return (i && d ? d[i] : void 0) ?? C;
-    }, A = o(() => k.value.map((d, C) => L(d, C))), F = o(() => A.value.length > 0 && A.value.every((d) => T.value.includes(d))), W = o(() => !F.value && T.value.length > 0), I = (d) => {
-      y.value && (T.value = d ? [...A.value] : []);
-    }, B = (d, C) => {
-      const i = L(d, C);
-      return T.value.includes(i);
-    }, V = (d, C, i) => {
-      if (!y.value) return;
-      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);
-    }, j = (d) => {
-      I(P(d));
-    }, h = (d, C, i) => {
-      V(d, C, P(i));
+      set: (u) => p("update:selectedKeys", u)
+    }), F = (u, $) => {
+      const d = e.rowKey;
+      return (d && u ? u[d] : void 0) ?? $;
+    }, j = r(() => w.value.map((u, $) => F(u, $))), O = r(() => j.value.length > 0 && j.value.every((u) => C.value.includes(u))), q = r(() => !O.value && C.value.length > 0), S = (u) => {
+      B.value && (C.value = u ? [...j.value] : []);
+    }, I = (u, $) => {
+      const d = F(u, $);
+      return C.value.includes(d);
+    }, W = (u, $, d) => {
+      if (!B.value) return;
+      const V = F(u, $), x = new Set(C.value);
+      d ? x.add(V) : x.delete(V), C.value = Array.from(x);
+    }, A = (u) => {
+      const $ = u.target;
+      return !!($ != null && $.checked);
+    }, k = (u) => {
+      S(A(u));
+    }, y = (u, $, d) => {
+      W(u, $, A(d));
     };
-    return (d, C) => (l(), a("div", Ql, [
-      s("div", Zl, [
-        y.value ? (l(), a("div", Xl, [
+    return (u, $) => (l(), a("div", Ul, [
+      s("div", Jl, [
+        B.value ? (l(), a("div", Gl, [
           s("input", {
             type: "checkbox",
             class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
-            checked: F.value,
-            indeterminate: W.value,
-            onChange: j,
+            checked: O.value,
+            indeterminate: q.value,
+            onChange: k,
             "aria-label": "Seleccionar todas las filas"
-          }, null, 40, _l),
-          C[0] || (C[0] = s("span", null, "Seleccionar todas", -1))
-        ])) : f("", !0),
-        (l(!0), a(K, null, G(k.value, (i, M) => (l(), a("div", {
-          key: `card-${M}`,
+          }, null, 40, Ql),
+          $[0] || ($[0] = s("span", null, "Seleccionar todas", -1))
+        ])) : c("", !0),
+        (l(!0), a(K, null, G(w.value, (d, V) => (l(), a("div", {
+          key: `card-${V}`,
           class: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm"
         }, [
-          y.value ? (l(), a("div", ea, [
+          B.value ? (l(), a("div", Zl, [
             s("input", {
               type: "checkbox",
               class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
-              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(m.value, (x) => (l(), a("div", {
-            key: `card-${M}-${x.key}`,
+              checked: I(d, V),
+              onChange: (x) => y(d, V, x),
+              "aria-label": `Seleccionar fila ${V + 1}`
+            }, null, 40, Xl),
+            $[1] || ($[1] = s("span", { class: "text-sm text-gray-700" }, "Seleccionar fila", -1))
+          ])) : c("", !0),
+          (l(!0), a(K, null, G(g.value, (x) => (l(), a("div", {
+            key: `card-${V}-${x.key}`,
             class: "flex flex-col gap-1 py-1"
           }, [
-            s("span", la, $(x.label), 1),
-            s("span", aa, [
-              O(d.$slots, `cell-${x.key}`, {
-                value: i[x.key],
-                row: i
+            s("span", _l, D(x.label), 1),
+            s("span", ea, [
+              L(u.$slots, `cell-${x.key}`, {
+                value: d[x.key],
+                row: d
               }, () => [
-                Y($(i[x.key]), 1)
+                Y(D(d[x.key]), 1)
               ], !0)
             ])
           ]))), 128))
         ]))), 128)),
-        k.value.length === 0 ? (l(), a("div", sa, [
-          O(d.$slots, "empty", {}, () => [
-            C[2] || (C[2] = Y("No hay datos disponibles", -1))
+        w.value.length === 0 ? (l(), a("div", ta, [
+          L(u.$slots, "empty", {}, () => [
+            $[2] || ($[2] = Y("No hay datos disponibles", -1))
           ], !0)
-        ])) : f("", !0)
+        ])) : c("", !0)
       ]),
-      s("div", oa, [
-        s("table", ra, [
-          s("thead", na, [
+      s("div", la, [
+        s("table", aa, [
+          s("thead", sa, [
             s("tr", {
-              class: c([
+              class: n([
                 "w-full bg-neutral-50 border-b border-gray-100",
                 e.headerClass || ""
               ])
             }, [
-              y.value ? (l(), a("th", ia, [
+              B.value ? (l(), a("th", oa, [
                 s("input", {
                   type: "checkbox",
                   class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
-                  checked: F.value,
-                  indeterminate: W.value,
-                  onChange: j,
+                  checked: O.value,
+                  indeterminate: q.value,
+                  onChange: k,
                   "aria-label": "Seleccionar todas las filas"
-                }, null, 40, da)
-              ])) : f("", !0),
-              (l(!0), a(K, null, G(t.columns, (i) => (l(), a("th", {
-                key: i.key,
-                style: X(i.width ? { width: i.width } : {}),
-                class: c([
+                }, null, 40, ra)
+              ])) : c("", !0),
+              (l(!0), a(K, null, G(t.columns, (d) => (l(), a("th", {
+                key: d.key,
+                style: X(d.width ? { width: d.width } : {}),
+                class: n([
                   "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" : "",
+                  d.sortable ? "cursor-pointer hover:text-primary-600 select-none transition-colors" : "",
                   e.headerClass,
                   e.headerCellClass
                 ]),
-                onClick: (M) => i.sortable && z(i.key)
+                onClick: (V) => d.sortable && z(d.key)
               }, [
-                s("div", ca, [
-                  s("span", null, $(i.label), 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)
+                s("div", ia, [
+                  s("span", null, D(d.label), 1),
+                  d.sortable ? (l(), a("span", da, [
+                    i.value !== d.key ? (l(), a("span", ua, "⇅")) : (l(), a("span", ca, D(v.value === "asc" ? "↑" : "↓"), 1))
+                  ])) : c("", !0)
                 ])
-              ], 14, ua))), 128))
+              ], 14, na))), 128))
             ], 2)
           ]),
-          s("tbody", ba, [
-            (l(!0), a(K, null, G(k.value, (i, M) => (l(), a("tr", {
-              key: M,
-              class: c([
+          s("tbody", fa, [
+            (l(!0), a(K, null, G(w.value, (d, V) => (l(), a("tr", {
+              key: V,
+              class: n([
                 "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" : "",
+                o.value && V % 2 === 1 ? "bg-gray-50" : "",
+                f.value ? "hover:bg-blue-50" : "",
                 e.rowClass,
-                u.value
+                m.value
               ])
             }, [
-              y.value ? (l(), a("td", {
+              B.value ? (l(), a("td", {
                 key: 0,
-                class: c(["px-3 text-xs text-gray-600 border-l border-gray-100 first:border-l-0 w-10", u.value])
+                class: n(["px-3 text-xs text-gray-600 border-l border-gray-100 first:border-l-0 w-10", m.value])
               }, [
                 s("input", {
                   type: "checkbox",
                   class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
-                  checked: B(i, M),
-                  onChange: (x) => h(i, M, x),
-                  "aria-label": `Seleccionar fila ${M + 1}`
-                }, null, 40, ga)
-              ], 2)) : f("", !0),
+                  checked: I(d, V),
+                  onChange: (x) => y(d, V, x),
+                  "aria-label": `Seleccionar fila ${V + 1}`
+                }, null, 40, pa)
+              ], 2)) : c("", !0),
               (l(!0), a(K, null, G(t.columns, (x) => (l(), a("td", {
-                key: `${M}-${x.key}`,
-                class: c([
+                key: `${V}-${x.key}`,
+                class: n([
                   "px-4 text-xs text-gray-600 border-l border-gray-100 first:border-l-0 bg-white",
                   e.rowClass,
                   e.cellClass,
-                  u.value
+                  m.value
                 ])
               }, [
-                O(d.$slots, `cell-${x.key}`, {
-                  value: i[x.key],
-                  row: i
+                L(u.$slots, `cell-${x.key}`, {
+                  value: d[x.key],
+                  row: d
                 }, () => [
-                  Y($(i[x.key]), 1)
+                  Y(D(d[x.key]), 1)
                 ], !0)
               ], 2))), 128))
             ], 2))), 128))
           ])
         ]),
-        k.value.length === 0 ? (l(), a("div", ma, [
-          O(d.$slots, "empty", {}, () => [
-            C[3] || (C[3] = Y("No hay datos disponibles", -1))
+        w.value.length === 0 ? (l(), a("div", ma, [
+          L(u.$slots, "empty", {}, () => [
+            $[3] || ($[3] = Y("No hay datos disponibles", -1))
           ], !0)
-        ])) : f("", !0)
+        ])) : c("", !0)
       ]),
-      d.$slots.footer ? (l(), a("div", ya, [
-        O(d.$slots, "footer", {}, void 0, !0)
-      ])) : f("", !0)
+      u.$slots.footer ? (l(), a("div", va, [
+        L(u.$slots, "footer", {}, void 0, !0)
+      ])) : c("", !0)
     ]));
   }
-}), as = /* @__PURE__ */ Z(ha, [["__scopeId", "data-v-9020135c"]]), 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({
+}), Xa = /* @__PURE__ */ Z(ba, [["__scopeId", "data-v-9020135c"]]), ga = { class: "tabs-wrapper" }, ya = ["aria-selected", "onClick"], ha = /* @__PURE__ */ N({
   __name: "Tabs",
   props: {
     modelValue: {},
     tabs: {},
     headerClass: {},
     contentClass: {},
-    variant: { default: "default" }
+    variant: { default: "default" },
+    compact: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: g }) {
-    const e = t, u = g, r = o(() => ({
+  setup(t, { emit: b }) {
+    const e = t, m = b, o = r(
+      () => e.compact ? "relative w-full sm:w-auto text-left sm:text-center px-3 sm:px-4 py-2 text-sm tracking-wide transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500" : "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"
+    ), f = r(() => ({
       default: "border-b-3",
       bordered: "border border-secondary-200 rounded-t-lg",
       pill: "rounded-full bg-secondary-100 mx-1"
-    })[e.variant]), p = o(() => ({
+    })[e.variant]), p = r(() => ({
       default: "border-b border-gray-200",
       bordered: "gap-0",
       pill: "gap-2 bg-white p-1 rounded-full border border-secondary-200"
-    })[e.variant]), v = o(() => ({
+    })[e.variant]), i = r(() => ({
       default: "text-primary-600 border-primary-600 font-semibold",
       bordered: "text-primary-600 border-primary-600 bg-primary-50 font-semibold",
       pill: "text-white bg-primary-600 font-semibold"
-    })[e.variant]), n = o(() => ({
+    })[e.variant]), v = r(() => ({
       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, z = (y) => {
-      b(y) || u("update:modelValue", y);
-    }, k = o(() => e.modelValue), m = o(
-      () => e.tabs.find((y) => y.value === k.value)
+    })[e.variant]), z = (C) => e.modelValue === C, w = (C) => {
+      z(C) || m("update:modelValue", C);
+    }, g = r(() => e.modelValue), B = r(
+      () => e.tabs.find((C) => C.value === g.value)
     );
-    return (y, T) => (l(), a("div", xa, [
+    return (C, F) => (l(), a("div", ga, [
       s("div", {
-        class: c(["tabs-header", t.headerClass])
+        class: n(["tabs-header", t.headerClass])
       }, [
         s("div", {
-          class: c(["tabs-container", p.value]),
+          class: n(["tabs-container", p.value]),
           role: "tablist"
         }, [
-          (l(!0), a(K, null, G(t.tabs, (L) => (l(), a("button", {
-            key: L.value,
+          (l(!0), a(K, null, G(t.tabs, (j) => (l(), a("button", {
+            key: j.value,
             type: "button",
-            class: c([
-              ka,
-              r.value,
-              b(L.value) ? v.value : n.value
+            class: n([
+              o.value,
+              f.value,
+              z(j.value) ? i.value : v.value
             ]),
-            "aria-selected": b(L.value),
+            "aria-selected": z(j.value),
             role: "tab",
-            onClick: (A) => z(L.value)
-          }, $(L.label), 11, wa))), 128))
+            onClick: (O) => w(j.value)
+          }, D(j.label), 11, ya))), 128))
         ], 2)
       ], 2),
       s("div", {
-        class: c(["tabs-content", t.contentClass]),
+        class: n(["tabs-content", t.contentClass]),
         role: "tabpanel"
       }, [
-        O(y.$slots, k.value, {
-          active: k.value,
-          tab: m.value
+        L(C.$slots, g.value, {
+          active: g.value,
+          tab: B.value
         }, void 0, !0)
       ], 2)
     ]));
   }
-}), ss = /* @__PURE__ */ Z(Ca, [["__scopeId", "data-v-fd5e2425"]]), $a = "font-sans", os = /* @__PURE__ */ N({
+}), _a = /* @__PURE__ */ Z(ha, [["__scopeId", "data-v-17d67e55"]]), xa = "font-sans", es = /* @__PURE__ */ N({
   __name: "Text",
   props: {
     variant: { default: "body1" },
@@ -2207,7 +2223,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     weight: {}
   },
   setup(t) {
-    const g = {
+    const b = {
       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",
@@ -2247,12 +2263,12 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       button3: "span",
       caption: "span",
       overline: "span"
-    }, u = {
+    }, m = {
       left: "text-left",
       center: "text-center",
       right: "text-right",
       justify: "text-justify"
-    }, r = {
+    }, o = {
       default: "text-secondary-900",
       muted: "text-secondary-600",
       primary: "text-primary-600",
@@ -2260,52 +2276,49 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       danger: "text-danger-600",
       success: "text-success-600",
       warning: "text-warning-600"
-    }, p = {
+    }, f = {
       light: "font-light",
       normal: "font-normal",
       medium: "font-medium",
       semibold: "font-semibold",
       bold: "font-bold",
       extrabold: "font-extrabold"
-    }, 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: {
+    }, p = t, i = r(() => p.variant), v = r(() => p.align), z = r(() => p.as || e[i.value] || "span"), w = r(() => p.color && p.color.startsWith("#")), g = r(() => w.value ? "" : o[p.color] || o.default), B = r(() => w.value ? { color: p.color } : {}), C = r(() => p.weight ? { fontWeight: {
       light: 300,
       normal: 400,
       medium: 500,
       semibold: 600,
       bold: 700,
       extrabold: 800
-    }[v.weight] } : {}), L = o(() => v.weight ? p[v.weight] : "");
-    return (A, F) => (l(), te(me(z.value), {
-      class: c([
-        $a,
-        g[n.value],
-        m.value,
-        u[b.value],
-        L.value,
+    }[p.weight] } : {}), F = r(() => p.weight ? f[p.weight] : "");
+    return (j, O) => (l(), te(he(z.value), {
+      class: n([
+        xa,
+        b[i.value],
+        g.value,
+        m[v.value],
+        F.value,
         {
-          uppercase: t.uppercase || n.value === "overline",
+          uppercase: t.uppercase || i.value === "overline",
           truncate: t.truncate
         }
       ]),
-      style: X([y.value, T.value])
+      style: X([B.value, C.value])
     }, {
       default: re(() => [
-        O(A.$slots, "default")
+        L(j.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
-}), Ba = { class: "w-full flex items-center justify-between gap-3 py-2" }, za = {
+}), wa = { class: "w-full flex items-center justify-between gap-3 py-2" }, ka = {
   key: 0,
   class: "text-xs pagination-text"
-}, Ma = { key: 0 }, Da = {
+}, Ca = { key: 0 }, $a = {
   class: "ml-auto inline-flex items-center gap-1",
   role: "navigation",
   "aria-label": "Pagination"
-}, Va = ["disabled"], Ta = {
-  key: 0,
-  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({
+}, Ba = ["disabled"], za = ["aria-label", "onClick"], Ma = ["disabled"], Da = /* @__PURE__ */ N({
   __name: "Pagination",
   props: {
     modelValue: { default: 1 },
@@ -2315,77 +2328,91 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     previousText: { default: "Anterior" },
     nextText: { default: "Siguiente" },
     showSummary: { type: Boolean, default: !0 },
-    itemLabel: { default: "" }
+    itemLabel: { default: "" },
+    compact: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
-  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 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(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 < m && (F < m - 1 && W.push("…"), W.push(m)), W;
+  setup(t, { emit: b }) {
+    const e = t, m = b, o = r(() => {
+      const g = Math.ceil(e.totalItems / e.pageSize);
+      return g > 0 ? g : 1;
+    }), f = r(() => {
+      const g = Number(e.modelValue || 1);
+      return g < 1 ? 1 : g > o.value ? o.value : g;
+    }), p = r(() => e.totalItems === 0 ? 0 : (f.value - 1) * e.pageSize + 1), i = r(() => Math.min(f.value * e.pageSize, e.totalItems)), v = r(() => `Mostrando ${p.value} a ${i.value} de ${e.totalItems}`), z = r(() => {
+      const g = o.value, B = Math.max(3, e.maxPages), C = f.value;
+      if (g <= B)
+        return Array.from({ length: g }, (S, I) => I + 1);
+      const F = Math.floor(B / 2);
+      let j = Math.max(1, C - F), O = Math.min(g, j + B - 1);
+      j = Math.max(1, Math.min(j, O - B + 1));
+      const q = [];
+      j > 1 && (q.push(1), j > 2 && q.push("…"));
+      for (let S = j; S <= O; S++)
+        q.push(S);
+      return O < g && (O < g - 1 && q.push("…"), q.push(g)), q;
     });
-    function k(m) {
-      const y = Math.max(1, Math.min(m, r.value));
-      y !== p.value && (u("update:modelValue", y), u("change", y));
+    function w(g) {
+      const B = Math.max(1, Math.min(g, o.value));
+      B !== f.value && (m("update:modelValue", B), m("change", B));
     }
-    return (m, y) => (l(), a("div", Ba, [
-      t.showSummary ? (l(), a("div", za, [
-        O(m.$slots, "summary", {
-          start: v.value,
-          end: n.value,
+    return (g, B) => (l(), a("div", wa, [
+      t.showSummary ? (l(), a("div", ka, [
+        L(g.$slots, "summary", {
+          start: p.value,
+          end: i.value,
           total: t.totalItems
         }, () => [
-          Y($(b.value) + " ", 1),
-          t.itemLabel ? (l(), a("span", Ma, $(t.itemLabel), 1)) : f("", !0)
+          Y(D(v.value) + " ", 1),
+          t.itemLabel ? (l(), a("span", Ca, D(t.itemLabel), 1)) : c("", !0)
         ], !0)
-      ])) : f("", !0),
-      s("nav", Da, [
+      ])) : c("", !0),
+      s("nav", $a, [
         s("button", {
           type: "button",
-          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)),
+          class: n([
+            e.compact ? "h-6 px-2 text-xs" : "h-8 px-3",
+            "rounded-full pagination-text hover:bg-secondary-100 disabled:opacity-50 disabled:cursor-not-allowed"
+          ]),
+          disabled: f.value <= 1,
+          onClick: B[0] || (B[0] = (C) => w(f.value - 1)),
           "aria-label": "Anterior"
-        }, $(t.previousText), 9, Va),
-        (l(!0), a(K, null, G(z.value, (T, L) => (l(), a(K, {
-          key: `page-${L}-${T}`
+        }, D(t.previousText), 11, Ba),
+        (l(!0), a(K, null, G(z.value, (C, F) => (l(), a(K, {
+          key: `page-${F}-${C}`
         }, [
-          T === "…" ? (l(), a("span", Ta, " … ")) : (l(), a("button", {
+          C === "…" ? (l(), a("span", {
+            key: 0,
+            class: n([
+              e.compact ? "h-6 min-w-6 px-1" : "h-8 min-w-8 px-2",
+              "inline-flex items-center justify-center pagination-text"
+            ])
+          }, " … ", 2)) : (l(), a("button", {
             key: 1,
             type: "button",
-            "aria-label": `Página ${T}`,
-            class: c([
-              "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"
+            "aria-label": `Página ${C}`,
+            class: n([
+              e.compact ? "h-6 min-w-6 px-2 text-xs" : "h-8 min-w-8 px-3",
+              "rounded-full transition-colors",
+              C === f.value ? "bg-primary-500 text-white font-semibold" : "pagination-text hover:bg-secondary-100"
             ]),
-            onClick: (A) => k(T)
-          }, $(T), 11, Sa))
+            onClick: (j) => w(Number(C))
+          }, D(C), 11, za))
         ], 64))), 128)),
         s("button", {
           type: "button",
-          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)),
+          class: n([
+            e.compact ? "h-6 px-2 text-xs" : "h-8 px-3",
+            "rounded-full pagination-text hover:bg-secondary-100 disabled:opacity-50 disabled:cursor-not-allowed"
+          ]),
+          disabled: f.value >= o.value,
+          onClick: B[1] || (B[1] = (C) => w(f.value + 1)),
           "aria-label": "Siguiente"
-        }, $(t.nextText), 9, Ia)
+        }, D(t.nextText), 11, Ma)
       ])
     ]));
   }
-}), rs = /* @__PURE__ */ Z(ja, [["__scopeId", "data-v-57203ae8"]]), ns = /* @__PURE__ */ N({
+}), ts = /* @__PURE__ */ Z(Da, [["__scopeId", "data-v-621d6bba"]]), ls = /* @__PURE__ */ N({
   __name: "Tooltip",
   props: {
     content: { default: "" },
@@ -2398,63 +2425,63 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     closeDelay: { default: 100 }
   },
   setup(t) {
-    const g = t, e = q(!1);
-    let u = null, r = null;
-    const p = () => {
-      g.trigger === "hover" && (clearTimeout(r), u = setTimeout(() => {
+    const b = t, e = P(!1);
+    let m = null, o = null;
+    const f = () => {
+      b.trigger === "hover" && (clearTimeout(o), m = setTimeout(() => {
         e.value = !0;
-      }, g.openDelay));
-    }, v = () => {
-      g.trigger === "hover" && (clearTimeout(u), r = setTimeout(() => {
+      }, b.openDelay));
+    }, p = () => {
+      b.trigger === "hover" && (clearTimeout(m), o = setTimeout(() => {
         e.value = !1;
-      }, g.closeDelay));
-    }, n = () => {
-      g.trigger === "click" && (e.value = !e.value);
-    }, b = () => {
-      g.trigger === "focus" && (e.value = !0);
+      }, b.closeDelay));
+    }, i = () => {
+      b.trigger === "click" && (e.value = !e.value);
+    }, v = () => {
+      b.trigger === "focus" && (e.value = !0);
     }, z = () => {
-      g.trigger === "focus" && (e.value = !1);
-    }, k = {
+      b.trigger === "focus" && (e.value = !1);
+    }, w = {
       sm: "px-2 py-1 text-xs",
       md: "px-3 py-2 text-sm",
       lg: "px-4 py-3 text-base"
-    }, m = {
+    }, g = {
       // 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",
       left: "right-full top-1/2 -translate-y-1/2 mr-2",
       right: "left-full top-1/2 -translate-y-1/2 ml-2"
-    }, y = o(() => `absolute w-0 h-0 border-solid border-4 border-transparent ${{
+    }, B = r(() => `absolute w-0 h-0 border-solid border-4 border-transparent ${{
       top: "bottom-[-8px] rotate-180 left-1/2 -translate-x-1/2",
       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"
-    }[g.position]}`), T = o(() => ({
+    }[b.position]}`), C = r(() => ({
       "bg-gray-900": "#111827",
       "bg-primary-500": "#0ea5e9",
       "bg-green-600": "#16a34a",
       "bg-yellow-600": "#ca8a04",
       "bg-danger-600": "#dc2626"
-    })[g.backgroundColor] || "#111827"), L = o(() => ({
+    })[b.backgroundColor] || "#111827"), F = r(() => ({
       // Orden: top, right, bottom, left
-      top: `transparent transparent ${T.value} transparent`,
+      top: `transparent transparent ${C.value} transparent`,
       // tooltip arriba → flecha apunta hacia abajo (borde inferior coloreado)
-      bottom: `${T.value} transparent transparent transparent`,
+      bottom: `${C.value} transparent transparent transparent`,
       // tooltip abajo → flecha apunta hacia arriba (borde superior coloreado)
-      left: `transparent ${T.value} transparent transparent`,
+      left: `transparent ${C.value} transparent transparent`,
       // tooltip a la izquierda → flecha apunta hacia la derecha (borde derecho coloreado)
-      right: `transparent transparent transparent ${T.value}`
+      right: `transparent transparent transparent ${C.value}`
       // tooltip a la derecha → flecha apunta hacia la izquierda (borde izquierdo coloreado)
-    })[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", {
+    })[b.position]), j = r(() => `absolute ${g[b.position]} ${b.textColor} ${w[b.size]} rounded-md shadow-lg whitespace-nowrap z-50`);
+    return (O, q) => (l(), a("div", {
       class: "relative inline-flex",
-      onMouseenter: p,
-      onMouseleave: v,
-      onClick: n,
-      onFocus: b,
+      onMouseenter: f,
+      onMouseleave: p,
+      onClick: i,
+      onFocus: v,
       onBlur: z
     }, [
-      O(F.$slots, "default"),
+      L(O.$slots, "default"),
       Q(ie, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
@@ -2466,24 +2493,24 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         default: re(() => [
           e.value ? (l(), a("div", {
             key: 0,
-            class: c(A.value),
-            style: X({ backgroundColor: T.value }),
+            class: n(j.value),
+            style: X({ backgroundColor: C.value }),
             role: "tooltip"
           }, [
-            O(F.$slots, "content", {}, () => [
-              Y($(t.content), 1)
+            L(O.$slots, "content", {}, () => [
+              Y(D(t.content), 1)
             ]),
             s("div", {
-              class: c(y.value),
-              style: X({ borderColor: L.value })
+              class: n(B.value),
+              style: X({ borderColor: F.value })
             }, null, 6)
-          ], 6)) : f("", !0)
+          ], 6)) : c("", !0)
         ]),
         _: 3
       })
     ], 32));
   }
-}), La = { class: "truncate" }, Oa = ["aria-label", "disabled"], is = /* @__PURE__ */ N({
+}), Va = { class: "truncate" }, Ta = ["aria-label", "disabled"], as = /* @__PURE__ */ N({
   __name: "Chip",
   props: {
     label: { default: "" },
@@ -2493,14 +2520,15 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     closable: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     icon: { default: void 0 },
-    closeAriaLabel: { default: "Cerrar" }
+    closeAriaLabel: { default: "Cerrar" },
+    compact: { type: Boolean, default: !1 }
   },
   emits: ["click", "close"],
-  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 = {
+  setup(t, { emit: b }) {
+    const e = t, m = b, o = r(() => !!e.icon), f = r(() => e.icon || ""), p = r(() => ({
+      sm: e.compact ? "h-6 text-xs px-2 gap-1 font-semibold leading-none" : "h-7 text-xs px-3 gap-1.5 font-semibold leading-none",
+      md: e.compact ? "h-7 text-xs px-2.5 gap-1.5 font-semibold leading-none" : "h-8 text-sm px-3.5 gap-2 font-semibold leading-none"
+    })), i = {
       default: {
         filled: "bg-gray-100 text-gray-800 border border-gray-200",
         outlined: "bg-white text-gray-800 border border-gray-300",
@@ -2508,8 +2536,8 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       },
       primary: {
         filled: "bg-primary-600 text-white border border-primary-600",
-        outlined: "bg-white text-primary-700 border border-primary-300",
-        tonal: "bg-primary-50 text-primary-700 border border-primary-100"
+        outlined: "bg-white text-primary-500 border border-primary-300",
+        tonal: "bg-primary-50 text-primary-500 border border-primary-100"
       },
       secondary: {
         filled: "bg-secondary-600 text-white border border-secondary-600",
@@ -2536,39 +2564,39 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         outlined: "bg-white text-sky-700 border border-sky-300",
         tonal: "bg-sky-50 text-sky-700 border border-sky-100"
       }
-    }, b = o(() => {
-      const y = n[e.color] ?? n.default, T = y[e.variant] ?? y.filled;
+    }, v = r(() => {
+      const B = i[e.color] ?? i.default, C = B[e.variant] ?? B.filled;
       return [
         "inline-flex items-center select-none",
         "transition-colors duration-150",
         "max-w-full",
-        v[e.size],
+        p.value[e.size],
         "rounded-full",
         e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-default",
-        T
+        C
       ].join(" ");
-    }), z = o(() => "text-current flex items-center"), k = () => {
-      e.disabled || u("close");
-    }, m = () => {
-      e.disabled || u("click");
+    }), z = r(() => "text-current flex items-center"), w = () => {
+      e.disabled || m("close");
+    }, g = () => {
+      e.disabled || m("click");
     };
-    return (y, T) => (l(), a("div", {
-      class: c(b.value),
+    return (B, C) => (l(), a("div", {
+      class: n(v.value),
       role: "status",
-      onClick: m
+      onClick: g
     }, [
-      r.value ? (l(), a("span", {
+      o.value ? (l(), a("span", {
         key: 0,
-        class: c(z.value)
+        class: n(z.value)
       }, [
         Q(_, {
-          name: p.value,
+          name: f.value,
           size: "sm"
         }, null, 8, ["name"])
-      ], 2)) : f("", !0),
-      s("span", La, [
-        O(y.$slots, "default", {}, () => [
-          Y($(t.label), 1)
+      ], 2)) : c("", !0),
+      s("span", Va, [
+        L(B.$slots, "default", {}, () => [
+          Y(D(t.label), 1)
         ])
       ]),
       t.closable ? (l(), a("button", {
@@ -2576,20 +2604,20 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         type: "button",
         class: "shrink-0 rounded-full p-1 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-primary-500",
         "aria-label": t.closeAriaLabel,
-        onClick: J(k, ["stop"]),
+        onClick: J(w, ["stop"]),
         disabled: t.disabled
       }, [
         Q(_, {
           name: "close",
           size: "sm"
         })
-      ], 8, Oa)) : f("", !0)
+      ], 8, Ta)) : c("", !0)
     ], 2));
   }
-}), Aa = ["data-node-id"], Fa = {
+}), Sa = ["data-node-id"], Ia = {
   key: 0,
   class: "shrink-0 size-12 rounded-full bg-[var(--neutrales/fondo-general-claro,#f7f7f7)] grid place-items-center"
-}, Wa = {
+}, ja = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -2600,7 +2628,7 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, qa = {
+}, La = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -2611,7 +2639,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 = {
+}, Oa = {
   key: 2,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -2622,7 +2650,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 = {
+}, Aa = {
   key: 3,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -2633,10 +2661,10 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Ea = {
+}, Fa = {
   key: 1,
   class: "flex flex-wrap items-center justify-end gap-2 px-6 pb-6 pt-4"
-}, ds = /* @__PURE__ */ N({
+}, ss = /* @__PURE__ */ N({
   __name: "Alert",
   props: {
     variant: { default: "info" },
@@ -2647,12 +2675,27 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     actions: { type: Boolean, default: !1 },
     showIcon: { type: Boolean, default: !0 },
     nodeId: { default: void 0 },
-    stackOn: { default: void 0 }
+    stackOn: { default: void 0 },
+    autoClose: { default: void 0 }
   },
   emits: ["close", "accept", "cancel"],
-  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) {
+  setup(t, { emit: b }) {
+    const e = b;
+    let m = null;
+    const o = t, f = r(() => o.variant), p = r(() => o.multiline), i = r(() => o.actions), v = r(() => o.nodeId), z = r(() => o.showIcon), w = () => {
+      g(), e("close");
+    }, g = () => {
+      m !== null && (clearTimeout(m), m = null);
+    };
+    be(() => {
+      o.autoClose && o.autoClose > 0 && (m = setTimeout(() => {
+        e("close");
+      }, o.autoClose));
+    }), ge(() => {
+      g();
+    });
+    const B = r(() => !!o.title), C = r(() => o.title ?? ""), F = r(() => o.description ?? ""), j = r(() => {
+      switch (f.value) {
         case "info":
           return {
             border: "border-[var(--semantica/info,#0064ff)]",
@@ -2674,35 +2717,35 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             bg: "bg-[#fdf7f9] outline outline-1 outline-[rgba(214,0,64,0.5)]"
           };
       }
-    }), L = o(() => "bg-[var(--color-primario/700,#269ea4)]"), A = o(() => {
-      const B = "flex w-full items-start gap-4 flex-col";
-      if (!u.stackOn) return `${B} sm:flex-row sm:items-center`;
-      const V = u.stackOn, P = `${V}:flex-row ${V}:items-center`;
-      return `${B} ${P}`;
-    }), F = o(() => {
-      if (!u.stackOn) return "flex-col sm:flex-row items-start sm:items-center";
-      const B = u.stackOn;
-      return `flex-col ${B}:flex-row items-start ${B}:items-center`;
-    }), W = o(() => {
-      if (!u.stackOn) return "flex-col sm:flex-row sm:items-center w-full";
-      const B = u.stackOn;
-      return `flex-col ${B}:flex-row ${B}:items-center w-full`;
-    }), I = o(() => u.stackOn ? `self-start ${u.stackOn}:self-auto` : "self-start sm:self-auto");
-    return (B, V) => (l(), a("div", {
-      class: c(["relative w-full rounded-xl border", [
-        T.value.border,
-        T.value.bg
+    }), O = r(() => "bg-[var(--color-primario/500,#56ced4)]"), q = r(() => {
+      const A = "flex w-full items-start gap-4 flex-col";
+      if (!o.stackOn) return `${A} sm:flex-row sm:items-center`;
+      const k = o.stackOn, y = `${k}:flex-row ${k}:items-center`;
+      return `${A} ${y}`;
+    }), S = r(() => {
+      if (!o.stackOn) return "flex-col sm:flex-row items-start sm:items-center";
+      const A = o.stackOn;
+      return `flex-col ${A}:flex-row items-start ${A}:items-center`;
+    }), I = r(() => {
+      if (!o.stackOn) return "flex-col sm:flex-row sm:items-center w-full";
+      const A = o.stackOn;
+      return `flex-col ${A}:flex-row ${A}:items-center w-full`;
+    }), W = r(() => o.stackOn ? `self-start ${o.stackOn}:self-auto` : "self-start sm:self-auto");
+    return (A, k) => (l(), a("div", {
+      class: n(["relative w-full rounded-xl border", [
+        j.value.border,
+        j.value.bg
       ]]),
       role: "alert",
-      "data-node-id": n.value
+      "data-node-id": v.value
     }, [
       t.closable ? (l(), a("button", {
         key: 0,
         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: z
-      }, [...V[2] || (V[2] = [
+        onClick: w
+      }, [...k[2] || (k[2] = [
         s("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "18",
@@ -2727,15 +2770,15 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             y2: "18"
           })
         ], -1)
-      ])])) : f("", !0),
+      ])])) : c("", !0),
       s("div", {
-        class: c(["p-6", { "pb-0": v.value }])
+        class: n(["p-6", { "pb-0": i.value }])
       }, [
         s("div", {
-          class: c(A.value)
+          class: n(q.value)
         }, [
-          b.value ? (l(), a("div", Fa, [
-            r.value === "info" ? (l(), a("svg", Wa, [...V[3] || (V[3] = [
+          z.value ? (l(), a("div", Ia, [
+            f.value === "info" ? (l(), a("svg", ja, [...k[3] || (k[3] = [
               s("circle", {
                 cx: "12",
                 cy: "12",
@@ -2753,7 +2796,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", qa, [...V[4] || (V[4] = [
+            ])])) : f.value === "warning" ? (l(), a("svg", La, [...k[4] || (k[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",
@@ -2767,10 +2810,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", Pa, [...V[5] || (V[5] = [
+            ])])) : f.value === "success" ? (l(), a("svg", Oa, [...k[5] || (k[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", Ra, [...V[6] || (V[6] = [
+            ])])) : (l(), a("svg", Aa, [...k[6] || (k[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",
@@ -2785,69 +2828,69 @@ const Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                 y2: "16"
               }, null, -1)
             ])]))
-          ])) : f("", !0),
+          ])) : c("", !0),
           s("div", {
-            class: c(["flex-1 flex gap-4 text-[14px]", [F.value, t.closable ? "pr-6" : "", { "whitespace-nowrap": !p.value, "whitespace-pre-wrap": p.value }]])
+            class: n(["flex-1 flex gap-4 text-[14px]", [S.value, t.closable ? "pr-6" : "", { "whitespace-nowrap": !p.value, "whitespace-pre-wrap": p.value }]])
           }, [
             s("div", {
-              class: c(["flex flex-1 gap-3 items-start", W.value])
+              class: n(["flex flex-1 gap-3 items-start", I.value])
             }, [
-              k.value ? (l(), a("div", {
+              B.value ? (l(), a("div", {
                 key: 0,
-                class: c(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", I.value])
-              }, $(m.value), 3)) : f("", !0),
+                class: n(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", W.value])
+              }, D(C.value), 3)) : c("", !0),
               s("div", {
-                class: c(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !p.value }])
+                class: n(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !p.value }])
               }, [
-                O(B.$slots, "description", {}, () => [
-                  Y($(y.value), 1)
+                L(A.$slots, "description", {}, () => [
+                  Y(D(F.value), 1)
                 ])
               ], 2)
             ], 2)
           ], 2)
         ], 2)
       ], 2),
-      v.value ? (l(), a("div", Ea, [
+      i.value ? (l(), a("div", Fa, [
         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)]",
-          onClick: V[0] || (V[0] = (P) => B.$emit("cancel"))
+          onClick: k[0] || (k[0] = (y) => A.$emit("cancel"))
         }, [
-          O(B.$slots, "cancel", {}, () => [
-            V[7] || (V[7] = Y("Cancelar", -1))
+          L(A.$slots, "cancel", {}, () => [
+            k[7] || (k[7] = Y("Cancelar", -1))
           ])
         ]),
         s("button", {
           type: "button",
-          class: c(["px-3 py-1.5 rounded-lg text-sm tracking-[0.25px] font-semibold text-white", L.value]),
-          onClick: V[1] || (V[1] = (P) => B.$emit("accept"))
+          class: n(["px-3 py-1.5 rounded-lg text-sm tracking-[0.25px] font-semibold text-white", O.value]),
+          onClick: k[1] || (k[1] = (y) => A.$emit("accept"))
         }, [
-          O(B.$slots, "accept", {}, () => [
-            V[8] || (V[8] = Y("Aceptar", -1))
+          L(A.$slots, "accept", {}, () => [
+            k[8] || (k[8] = Y("Aceptar", -1))
           ])
         ], 2)
-      ])) : f("", !0)
-    ], 10, Aa));
+      ])) : c("", !0)
+    ], 10, Sa));
   }
 });
 export {
-  ds as Alert,
-  Ka as AppBar,
-  Ua as Button,
-  Ja as Calendar,
-  Ga as Card,
-  is as Chip,
-  Qa as Dialog,
-  Za as FileUpload,
+  ss as Alert,
+  Ra as AppBar,
+  Ea as Button,
+  Ya as Calendar,
+  Na as Card,
+  as as Chip,
+  Ha as Dialog,
+  Ka 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
+  Ua as Input,
+  Ja as Loader,
+  Ga as Menu,
+  ts as Pagination,
+  Qa as Select,
+  Za as Sidebar,
+  Xa as Table,
+  _a as Tabs,
+  es as Text,
+  ls as Tooltip
 };