@iaclinical/components 1.0.27 → 1.0.28

package/dist/iaclinical-components.js

@@ -1,15 +1,15 @@
-import { defineComponent as E, computed as n, createElementBlock as a, openBlock as s, normalizeClass as f, createElementVNode as l, createCommentVNode as x, renderSlot as V, toDisplayString as k, createBlock as Z, unref as Pe, normalizeStyle as U, ref as L, onMounted as Ce, onUnmounted as Me, watch as pe, createTextVNode as R, withModifiers as H, createVNode as G, withDirectives as ce, Fragment as Y, renderList as N, vModelSelect as $e, Teleport as ve, Transition as ne, withCtx as ae, nextTick as fe, resolveDynamicComponent as ge, vModelText as Ye } from "vue";
-import { Icon as Ee } from "@iconify/vue";
-const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
+import { defineComponent as Y, computed as r, createElementBlock as l, openBlock as s, normalizeClass as c, createElementVNode as a, createCommentVNode as x, renderSlot as I, toDisplayString as $, createBlock as ee, unref as Fe, normalizeStyle as G, ref as F, onMounted as Ce, onUnmounted as Me, watch as pe, createTextVNode as q, withModifiers as K, createVNode as J, withDirectives as ce, Fragment as E, renderList as H, vModelSelect as $e, Teleport as be, Transition as re, withCtx as le, nextTick as fe, resolveDynamicComponent as ve, vModelText as Re } from "vue";
+import { Icon as Pe } from "@iconify/vue";
+const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Ee = {
   key: 1,
   class: "text-base sm:text-lg font-bold text-primary-50 font-poppins whitespace-nowrap"
-}, We = { class: "flex flex-1 justify-center items-center min-w-0" }, Ne = {
+}, qe = { class: "flex flex-1 justify-center items-center min-w-0" }, Ne = {
   key: 0,
   class: "text-base sm:text-lg font-bold text-primary-50 font-poppins truncate"
-}, _e = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
+}, We = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   key: 0,
   class: "text-base sm:text-lg font-bold text-primary-50 font-poppins whitespace-nowrap"
-}, Ke = /* @__PURE__ */ E({
+}, Ke = /* @__PURE__ */ Y({
   __name: "AppBar",
   props: {
     title: { default: "" },
@@ -21,43 +21,43 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     height: { default: "md" }
   },
   emits: ["toggle-menu"],
-  setup(t, { emit: g }) {
-    const e = t, p = g, r = n(() => {
+  setup(t, { emit: m }) {
+    const e = t, b = m, n = r(() => {
       const u = "flex flex-row items-center justify-between gap-2 sm:gap-4 px-3 sm:px-6 z-50 w-full", d = {
         default: "bg-primary-700 text-primary-50",
         dark: "bg-secondary-900 text-white",
         light: "bg-white text-secondary-900 border-b border-secondary-200"
-      }, o = {
+      }, i = {
         sm: "h-12",
         md: "h-14",
         lg: "h-16"
-      }, w = e.sticky ? "sticky top-0" : "", i = e.shadow ? "shadow-md" : "";
+      }, w = e.sticky ? "sticky top-0" : "", y = e.shadow ? "shadow-md" : "";
       return [
         u,
         d[e.variant],
-        o[e.height],
+        i[e.height],
         w,
-        i
+        y
       ].join(" ");
     });
-    return (u, d) => (s(), a("header", {
-      class: f(r.value)
+    return (u, d) => (s(), l("header", {
+      class: c(n.value)
     }, [
-      l("div", qe, [
-        t.showMenuButton ? (s(), a("button", {
+      a("div", Ye, [
+        t.showMenuButton ? (s(), l("button", {
           key: 0,
-          onClick: d[0] || (d[0] = (o) => p("toggle-menu")),
+          onClick: d[0] || (d[0] = (i) => b("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"
         }, [...d[1] || (d[1] = [
-          l("svg", {
+          a("svg", {
             class: "w-5 h-5 sm:w-6 sm:h-6 text-primary-50",
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24",
             xmlns: "http://www.w3.org/2000/svg"
           }, [
-            l("path", {
+            a("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
@@ -65,28 +65,28 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
             })
           ], -1)
         ])])) : x("", !0),
-        t.title && t.titlePosition === "left" ? (s(), a("div", Re, k(t.title), 1)) : x("", !0),
-        V(u.$slots, "left", {}, void 0, !0)
+        t.title && t.titlePosition === "left" ? (s(), l("div", Ee, $(t.title), 1)) : x("", !0),
+        I(u.$slots, "left", {}, void 0, !0)
       ]),
-      l("div", We, [
-        t.title && t.titlePosition === "center" ? (s(), a("div", Ne, k(t.title), 1)) : x("", !0),
-        V(u.$slots, "center", {}, void 0, !0)
+      a("div", qe, [
+        t.title && t.titlePosition === "center" ? (s(), l("div", Ne, $(t.title), 1)) : x("", !0),
+        I(u.$slots, "center", {}, void 0, !0)
       ]),
-      l("div", _e, [
-        t.title && t.titlePosition === "right" ? (s(), a("div", He, k(t.title), 1)) : x("", !0),
-        V(u.$slots, "right", {}, void 0, !0)
+      a("div", We, [
+        t.title && t.titlePosition === "right" ? (s(), l("div", He, $(t.title), 1)) : x("", !0),
+        I(u.$slots, "right", {}, void 0, !0)
       ])
     ], 2));
   }
-}), K = (t, g) => {
+}), U = (t, m) => {
   const e = t.__vccOpts || t;
-  for (const [p, r] of g)
-    e[p] = r;
+  for (const [b, n] of m)
+    e[b] = n;
   return e;
-}, xa = /* @__PURE__ */ K(Ke, [["__scopeId", "data-v-c5861315"]]), Ue = ["type", "disabled", "aria-label"], Je = {
+}, Sl = /* @__PURE__ */ U(Ke, [["__scopeId", "data-v-c5861315"]]), Ue = ["type", "disabled", "aria-label"], Je = {
   key: 0,
   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]"
-}, wa = /* @__PURE__ */ E({
+}, Tl = /* @__PURE__ */ Y({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -100,9 +100,9 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     textColorHover: { default: void 0 }
   },
   emits: ["click"],
-  setup(t, { emit: g }) {
-    const e = t, p = g, r = n(() => e.variant === "icon"), u = n(() => e.badge > 99 ? "99+" : e.badge.toString()), d = n(() => {
-      const w = "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", i = {
+  setup(t, { emit: m }) {
+    const e = t, b = m, n = r(() => e.variant === "icon"), u = r(() => e.badge > 99 ? "99+" : e.badge.toString()), d = r(() => {
+      const w = "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", y = {
         primary: "bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700 focus-visible:ring-primary-700",
         secondary: "bg-secondary-200 text-secondary-900 hover:bg-secondary-300 hover:text-secondary-800 focus-visible:ring-secondary-500",
         outline: "border border-secondary-300 bg-transparent hover:bg-secondary-100 focus-visible:ring-secondary-500",
@@ -110,37 +110,37 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
         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",
         text: "bg-transparent border-0 focus-visible:ring-0 focus-visible:ring-offset-0"
-      }, v = {
-        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"
-      }, b = {
+      }, h = {
+        sm: n.value ? "p-1.5" : "h-8 px-3 text-sm",
+        md: n.value ? "p-2" : "h-10 px-4 text-base",
+        lg: n.value ? "p-3" : "h-12 px-6 text-lg"
+      }, M = {
         full: "rounded-full",
         xl: "rounded-2xl",
         lg: "rounded-xl",
         md: "rounded-lg",
         sm: "rounded-md",
         none: "rounded-none"
-      }, S = e.textColor ? e.textColor : "", I = n(() => {
-        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" : "";
+      }, B = e.textColor ? e.textColor : "", S = r(() => {
+        var A, L;
+        return e.textColorHover ? e.textColorHover : (A = e.textColor) != null && A.includes("white") || (L = e.textColor) != null && L.includes("50") ? "hover:text-black" : "";
       });
-      return `${w} ${i[e.variant]} ${v[e.size]} ${b[e.radius]} ${S} ${I.value}`;
-    }), o = (w) => {
-      e.disabled || p("click", w);
+      return `${w} ${y[e.variant]} ${h[e.size]} ${M[e.radius]} ${B} ${S.value}`;
+    }), i = (w) => {
+      e.disabled || b("click", w);
     };
-    return (w, i) => (s(), a("button", {
-      class: f(d.value),
+    return (w, y) => (s(), l("button", {
+      class: c(d.value),
       type: t.type,
       disabled: t.disabled,
-      onClick: o,
+      onClick: i,
       "aria-label": t.ariaLabel
     }, [
-      V(w.$slots, "default"),
-      r.value && t.badge && t.badge > 0 ? (s(), a("span", Je, k(u.value), 1)) : x("", !0)
+      I(w.$slots, "default"),
+      n.value && t.badge && t.badge > 0 ? (s(), l("span", Je, $(u.value), 1)) : x("", !0)
     ], 10, Ue));
   }
-}), Ge = /* @__PURE__ */ E({
+}), Ge = /* @__PURE__ */ Y({
   __name: "Icon",
   props: {
     name: {},
@@ -152,52 +152,52 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     ariaLabel: {}
   },
   setup(t) {
-    const g = t, e = {
+    const m = t, e = {
       xs: "16px",
       sm: "18px",
       md: "20px",
       lg: "24px",
       xl: "30px",
       "2xl": "36px"
-    }, p = (o, w) => {
-      const i = o.replace(/_/g, "-");
+    }, b = (i, w) => {
+      const y = i.replace(/_/g, "-");
       switch (w) {
         case "filled":
-          return `material-symbols:${i}`;
+          return `material-symbols:${y}`;
         case "outlined":
-          return `ic:outline-${i}`;
+          return `ic:outline-${y}`;
         case "rounded":
-          return `ic:round-${i}`;
+          return `ic:round-${y}`;
         case "sharp":
-          return `ic:sharp-${i}`;
+          return `ic:sharp-${y}`;
         case "two-tone":
-          return `ic:twotone-${i}`;
+          return `ic:twotone-${y}`;
         default:
-          return `material-symbols:${i}`;
+          return `material-symbols:${y}`;
       }
-    }, r = n(() => p(g.name, g.variant)), u = n(() => {
-      const o = [
+    }, n = r(() => b(m.name, m.variant)), u = 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-")) && o.push(g.color), g.spin && o.push("animate-spin"), o.join(" ");
-    }), d = n(() => {
-      const o = {};
-      if (e[g.size] ? (o.fontSize = e[g.size], o.width = e[g.size], o.height = e[g.size]) : (o.fontSize = g.size, o.width = g.size, o.height = g.size), g.color && !g.color.startsWith("text-") && !g.color.startsWith("fill-") && (o.color = g.color), g.rotate !== 0) {
-        const w = `rotate(${g.rotate}deg)`;
-        o.transform = w;
+      return m.color && (m.color.startsWith("text-") || m.color.startsWith("fill-")) && i.push(m.color), m.spin && i.push("animate-spin"), i.join(" ");
+    }), d = r(() => {
+      const i = {};
+      if (e[m.size] ? (i.fontSize = e[m.size], i.width = e[m.size], i.height = e[m.size]) : (i.fontSize = m.size, i.width = m.size, i.height = m.size), m.color && !m.color.startsWith("text-") && !m.color.startsWith("fill-") && (i.color = m.color), m.rotate !== 0) {
+        const w = `rotate(${m.rotate}deg)`;
+        i.transform = w;
       }
-      return o;
+      return i;
     });
-    return (o, w) => (s(), Z(Pe(Ee), {
-      icon: r.value,
-      class: f(u.value),
-      style: U(d.value),
+    return (i, w) => (s(), ee(Fe(Pe), {
+      icon: n.value,
+      class: c(u.value),
+      style: G(d.value),
       "aria-label": t.ariaLabel,
       role: t.ariaLabel ? "img" : void 0
     }, null, 8, ["icon", "class", "style", "aria-label", "role"]));
   }
-}), te = /* @__PURE__ */ K(Ge, [["__scopeId", "data-v-5f982e5c"]]), Qe = {
+}), X = /* @__PURE__ */ U(Ge, [["__scopeId", "data-v-5f982e5c"]]), Qe = {
   key: 0,
   class: "relative"
 }, Ze = ["for"], Xe = {
@@ -206,16 +206,16 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
 }, et = ["id", "disabled", "placeholder", "value", "required"], tt = ["disabled"], st = {
   key: 1,
   class: "space-y-2"
-}, at = {
+}, lt = {
   key: 0,
   class: "text-danger-600"
-}, lt = { class: "grid grid-cols-1 md:grid-cols-2 gap-2" }, ot = ["disabled", "placeholder", "value", "required"], nt = ["disabled"], rt = ["disabled", "placeholder", "value", "required"], it = ["disabled"], dt = {
+}, at = { class: "grid grid-cols-1 md:grid-cols-2 gap-2" }, ot = ["disabled", "placeholder", "value", "required"], rt = ["disabled"], nt = ["disabled", "placeholder", "value", "required"], it = ["disabled"], dt = {
   key: 2,
   class: "mt-1 text-sm text-danger-600"
 }, ut = {
   key: 3,
   class: "mt-1 text-sm text-secondary-600"
-}, ct = { class: "flex items-center justify-between mb-4" }, ft = { class: "flex items-center space-x-2" }, pt = ["value"], vt = ["value"], gt = { class: "grid grid-cols-7 gap-1 mb-2" }, bt = { class: "grid grid-cols-7 gap-1" }, yt = ["disabled", "onClick"], mt = { class: "flex justify-end space-x-2 mt-4 pt-4 border-t border-secondary-100" }, ht = ["disabled"], xt = /* @__PURE__ */ E({
+}, ct = { class: "flex items-center justify-between mb-4" }, ft = { class: "flex items-center space-x-2" }, pt = ["value"], bt = ["value"], vt = { class: "grid grid-cols-7 gap-1 mb-2" }, gt = { class: "grid grid-cols-7 gap-1" }, yt = ["disabled", "onClick"], mt = { class: "flex justify-end space-x-2 mt-4 pt-4 border-t border-secondary-100" }, ht = ["disabled"], xt = /* @__PURE__ */ Y({
   __name: "Calendar",
   props: {
     modelValue: {},
@@ -242,8 +242,8 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     bordered: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "date-select", "range-select"],
-  setup(t, { emit: g }) {
-    const e = t, p = g, r = L(!1), u = L(null), d = L((/* @__PURE__ */ new Date()).getMonth()), o = L((/* @__PURE__ */ new Date()).getFullYear()), w = L(`calendar-${Math.random().toString(36).substr(2, 9)}`), i = L(null), v = L(null), b = [
+  setup(t, { emit: m }) {
+    const e = t, b = m, n = F(!1), u = F(null), d = F((/* @__PURE__ */ new Date()).getMonth()), i = F((/* @__PURE__ */ new Date()).getFullYear()), w = F(`calendar-${Math.random().toString(36).substr(2, 9)}`), y = F(null), h = F(null), M = [
       "Enero",
       "Febrero",
       "Marzo",
@@ -256,103 +256,103 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
       "Octubre",
       "Noviembre",
       "Diciembre"
-    ], S = ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"], I = n(() => ({ sm: "xs", md: "sm", lg: "md" })[e.size] || "sm"), F = n(() => {
-      const h = (/* @__PURE__ */ new Date()).getFullYear(), M = [];
-      for (let z = h - 100; z <= h + 10; z++)
-        M.push(z);
-      return M;
-    }), j = n(() => "ds-label"), T = n(() => e.bordered ? "border border-neutral-300" : ""), y = n(() => {
-      const h = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", M = {
+    ], B = ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"], S = r(() => ({ sm: "xs", md: "sm", lg: "md" })[e.size] || "sm"), A = r(() => {
+      const k = (/* @__PURE__ */ new Date()).getFullYear(), z = [];
+      for (let T = k - 100; T <= k + 10; T++)
+        z.push(T);
+      return z;
+    }), L = r(() => "ds-label"), _ = r(() => e.bordered ? "border border-neutral-300" : ""), V = r(() => {
+      const k = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", z = {
         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"
-      }, z = {
+      }, T = {
         primary: "focus:ring-primary-500",
         secondary: "focus:ring-secondary-500"
       }, P = {
         default: "bg-white",
         filled: "bg-secondary-100",
         outlined: "bg-transparent"
-      }, J = e.error ? "border-danger-600 focus:ring-danger-500" : "";
-      return `${h} ${M[e.size]} ${P[e.variant]} ${z[e.color]} ${J}`;
-    }), m = n(() => `transition-colors text-[#565656] hover:text-[#565656] opacity-80 hover:opacity-100 ${e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), $ = n(() => "min-w-80 max-w-sm"), O = n(() => `p-2 rounded-md transition-colors ${{
+      }, Q = e.error ? "border-danger-600 focus:ring-danger-500" : "";
+      return `${k} ${z[e.size]} ${P[e.variant]} ${T[e.color]} ${Q}`;
+    }), f = r(() => `transition-colors text-[#565656] hover:text-[#565656] opacity-80 hover:opacity-100 ${e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), v = r(() => "min-w-80 max-w-sm"), O = 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]}`), _ = n(() => `px-2 py-1 text-sm border border-secondary-300 rounded-md focus:outline-none focus:ring-1 ${{
+    }[e.color]}`), C = 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]}`), se = n(() => `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 ${{
+    }[e.color]}`), j = r(() => `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 = n(() => `px-3 py-1.5 text-sm border border-secondary-300 rounded-md transition-colors focus:outline-none ${{
+    }[e.color]}`), p = r(() => `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 = n(() => e.mode === "single" && e.modelValue && e.modelValue instanceof Date ? q(e.modelValue) : ""), C = n(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue && e.modelValue.start ? q(e.modelValue.start) : ""), B = n(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "end" in e.modelValue && e.modelValue.end ? q(e.modelValue.end) : ""), Q = n(() => e.mode === "single" ? i.value !== null : i.value !== null && v.value !== null && v.value >= i.value);
-    n(() => e.mode === "range" && i.value && v.value ? v.value < i.value : !1);
-    const A = n(() => {
-      const h = new Date(o.value, d.value, 1), M = new Date(o.value, d.value + 1, 0), z = h.getDay(), P = M.getDate(), J = [], X = new Date(o.value, d.value - 1, 0);
-      for (let W = z - 1; W >= 0; W--) {
-        const ee = new Date(o.value, d.value - 1, X.getDate() - W);
-        J.push({
-          day: ee.getDate(),
-          date: ee,
+    }[e.color]}`), o = r(() => e.mode === "single" && e.modelValue && e.modelValue instanceof Date ? N(e.modelValue) : ""), g = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue && e.modelValue.start ? N(e.modelValue.start) : ""), D = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "end" in e.modelValue && e.modelValue.end ? N(e.modelValue.end) : ""), Z = r(() => e.mode === "single" ? y.value !== null : y.value !== null && h.value !== null && h.value >= y.value);
+    r(() => e.mode === "range" && y.value && h.value ? h.value < y.value : !1);
+    const R = r(() => {
+      const k = new Date(i.value, d.value, 1), z = new Date(i.value, d.value + 1, 0), T = k.getDay(), P = z.getDate(), Q = [], te = new Date(i.value, d.value - 1, 0);
+      for (let W = T - 1; W >= 0; W--) {
+        const se = new Date(i.value, d.value - 1, te.getDate() - W);
+        Q.push({
+          day: se.getDate(),
+          date: se,
           isCurrentMonth: !1,
           disabled: !1,
-          key: `prev-${ee.getDate()}`
+          key: `prev-${se.getDate()}`
         });
       }
       for (let W = 1; W <= P; W++) {
-        const ee = new Date(o.value, d.value, W);
-        J.push({
+        const se = new Date(i.value, d.value, W);
+        Q.push({
           day: W,
-          date: ee,
+          date: se,
           isCurrentMonth: !0,
           disabled: !1,
           key: `current-${W}`
         });
       }
-      const Ae = 42 - J.length;
+      const Ae = 42 - Q.length;
       for (let W = 1; W <= Ae; W++) {
-        const ee = new Date(o.value, d.value + 1, W);
-        J.push({
+        const se = new Date(i.value, d.value + 1, W);
+        Q.push({
           day: W,
-          date: ee,
+          date: se,
           isCurrentMonth: !1,
           disabled: !1,
           key: `next-${W}`
         });
       }
-      return J;
-    }), q = (h) => {
-      const M = h.getDate().toString().padStart(2, "0"), z = (h.getMonth() + 1).toString().padStart(2, "0"), P = h.getFullYear();
+      return Q;
+    }), N = (k) => {
+      const z = k.getDate().toString().padStart(2, "0"), T = (k.getMonth() + 1).toString().padStart(2, "0"), P = k.getFullYear();
       switch (e.dateFormat) {
         case "MM/DD/YYYY":
-          return `${z}/${M}/${P}`;
+          return `${T}/${z}/${P}`;
         case "YYYY-MM-DD":
-          return `${P}-${z}-${M}`;
+          return `${P}-${T}-${z}`;
         case "DD/MM/YYYY":
         default:
-          return `${M}/${z}/${P}`;
+          return `${z}/${T}/${P}`;
       }
-    }, be = (h) => {
-      var z;
-      const M = new Date(h.getFullYear(), h.getMonth(), h.getDate());
+    }, ge = (k) => {
+      var T;
+      const z = new Date(k.getFullYear(), k.getMonth(), k.getDate());
       if (e.minDate) {
         const P = new Date(e.minDate.getFullYear(), e.minDate.getMonth(), e.minDate.getDate());
-        if (M < P) return !0;
+        if (z < P) return !0;
       }
       if (e.maxDate) {
         const P = new Date(e.maxDate.getFullYear(), e.maxDate.getMonth(), e.maxDate.getDate());
-        if (M > P) return !0;
+        if (z > P) return !0;
       }
-      return !!((z = e.disabledDates) != null && z.some(
-        (P) => P.toDateString() === h.toDateString()
+      return !!((T = e.disabledDates) != null && T.some(
+        (P) => P.toDateString() === k.toDateString()
       ));
-    }, Be = (h) => {
-      const M = "w-8 h-8 text-sm rounded-md transition-colors focus:outline-none";
-      if (h.disabled || be(h.date))
-        return `${M} text-secondary-400 cursor-not-allowed`;
-      const z = De(h.date), P = ze(h.date), J = Ve(h.date), X = {
+    }, Be = (k) => {
+      const z = "w-8 h-8 text-sm rounded-md transition-colors focus:outline-none";
+      if (k.disabled || ge(k.date))
+        return `${z} text-secondary-400 cursor-not-allowed`;
+      const T = ze(k.date), P = De(k.date), Q = Ve(k.date), te = {
         primary: {
           selected: "bg-primary-600 text-white",
           inRange: "bg-primary-100 text-primary-900",
@@ -368,255 +368,255 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
           otherMonth: "text-secondary-400 hover:bg-secondary-50 hover:text-secondary-600"
         }
       };
-      return z ? `${M} ${X[e.color].selected}` : P ? `${M} ${X[e.color].inRange}` : J ? `${M} ${X[e.color].today}` : h.isCurrentMonth ? `${M} ${X[e.color].default}` : `${M} ${X[e.color].otherMonth}`;
-    }, De = (h) => e.mode === "single" ? i.value ? le(h, i.value) : !1 : !!(i.value && le(h, i.value)) || !!(v.value && le(h, v.value)), ze = (h) => {
-      if (e.mode !== "range" || !i.value || !v.value)
+      return T ? `${z} ${te[e.color].selected}` : P ? `${z} ${te[e.color].inRange}` : Q ? `${z} ${te[e.color].today}` : k.isCurrentMonth ? `${z} ${te[e.color].default}` : `${z} ${te[e.color].otherMonth}`;
+    }, ze = (k) => e.mode === "single" ? y.value ? ae(k, y.value) : !1 : !!(y.value && ae(k, y.value)) || !!(h.value && ae(k, h.value)), De = (k) => {
+      if (e.mode !== "range" || !y.value || !h.value)
         return !1;
-      const M = i.value, z = v.value;
-      return h > M && h < z;
-    }, Ve = (h) => le(h, /* @__PURE__ */ new Date()), le = (h, M) => h.toDateString() === M.toDateString(), Ie = () => {
-      e.disabled || r.value || oe();
+      const z = y.value, T = h.value;
+      return k > z && k < T;
+    }, Ve = (k) => ae(k, /* @__PURE__ */ new Date()), ae = (k, z) => k.toDateString() === z.toDateString(), Se = () => {
+      e.disabled || n.value || oe();
     }, Te = () => {
-      e.disabled || r.value || oe();
-    }, Se = () => {
+      e.disabled || n.value || oe();
+    }, Ie = () => {
       e.disabled || xe();
-    }, ye = (h) => {
-      e.disabled || (re(h), r.value || oe());
-    }, me = (h) => {
-      e.disabled || (re(h), r.value || oe());
-    }, he = (h) => {
-      e.disabled || (re(h), xe());
-    }, re = (h) => {
-      u.value = h;
+    }, ye = (k) => {
+      e.disabled || (ne(k), n.value || oe());
+    }, me = (k) => {
+      e.disabled || (ne(k), n.value || oe());
+    }, he = (k) => {
+      e.disabled || (ne(k), xe());
+    }, ne = (k) => {
+      u.value = k;
     }, xe = () => {
-      e.disabled || (r.value = !r.value, r.value && de());
+      e.disabled || (n.value = !n.value, n.value && de());
     }, oe = () => {
-      e.disabled || (r.value = !0, de());
+      e.disabled || (n.value = !0, de());
     }, ie = () => {
-      r.value = !1, u.value = null;
+      n.value = !1, u.value = null;
     }, de = () => {
-      e.mode === "single" ? (i.value = e.modelValue instanceof Date ? e.modelValue : null, v.value = null) : e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue ? (i.value = e.modelValue.start, v.value = e.modelValue.end) : (i.value = null, v.value = null);
-    }, je = (h) => {
-      e.mode === "single" ? (i.value = h, v.value = null) : u.value === "start" || !i.value ? (i.value = h, v.value = null, u.value = "end") : (u.value === "end" || !v.value) && (h < i.value ? (v.value = i.value, i.value = h) : v.value = h, u.value = null);
+      e.mode === "single" ? (y.value = e.modelValue instanceof Date ? e.modelValue : null, h.value = null) : e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue ? (y.value = e.modelValue.start, h.value = e.modelValue.end) : (y.value = null, h.value = null);
+    }, je = (k) => {
+      e.mode === "single" ? (y.value = k, h.value = null) : u.value === "start" || !y.value ? (y.value = k, h.value = null, u.value = "end") : (u.value === "end" || !h.value) && (k < y.value ? (h.value = y.value, y.value = k) : h.value = k, u.value = null);
     }, Le = () => {
       if (e.mode === "single")
-        p("update:modelValue", i.value), i.value && p("date-select", i.value);
+        b("update:modelValue", y.value), y.value && b("date-select", y.value);
       else {
-        const h = { start: i.value, end: v.value };
-        p("update:modelValue", h), p("range-select", h);
+        const k = { start: y.value, end: h.value };
+        b("update:modelValue", k), b("range-select", k);
       }
       ie();
     }, Oe = () => {
-      d.value === 0 ? (d.value = 11, o.value--) : d.value--;
-    }, Fe = () => {
-      d.value === 11 ? (d.value = 0, o.value++) : d.value++;
-    }, we = () => {
-    }, ue = L(), ke = (h) => {
-      ue.value && !ue.value.contains(h.target) && ie();
+      d.value === 0 ? (d.value = 11, i.value--) : d.value--;
+    }, _e = () => {
+      d.value === 11 ? (d.value = 0, i.value++) : d.value++;
+    }, ke = () => {
+    }, ue = F(), we = (k) => {
+      ue.value && !ue.value.contains(k.target) && ie();
     };
     return Ce(() => {
-      document.addEventListener("click", ke);
+      document.addEventListener("click", we);
     }), Me(() => {
-      document.removeEventListener("click", ke);
-    }), pe(() => e.modelValue, (h) => {
-      r.value || de();
-    }, { deep: !0 }), (h, M) => (s(), a("div", {
+      document.removeEventListener("click", we);
+    }), pe(() => e.modelValue, (k) => {
+      n.value || de();
+    }, { deep: !0 }), (k, z) => (s(), l("div", {
       ref_key: "calendarWrapperRef",
       ref: ue,
       class: "calendar-wrapper"
     }, [
-      t.mode === "single" ? (s(), a("div", Qe, [
-        t.label && t.showLabel ? (s(), a("label", {
+      t.mode === "single" ? (s(), l("div", Qe, [
+        t.label && t.showLabel ? (s(), l("label", {
           key: 0,
           for: w.value,
-          class: f(j.value)
+          class: c(L.value)
         }, [
-          R(k(t.label) + " ", 1),
-          t.required ? (s(), a("span", Xe, "*")) : x("", !0)
+          q($(t.label) + " ", 1),
+          t.required ? (s(), l("span", Xe, "*")) : x("", !0)
         ], 10, Ze)) : x("", !0),
-        l("div", {
-          class: f(["relative rounded-md", T.value])
+        a("div", {
+          class: c(["relative rounded-md", _.value])
         }, [
-          l("input", {
+          a("input", {
             id: w.value,
-            class: f(y.value),
+            class: c(V.value),
             type: "text",
             disabled: t.disabled,
             placeholder: t.placeholder || "Seleccionar fecha",
-            value: c.value,
+            value: o.value,
             required: t.required,
             readonly: !0,
-            onClick: Ie,
+            onClick: Se,
             onFocus: Te
           }, null, 42, et),
-          l("button", {
+          a("button", {
             type: "button",
-            class: f(["absolute right-3 top-1/2 -translate-y-1/2", m.value]),
-            onClick: H(Se, ["stop"]),
+            class: c(["absolute right-3 top-1/2 -translate-y-1/2", f.value]),
+            onClick: K(Ie, ["stop"]),
             disabled: t.disabled
           }, [
-            G(te, {
+            J(X, {
               name: t.iconName,
-              size: I.value
+              size: S.value
             }, null, 8, ["name", "size"])
           ], 10, tt)
         ], 2)
-      ])) : (s(), a("div", st, [
-        t.label && t.showLabel ? (s(), a("label", {
+      ])) : (s(), l("div", st, [
+        t.label && t.showLabel ? (s(), l("label", {
           key: 0,
-          class: f(j.value)
+          class: c(L.value)
         }, [
-          R(k(t.label) + " ", 1),
-          t.required ? (s(), a("span", at, "*")) : x("", !0)
+          q($(t.label) + " ", 1),
+          t.required ? (s(), l("span", lt, "*")) : x("", !0)
         ], 2)) : x("", !0),
-        l("div", lt, [
-          l("div", {
-            class: f(["relative rounded-md", T.value])
+        a("div", at, [
+          a("div", {
+            class: c(["relative rounded-md", _.value])
           }, [
-            l("input", {
-              class: f(y.value),
+            a("input", {
+              class: c(V.value),
               type: "text",
               disabled: t.disabled,
               placeholder: t.startPlaceholder || "Fecha desde",
-              value: C.value,
+              value: g.value,
               required: t.required,
               readonly: !0,
-              onClick: M[0] || (M[0] = () => ye("start")),
-              onFocus: M[1] || (M[1] = () => me("start"))
+              onClick: z[0] || (z[0] = () => ye("start")),
+              onFocus: z[1] || (z[1] = () => me("start"))
             }, null, 42, ot),
-            l("button", {
+            a("button", {
               type: "button",
-              class: f(["absolute right-3 top-1/2 -translate-y-1/2", m.value]),
-              onClick: M[2] || (M[2] = H(() => he("start"), ["stop"])),
+              class: c(["absolute right-3 top-1/2 -translate-y-1/2", f.value]),
+              onClick: z[2] || (z[2] = K(() => he("start"), ["stop"])),
               disabled: t.disabled
             }, [
-              G(te, {
+              J(X, {
                 name: t.startIconName,
-                size: I.value
+                size: S.value
               }, null, 8, ["name", "size"])
-            ], 10, nt)
+            ], 10, rt)
           ], 2),
-          l("div", {
-            class: f(["relative rounded-md", T.value])
+          a("div", {
+            class: c(["relative rounded-md", _.value])
           }, [
-            l("input", {
-              class: f(y.value),
+            a("input", {
+              class: c(V.value),
               type: "text",
               disabled: t.disabled,
               placeholder: t.endPlaceholder || "Fecha hasta",
-              value: B.value,
+              value: D.value,
               required: t.required,
               readonly: !0,
-              onClick: M[3] || (M[3] = () => ye("end")),
-              onFocus: M[4] || (M[4] = () => me("end"))
-            }, null, 42, rt),
-            l("button", {
+              onClick: z[3] || (z[3] = () => ye("end")),
+              onFocus: z[4] || (z[4] = () => me("end"))
+            }, null, 42, nt),
+            a("button", {
               type: "button",
-              class: f(["absolute right-3 top-1/2 -translate-y-1/2", m.value]),
-              onClick: M[5] || (M[5] = H(() => he("end"), ["stop"])),
+              class: c(["absolute right-3 top-1/2 -translate-y-1/2", f.value]),
+              onClick: z[5] || (z[5] = K(() => he("end"), ["stop"])),
               disabled: t.disabled
             }, [
-              G(te, {
+              J(X, {
                 name: t.endIconName,
-                size: I.value
+                size: S.value
               }, null, 8, ["name", "size"])
             ], 10, it)
           ], 2)
         ])
       ])),
-      t.error ? (s(), a("p", dt, k(t.error), 1)) : t.helperText ? (s(), a("p", ut, k(t.helperText), 1)) : x("", !0),
-      r.value ? (s(), a("div", {
+      t.error ? (s(), l("p", dt, $(t.error), 1)) : t.helperText ? (s(), l("p", ut, $(t.helperText), 1)) : x("", !0),
+      n.value ? (s(), l("div", {
         key: 4,
-        class: f(["absolute top-full mt-1 left-0 bg-white rounded-lg shadow-lg border border-secondary-200 z-50 overflow-hidden p-4", $.value]),
-        onClick: M[8] || (M[8] = H(() => {
+        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: z[8] || (z[8] = K(() => {
         }, ["stop"]))
       }, [
-        l("div", ct, [
-          l("button", {
+        a("div", ct, [
+          a("button", {
             type: "button",
             onClick: Oe,
-            class: f(O.value)
+            class: c(O.value)
           }, [
-            G(te, {
+            J(X, {
               name: "chevron-left",
               size: "sm"
             })
           ], 2),
-          l("div", ft, [
-            ce(l("select", {
-              "onUpdate:modelValue": M[6] || (M[6] = (z) => d.value = z),
-              class: f(_.value),
-              onChange: we
+          a("div", ft, [
+            ce(a("select", {
+              "onUpdate:modelValue": z[6] || (z[6] = (T) => d.value = T),
+              class: c(C.value),
+              onChange: ke
             }, [
-              (s(), a(Y, null, N(b, (z, P) => l("option", {
+              (s(), l(E, null, H(M, (T, P) => a("option", {
                 key: P,
                 value: P
-              }, k(z), 9, pt)), 64))
+              }, $(T), 9, pt)), 64))
             ], 34), [
               [$e, d.value]
             ]),
-            ce(l("select", {
-              "onUpdate:modelValue": M[7] || (M[7] = (z) => o.value = z),
-              class: f(_.value),
-              onChange: we
+            ce(a("select", {
+              "onUpdate:modelValue": z[7] || (z[7] = (T) => i.value = T),
+              class: c(C.value),
+              onChange: ke
             }, [
-              (s(!0), a(Y, null, N(F.value, (z) => (s(), a("option", {
-                key: z,
-                value: z
-              }, k(z), 9, vt))), 128))
+              (s(!0), l(E, null, H(A.value, (T) => (s(), l("option", {
+                key: T,
+                value: T
+              }, $(T), 9, bt))), 128))
             ], 34), [
-              [$e, o.value]
+              [$e, i.value]
             ])
           ]),
-          l("button", {
+          a("button", {
             type: "button",
-            onClick: Fe,
-            class: f(O.value)
+            onClick: _e,
+            class: c(O.value)
           }, [
-            G(te, {
+            J(X, {
               name: "chevron-right",
               size: "sm"
             })
           ], 2)
         ]),
-        l("div", gt, [
-          (s(), a(Y, null, N(S, (z) => l("div", {
-            key: z,
+        a("div", vt, [
+          (s(), l(E, null, H(B, (T) => a("div", {
+            key: T,
             class: "text-center text-sm font-medium text-secondary-600 py-2"
-          }, k(z), 1)), 64))
+          }, $(T), 1)), 64))
         ]),
-        l("div", bt, [
-          (s(!0), a(Y, null, N(A.value, (z) => (s(), a("button", {
-            key: z.key,
+        a("div", gt, [
+          (s(!0), l(E, null, H(R.value, (T) => (s(), l("button", {
+            key: T.key,
             type: "button",
-            class: f(Be(z)),
-            disabled: z.disabled || be(z.date),
-            onClick: (P) => je(z.date)
-          }, k(z.day), 11, yt))), 128))
+            class: c(Be(T)),
+            disabled: T.disabled || ge(T.date),
+            onClick: (P) => je(T.date)
+          }, $(T.day), 11, yt))), 128))
         ]),
-        l("div", mt, [
-          l("button", {
+        a("div", mt, [
+          a("button", {
             type: "button",
-            class: f(D.value),
+            class: c(p.value),
             onClick: ie
           }, " Cancelar ", 2),
-          l("button", {
+          a("button", {
             type: "button",
-            class: f(se.value),
+            class: c(j.value),
             onClick: Le,
-            disabled: !Q.value
+            disabled: !Z.value
           }, " Confirmar ", 10, ht)
         ])
       ], 2)) : x("", !0)
     ], 512));
   }
-}), ka = /* @__PURE__ */ K(xt, [["__scopeId", "data-v-aac22628"]]), wt = {
+}), Il = /* @__PURE__ */ U(xt, [["__scopeId", "data-v-aac22628"]]), kt = {
   key: 0,
   class: "border-b border-gray-100 px-6 py-4"
-}, kt = { class: "px-6 py-4" }, $t = {
+}, wt = { class: "px-6 py-4" }, $t = {
   key: 1,
   class: "border-t border-gray-100 px-6 py-4 bg-gray-50"
-}, $a = /* @__PURE__ */ E({
+}, jl = /* @__PURE__ */ Y({
   __name: "Card",
   props: {
     shadow: { default: "md" },
@@ -624,43 +624,43 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     bordered: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const g = t, e = {
+    const m = t, e = {
       none: "",
       sm: "shadow-sm",
       md: "shadow",
       lg: "shadow-lg",
       xl: "shadow-xl"
-    }, p = {
+    }, b = {
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
       lg: "rounded-lg",
       xl: "rounded-xl",
       full: "rounded-full"
-    }, r = n(() => [
+    }, n = r(() => [
       "w-full bg-white",
-      e[g.shadow],
-      p[g.rounded],
-      g.bordered ? "border border-gray-200" : ""
+      e[m.shadow],
+      b[m.rounded],
+      m.bordered ? "border border-gray-200" : ""
     ]);
-    return (u, d) => (s(), a("div", {
-      class: f(r.value)
+    return (u, d) => (s(), l("div", {
+      class: c(n.value)
     }, [
-      u.$slots.header ? (s(), a("div", wt, [
-        V(u.$slots, "header")
+      u.$slots.header ? (s(), l("div", kt, [
+        I(u.$slots, "header")
       ])) : x("", !0),
-      l("div", kt, [
-        V(u.$slots, "default")
+      a("div", wt, [
+        I(u.$slots, "default")
       ]),
-      u.$slots.footer ? (s(), a("div", $t, [
-        V(u.$slots, "footer")
+      u.$slots.footer ? (s(), l("div", $t, [
+        I(u.$slots, "footer")
       ])) : x("", !0)
     ], 2));
   }
-}), Ct = { class: "flex items-center justify-between border-b border-gray-100/60 px-8 py-6" }, Mt = { class: "text-xl font-semibold text-gray-900" }, Bt = { class: "px-8 py-6" }, Dt = {
+}), Ct = { class: "flex items-center justify-between border-b border-gray-100/60 px-8 py-6" }, Mt = { class: "text-xl font-semibold text-gray-900" }, Bt = { class: "px-8 py-6" }, zt = {
   key: 0,
   class: "border-t border-gray-100 px-8 py-6 bg-gray-50"
-}, zt = /* @__PURE__ */ E({
+}, Dt = /* @__PURE__ */ Y({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -668,47 +668,47 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     closeOnBackdrop: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "close"],
-  setup(t, { emit: g }) {
-    const e = t, p = g, r = n({
+  setup(t, { emit: m }) {
+    const e = t, b = m, n = r({
       get: () => e.modelValue,
-      set: (o) => p("update:modelValue", o)
+      set: (i) => b("update:modelValue", i)
     }), u = () => {
-      r.value = !1, p("close");
+      n.value = !1, b("close");
     }, d = () => {
       e.closeOnBackdrop && u();
     };
-    return (o, w) => (s(), Z(ve, { to: "body" }, [
-      G(ne, { name: "dialog" }, {
-        default: ae(() => [
-          r.value ? (s(), a("div", {
+    return (i, w) => (s(), ee(be, { to: "body" }, [
+      J(re, { name: "dialog" }, {
+        default: le(() => [
+          n.value ? (s(), l("div", {
             key: 0,
             class: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4",
             onClick: d
           }, [
-            l("div", {
+            a("div", {
               class: "relative w-full rounded-lg bg-white shadow-xl sm:max-w-lg md:max-w-2xl",
-              onClick: w[0] || (w[0] = H(() => {
+              onClick: w[0] || (w[0] = K(() => {
               }, ["stop"]))
             }, [
-              l("div", Ct, [
-                l("h2", Mt, [
-                  V(o.$slots, "title", {}, () => [
-                    R(k(t.title), 1)
+              a("div", Ct, [
+                a("h2", Mt, [
+                  I(i.$slots, "title", {}, () => [
+                    q($(t.title), 1)
                   ], !0)
                 ]),
-                l("button", {
+                a("button", {
                   type: "button",
                   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",
                   onClick: u
                 }, [...w[1] || (w[1] = [
-                  l("svg", {
+                  a("svg", {
                     class: "h-6 w-6",
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24"
                   }, [
-                    l("path", {
+                    a("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
@@ -717,11 +717,11 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
                   ], -1)
                 ])])
               ]),
-              l("div", Bt, [
-                V(o.$slots, "default", {}, void 0, !0)
+              a("div", Bt, [
+                I(i.$slots, "default", {}, void 0, !0)
               ]),
-              o.$slots.footer ? (s(), a("div", Dt, [
-                V(o.$slots, "footer", {}, void 0, !0)
+              i.$slots.footer ? (s(), l("div", zt, [
+                I(i.$slots, "footer", {}, void 0, !0)
               ])) : x("", !0)
             ])
           ])) : x("", !0)
@@ -730,19 +730,19 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
       })
     ]));
   }
-}), Ca = /* @__PURE__ */ K(zt, [["__scopeId", "data-v-37e19754"]]), Vt = ["accept", "multiple", "disabled"], It = { class: "flex flex-col items-center justify-center gap-4 text-center" }, Tt = ["src", "alt"], St = {
+}), Ll = /* @__PURE__ */ U(Dt, [["__scopeId", "data-v-37e19754"]]), Vt = ["accept", "multiple", "disabled"], St = { class: "flex flex-col items-center justify-center gap-4 text-center" }, Tt = ["src", "alt"], It = {
   key: 1,
   class: "w-full h-full text-gray-400",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, jt = { class: "text-center" }, Lt = { class: "text-base font-medium text-gray-700" }, Ot = { class: "text-primary-700" }, Ft = { class: "flex items-center gap-3 flex-1 min-w-0" }, At = { class: "flex-1 min-w-0" }, Pt = { class: "text-sm font-medium text-gray-900 truncate" }, Yt = { class: "text-xs text-gray-500" }, Et = {
+}, jt = { class: "text-center" }, Lt = { class: "text-base font-medium text-gray-700" }, Ot = { class: "text-primary-700" }, _t = { class: "flex items-center gap-3 flex-1 min-w-0" }, At = { class: "flex-1 min-w-0" }, Ft = { class: "text-sm font-medium text-gray-900 truncate" }, Rt = { class: "text-xs text-gray-500" }, Pt = {
   key: 1,
   class: "text-xs text-gray-500 mt-2"
-}, qt = {
+}, Yt = {
   key: 2,
   class: "text-sm text-danger-500 mt-2"
-}, Ma = /* @__PURE__ */ E({
+}, Ol = /* @__PURE__ */ Y({
   __name: "FileUpload",
   props: {
     modelValue: { default: null },
@@ -758,74 +758,74 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     maxSize: { default: void 0 }
   },
   emits: ["update:modelValue", "change", "error"],
-  setup(t, { emit: g }) {
-    const e = t, p = g, r = L(null), u = L(!1), d = L(e.modelValue), o = L(""), w = n(() => ({
+  setup(t, { emit: m }) {
+    const e = t, b = m, n = F(null), u = F(!1), d = F(e.modelValue), i = F(""), w = r(() => ({
       sm: "w-20 h-20",
       md: "w-32 h-32",
       lg: "w-48 h-48",
       xl: "w-64 h-64"
-    })[e.illustrationSize]), i = () => {
-      var m;
-      (m = r.value) == null || m.click();
-    }, v = () => {
-      e.disabled || i();
-    }, b = (m) => {
+    })[e.illustrationSize]), y = () => {
+      var f;
+      (f = n.value) == null || f.click();
+    }, h = () => {
+      e.disabled || y();
+    }, M = (f) => {
       e.disabled || (u.value = !0);
-    }, S = () => {
+    }, B = () => {
       u.value = !1;
-    }, I = (m) => {
-      if (o.value = "", e.maxSize && m.size > e.maxSize) {
-        const $ = (e.maxSize / 1048576).toFixed(2);
-        return o.value = `El archivo excede el tamaño máximo de ${$}MB`, p("error", o.value), !1;
+    }, S = (f) => {
+      if (i.value = "", e.maxSize && f.size > e.maxSize) {
+        const v = (e.maxSize / 1048576).toFixed(2);
+        return i.value = `El archivo excede el tamaño máximo de ${v}MB`, b("error", i.value), !1;
       }
       return !0;
-    }, F = (m) => {
-      var _;
-      const O = (_ = m.target.files) == null ? void 0 : _[0];
-      O && I(O) && (d.value = O, p("update:modelValue", O), p("change", O));
-    }, j = (m) => {
+    }, A = (f) => {
+      var C;
+      const O = (C = f.target.files) == null ? void 0 : C[0];
+      O && S(O) && (d.value = O, b("update:modelValue", O), b("change", O));
+    }, L = (f) => {
       var O;
       u.value = !1;
-      const $ = (O = m.dataTransfer) == null ? void 0 : O.files[0];
-      $ && I($) && (d.value = $, p("update:modelValue", $), p("change", $));
-    }, T = () => {
-      d.value = null, o.value = "", r.value && (r.value.value = ""), p("update:modelValue", null), p("change", null);
-    }, y = (m) => {
-      if (m === 0) return "0 Bytes";
-      const $ = 1024, O = ["Bytes", "KB", "MB", "GB"], _ = Math.floor(Math.log(m) / Math.log($));
-      return Math.round(m / Math.pow($, _) * 100) / 100 + " " + O[_];
+      const v = (O = f.dataTransfer) == null ? void 0 : O.files[0];
+      v && S(v) && (d.value = v, b("update:modelValue", v), b("change", v));
+    }, _ = () => {
+      d.value = null, i.value = "", n.value && (n.value.value = ""), b("update:modelValue", null), b("change", null);
+    }, V = (f) => {
+      if (f === 0) return "0 Bytes";
+      const v = 1024, O = ["Bytes", "KB", "MB", "GB"], C = Math.floor(Math.log(f) / Math.log(v));
+      return Math.round(f / Math.pow(v, C) * 100) / 100 + " " + O[C];
     };
-    return (m, $) => (s(), a("div", {
-      class: f(["relative border-2 border-dashed rounded-lg p-8 transition-colors", [
+    return (f, v) => (s(), l("div", {
+      class: c(["relative border-2 border-dashed rounded-lg p-8 transition-colors", [
         u.value ? "border-primary-700 bg-primary-50" : "border-gray-300 bg-white hover:border-primary-500",
         t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
       ]]),
-      onClick: v,
-      onDragover: H(b, ["prevent"]),
-      onDragleave: H(S, ["prevent"]),
-      onDrop: H(j, ["prevent"])
+      onClick: h,
+      onDragover: K(M, ["prevent"]),
+      onDragleave: K(B, ["prevent"]),
+      onDrop: K(L, ["prevent"])
     }, [
-      l("input", {
+      a("input", {
         ref_key: "fileInput",
-        ref: r,
+        ref: n,
         type: "file",
         accept: t.accept,
         multiple: t.multiple,
         disabled: t.disabled,
         class: "hidden",
-        onChange: F
+        onChange: A
       }, null, 40, Vt),
-      l("div", It, [
-        l("div", {
-          class: f([w.value, "flex items-center justify-center"])
+      a("div", St, [
+        a("div", {
+          class: c([w.value, "flex items-center justify-center"])
         }, [
-          t.illustration ? (s(), a("img", {
+          t.illustration ? (s(), l("img", {
             key: 0,
             src: t.illustration,
             alt: t.illustrationAlt,
             class: "max-w-full max-h-full object-contain"
-          }, null, 8, Tt)) : (s(), a("svg", St, [...$[1] || ($[1] = [
-            l("path", {
+          }, null, 8, Tt)) : (s(), l("svg", It, [...v[1] || (v[1] = [
+            a("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "1.5",
@@ -833,48 +833,48 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
             }, null, -1)
           ])]))
         ], 2),
-        l("div", jt, [
-          l("p", Lt, [
-            R(k(t.mainText) + " ", 1),
-            l("span", Ot, k(t.linkText), 1)
+        a("div", jt, [
+          a("p", Lt, [
+            q($(t.mainText) + " ", 1),
+            a("span", Ot, $(t.linkText), 1)
           ])
         ]),
-        d.value ? (s(), a("div", {
+        d.value ? (s(), l("div", {
           key: 0,
           class: "w-full max-w-md bg-gray-50 rounded-lg p-4 flex items-center justify-between",
-          onClick: $[0] || ($[0] = H(() => {
+          onClick: v[0] || (v[0] = K(() => {
           }, ["stop"]))
         }, [
-          l("div", Ft, [
-            $[2] || ($[2] = l("svg", {
+          a("div", _t, [
+            v[2] || (v[2] = a("svg", {
               class: "w-6 h-6 text-gray-600 flex-shrink-0",
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24"
             }, [
-              l("path", {
+              a("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
                 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)),
-            l("div", At, [
-              l("p", Pt, k(d.value.name), 1),
-              l("p", Yt, k(y(d.value.size)), 1)
+            a("div", At, [
+              a("p", Ft, $(d.value.name), 1),
+              a("p", Rt, $(V(d.value.size)), 1)
             ])
           ]),
-          t.disabled ? x("", !0) : (s(), a("button", {
+          t.disabled ? x("", !0) : (s(), l("button", {
             key: 0,
-            onClick: H(T, ["stop"]),
+            onClick: K(_, ["stop"]),
             class: "ml-3 text-gray-400 hover:text-danger-500 transition-colors"
-          }, [...$[3] || ($[3] = [
-            l("svg", {
+          }, [...v[3] || (v[3] = [
+            a("svg", {
               class: "w-5 h-5",
               fill: "currentColor",
               viewBox: "0 0 20 20"
             }, [
-              l("path", {
+              a("path", {
                 "fill-rule": "evenodd",
                 d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
                 "clip-rule": "evenodd"
@@ -882,15 +882,15 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
             ], -1)
           ])]))
         ])) : x("", !0),
-        t.helperText ? (s(), a("p", Et, k(t.helperText), 1)) : x("", !0),
-        o.value ? (s(), a("p", qt, k(o.value), 1)) : x("", !0)
+        t.helperText ? (s(), l("p", Pt, $(t.helperText), 1)) : x("", !0),
+        i.value ? (s(), l("p", Yt, $(i.value), 1)) : x("", !0)
       ])
     ], 34));
   }
-}), Rt = { class: "input-wrapper" }, Wt = ["for"], Nt = {
+}), Et = { class: "input-wrapper" }, qt = ["for"], Nt = {
   key: 0,
   class: "text-danger-600"
-}, _t = { class: "relative" }, Ht = ["id", "type", "disabled", "placeholder", "value", "required", "readonly"], Kt = {
+}, Wt = { class: "relative" }, Ht = ["id", "type", "disabled", "placeholder", "value", "required", "readonly"], Kt = {
   key: 0,
   class: "absolute right-3 top-1/2 -translate-y-1/2 text-danger-600"
 }, Ut = {
@@ -899,7 +899,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
 }, Jt = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, Gt = /* @__PURE__ */ E({
+}, Gt = /* @__PURE__ */ Y({
   __name: "Input",
   props: {
     modelValue: { default: "" },
@@ -915,57 +915,57 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     helperText: {}
   },
   emits: ["update:modelValue", "blur", "focus"],
-  setup(t, { emit: g }) {
-    const e = t, p = g, r = L(`input-${Math.random().toString(36).substr(2, 9)}`), u = n(() => "ds-label"), d = n(() => {
-      const v = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50", b = {
+  setup(t, { emit: m }) {
+    const e = t, b = m, n = F(`input-${Math.random().toString(36).substr(2, 9)}`), u = r(() => "ds-label"), d = r(() => {
+      const h = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50", M = {
         sm: "h-8 px-3 text-sm",
         md: "h-10 px-4 text-base",
         lg: "h-12 px-5 text-lg"
-      }, S = {
+      }, B = {
         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"
-      }, I = e.error ? "border-danger-500 focus:border-danger-500 focus:ring-danger-500 pr-10" : "";
-      return `${v} ${b[e.size]} ${S[e.variant]} ${I}`;
-    }), o = (v) => {
-      const b = v.target;
-      p("update:modelValue", b.value);
-    }, w = (v) => {
-      p("blur", v);
-    }, i = (v) => {
-      p("focus", v);
+      }, S = e.error ? "border-danger-500 focus:border-danger-500 focus:ring-danger-500 pr-10" : "";
+      return `${h} ${M[e.size]} ${B[e.variant]} ${S}`;
+    }), i = (h) => {
+      const M = h.target;
+      b("update:modelValue", M.value);
+    }, w = (h) => {
+      b("blur", h);
+    }, y = (h) => {
+      b("focus", h);
     };
-    return (v, b) => (s(), a("div", Rt, [
-      t.label ? (s(), a("label", {
+    return (h, M) => (s(), l("div", Et, [
+      t.label ? (s(), l("label", {
         key: 0,
-        for: r.value,
-        class: f(u.value)
+        for: n.value,
+        class: c(u.value)
       }, [
-        R(k(t.label) + " ", 1),
-        t.required ? (s(), a("span", Nt, "*")) : x("", !0)
-      ], 10, Wt)) : x("", !0),
-      l("div", _t, [
-        l("input", {
-          id: r.value,
-          class: f(d.value),
+        q($(t.label) + " ", 1),
+        t.required ? (s(), l("span", Nt, "*")) : x("", !0)
+      ], 10, qt)) : x("", !0),
+      a("div", Wt, [
+        a("input", {
+          id: n.value,
+          class: c(d.value),
           type: t.type,
           disabled: t.disabled,
           placeholder: t.placeholder,
           value: t.modelValue,
           required: t.required,
           readonly: t.readonly,
-          onInput: o,
+          onInput: i,
           onBlur: w,
-          onFocus: i
+          onFocus: y
         }, null, 42, Ht),
-        t.error ? (s(), a("span", Kt, [...b[0] || (b[0] = [
-          l("svg", {
+        t.error ? (s(), l("span", Kt, [...M[0] || (M[0] = [
+          a("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             class: "h-5 w-5",
             viewBox: "0 0 20 20",
             fill: "currentColor"
           }, [
-            l("path", {
+            a("path", {
               "fill-rule": "evenodd",
               d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",
               "clip-rule": "evenodd"
@@ -973,13 +973,13 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
           ], -1)
         ])])) : x("", !0)
       ]),
-      t.error ? (s(), a("p", Ut, k(t.error), 1)) : t.helperText ? (s(), a("p", Jt, k(t.helperText), 1)) : x("", !0)
+      t.error ? (s(), l("p", Ut, $(t.error), 1)) : t.helperText ? (s(), l("p", Jt, $(t.helperText), 1)) : x("", !0)
     ]));
   }
-}), Ba = /* @__PURE__ */ K(Gt, [["__scopeId", "data-v-fac43d65"]]), Qt = ["stroke-width"], Zt = {
+}), _l = /* @__PURE__ */ U(Gt, [["__scopeId", "data-v-fac43d65"]]), Qt = ["stroke-width"], Zt = {
   class: "w-full h-full rounded-lg overflow-hidden",
   style: { "background-color": "#f7f7f7" }
-}, Xt = /* @__PURE__ */ E({
+}, Xt = /* @__PURE__ */ Y({
   __name: "Loader",
   props: {
     type: { default: "circular" },
@@ -990,31 +990,31 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     progress: { default: void 0 }
   },
   setup(t) {
-    const g = t, e = {
+    const m = 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"
-    }, p = {
+    }, b = {
       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 = n(() => [e[g.color]]), u = n(() => [p[g.color]]);
-    return (d, o) => t.type === "circular" ? (s(), a("div", {
+    }, n = r(() => [e[m.color]]), u = r(() => [b[m.color]]);
+    return (d, i) => t.type === "circular" ? (s(), l("div", {
       key: 0,
-      class: f(r.value)
+      class: c(n.value)
     }, [
-      (s(), a("svg", {
+      (s(), l("svg", {
         class: "animate-spin",
-        style: U({ width: t.size, height: t.size }),
+        style: G({ width: t.size, height: t.size }),
         viewBox: "0 0 24 24"
       }, [
-        l("circle", {
+        a("circle", {
           class: "opacity-25",
           cx: "12",
           cy: "12",
@@ -1023,29 +1023,29 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
           "stroke-width": t.strokeWidth,
           fill: "none"
         }, null, 8, Qt),
-        o[0] || (o[0] = l("path", {
+        i[0] || (i[0] = a("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"
         }, null, -1))
       ], 4))
-    ], 2)) : t.type === "linear" ? (s(), a("div", {
+    ], 2)) : t.type === "linear" ? (s(), l("div", {
       key: 1,
       class: "w-full",
-      style: U({ height: t.height })
+      style: G({ height: t.height })
     }, [
-      l("div", Zt, [
-        l("div", {
-          class: f([[u.value, { "animate-linear-loader": t.progress === void 0 }], "h-full rounded-lg"]),
-          style: U({ width: t.progress !== void 0 ? `${Math.min(Math.max(t.progress, 0), 100)}%` : "100%" })
+      a("div", Zt, [
+        a("div", {
+          class: c([[u.value, { "animate-linear-loader": t.progress === void 0 }], "h-full rounded-lg"]),
+          style: G({ width: t.progress !== void 0 ? `${Math.min(Math.max(t.progress, 0), 100)}%` : "100%" })
         }, null, 6)
       ])
     ], 4)) : x("", !0);
   }
-}), Da = /* @__PURE__ */ K(Xt, [["__scopeId", "data-v-f369fb46"]]), es = ["disabled", "aria-expanded"], ts = ["disabled", "onClick"], ss = {
+}), Al = /* @__PURE__ */ U(Xt, [["__scopeId", "data-v-f369fb46"]]), es = ["disabled", "aria-expanded"], ts = ["disabled", "onClick"], ss = {
   key: 0,
   class: "flex-shrink-0"
-}, as = ["innerHTML"], ls = { class: "flex-1 min-w-0 mr-2" }, os = { class: "flex flex-col items-start" }, ns = ["title"], rs = ["title"], is = {
+}, ls = ["innerHTML"], as = { class: "flex-1 min-w-0 mr-2" }, os = { class: "flex flex-col items-start" }, rs = ["title"], ns = ["title"], is = {
   key: 1,
   class: "flex-shrink-0"
 }, ds = {
@@ -1057,7 +1057,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, fs = /* @__PURE__ */ E({
+}, fs = /* @__PURE__ */ Y({
   __name: "Menu",
   props: {
     items: { default: () => [] },
@@ -1076,125 +1076,125 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     zIndex: { default: 50 }
   },
   emits: ["open", "close", "select"],
-  setup(t, { emit: g }) {
-    const e = t, p = g, r = L(!1), u = L(null), d = L(null), o = L({}), w = n(() => [
+  setup(t, { emit: m }) {
+    const e = t, b = m, n = F(!1), u = F(null), d = F(null), i = F({}), 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(" ")), i = n(() => [...[
+    ].join(" ")), y = r(() => [...[
       "fixed bg-white rounded-lg shadow-lg border border-secondary-200",
       "flex flex-col",
       "focus:outline-none"
-    ], `z-${e.zIndex}`].join(" ")), v = n(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), b = n(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), S = n(() => "py-1 overflow-y-auto flex-1 min-h-0"), I = n(() => "my-1 border-t border-secondary-200"), F = n(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), j = (c) => {
-      const C = [
+    ], `z-${e.zIndex}`].join(" ")), h = r(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), M = r(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), B = r(() => "py-1 overflow-y-auto flex-1 min-h-0"), S = r(() => "my-1 border-t border-secondary-200"), A = r(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), L = (o) => {
+      const g = [
         "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"
-      ], B = c.variant || "default", Q = {
+      ], D = o.variant || "default", Z = {
         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 A = "";
-      return c.color && (A = c.color, (c.color.includes("white") || c.color.includes("50")) && (A += " hover:text-black")), [...C, A || Q[B]].join(" ");
-    }, T = () => {
-      e.disabled || (r.value ? m() : y());
-    }, y = () => {
-      r.value = !0, p("open"), fe(() => {
-        D(), document.addEventListener("click", O), document.addEventListener("keydown", _);
+      let R = "";
+      return o.color && (R = o.color, (o.color.includes("white") || o.color.includes("50")) && (R += " hover:text-black")), [...g, R || Z[D]].join(" ");
+    }, _ = () => {
+      e.disabled || (n.value ? f() : V());
+    }, V = () => {
+      n.value = !0, b("open"), fe(() => {
+        p(), document.addEventListener("click", O), document.addEventListener("keydown", C);
       });
-    }, m = () => {
-      r.value = !1, p("close"), document.removeEventListener("click", O), document.removeEventListener("keydown", _);
-    }, $ = (c) => {
-      c.disabled || (c.action && c.action(), p("select", c), e.closeOnClick && !c.children && m());
-    }, O = (c) => {
-      const C = c.target;
-      u.value && !u.value.contains(C) && d.value && !d.value.contains(C) && m();
-    }, _ = (c) => {
-      c.key === "Escape" && m();
-    }, se = (c) => {
-      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), T());
-    }, D = () => {
+    }, f = () => {
+      n.value = !1, b("close"), document.removeEventListener("click", O), document.removeEventListener("keydown", C);
+    }, v = (o) => {
+      o.disabled || (o.action && o.action(), b("select", o), e.closeOnClick && !o.children && f());
+    }, O = (o) => {
+      const g = o.target;
+      u.value && !u.value.contains(g) && d.value && !d.value.contains(g) && f();
+    }, C = (o) => {
+      o.key === "Escape" && f();
+    }, j = (o) => {
+      (o.key === "Enter" || o.key === " ") && (o.preventDefault(), _());
+    }, p = () => {
       if (!u.value || !d.value) return;
-      const c = u.value.getBoundingClientRect(), C = d.value.getBoundingClientRect(), B = window.innerWidth, Q = window.innerHeight;
-      let A = 0, q = 0;
+      const o = u.value.getBoundingClientRect(), g = d.value.getBoundingClientRect(), D = window.innerWidth, Z = window.innerHeight;
+      let R = 0, N = 0;
       switch (e.position) {
         case "bottom-start":
-          A = c.bottom + e.offset.y, q = c.left + e.offset.x;
+          R = o.bottom + e.offset.y, N = o.left + e.offset.x;
           break;
         case "bottom-end":
-          A = c.bottom + e.offset.y, q = c.right - C.width + e.offset.x;
+          R = o.bottom + e.offset.y, N = o.right - g.width + e.offset.x;
           break;
         case "top-start":
-          A = c.top - C.height - e.offset.y, q = c.left + e.offset.x;
+          R = o.top - g.height - e.offset.y, N = o.left + e.offset.x;
           break;
         case "top-end":
-          A = c.top - C.height - e.offset.y, q = c.right - C.width + e.offset.x;
+          R = o.top - g.height - e.offset.y, N = o.right - g.width + e.offset.x;
           break;
         case "right-start":
-          A = c.top + e.offset.y, q = c.right + e.offset.x;
+          R = o.top + e.offset.y, N = o.right + e.offset.x;
           break;
         case "right-end":
-          A = c.bottom - C.height + e.offset.y, q = c.right + e.offset.x;
+          R = o.bottom - g.height + e.offset.y, N = o.right + e.offset.x;
           break;
         case "left-start":
-          A = c.top + e.offset.y, q = c.left - C.width - e.offset.x;
+          R = o.top + e.offset.y, N = o.left - g.width - e.offset.x;
           break;
         case "left-end":
-          A = c.bottom - C.height + e.offset.y, q = c.left - C.width - e.offset.x;
+          R = o.bottom - g.height + e.offset.y, N = o.left - g.width - e.offset.x;
           break;
       }
-      q + C.width > B && (q = B - C.width - 8), q < 8 && (q = 8), A + C.height > Q && (A = Q - C.height - 8), A < 8 && (A = 8), o.value = {
-        top: `${A}px`,
-        left: `${q}px`,
-        width: e.width === "auto" ? `${Math.max(c.width, 240)}px` : e.width,
+      N + g.width > D && (N = D - g.width - 8), N < 8 && (N = 8), R + g.height > Z && (R = Z - g.height - 8), R < 8 && (R = 8), i.value = {
+        top: `${R}px`,
+        left: `${N}px`,
+        width: e.width === "auto" ? `${Math.max(o.width, 240)}px` : e.width,
         maxHeight: e.maxHeight,
         minWidth: "240px"
       };
     };
     return Ce(() => {
-      window.addEventListener("scroll", D, !0), window.addEventListener("resize", D);
+      window.addEventListener("scroll", p, !0), window.addEventListener("resize", p);
     }), Me(() => {
-      window.removeEventListener("scroll", D, !0), window.removeEventListener("resize", D), document.removeEventListener("click", O), document.removeEventListener("keydown", _);
+      window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p), document.removeEventListener("click", O), document.removeEventListener("keydown", C);
     }), pe(() => e.items, () => {
-      r.value && fe(D);
-    }, { deep: !0 }), (c, C) => (s(), a("div", {
-      class: f(["menu-wrapper", { "w-full": t.fullWidth }])
+      n.value && fe(p);
+    }, { deep: !0 }), (o, g) => (s(), l("div", {
+      class: c(["menu-wrapper", { "w-full": t.fullWidth }])
     }, [
-      l("div", {
+      a("div", {
         ref_key: "triggerRef",
         ref: u
       }, [
-        V(c.$slots, "trigger", {
-          isOpen: r.value,
-          toggle: T
+        I(o.$slots, "trigger", {
+          isOpen: n.value,
+          toggle: _
         }, () => [
-          l("button", {
+          a("button", {
             type: "button",
-            class: f(w.value),
+            class: c(w.value),
             disabled: t.disabled,
-            onClick: T,
-            onKeydown: se,
+            onClick: _,
+            onKeydown: j,
             tabindex: 0,
             role: "button",
-            "aria-expanded": r.value,
+            "aria-expanded": n.value,
             "aria-haspopup": !0
           }, [
-            V(c.$slots, "trigger-content", {}, () => [
-              R(k(t.triggerText), 1)
+            I(o.$slots, "trigger-content", {}, () => [
+              q($(t.triggerText), 1)
             ], !0),
-            t.showChevron ? (s(), a("svg", {
+            t.showChevron ? (s(), l("svg", {
               key: 0,
-              class: f(["w-4 h-4 ml-2 transition-transform", r.value ? "rotate-180" : ""]),
+              class: c(["w-4 h-4 ml-2 transition-transform", n.value ? "rotate-180" : ""]),
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24"
-            }, [...C[1] || (C[1] = [
-              l("path", {
+            }, [...g[1] || (g[1] = [
+              a("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
@@ -1204,82 +1204,82 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
           ], 42, es)
         ], !0)
       ], 512),
-      (s(), Z(ve, { to: "body" }, [
-        r.value ? (s(), a("div", {
+      (s(), ee(be, { to: "body" }, [
+        n.value ? (s(), l("div", {
           key: 0,
           ref_key: "menuRef",
           ref: d,
-          class: f(i.value),
-          style: U(o.value),
-          onClick: C[0] || (C[0] = H(() => {
+          class: c(y.value),
+          style: G(i.value),
+          onClick: g[0] || (g[0] = K(() => {
           }, ["stop"]))
         }, [
-          c.$slots.header ? (s(), a("div", {
+          o.$slots.header ? (s(), l("div", {
             key: 0,
-            class: f(v.value)
+            class: c(h.value)
           }, [
-            V(c.$slots, "header", { close: m }, void 0, !0)
+            I(o.$slots, "header", { close: f }, void 0, !0)
           ], 2)) : x("", !0),
-          l("div", {
-            class: f(S.value)
+          a("div", {
+            class: c(B.value)
           }, [
-            V(c.$slots, "default", {
-              close: m,
-              isOpen: r.value
+            I(o.$slots, "default", {
+              close: f,
+              isOpen: n.value
             }, () => [
-              (s(!0), a(Y, null, N(t.items, (B, Q) => (s(), a(Y, {
-                key: B.id || Q
+              (s(!0), l(E, null, H(t.items, (D, Z) => (s(), l(E, {
+                key: D.id || Z
               }, [
-                B.type === "divider" ? (s(), a("div", {
+                D.type === "divider" ? (s(), l("div", {
                   key: 0,
-                  class: f(I.value)
-                }, null, 2)) : B.type === "header" ? (s(), a("div", {
+                  class: c(S.value)
+                }, null, 2)) : D.type === "header" ? (s(), l("div", {
                   key: 1,
-                  class: f(F.value)
-                }, k(B.label), 3)) : (s(), a("button", {
+                  class: c(A.value)
+                }, $(D.label), 3)) : (s(), l("button", {
                   key: 2,
                   type: "button",
-                  class: f(j(B)),
-                  disabled: B.disabled,
-                  onClick: (A) => $(B)
+                  class: c(L(D)),
+                  disabled: D.disabled,
+                  onClick: (R) => v(D)
                 }, [
-                  B.icon || c.$slots[`icon-${B.id}`] ? (s(), a("span", ss, [
-                    V(c.$slots, `icon-${B.id}`, { item: B }, () => [
-                      typeof B.icon != "string" ? (s(), Z(ge(B.icon), {
+                  D.icon || o.$slots[`icon-${D.id}`] ? (s(), l("span", ss, [
+                    I(o.$slots, `icon-${D.id}`, { item: D }, () => [
+                      typeof D.icon != "string" ? (s(), ee(ve(D.icon), {
                         key: 0,
                         class: "w-5 h-5"
-                      })) : (s(), a("span", {
+                      })) : (s(), l("span", {
                         key: 1,
-                        innerHTML: B.icon,
+                        innerHTML: D.icon,
                         class: "w-5 h-5 inline-block"
-                      }, null, 8, as))
+                      }, null, 8, ls))
                     ], !0)
                   ])) : x("", !0),
-                  l("div", ls, [
-                    V(c.$slots, `item-${B.id}`, {
-                      item: B,
-                      close: m
+                  a("div", as, [
+                    I(o.$slots, `item-${D.id}`, {
+                      item: D,
+                      close: f
                     }, () => [
-                      l("div", os, [
-                        l("span", {
+                      a("div", os, [
+                        a("span", {
                           class: "truncate w-full",
-                          title: B.label
-                        }, k(B.label), 9, ns),
-                        B.description ? (s(), a("span", {
+                          title: D.label
+                        }, $(D.label), 9, rs),
+                        D.description ? (s(), l("span", {
                           key: 0,
                           class: "text-xs text-secondary-500 truncate w-full",
-                          title: B.description
-                        }, k(B.description), 9, rs)) : x("", !0)
+                          title: D.description
+                        }, $(D.description), 9, ns)) : x("", !0)
                       ])
                     ], !0)
                   ]),
-                  B.suffix || B.shortcut || c.$slots[`suffix-${B.id}`] ? (s(), a("span", is, [
-                    V(c.$slots, `suffix-${B.id}`, { item: B }, () => [
-                      B.shortcut ? (s(), a("span", ds, k(B.shortcut), 1)) : B.suffix ? (s(), a("span", us, k(B.suffix), 1)) : x("", !0)
+                  D.suffix || D.shortcut || o.$slots[`suffix-${D.id}`] ? (s(), l("span", is, [
+                    I(o.$slots, `suffix-${D.id}`, { item: D }, () => [
+                      D.shortcut ? (s(), l("span", ds, $(D.shortcut), 1)) : D.suffix ? (s(), l("span", us, $(D.suffix), 1)) : x("", !0)
                     ], !0)
                   ])) : x("", !0),
-                  B.children && B.children.length > 0 ? (s(), a("svg", cs, [...C[2] || (C[2] = [
-                    l("path", {
+                  D.children && D.children.length > 0 ? (s(), l("svg", cs, [...g[2] || (g[2] = [
+                    a("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
@@ -1290,31 +1290,31 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
               ], 64))), 128))
             ], !0)
           ], 2),
-          c.$slots.footer ? (s(), a("div", {
+          o.$slots.footer ? (s(), l("div", {
             key: 1,
-            class: f(b.value)
+            class: c(M.value)
           }, [
-            V(c.$slots, "footer", { close: m }, void 0, !0)
+            I(o.$slots, "footer", { close: f }, void 0, !0)
           ], 2)) : x("", !0)
         ], 6)) : x("", !0),
-        r.value && t.overlay ? (s(), a("div", {
+        n.value && t.overlay ? (s(), l("div", {
           key: 1,
           class: "fixed inset-0 bg-black/20 z-40",
-          onClick: m
+          onClick: f
         })) : x("", !0)
       ]))
     ], 2));
   }
-}), za = /* @__PURE__ */ K(fs, [["__scopeId", "data-v-61176297"]]), ps = ["for"], vs = {
+}), Fl = /* @__PURE__ */ U(fs, [["__scopeId", "data-v-61176297"]]), ps = ["for"], bs = {
   key: 0,
   class: "text-danger-600"
-}, gs = ["id", "disabled", "aria-expanded"], bs = { class: "flex-1 text-left truncate" }, ys = {
+}, vs = ["id", "disabled", "aria-expanded"], gs = { class: "flex-1 text-left truncate" }, ys = {
   key: 0,
   class: "p-2 border-b border-secondary-200"
 }, ms = ["placeholder"], hs = { class: "max-h-64 overflow-y-auto" }, xs = {
   key: 0,
   class: "px-4 py-3 text-sm text-secondary-500 text-center"
-}, ws = ["onClick"], ks = { class: "flex items-center justify-between w-full" }, $s = { class: "truncate" }, Cs = {
+}, ks = ["onClick"], ws = { class: "flex items-center justify-between w-full" }, $s = { class: "truncate" }, Cs = {
   key: 0,
   class: "w-5 h-5 text-primary-600 flex-shrink-0 ml-2",
   fill: "none",
@@ -1324,13 +1324,13 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
 }, Ms = {
   key: 0,
   class: "border-t border-secondary-200 my-1"
-}, Bs = ["onClick"], Ds = ["innerHTML"], zs = {
+}, Bs = ["onClick"], zs = ["innerHTML"], Ds = {
   key: 1,
   class: "mt-1 text-sm text-danger-600"
 }, Vs = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, Is = /* @__PURE__ */ E({
+}, Ss = /* @__PURE__ */ Y({
   __name: "Select",
   props: {
     modelValue: { default: null },
@@ -1352,130 +1352,130 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     bordered: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change", "action"],
-  setup(t, { emit: g }) {
-    const e = t, p = g, r = L(!1), u = L(""), d = L(null), o = n(
+  setup(t, { emit: m }) {
+    const e = t, b = m, n = F(!1), u = F(""), d = F(null), i = r(
       () => `select-${Math.random().toString(36).substr(2, 9)}`
-    ), w = n(() => e.options.find((D) => D.value === e.modelValue) || null), i = n(() => {
+    ), w = r(() => e.options.find((p) => p.value === e.modelValue) || null), y = r(() => {
       if (!e.searchable || !u.value)
         return e.options;
-      const D = u.value.toLowerCase();
-      return e.options.filter((c) => c.label.toLowerCase().includes(D));
-    }), v = n(() => "ds-label"), b = n(() => e.bordered ? "border border-neutral-300 rounded-md" : "rounded-md"), S = n(() => {
-      const D = "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", c = {
+      const p = u.value.toLowerCase();
+      return e.options.filter((o) => o.label.toLowerCase().includes(p));
+    }), h = r(() => "ds-label"), M = r(() => e.bordered ? "border border-neutral-300 rounded-md" : "rounded-md"), B = r(() => {
+      const p = "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", o = {
         sm: "px-3 py-1.5 text-sm",
         md: "px-4 py-2 text-base",
         lg: "px-5 py-3 text-lg"
-      }, C = {
+      }, g = {
         default: "bg-white",
         outline: "bg-transparent",
         filled: "bg-secondary-100"
-      }, B = e.error ? "border-danger-600 focus:ring-danger-500" : "";
+      }, D = e.error ? "border-danger-600 focus:ring-danger-500" : "";
       return [
-        D,
-        c[e.size],
-        C[e.variant],
-        B
+        p,
+        o[e.size],
+        g[e.variant],
+        D
       ].join(" ");
-    }), I = n(() => `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 = (D) => {
-      const c = "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 = T(D) ? "bg-primary-50" : "";
-      return [c, C].join(" ");
-    }, j = (D) => {
-      const c = "w-full px-4 py-2 text-left text-sm font-semibold transition-colors focus:outline-none flex items-center gap-3";
-      return D.variant === "danger" ? `${c} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${c} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
-    }, T = (D) => D.value === e.modelValue, y = () => {
-      e.disabled || (r.value = !r.value, r.value && e.searchable && fe(() => {
-        var D;
-        (D = d.value) == null || D.focus();
+    }), S = 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`), A = (p) => {
+      const o = "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", g = _(p) ? "bg-primary-50" : "";
+      return [o, g].join(" ");
+    }, L = (p) => {
+      const o = "w-full px-4 py-2 text-left text-sm font-semibold transition-colors focus:outline-none flex items-center gap-3";
+      return p.variant === "danger" ? `${o} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${o} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
+    }, _ = (p) => p.value === e.modelValue, V = () => {
+      e.disabled || (n.value = !n.value, n.value && e.searchable && fe(() => {
+        var p;
+        (p = d.value) == null || p.focus();
       }));
-    }, m = () => {
-      r.value = !1, u.value = "";
-    }, $ = (D) => {
-      D.disabled || (p("update:modelValue", D.value), p("change", D), m());
-    }, O = (D) => {
-      D.action && D.action(), p("action", D), m();
-    }, _ = (D) => {
-      const c = D.relatedTarget;
-      c && c.closest(".select-wrapper") || setTimeout(() => {
-        m();
+    }, f = () => {
+      n.value = !1, u.value = "";
+    }, v = (p) => {
+      p.disabled || (b("update:modelValue", p.value), b("change", p), f());
+    }, O = (p) => {
+      p.action && p.action(), b("action", p), f();
+    }, C = (p) => {
+      const o = p.relatedTarget;
+      o && o.closest(".select-wrapper") || setTimeout(() => {
+        f();
       }, 200);
-    }, se = (D) => {
-      D.key === "Escape" ? m() : (D.key === "Enter" || D.key === " ") && (D.preventDefault(), y());
+    }, j = (p) => {
+      p.key === "Escape" ? f() : (p.key === "Enter" || p.key === " ") && (p.preventDefault(), V());
     };
-    return pe(r, (D) => {
-      D && (u.value = "");
-    }), (D, c) => (s(), a("div", {
-      class: f(["select-wrapper", { "w-full": t.fullWidth }])
+    return pe(n, (p) => {
+      p && (u.value = "");
+    }), (p, o) => (s(), l("div", {
+      class: c(["select-wrapper", { "w-full": t.fullWidth }])
     }, [
-      t.label ? (s(), a("label", {
+      t.label ? (s(), l("label", {
         key: 0,
-        for: o.value,
-        class: f(v.value)
+        for: i.value,
+        class: c(h.value)
       }, [
-        R(k(t.label) + " ", 1),
-        t.required ? (s(), a("span", vs, "*")) : x("", !0)
+        q($(t.label) + " ", 1),
+        t.required ? (s(), l("span", bs, "*")) : x("", !0)
       ], 10, ps)) : x("", !0),
-      l("div", {
-        class: f(["relative", b.value])
+      a("div", {
+        class: c(["relative", M.value])
       }, [
-        l("button", {
-          id: o.value,
+        a("button", {
+          id: i.value,
           type: "button",
-          class: f(S.value),
+          class: c(B.value),
           disabled: t.disabled,
-          "aria-expanded": r.value,
+          "aria-expanded": n.value,
           "aria-haspopup": !0,
-          onClick: y,
-          onBlur: _,
-          onKeydown: se
+          onClick: V,
+          onBlur: C,
+          onKeydown: j
         }, [
-          l("span", bs, k(w.value ? w.value.label : t.placeholder), 1),
-          (s(), a("svg", {
-            class: f(["w-5 h-5 flex-shrink-0 transition-transform text-[#565656] opacity-80", r.value ? "rotate-180" : ""]),
+          a("span", gs, $(w.value ? w.value.label : t.placeholder), 1),
+          (s(), l("svg", {
+            class: c(["w-5 h-5 flex-shrink-0 transition-transform text-[#565656] opacity-80", n.value ? "rotate-180" : ""]),
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24",
             xmlns: "http://www.w3.org/2000/svg"
-          }, [...c[3] || (c[3] = [
-            l("path", {
+          }, [...o[3] || (o[3] = [
+            a("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M19 9l-7 7-7-7"
             }, null, -1)
           ])], 2))
-        ], 42, gs),
-        r.value ? (s(), a("div", {
+        ], 42, vs),
+        n.value ? (s(), l("div", {
           key: 0,
-          class: f(I.value),
-          onClick: c[2] || (c[2] = H(() => {
+          class: c(S.value),
+          onClick: o[2] || (o[2] = K(() => {
           }, ["stop"]))
         }, [
-          t.searchable ? (s(), a("div", ys, [
-            ce(l("input", {
+          t.searchable ? (s(), l("div", ys, [
+            ce(a("input", {
               ref_key: "searchInput",
               ref: d,
-              "onUpdate:modelValue": c[0] || (c[0] = (C) => u.value = C),
+              "onUpdate:modelValue": o[0] || (o[0] = (g) => u.value = g),
               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: c[1] || (c[1] = H(() => {
+              onKeydown: o[1] || (o[1] = K(() => {
               }, ["stop"]))
             }, null, 40, ms), [
-              [Ye, u.value]
+              [Re, u.value]
             ])
           ])) : x("", !0),
-          l("div", hs, [
-            i.value.length === 0 ? (s(), a("div", xs, k(t.emptyText), 1)) : (s(), a(Y, { key: 1 }, [
-              (s(!0), a(Y, null, N(i.value, (C) => (s(), a("button", {
-                key: C.value,
+          a("div", hs, [
+            y.value.length === 0 ? (s(), l("div", xs, $(t.emptyText), 1)) : (s(), l(E, { key: 1 }, [
+              (s(!0), l(E, null, H(y.value, (g) => (s(), l("button", {
+                key: g.value,
                 type: "button",
-                class: f(F(C)),
-                onClick: (B) => $(C)
+                class: c(A(g)),
+                onClick: (D) => v(g)
               }, [
-                l("div", ks, [
-                  l("span", $s, k(C.label), 1),
-                  T(C) ? (s(), a("svg", Cs, [...c[4] || (c[4] = [
-                    l("path", {
+                a("div", ws, [
+                  a("span", $s, $(g.label), 1),
+                  _(g) ? (s(), l("svg", Cs, [...o[4] || (o[4] = [
+                    a("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
@@ -1483,41 +1483,41 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
                     }, null, -1)
                   ])])) : x("", !0)
                 ])
-              ], 10, ws))), 128)),
-              t.actionItems.length > 0 ? (s(), a("div", Ms)) : x("", !0),
-              (s(!0), a(Y, null, N(t.actionItems, (C) => (s(), a("button", {
-                key: C.id,
+              ], 10, ks))), 128)),
+              t.actionItems.length > 0 ? (s(), l("div", Ms)) : x("", !0),
+              (s(!0), l(E, null, H(t.actionItems, (g) => (s(), l("button", {
+                key: g.id,
                 type: "button",
-                class: f(j(C)),
-                onClick: (B) => O(C)
+                class: c(L(g)),
+                onClick: (D) => O(g)
               }, [
-                C.icon ? (s(), a("svg", {
+                g.icon ? (s(), l("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, Ds)) : x("", !0),
-                R(" " + k(C.label), 1)
+                  innerHTML: g.icon
+                }, null, 8, zs)) : x("", !0),
+                q(" " + $(g.label), 1)
               ], 10, Bs))), 128))
             ], 64))
           ])
         ], 2)) : x("", !0)
       ], 2),
-      t.error ? (s(), a("p", zs, k(t.error), 1)) : t.helperText ? (s(), a("p", Vs, k(t.helperText), 1)) : x("", !0),
-      r.value ? (s(), a("div", {
+      t.error ? (s(), l("p", Ds, $(t.error), 1)) : t.helperText ? (s(), l("p", Vs, $(t.helperText), 1)) : x("", !0),
+      n.value ? (s(), l("div", {
         key: 3,
-        onClick: m,
+        onClick: f,
         class: "fixed inset-0 z-40"
       })) : x("", !0)
     ], 2));
   }
-}), Va = /* @__PURE__ */ K(Is, [["__scopeId", "data-v-4b6dade4"]]), Ts = {
+}), Rl = /* @__PURE__ */ U(Ss, [["__scopeId", "data-v-4b6dade4"]]), Ts = {
   key: 0,
   class: "space-y-1"
-}, Ss = ["href", "onClick", "aria-current"], js = /* @__PURE__ */ E({
+}, Is = ["href", "onClick", "aria-current"], js = /* @__PURE__ */ Y({
   __name: "Sidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1535,73 +1535,73 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     keepOpen: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "update:activeItem", "close", "open", "itemClick"],
-  setup(t, { emit: g }) {
-    const e = t, p = g, r = n({
+  setup(t, { emit: m }) {
+    const e = t, b = m, n = r({
       get: () => e.modelValue,
-      set: (y) => p("update:modelValue", y)
+      set: (V) => b("update:modelValue", V)
     }), u = () => {
-      !e.persistent && !e.keepOpen && (r.value = !1, p("close"));
-    }, d = (y, m) => {
-      m.id && p("update:activeItem", m.id), m.onClick && (y.preventDefault(), m.onClick(m)), p("itemClick", m), !e.keepOpen && !e.persistent && u();
-    }, o = (y) => y.active !== void 0 ? y.active : e.activeItem && y.id ? e.activeItem === y.id : !1, w = (y) => {
-      const m = "flex items-center gap-3 px-4 py-3 rounded-lg transition-all duration-200 text-sm font-medium", $ = o(y) ? "bg-primary-100 text-primary-700 border-l-4 border-primary-600" : "text-gray-700 hover:bg-gray-100 hover:text-gray-900";
-      return `${m} ${$}`;
-    }, i = (y) => {
-      const m = "w-5 h-5 flex-shrink-0", $ = o(y) ? "text-primary-600" : "text-gray-500";
-      return `${m} ${$}`;
-    }, v = n(() => e.position === "left" ? "slide-right" : "slide-left"), b = n(() => {
-      const y = "fixed top-0 h-full z-50 flex flex-col w-full max-w-full sm:max-w-none", m = e.position === "left" ? "left-0" : "right-0", $ = 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)]" : "";
-      return [y, m, $].filter(Boolean).join(" ");
-    }), S = n(() => ({
+      !e.persistent && !e.keepOpen && (n.value = !1, b("close"));
+    }, d = (V, f) => {
+      f.id && b("update:activeItem", f.id), f.onClick && (V.preventDefault(), f.onClick(f)), b("itemClick", f), !e.keepOpen && !e.persistent && u();
+    }, i = (V) => V.active !== void 0 ? V.active : e.activeItem && V.id ? e.activeItem === V.id : !1, w = (V) => {
+      const f = "flex items-center gap-3 px-4 py-3 rounded-lg transition-all duration-200 text-sm font-medium", v = i(V) ? "bg-primary-100 text-primary-700 border-l-4 border-primary-600" : "text-gray-700 hover:bg-gray-100 hover:text-gray-900";
+      return `${f} ${v}`;
+    }, y = (V) => {
+      const f = "w-5 h-5 flex-shrink-0", v = i(V) ? "text-primary-600" : "text-gray-500";
+      return `${f} ${v}`;
+    }, h = r(() => e.position === "left" ? "slide-right" : "slide-left"), M = r(() => {
+      const V = "fixed top-0 h-full z-50 flex flex-col w-full max-w-full sm:max-w-none", f = e.position === "left" ? "left-0" : "right-0", v = 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)]" : "";
+      return [V, f, v].filter(Boolean).join(" ");
+    }), B = r(() => ({
       // Base fluid width; respect custom width as max constraint
       width: "100%",
       maxWidth: e.width,
       backgroundColor: e.backgroundColor,
       top: e.overlayTop,
       height: e.overlayTop !== "0" ? `calc(100vh - ${e.overlayTop})` : "100vh"
-    })), I = {
+    })), S = {
       none: "",
       sm: "p-2",
       md: "p-4",
       lg: "p-6"
-    }, F = n(() => `flex items-center justify-between border-b border-gray-200 ${I[e.padding]}`), j = n(() => `flex-1 overflow-y-auto ${I[e.padding]}`), T = n(() => `border-t border-gray-200 ${I[e.padding]}`);
-    return (y, m) => (s(), Z(ve, { to: "body" }, [
-      G(ne, { name: "fade" }, {
-        default: ae(() => [
-          r.value && t.overlay && !t.keepOpen ? (s(), a("div", {
+    }, A = r(() => `flex items-center justify-between border-b border-gray-200 ${S[e.padding]}`), L = r(() => `flex-1 overflow-y-auto ${S[e.padding]}`), _ = r(() => `border-t border-gray-200 ${S[e.padding]}`);
+    return (V, f) => (s(), ee(be, { to: "body" }, [
+      J(re, { name: "fade" }, {
+        default: le(() => [
+          n.value && t.overlay && !t.keepOpen ? (s(), l("div", {
             key: 0,
             onClick: u,
             class: "fixed inset-0 bg-black/50 z-40",
-            style: U({ top: t.overlayTop })
+            style: G({ top: t.overlayTop })
           }, null, 4)) : x("", !0)
         ]),
         _: 1
       }),
-      G(ne, { name: v.value }, {
-        default: ae(() => [
-          r.value ? (s(), a("aside", {
+      J(re, { name: h.value }, {
+        default: le(() => [
+          n.value ? (s(), l("aside", {
             key: 0,
-            class: f(b.value),
-            style: U(S.value)
+            class: c(M.value),
+            style: G(B.value)
           }, [
-            y.$slots.header ? (s(), a("div", {
+            V.$slots.header ? (s(), l("div", {
               key: 0,
-              class: f(F.value)
+              class: c(A.value)
             }, [
-              V(y.$slots, "header", {}, void 0, !0),
-              t.closable ? (s(), a("button", {
+              I(V.$slots, "header", {}, void 0, !0),
+              t.closable ? (s(), l("button", {
                 key: 0,
                 onClick: u,
                 class: "p-2 hover:bg-gray-100 rounded-md transition-colors",
                 "aria-label": "Cerrar menú"
-              }, [...m[0] || (m[0] = [
-                l("svg", {
+              }, [...f[0] || (f[0] = [
+                a("svg", {
                   class: "w-5 h-5",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
                 }, [
-                  l("path", {
+                  a("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
@@ -1610,36 +1610,36 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
                 ], -1)
               ])])) : x("", !0)
             ], 2)) : x("", !0),
-            l("div", {
-              class: f(j.value)
+            a("div", {
+              class: c(L.value)
             }, [
-              t.items && t.items.length ? (s(), a("nav", Ts, [
-                (s(!0), a(Y, null, N(t.items, ($) => (s(), a("a", {
-                  key: $.id || $.label,
-                  href: $.href,
-                  onClick: (O) => d(O, $),
-                  class: f(w($)),
-                  "aria-current": o($) ? "page" : void 0
+              t.items && t.items.length ? (s(), l("nav", Ts, [
+                (s(!0), l(E, null, H(t.items, (v) => (s(), l("a", {
+                  key: v.id || v.label,
+                  href: v.href,
+                  onClick: (O) => d(O, v),
+                  class: c(w(v)),
+                  "aria-current": i(v) ? "page" : void 0
                 }, [
-                  $.icon && typeof $.icon == "string" ? (s(), Z(te, {
+                  v.icon && typeof v.icon == "string" ? (s(), ee(X, {
                     key: 0,
-                    name: $.icon,
+                    name: v.icon,
                     size: "md",
-                    class: f(i($))
-                  }, null, 8, ["name", "class"])) : $.icon ? (s(), Z(ge($.icon), {
+                    class: c(y(v))
+                  }, null, 8, ["name", "class"])) : v.icon ? (s(), ee(ve(v.icon), {
                     key: 1,
-                    class: f(i($))
+                    class: c(y(v))
                   }, null, 8, ["class"])) : x("", !0),
-                  l("span", null, k($.label), 1)
-                ], 10, Ss))), 128))
+                  a("span", null, $(v.label), 1)
+                ], 10, Is))), 128))
               ])) : x("", !0),
-              V(y.$slots, "default", {}, void 0, !0)
+              I(V.$slots, "default", {}, void 0, !0)
             ], 2),
-            y.$slots.footer ? (s(), a("div", {
+            V.$slots.footer ? (s(), l("div", {
               key: 1,
-              class: f(T.value)
+              class: c(_.value)
             }, [
-              V(y.$slots, "footer", {}, void 0, !0)
+              I(V.$slots, "footer", {}, void 0, !0)
             ], 2)) : x("", !0)
           ], 6)) : x("", !0)
         ]),
@@ -1647,19 +1647,31 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
       }, 8, ["name"])
     ]));
   }
-}), Ia = /* @__PURE__ */ K(js, [["__scopeId", "data-v-1ca72eea"]]), Ls = { class: "w-full space-y-4" }, Os = { class: "flex flex-col gap-3 md:hidden" }, Fs = { class: "text-[11px] uppercase tracking-wide text-gray-400" }, As = { class: "text-sm text-gray-700" }, Ps = {
+}), Pl = /* @__PURE__ */ U(js, [["__scopeId", "data-v-1ca72eea"]]), Ls = { class: "w-full space-y-4" }, Os = { class: "flex flex-col gap-3 md:hidden" }, _s = {
   key: 0,
+  class: "flex items-center gap-2 px-1 text-sm text-gray-600"
+}, As = ["checked", "indeterminate"], Fs = {
+  key: 0,
+  class: "flex items-center gap-2 pb-2"
+}, Rs = ["checked", "onChange", "aria-label"], Ps = { class: "text-[11px] uppercase tracking-wide text-gray-400" }, Ys = { class: "text-sm text-gray-700" }, Es = {
+  key: 1,
   class: "rounded-lg border border-dashed border-gray-200 bg-white p-4 text-gray-400 text-center"
-}, Ys = { class: "hidden md:block w-full overflow-x-auto" }, Es = { class: "w-full border-collapse" }, qs = { class: "w-full" }, Rs = ["onClick"], Ws = { class: "flex items-center gap-2" }, Ns = {
+}, qs = { class: "hidden md:block w-full overflow-x-auto" }, Ns = { class: "w-full border-collapse" }, Ws = { class: "w-full" }, Hs = {
+  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"
+}, Ks = ["checked", "indeterminate"], Us = ["onClick"], Js = { class: "flex items-center gap-2" }, Gs = {
   key: 0,
   class: "text-xs text-gray-400"
-}, _s = { key: 0 }, Hs = { key: 1 }, Ks = { class: "w-full" }, Us = {
+}, Qs = { key: 0 }, Zs = { key: 1 }, Xs = { class: "w-full" }, el = {
+  key: 0,
+  class: "px-3 py-3 text-xs text-gray-600 border-l border-gray-100 first:border-l-0 w-10"
+}, tl = ["checked", "onChange", "aria-label"], sl = {
   key: 0,
   class: "flex items-center justify-center py-12 text-gray-400"
-}, Js = {
+}, ll = {
   key: 0,
   class: "w-full px-6 py-4 bg-white"
-}, Gs = /* @__PURE__ */ E({
+}, al = /* @__PURE__ */ Y({
   __name: "Table",
   props: {
     columns: {},
@@ -1667,115 +1679,181 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     headerClass: { default: void 0 },
     headerCellClass: { default: void 0 },
     cellClass: { default: void 0 },
-    rowClass: { default: void 0 }
+    rowClass: { default: void 0 },
+    selectable: { type: Boolean, default: !1 },
+    selectedKeys: { default: () => [] },
+    rowKey: { default: "id" }
   },
-  setup(t) {
-    const g = t, e = L(null), p = L("asc"), r = (o) => {
-      e.value === o ? p.value = p.value === "asc" ? "desc" : "asc" : (e.value = o, p.value = "asc");
-    }, u = n(() => {
-      if (!e.value)
-        return g.data;
-      const o = [...g.data];
-      return o.sort((w, i) => {
-        const v = w[e.value], b = i[e.value];
-        return typeof v == "string" && typeof b == "string" ? p.value === "asc" ? v.localeCompare(b) : b.localeCompare(v) : typeof v == "number" && typeof b == "number" ? p.value === "asc" ? v - b : b - v : 0;
-      }), o;
-    }), d = n(() => g.columns.filter((o) => !o.hideOnMobile));
-    return (o, w) => (s(), a("div", Ls, [
-      l("div", Os, [
-        (s(!0), a(Y, null, N(u.value, (i, v) => (s(), a("div", {
-          key: `card-${v}`,
+  emits: ["update:selectedKeys"],
+  setup(t, { emit: m }) {
+    const e = t, b = m, n = F(null), u = F("asc"), d = (C) => {
+      n.value === C ? u.value = u.value === "asc" ? "desc" : "asc" : (n.value = C, u.value = "asc");
+    }, i = r(() => {
+      if (!n.value)
+        return e.data;
+      const C = [...e.data];
+      return C.sort((j, p) => {
+        const o = j[n.value], g = p[n.value];
+        return typeof o == "string" && typeof g == "string" ? u.value === "asc" ? o.localeCompare(g) : g.localeCompare(o) : typeof o == "number" && typeof g == "number" ? u.value === "asc" ? o - g : g - o : 0;
+      }), C;
+    }), w = r(() => e.columns.filter((C) => !C.hideOnMobile)), y = r(() => e.selectable), h = r({
+      get: () => e.selectedKeys || [],
+      set: (C) => b("update:selectedKeys", C)
+    }), M = (C, j) => {
+      const p = e.rowKey;
+      return (p && C ? C[p] : void 0) ?? j;
+    }, B = r(() => i.value.map((C, j) => M(C, j))), S = r(() => B.value.length > 0 && B.value.every((C) => h.value.includes(C))), A = r(() => !S.value && h.value.length > 0), L = (C) => {
+      y.value && (h.value = C ? [...B.value] : []);
+    }, _ = (C, j) => {
+      const p = M(C, j);
+      return h.value.includes(p);
+    }, V = (C, j, p) => {
+      if (!y.value) return;
+      const o = M(C, j), g = new Set(h.value);
+      p ? g.add(o) : g.delete(o), h.value = Array.from(g);
+    }, f = (C) => {
+      const j = C.target;
+      return !!(j != null && j.checked);
+    }, v = (C) => {
+      L(f(C));
+    }, O = (C, j, p) => {
+      V(C, j, f(p));
+    };
+    return (C, j) => (s(), l("div", Ls, [
+      a("div", Os, [
+        y.value ? (s(), l("div", _s, [
+          a("input", {
+            type: "checkbox",
+            class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
+            checked: S.value,
+            indeterminate: A.value,
+            onChange: v,
+            "aria-label": "Seleccionar todas las filas"
+          }, null, 40, As),
+          j[0] || (j[0] = a("span", null, "Seleccionar todas", -1))
+        ])) : x("", !0),
+        (s(!0), l(E, null, H(i.value, (p, o) => (s(), l("div", {
+          key: `card-${o}`,
           class: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm"
         }, [
-          (s(!0), a(Y, null, N(d.value, (b) => (s(), a("div", {
-            key: `card-${v}-${b.key}`,
+          y.value ? (s(), l("div", Fs, [
+            a("input", {
+              type: "checkbox",
+              class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
+              checked: _(p, o),
+              onChange: (g) => O(p, o, g),
+              "aria-label": `Seleccionar fila ${o + 1}`
+            }, null, 40, Rs),
+            j[1] || (j[1] = a("span", { class: "text-sm text-gray-700" }, "Seleccionar fila", -1))
+          ])) : x("", !0),
+          (s(!0), l(E, null, H(w.value, (g) => (s(), l("div", {
+            key: `card-${o}-${g.key}`,
             class: "flex flex-col gap-1 py-1"
           }, [
-            l("span", Fs, k(b.label), 1),
-            l("span", As, [
-              V(o.$slots, `cell-${b.key}`, {
-                value: i[b.key],
-                row: i
+            a("span", Ps, $(g.label), 1),
+            a("span", Ys, [
+              I(C.$slots, `cell-${g.key}`, {
+                value: p[g.key],
+                row: p
               }, () => [
-                R(k(i[b.key]), 1)
+                q($(p[g.key]), 1)
               ], !0)
             ])
           ]))), 128))
         ]))), 128)),
-        u.value.length === 0 ? (s(), a("div", Ps, [
-          V(o.$slots, "empty", {}, () => [
-            w[0] || (w[0] = R("No hay datos disponibles", -1))
+        i.value.length === 0 ? (s(), l("div", Es, [
+          I(C.$slots, "empty", {}, () => [
+            j[2] || (j[2] = q("No hay datos disponibles", -1))
           ], !0)
         ])) : x("", !0)
       ]),
-      l("div", Ys, [
-        l("table", Es, [
-          l("thead", qs, [
-            l("tr", {
-              class: f([
+      a("div", qs, [
+        a("table", Ns, [
+          a("thead", Ws, [
+            a("tr", {
+              class: c([
                 "w-full",
-                g.headerClass || "bg-neutral-50 border-b border-gray-100"
+                e.headerClass || "bg-neutral-50 border-b border-gray-100"
               ])
             }, [
-              (s(!0), a(Y, null, N(t.columns, (i) => (s(), a("th", {
-                key: i.key,
-                style: U(i.width ? { width: i.width } : {}),
-                class: f([
+              y.value ? (s(), l("th", Hs, [
+                a("input", {
+                  type: "checkbox",
+                  class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
+                  checked: S.value,
+                  indeterminate: A.value,
+                  onChange: v,
+                  "aria-label": "Seleccionar todas las filas"
+                }, null, 40, Ks)
+              ])) : x("", !0),
+              (s(!0), l(E, null, H(t.columns, (p) => (s(), l("th", {
+                key: p.key,
+                style: G(p.width ? { width: p.width } : {}),
+                class: c([
                   "px-4 py-3 text-left text-xs font-semibold text-gray-700 border-l border-gray-100 first:border-l-0",
-                  i.sortable ? "cursor-pointer hover:text-primary-600 select-none transition-colors" : "",
-                  g.headerCellClass
+                  p.sortable ? "cursor-pointer hover:text-primary-600 select-none transition-colors" : "",
+                  e.headerCellClass
                 ]),
-                onClick: (v) => i.sortable && r(i.key)
+                onClick: (o) => p.sortable && d(p.key)
               }, [
-                l("div", Ws, [
-                  l("span", null, k(i.label), 1),
-                  i.sortable ? (s(), a("span", Ns, [
-                    e.value !== i.key ? (s(), a("span", _s, "⇅")) : (s(), a("span", Hs, k(p.value === "asc" ? "↑" : "↓"), 1))
+                a("div", Js, [
+                  a("span", null, $(p.label), 1),
+                  p.sortable ? (s(), l("span", Gs, [
+                    n.value !== p.key ? (s(), l("span", Qs, "⇅")) : (s(), l("span", Zs, $(u.value === "asc" ? "↑" : "↓"), 1))
                   ])) : x("", !0)
                 ])
-              ], 14, Rs))), 128))
+              ], 14, Us))), 128))
             ], 2)
           ]),
-          l("tbody", Ks, [
-            (s(!0), a(Y, null, N(u.value, (i, v) => (s(), a("tr", {
-              key: v,
-              class: f([
+          a("tbody", Xs, [
+            (s(!0), l(E, null, H(i.value, (p, o) => (s(), l("tr", {
+              key: o,
+              class: c([
                 "w-full border-b border-gray-200 hover:bg-gray-50 transition-colors",
-                g.rowClass
+                e.rowClass
               ])
             }, [
-              (s(!0), a(Y, null, N(t.columns, (b) => (s(), a("td", {
-                key: `${v}-${b.key}`,
-                class: f([
+              y.value ? (s(), l("td", el, [
+                a("input", {
+                  type: "checkbox",
+                  class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
+                  checked: _(p, o),
+                  onChange: (g) => O(p, o, g),
+                  "aria-label": `Seleccionar fila ${o + 1}`
+                }, null, 40, tl)
+              ])) : x("", !0),
+              (s(!0), l(E, null, H(t.columns, (g) => (s(), l("td", {
+                key: `${o}-${g.key}`,
+                class: c([
                   "px-4 py-3 text-xs text-gray-600 border-l border-gray-100 first:border-l-0",
-                  g.cellClass
+                  e.cellClass
                 ])
               }, [
-                V(o.$slots, `cell-${b.key}`, {
-                  value: i[b.key],
-                  row: i
+                I(C.$slots, `cell-${g.key}`, {
+                  value: p[g.key],
+                  row: p
                 }, () => [
-                  R(k(i[b.key]), 1)
+                  q($(p[g.key]), 1)
                 ], !0)
               ], 2))), 128))
             ], 2))), 128))
           ])
         ]),
-        u.value.length === 0 ? (s(), a("div", Us, [
-          V(o.$slots, "empty", {}, () => [
-            w[1] || (w[1] = R("No hay datos disponibles", -1))
+        i.value.length === 0 ? (s(), l("div", sl, [
+          I(C.$slots, "empty", {}, () => [
+            j[3] || (j[3] = q("No hay datos disponibles", -1))
           ], !0)
         ])) : x("", !0)
       ]),
-      o.$slots.footer ? (s(), a("div", Js, [
-        V(o.$slots, "footer", {}, void 0, !0)
+      C.$slots.footer ? (s(), l("div", ll, [
+        I(C.$slots, "footer", {}, void 0, !0)
       ])) : x("", !0)
     ]));
   }
-}), Ta = /* @__PURE__ */ K(Gs, [["__scopeId", "data-v-8e7ce66d"]]), Qs = { class: "tabs-wrapper" }, Zs = {
+}), Yl = /* @__PURE__ */ U(al, [["__scopeId", "data-v-48077898"]]), ol = { class: "tabs-wrapper" }, rl = {
   class: "tabs-container",
   role: "tablist"
-}, Xs = ["aria-selected", "onClick"], ea = "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 border-b-3", ta = "text-primary-600 border-primary-600 font-semibold", sa = "hover:text-secondary-700 border-transparent font-normal", aa = /* @__PURE__ */ E({
+}, nl = ["aria-selected", "onClick"], il = "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 border-b-3", dl = "text-primary-600 border-primary-600 font-semibold", ul = "hover:text-secondary-700 border-transparent font-normal", cl = /* @__PURE__ */ Y({
   __name: "Tabs",
   props: {
     modelValue: {},
@@ -1784,42 +1862,42 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     contentClass: {}
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: g }) {
-    const e = t, p = g, r = (w) => e.modelValue === w, u = (w) => {
-      r(w) || p("update:modelValue", w);
-    }, d = n(() => e.modelValue), o = n(
+  setup(t, { emit: m }) {
+    const e = t, b = m, n = (w) => e.modelValue === w, u = (w) => {
+      n(w) || b("update:modelValue", w);
+    }, d = r(() => e.modelValue), i = r(
       () => e.tabs.find((w) => w.value === d.value)
     );
-    return (w, i) => (s(), a("div", Qs, [
-      l("div", {
-        class: f(["tabs-header", t.headerClass])
+    return (w, y) => (s(), l("div", ol, [
+      a("div", {
+        class: c(["tabs-header", t.headerClass])
       }, [
-        l("div", Zs, [
-          (s(!0), a(Y, null, N(t.tabs, (v) => (s(), a("button", {
-            key: v.value,
+        a("div", rl, [
+          (s(!0), l(E, null, H(t.tabs, (h) => (s(), l("button", {
+            key: h.value,
             type: "button",
-            class: f([
-              ea,
-              r(v.value) ? ta : sa
+            class: c([
+              il,
+              n(h.value) ? dl : ul
             ]),
-            "aria-selected": r(v.value),
+            "aria-selected": n(h.value),
             role: "tab",
-            onClick: (b) => u(v.value)
-          }, k(v.label), 11, Xs))), 128))
+            onClick: (M) => u(h.value)
+          }, $(h.label), 11, nl))), 128))
         ])
       ], 2),
-      l("div", {
-        class: f(["tabs-content", t.contentClass]),
+      a("div", {
+        class: c(["tabs-content", t.contentClass]),
         role: "tabpanel"
       }, [
-        V(w.$slots, d.value, {
+        I(w.$slots, d.value, {
           active: d.value,
-          tab: o.value
+          tab: i.value
         }, void 0, !0)
       ], 2)
     ]));
   }
-}), Sa = /* @__PURE__ */ K(aa, [["__scopeId", "data-v-c7c56f28"]]), la = "font-sans", ja = /* @__PURE__ */ E({
+}), El = /* @__PURE__ */ U(cl, [["__scopeId", "data-v-c7c56f28"]]), fl = "font-sans", ql = /* @__PURE__ */ Y({
   __name: "Text",
   props: {
     variant: { default: "body1" },
@@ -1831,7 +1909,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     weight: {}
   },
   setup(t) {
-    const g = {
+    const m = {
       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",
@@ -1871,12 +1949,12 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
       button3: "span",
       caption: "span",
       overline: "span"
-    }, p = {
+    }, b = {
       left: "text-left",
       center: "text-center",
       right: "text-right",
       justify: "text-justify"
-    }, r = {
+    }, n = {
       default: "text-secondary-900",
       muted: "text-secondary-600",
       primary: "text-primary-600",
@@ -1891,45 +1969,45 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
       semibold: "font-semibold",
       bold: "font-bold",
       extrabold: "font-extrabold"
-    }, d = t, o = n(() => d.variant), w = n(() => d.align), i = n(() => d.as || e[o.value] || "span"), v = n(() => d.color && d.color.startsWith("#")), b = n(() => v.value ? "" : r[d.color] || r.default), S = n(() => v.value ? { color: d.color } : {}), I = n(() => d.weight ? { fontWeight: {
+    }, d = t, i = r(() => d.variant), w = r(() => d.align), y = r(() => d.as || e[i.value] || "span"), h = r(() => d.color && d.color.startsWith("#")), M = r(() => h.value ? "" : n[d.color] || n.default), B = r(() => h.value ? { color: d.color } : {}), S = r(() => d.weight ? { fontWeight: {
       light: 300,
       normal: 400,
       medium: 500,
       semibold: 600,
       bold: 700,
       extrabold: 800
-    }[d.weight] } : {}), F = n(() => d.weight ? u[d.weight] : "");
-    return (j, T) => (s(), Z(ge(i.value), {
-      class: f([
-        la,
-        g[o.value],
-        b.value,
-        p[w.value],
-        F.value,
+    }[d.weight] } : {}), A = r(() => d.weight ? u[d.weight] : "");
+    return (L, _) => (s(), ee(ve(y.value), {
+      class: c([
+        fl,
+        m[i.value],
+        M.value,
+        b[w.value],
+        A.value,
         {
-          uppercase: t.uppercase || o.value === "overline",
+          uppercase: t.uppercase || i.value === "overline",
           truncate: t.truncate
         }
       ]),
-      style: U([S.value, I.value])
+      style: G([B.value, S.value])
     }, {
-      default: ae(() => [
-        V(j.$slots, "default")
+      default: le(() => [
+        I(L.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
-}), oa = { class: "w-full flex items-center justify-between gap-3 py-2" }, na = {
+}), pl = { class: "w-full flex items-center justify-between gap-3 py-2" }, bl = {
   key: 0,
   class: "text-xs text-secondary-600"
-}, ra = { key: 0 }, ia = {
+}, vl = { key: 0 }, gl = {
   class: "ml-auto inline-flex items-center gap-1",
   role: "navigation",
   "aria-label": "Pagination"
-}, da = ["disabled"], ua = {
+}, yl = ["disabled"], ml = {
   key: 0,
   class: "h-8 min-w-8 px-2 inline-flex items-center justify-center text-secondary-500"
-}, ca = ["aria-label", "onClick"], fa = ["disabled"], pa = /* @__PURE__ */ E({
+}, hl = ["aria-label", "onClick"], xl = ["disabled"], kl = /* @__PURE__ */ Y({
   __name: "Pagination",
   props: {
     modelValue: { default: 1 },
@@ -1942,74 +2020,74 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     itemLabel: { default: "" }
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { emit: g }) {
-    const e = t, p = g, r = n(() => {
-      const b = Math.ceil(e.totalItems / e.pageSize);
-      return b > 0 ? b : 1;
-    }), u = n(() => {
-      const b = Number(e.modelValue || 1);
-      return b < 1 ? 1 : b > r.value ? r.value : b;
-    }), d = n(() => e.totalItems === 0 ? 0 : (u.value - 1) * e.pageSize + 1), o = n(() => Math.min(u.value * e.pageSize, e.totalItems)), w = n(() => `Mostrando ${d.value} a ${o.value} de ${e.totalItems}`), i = n(() => {
-      const b = r.value, S = Math.max(3, e.maxPages), I = u.value;
-      if (b <= S)
-        return Array.from({ length: b }, (m, $) => $ + 1);
-      const F = Math.floor(S / 2);
-      let j = Math.max(1, I - F), T = Math.min(b, j + S - 1);
-      j = Math.max(1, Math.min(j, T - S + 1));
-      const y = [];
-      j > 1 && (y.push(1), j > 2 && y.push("…"));
-      for (let m = j; m <= T; m++)
-        y.push(m);
-      return T < b && (T < b - 1 && y.push("…"), y.push(b)), y;
+  setup(t, { emit: m }) {
+    const e = t, b = m, n = r(() => {
+      const M = Math.ceil(e.totalItems / e.pageSize);
+      return M > 0 ? M : 1;
+    }), u = r(() => {
+      const M = Number(e.modelValue || 1);
+      return M < 1 ? 1 : M > n.value ? n.value : M;
+    }), d = r(() => e.totalItems === 0 ? 0 : (u.value - 1) * e.pageSize + 1), i = r(() => Math.min(u.value * e.pageSize, e.totalItems)), w = r(() => `Mostrando ${d.value} a ${i.value} de ${e.totalItems}`), y = r(() => {
+      const M = n.value, B = Math.max(3, e.maxPages), S = u.value;
+      if (M <= B)
+        return Array.from({ length: M }, (f, v) => v + 1);
+      const A = Math.floor(B / 2);
+      let L = Math.max(1, S - A), _ = Math.min(M, L + B - 1);
+      L = Math.max(1, Math.min(L, _ - B + 1));
+      const V = [];
+      L > 1 && (V.push(1), L > 2 && V.push("…"));
+      for (let f = L; f <= _; f++)
+        V.push(f);
+      return _ < M && (_ < M - 1 && V.push("…"), V.push(M)), V;
     });
-    function v(b) {
-      const S = Math.max(1, Math.min(b, r.value));
-      S !== u.value && (p("update:modelValue", S), p("change", S));
+    function h(M) {
+      const B = Math.max(1, Math.min(M, n.value));
+      B !== u.value && (b("update:modelValue", B), b("change", B));
     }
-    return (b, S) => (s(), a("div", oa, [
-      t.showSummary ? (s(), a("div", na, [
-        V(b.$slots, "summary", {
+    return (M, B) => (s(), l("div", pl, [
+      t.showSummary ? (s(), l("div", bl, [
+        I(M.$slots, "summary", {
           start: d.value,
-          end: o.value,
+          end: i.value,
           total: t.totalItems
         }, () => [
-          R(k(w.value), 1),
-          t.itemLabel ? (s(), a("span", ra, k(t.itemLabel), 1)) : x("", !0)
+          q($(w.value), 1),
+          t.itemLabel ? (s(), l("span", vl, $(t.itemLabel), 1)) : x("", !0)
         ], !0)
       ])) : x("", !0),
-      l("nav", ia, [
-        l("button", {
+      a("nav", gl, [
+        a("button", {
           type: "button",
           class: "h-8 px-3 rounded-full text-sm font-semibold text-secondary-700 hover:bg-secondary-100 disabled:opacity-50 disabled:cursor-not-allowed",
           disabled: u.value <= 1,
-          onClick: S[0] || (S[0] = (I) => v(u.value - 1)),
+          onClick: B[0] || (B[0] = (S) => h(u.value - 1)),
           "aria-label": "Anterior"
-        }, k(t.previousText), 9, da),
-        (s(!0), a(Y, null, N(i.value, (I, F) => (s(), a(Y, {
-          key: `page-${F}-${I}`
+        }, $(t.previousText), 9, yl),
+        (s(!0), l(E, null, H(y.value, (S, A) => (s(), l(E, {
+          key: `page-${A}-${S}`
         }, [
-          I === "…" ? (s(), a("span", ua, " … ")) : (s(), a("button", {
+          S === "…" ? (s(), l("span", ml, " … ")) : (s(), l("button", {
             key: 1,
             type: "button",
-            "aria-label": `Página ${I}`,
-            class: f([
+            "aria-label": `Página ${S}`,
+            class: c([
               "h-8 min-w-8 px-3 rounded-full text-sm font-semibold transition-colors",
-              I === u.value ? "bg-primary-500 text-white" : "text-secondary-700 hover:bg-secondary-100"
+              S === u.value ? "bg-primary-500 text-white" : "text-secondary-700 hover:bg-secondary-100"
             ]),
-            onClick: (j) => v(I)
-          }, k(I), 11, ca))
+            onClick: (L) => h(S)
+          }, $(S), 11, hl))
         ], 64))), 128)),
-        l("button", {
+        a("button", {
           type: "button",
           class: "h-8 px-3 rounded-full text-sm font-semibold text-secondary-700 hover:bg-secondary-100 disabled:opacity-50 disabled:cursor-not-allowed",
-          disabled: u.value >= r.value,
-          onClick: S[1] || (S[1] = (I) => v(u.value + 1)),
+          disabled: u.value >= n.value,
+          onClick: B[1] || (B[1] = (S) => h(u.value + 1)),
           "aria-label": "Siguiente"
-        }, k(t.nextText), 9, fa)
+        }, $(t.nextText), 9, xl)
       ])
     ]));
   }
-}), La = /* @__PURE__ */ K(pa, [["__scopeId", "data-v-87417cc4"]]), Oa = /* @__PURE__ */ E({
+}), Nl = /* @__PURE__ */ U(kl, [["__scopeId", "data-v-87417cc4"]]), Wl = /* @__PURE__ */ Y({
   __name: "Tooltip",
   props: {
     content: { default: "" },
@@ -2019,28 +2097,28 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     size: { default: "md" }
   },
   setup(t) {
-    const g = t, e = L(!1), p = {
+    const m = t, e = F(!1), b = {
       sm: "px-2 py-1 text-xs",
       md: "px-3 py-2 text-sm",
       lg: "px-4 py-3 text-base"
-    }, r = {
+    }, n = {
       // 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"
-    }, u = n(() => `absolute w-0 h-0 border-solid border-4 border-transparent ${{
+    }, u = 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]}`), d = n(() => ({
+    }[m.position]}`), d = r(() => ({
       "bg-gray-900": "#111827",
       "bg-primary-500": "#0ea5e9",
       "bg-green-600": "#16a34a",
       "bg-yellow-600": "#ca8a04",
       "bg-danger-600": "#dc2626"
-    })[g.backgroundColor] || "#111827"), o = n(() => ({
+    })[m.backgroundColor] || "#111827"), i = r(() => ({
       // Orden: top, right, bottom, left
       top: `transparent transparent ${d.value} transparent`,
       // tooltip arriba → flecha apunta hacia abajo (borde inferior coloreado)
@@ -2050,14 +2128,14 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
       // tooltip a la izquierda → flecha apunta hacia la derecha (borde derecho coloreado)
       right: `transparent transparent transparent ${d.value}`
       // tooltip a la derecha → flecha apunta hacia la izquierda (borde izquierdo coloreado)
-    })[g.position]), w = n(() => `absolute ${r[g.position]} ${g.textColor} ${p[g.size]} rounded-md shadow-lg whitespace-nowrap z-50`);
-    return (i, v) => (s(), a("div", {
+    })[m.position]), w = r(() => `absolute ${n[m.position]} ${m.textColor} ${b[m.size]} rounded-md shadow-lg whitespace-nowrap z-50`);
+    return (y, h) => (s(), l("div", {
       class: "relative inline-flex",
-      onMouseenter: v[0] || (v[0] = (b) => e.value = !0),
-      onMouseleave: v[1] || (v[1] = (b) => e.value = !1)
+      onMouseenter: h[0] || (h[0] = (M) => e.value = !0),
+      onMouseleave: h[1] || (h[1] = (M) => e.value = !1)
     }, [
-      V(i.$slots, "default"),
-      G(ne, {
+      I(y.$slots, "default"),
+      J(re, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
         "enter-to-class": "opacity-100",
@@ -2065,19 +2143,19 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: ae(() => [
-          e.value ? (s(), a("div", {
+        default: le(() => [
+          e.value ? (s(), l("div", {
             key: 0,
-            class: f(w.value),
-            style: U({ backgroundColor: d.value }),
+            class: c(w.value),
+            style: G({ backgroundColor: d.value }),
             role: "tooltip"
           }, [
-            V(i.$slots, "content", {}, () => [
-              R(k(t.content), 1)
+            I(y.$slots, "content", {}, () => [
+              q($(t.content), 1)
             ]),
-            l("div", {
-              class: f(u.value),
-              style: U({ borderColor: o.value })
+            a("div", {
+              class: c(u.value),
+              style: G({ borderColor: i.value })
             }, null, 6)
           ], 6)) : x("", !0)
         ]),
@@ -2085,10 +2163,113 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
       })
     ], 32));
   }
-}), va = ["data-node-id"], ga = { class: "shrink-0 size-12 rounded-full bg-[var(--neutrales/fondo-general-claro,#f7f7f7)] grid place-items-center" }, ba = {
+}), wl = { class: "truncate" }, $l = ["aria-label", "disabled"], Hl = /* @__PURE__ */ Y({
+  __name: "Chip",
+  props: {
+    label: { default: "" },
+    color: { default: "default" },
+    variant: { default: "filled" },
+    size: { default: "md" },
+    closable: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    icon: { default: void 0 },
+    closeAriaLabel: { default: "Cerrar" }
+  },
+  emits: ["click", "close"],
+  setup(t, { emit: m }) {
+    const e = t, b = m, n = r(() => !!e.icon), u = r(() => e.icon || ""), d = {
+      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"
+    }, i = {
+      default: {
+        filled: "bg-gray-100 text-gray-800 border border-gray-200",
+        outlined: "bg-white text-gray-800 border border-gray-300",
+        tonal: "bg-gray-50 text-gray-800 border border-gray-100"
+      },
+      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"
+      },
+      secondary: {
+        filled: "bg-secondary-600 text-white border border-secondary-600",
+        outlined: "bg-white text-secondary-700 border border-secondary-300",
+        tonal: "bg-secondary-50 text-secondary-700 border border-secondary-100"
+      },
+      success: {
+        filled: "bg-emerald-600 text-white border border-emerald-600",
+        outlined: "bg-white text-emerald-700 border border-emerald-300",
+        tonal: "bg-emerald-50 text-emerald-600 border border-emerald-200"
+      },
+      warning: {
+        filled: "bg-amber-500 text-white border border-amber-500",
+        outlined: "bg-white text-amber-700 border border-amber-300",
+        tonal: "bg-amber-50 text-amber-800 border border-amber-100"
+      },
+      error: {
+        filled: "bg-rose-600 text-white border border-rose-600",
+        outlined: "bg-white text-rose-700 border border-rose-300",
+        tonal: "bg-rose-50 text-rose-700 border border-rose-100"
+      },
+      info: {
+        filled: "bg-sky-600 text-white border border-sky-600",
+        outlined: "bg-white text-sky-700 border border-sky-300",
+        tonal: "bg-sky-50 text-sky-700 border border-sky-100"
+      }
+    }, w = r(() => {
+      const B = i[e.color] ?? i.default, S = B[e.variant] ?? B.filled;
+      return [
+        "inline-flex items-center select-none",
+        "transition-colors duration-150",
+        "max-w-full",
+        d[e.size],
+        "rounded-full",
+        e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-default",
+        S
+      ].join(" ");
+    }), y = r(() => "text-current flex items-center"), h = () => {
+      e.disabled || b("close");
+    }, M = () => {
+      e.disabled || b("click");
+    };
+    return (B, S) => (s(), l("div", {
+      class: c(w.value),
+      role: "status",
+      onClick: M
+    }, [
+      n.value ? (s(), l("span", {
+        key: 0,
+        class: c(y.value)
+      }, [
+        J(X, {
+          name: u.value,
+          size: "sm"
+        }, null, 8, ["name"])
+      ], 2)) : x("", !0),
+      a("span", wl, [
+        I(B.$slots, "default", {}, () => [
+          q($(t.label), 1)
+        ])
+      ]),
+      t.closable ? (s(), l("button", {
+        key: 1,
+        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: K(h, ["stop"]),
+        disabled: t.disabled
+      }, [
+        J(X, {
+          name: "close",
+          size: "sm"
+        })
+      ], 8, $l)) : x("", !0)
+    ], 2));
+  }
+}), Cl = ["data-node-id"], Ml = { class: "shrink-0 size-12 rounded-full bg-[var(--neutrales/fondo-general-claro,#f7f7f7)] grid place-items-center" }, Bl = {
   key: 1,
-  class: "flex justify-end gap-1 px-6 pb-6 pt-4"
-}, Fa = /* @__PURE__ */ E({
+  class: "flex flex-wrap items-center justify-end gap-2 px-6 pb-6 pt-4"
+}, Kl = /* @__PURE__ */ Y({
   __name: "Alert",
   props: {
     variant: {},
@@ -2101,21 +2282,9 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
     stackOn: {}
   },
   emits: ["close", "accept", "cancel"],
-  setup(t, { emit: g }) {
-    const e = g, p = t, r = n(() => p.variant ?? "info"), u = n(() => p.multiline ?? !1), d = n(() => p.actions ?? !1), o = n(() => p.nodeId ?? void 0), w = () => e("close"), i = n(() => {
-      if (p.title) return p.title;
-      switch (r.value) {
-        case "info":
-          return "Alerta de información";
-        case "warning":
-          return "Alerta de advertencia";
-        case "success":
-          return "Alerta de éxito";
-        case "error":
-          return "Alerta de error";
-      }
-    }), v = n(() => p.description ?? ""), b = n(() => {
-      switch (r.value) {
+  setup(t, { emit: m }) {
+    const e = m, b = t, n = r(() => b.variant ?? "info"), u = r(() => b.multiline ?? !1), d = r(() => b.actions ?? !1), i = r(() => b.nodeId ?? void 0), w = () => e("close"), y = r(() => !!b.title), h = r(() => b.title ?? ""), M = r(() => b.description ?? ""), B = r(() => {
+      switch (n.value) {
         case "info":
           return {
             border: "border-[var(--semantica/info,#0064ff)]",
@@ -2141,32 +2310,36 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
             icon: "text-[#ff4235]"
           };
       }
-    }), S = n(() => "bg-[var(--color-primario/700,#269ea4)]"), I = n(() => {
-      const T = "flex w-full items-start gap-4 flex-col";
-      if (!p.stackOn) return `${T} sm:flex-row sm:items-center`;
-      const y = p.stackOn, m = `${y}:flex-row ${y}:items-center`;
-      return `${T} ${m}`;
-    }), F = n(() => {
-      if (!p.stackOn) return "flex-col sm:flex-row items-start sm:items-center";
-      const T = p.stackOn;
-      return `flex-col ${T}:flex-row items-start ${T}:items-center`;
-    }), j = n(() => p.stackOn ? `self-start ${p.stackOn}:self-auto` : "self-start sm:self-auto");
-    return (T, y) => (s(), a("div", {
-      class: f(["relative w-full rounded-xl border", [
-        b.value.border,
-        b.value.bg
+    }), S = r(() => "bg-[var(--color-primario/700,#269ea4)]"), A = r(() => {
+      const f = "flex w-full items-start gap-4 flex-col";
+      if (!b.stackOn) return `${f} sm:flex-row sm:items-center`;
+      const v = b.stackOn, O = `${v}:flex-row ${v}:items-center`;
+      return `${f} ${O}`;
+    }), L = r(() => {
+      if (!b.stackOn) return "flex-col sm:flex-row items-start sm:items-center";
+      const f = b.stackOn;
+      return `flex-col ${f}:flex-row items-start ${f}:items-center`;
+    }), _ = r(() => {
+      if (!b.stackOn) return "flex-col sm:flex-row sm:items-center w-full";
+      const f = b.stackOn;
+      return `flex-col ${f}:flex-row ${f}:items-center w-full`;
+    }), V = r(() => b.stackOn ? `self-start ${b.stackOn}:self-auto` : "self-start sm:self-auto");
+    return (f, v) => (s(), l("div", {
+      class: c(["relative w-full rounded-xl border", [
+        B.value.border,
+        B.value.bg
       ]]),
       role: "alert",
-      "data-node-id": o.value
+      "data-node-id": i.value
     }, [
-      t.closable ? (s(), a("button", {
+      t.closable ? (s(), l("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: w
-      }, [...y[2] || (y[2] = [
-        l("svg", {
+      }, [...v[2] || (v[2] = [
+        a("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "18",
           height: "18",
@@ -2177,13 +2350,13 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
         }, [
-          l("line", {
+          a("line", {
             x1: "18",
             y1: "6",
             x2: "6",
             y2: "18"
           }),
-          l("line", {
+          a("line", {
             x1: "6",
             y1: "6",
             x2: "18",
@@ -2191,105 +2364,105 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
           })
         ], -1)
       ])])) : x("", !0),
-      l("div", {
-        class: f(["p-6", { "pb-0": d.value }])
+      a("div", {
+        class: c(["p-6", { "pb-0": d.value }])
       }, [
-        l("div", {
-          class: f(I.value)
+        a("div", {
+          class: c(A.value)
         }, [
-          l("div", ga, [
-            r.value === "info" ? (s(), a("svg", {
+          a("div", Ml, [
+            n.value === "info" ? (s(), l("svg", {
               key: 0,
               xmlns: "http://www.w3.org/2000/svg",
               width: "24",
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: f(b.value.icon),
+              class: c(B.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...y[3] || (y[3] = [
-              l("circle", {
+            }, [...v[3] || (v[3] = [
+              a("circle", {
                 cx: "12",
                 cy: "12",
                 r: "10"
               }, null, -1),
-              l("line", {
+              a("line", {
                 x1: "12",
                 y1: "16",
                 x2: "12",
                 y2: "12"
               }, null, -1),
-              l("line", {
+              a("line", {
                 x1: "12",
                 y1: "8",
                 x2: "12",
                 y2: "8"
               }, null, -1)
-            ])], 2)) : r.value === "warning" ? (s(), a("svg", {
+            ])], 2)) : n.value === "warning" ? (s(), l("svg", {
               key: 1,
               xmlns: "http://www.w3.org/2000/svg",
               width: "24",
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: f(b.value.icon),
+              class: c(B.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...y[4] || (y[4] = [
-              l("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),
-              l("line", {
+            }, [...v[4] || (v[4] = [
+              a("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),
+              a("line", {
                 x1: "12",
                 y1: "9",
                 x2: "12",
                 y2: "13"
               }, null, -1),
-              l("line", {
+              a("line", {
                 x1: "12",
                 y1: "17",
                 x2: "12",
                 y2: "17"
               }, null, -1)
-            ])], 2)) : r.value === "success" ? (s(), a("svg", {
+            ])], 2)) : n.value === "success" ? (s(), l("svg", {
               key: 2,
               xmlns: "http://www.w3.org/2000/svg",
               width: "24",
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: f(b.value.icon),
+              class: c(B.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...y[5] || (y[5] = [
-              l("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }, null, -1),
-              l("polyline", { points: "22 4 12 14.01 9 11.01" }, null, -1)
-            ])], 2)) : (s(), a("svg", {
+            }, [...v[5] || (v[5] = [
+              a("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }, null, -1),
+              a("polyline", { points: "22 4 12 14.01 9 11.01" }, null, -1)
+            ])], 2)) : (s(), l("svg", {
               key: 3,
               xmlns: "http://www.w3.org/2000/svg",
               width: "24",
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: f(b.value.icon),
+              class: c(B.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...y[6] || (y[6] = [
-              l("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),
-              l("line", {
+            }, [...v[6] || (v[6] = [
+              a("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),
+              a("line", {
                 x1: "12",
                 y1: "8",
                 x2: "12",
                 y2: "12"
               }, null, -1),
-              l("line", {
+              a("line", {
                 x1: "12",
                 y1: "16",
                 x2: "12",
@@ -2297,62 +2470,68 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Re = {
               }, null, -1)
             ])], 2))
           ]),
-          l("div", {
-            class: f(["flex-1 flex gap-4 text-[14px]", [F.value, t.closable ? "pr-6" : "", { "whitespace-nowrap": !u.value, "whitespace-pre-wrap": u.value }]])
+          a("div", {
+            class: c(["flex-1 flex gap-4 text-[14px]", [L.value, t.closable ? "pr-6" : "", { "whitespace-nowrap": !u.value, "whitespace-pre-wrap": u.value }]])
           }, [
-            l("div", {
-              class: f(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", j.value])
-            }, k(i.value), 3),
-            l("div", {
-              class: f(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !u.value }])
+            a("div", {
+              class: c(["flex flex-1 gap-3 items-start", _.value])
             }, [
-              V(T.$slots, "description", {}, () => [
-                R(k(v.value), 1)
-              ])
+              y.value ? (s(), l("div", {
+                key: 0,
+                class: c(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", V.value])
+              }, $(h.value), 3)) : x("", !0),
+              a("div", {
+                class: c(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !u.value }])
+              }, [
+                I(f.$slots, "description", {}, () => [
+                  q($(M.value), 1)
+                ])
+              ], 2)
             ], 2)
           ], 2)
         ], 2)
       ], 2),
-      d.value ? (s(), a("div", ba, [
-        l("button", {
+      d.value ? (s(), l("div", Bl, [
+        a("button", {
           type: "button",
-          class: "px-4 py-1.5 rounded-[18px] text-[14px] tracking-[1.25px] font-bold text-[color:var(--neutrales/texto-principal,#565656)]",
-          onClick: y[0] || (y[0] = (m) => T.$emit("cancel"))
+          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] = (O) => f.$emit("cancel"))
         }, [
-          V(T.$slots, "cancel", {}, () => [
-            y[7] || (y[7] = R("Cancelar", -1))
+          I(f.$slots, "cancel", {}, () => [
+            v[7] || (v[7] = q("Cancelar", -1))
           ])
         ]),
-        l("button", {
+        a("button", {
           type: "button",
-          class: f(["px-4 py-1.5 rounded-[18px] text-[14px] tracking-[1.25px] font-bold text-white", S.value]),
-          onClick: y[1] || (y[1] = (m) => T.$emit("accept"))
+          class: c(["px-3 py-1.5 rounded-lg text-sm tracking-[0.25px] font-semibold text-white", S.value]),
+          onClick: v[1] || (v[1] = (O) => f.$emit("accept"))
         }, [
-          V(T.$slots, "accept", {}, () => [
-            y[8] || (y[8] = R("Aceptar", -1))
+          I(f.$slots, "accept", {}, () => [
+            v[8] || (v[8] = q("Aceptar", -1))
           ])
         ], 2)
       ])) : x("", !0)
-    ], 10, va));
+    ], 10, Cl));
   }
 });
 export {
-  Fa as Alert,
-  xa as AppBar,
-  wa as Button,
-  ka as Calendar,
-  $a as Card,
-  Ca as Dialog,
-  Ma as FileUpload,
-  te as Icon,
-  Ba as Input,
-  Da as Loader,
-  za as Menu,
-  La as Pagination,
-  Va as Select,
-  Ia as Sidebar,
-  Ta as Table,
-  Sa as Tabs,
-  ja as Text,
-  Oa as Tooltip
+  Kl as Alert,
+  Sl as AppBar,
+  Tl as Button,
+  Il as Calendar,
+  jl as Card,
+  Hl as Chip,
+  Ll as Dialog,
+  Ol as FileUpload,
+  X as Icon,
+  _l as Input,
+  Al as Loader,
+  Fl as Menu,
+  Nl as Pagination,
+  Rl as Select,
+  Pl as Sidebar,
+  Yl as Table,
+  El as Tabs,
+  ql as Text,
+  Wl as Tooltip
 };