@iaclinical/components 1.0.23 → 1.0.24

package/dist/iaclinical-components.js

@@ -1,6 +1,6 @@
-import { defineComponent as P, computed as r, createElementBlock as l, openBlock as s, normalizeClass as f, createElementVNode as o, createCommentVNode as y, renderSlot as V, toDisplayString as x, createBlock as ee, unref as Ye, normalizeStyle as Q, ref as L, onMounted as $e, onUnmounted as Ce, watch as ve, createTextVNode as q, withModifiers as H, createVNode as G, withDirectives as ue, Fragment as E, renderList as W, vModelSelect as ke, Teleport as pe, Transition as ce, withCtx as ae, nextTick as fe, resolveDynamicComponent as Me, vModelText as Ae } from "vue";
-import { Icon as Ee } from "@iconify/vue";
-const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
+import { defineComponent as q, computed as r, createElementBlock as l, openBlock as s, normalizeClass as c, createElementVNode as o, createCommentVNode as y, renderSlot as V, toDisplayString as x, createBlock as ee, unref as Ae, normalizeStyle as Q, ref as L, onMounted as $e, onUnmounted as Ce, watch as ve, createTextVNode as _, withModifiers as H, createVNode as G, withDirectives as ue, Fragment as P, renderList as W, vModelSelect as ke, Teleport as pe, Transition as ce, withCtx as ae, nextTick as fe, resolveDynamicComponent as Me, vModelText as Ee } from "vue";
+import { Icon as Pe } from "@iconify/vue";
+const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
   key: 1,
   class: "text-base sm:text-lg font-bold text-primary-50 font-poppins whitespace-nowrap"
 }, Re = { class: "flex flex-1 justify-center items-center min-w-0" }, Ne = {
@@ -9,7 +9,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
 }, 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__ */ P({
+}, Ke = /* @__PURE__ */ q({
   __name: "AppBar",
   props: {
     title: { default: "" },
@@ -22,7 +22,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["toggle-menu"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = r(() => {
+    const e = t, f = g, 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", v = {
         default: "bg-primary-700 text-primary-50",
         dark: "bg-secondary-900 text-white",
@@ -41,12 +41,12 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       ].join(" ");
     });
     return (u, v) => (s(), l("header", {
-      class: f(n.value)
+      class: c(n.value)
     }, [
-      o("div", Pe, [
+      o("div", qe, [
         t.showMenuButton ? (s(), l("button", {
           key: 0,
-          onClick: v[0] || (v[0] = (a) => c("toggle-menu")),
+          onClick: v[0] || (v[0] = (a) => f("toggle-menu")),
           class: "p-1.5 sm:p-2 hover:bg-primary-600 rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
           "aria-label": "Toggle menu"
         }, [...v[1] || (v[1] = [
@@ -65,7 +65,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
             })
           ], -1)
         ])])) : y("", !0),
-        t.title && t.titlePosition === "left" ? (s(), l("div", qe, x(t.title), 1)) : y("", !0),
+        t.title && t.titlePosition === "left" ? (s(), l("div", _e, x(t.title), 1)) : y("", !0),
         V(u.$slots, "left", {}, void 0, !0)
       ]),
       o("div", Re, [
@@ -80,13 +80,13 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   }
 }), K = (t, g) => {
   const e = t.__vccOpts || t;
-  for (const [c, n] of g)
-    e[c] = n;
+  for (const [f, n] of g)
+    e[f] = n;
   return e;
-}, xl = /* @__PURE__ */ K(Ke, [["__scopeId", "data-v-c5861315"]]), Ue = ["type", "disabled", "aria-label"], Je = {
+}, yl = /* @__PURE__ */ K(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]"
-}, wl = /* @__PURE__ */ P({
+}, hl = /* @__PURE__ */ q({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -101,7 +101,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["click"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = r(() => e.variant === "icon"), u = r(() => e.badge > 99 ? "99+" : e.badge.toString()), v = r(() => {
+    const e = t, f = g, n = r(() => e.variant === "icon"), u = r(() => e.badge > 99 ? "99+" : e.badge.toString()), v = r(() => {
       const h = "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 = {
         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",
@@ -127,10 +127,10 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       });
       return `${h} ${i[e.variant]} ${p[e.size]} ${b[e.radius]} ${T} ${B.value}`;
     }), a = (h) => {
-      e.disabled || c("click", h);
+      e.disabled || f("click", h);
     };
     return (h, i) => (s(), l("button", {
-      class: f(v.value),
+      class: c(v.value),
       type: t.type,
       disabled: t.disabled,
       onClick: a,
@@ -140,7 +140,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       n.value && t.badge && t.badge > 0 ? (s(), l("span", Je, x(u.value), 1)) : y("", !0)
     ], 10, Ue));
   }
-}), Ge = /* @__PURE__ */ P({
+}), Ge = /* @__PURE__ */ q({
   __name: "Icon",
   props: {
     name: {},
@@ -159,7 +159,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       lg: "24px",
       xl: "30px",
       "2xl": "36px"
-    }, c = (a, h) => {
+    }, f = (a, h) => {
       const i = a.replace(/_/g, "-");
       switch (h) {
         case "filled":
@@ -175,7 +175,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         default:
           return `material-symbols:${i}`;
       }
-    }, n = r(() => c(g.name, g.variant)), u = r(() => {
+    }, n = r(() => f(g.name, g.variant)), u = r(() => {
       const a = [
         "inline-flex items-center justify-center select-none",
         "transition-transform duration-200"
@@ -189,9 +189,9 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       }
       return a;
     });
-    return (a, h) => (s(), ee(Ye(Ee), {
+    return (a, h) => (s(), ee(Ae(Pe), {
       icon: n.value,
-      class: f(u.value),
+      class: c(u.value),
       style: Q(v.value),
       "aria-label": t.ariaLabel,
       role: t.ariaLabel ? "img" : void 0
@@ -215,7 +215,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
 }, 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" }, vt = ["value"], pt = ["value"], bt = { class: "grid grid-cols-7 gap-1 mb-2" }, gt = { class: "grid grid-cols-7 gap-1" }, mt = ["disabled", "onClick"], yt = { class: "flex justify-end space-x-2 mt-4 pt-4 border-t border-secondary-100" }, ht = ["disabled"], xt = /* @__PURE__ */ P({
+}, ct = { class: "flex items-center justify-between mb-4" }, ft = { class: "flex items-center space-x-2" }, vt = ["value"], pt = ["value"], bt = { class: "grid grid-cols-7 gap-1 mb-2" }, gt = { class: "grid grid-cols-7 gap-1" }, mt = ["disabled", "onClick"], yt = { class: "flex justify-end space-x-2 mt-4 pt-4 border-t border-secondary-100" }, ht = ["disabled"], xt = /* @__PURE__ */ q({
   __name: "Calendar",
   props: {
     modelValue: {},
@@ -244,7 +244,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue", "date-select", "range-select"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = L(!1), u = L(null), v = L((/* @__PURE__ */ new Date()).getMonth()), a = L((/* @__PURE__ */ new Date()).getFullYear()), h = L(`calendar-${Math.random().toString(36).substr(2, 9)}`), i = L(null), p = L(null), b = [
+    const e = t, f = g, n = L(!1), u = L(null), v = L((/* @__PURE__ */ new Date()).getMonth()), a = L((/* @__PURE__ */ new Date()).getFullYear()), h = L(`calendar-${Math.random().toString(36).substr(2, 9)}`), i = L(null), p = L(null), b = [
       "Enero",
       "Febrero",
       "Marzo",
@@ -270,16 +270,16 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       }, z = {
         primary: "focus:ring-primary-500",
         secondary: "focus:ring-secondary-500"
-      }, Y = {
+      }, A = {
         default: "bg-white",
         filled: "bg-secondary-100",
         outlined: "bg-transparent"
       }, U = e.error ? "border-danger-600 focus:ring-danger-500" : "";
-      return `${m} ${C[e.size]} ${Y[e.variant]} ${z[e.color]} ${U}`;
+      return `${m} ${C[e.size]} ${A[e.variant]} ${z[e.color]} ${U}`;
     }), k = r(() => `transition-colors ${{
       primary: "text-primary-600 hover:text-primary-700",
       secondary: "text-secondary-600 hover:text-secondary-700"
-    }[e.color]} ${e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), I = r(() => "min-w-80 max-w-sm"), F = r(() => `p-2 rounded-md transition-colors ${{
+    }[e.color]} ${e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), I = r(() => "min-w-80 max-w-sm"), Y = 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 = r(() => `px-2 py-1 text-sm border border-secondary-300 rounded-md focus:outline-none focus:ring-1 ${{
@@ -291,10 +291,10 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     }[e.color]}`), M = 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]}`), d = r(() => e.mode === "single" && e.modelValue && e.modelValue instanceof Date ? A(e.modelValue) : ""), w = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue && e.modelValue.start ? A(e.modelValue.start) : ""), $ = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "end" in e.modelValue && e.modelValue.end ? A(e.modelValue.end) : ""), J = r(() => e.mode === "single" ? i.value !== null : i.value !== null && p.value !== null && p.value >= i.value);
+    }[e.color]}`), d = r(() => e.mode === "single" && e.modelValue && e.modelValue instanceof Date ? E(e.modelValue) : ""), w = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue && e.modelValue.start ? E(e.modelValue.start) : ""), $ = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "end" in e.modelValue && e.modelValue.end ? E(e.modelValue.end) : ""), J = r(() => e.mode === "single" ? i.value !== null : i.value !== null && p.value !== null && p.value >= i.value);
     r(() => e.mode === "range" && i.value && p.value ? p.value < i.value : !1);
-    const _ = r(() => {
-      const m = new Date(a.value, v.value, 1), C = new Date(a.value, v.value + 1, 0), z = m.getDay(), Y = C.getDate(), U = [], X = new Date(a.value, v.value - 1, 0);
+    const F = r(() => {
+      const m = new Date(a.value, v.value, 1), C = new Date(a.value, v.value + 1, 0), z = m.getDay(), A = C.getDate(), U = [], X = new Date(a.value, v.value - 1, 0);
       for (let R = z - 1; R >= 0; R--) {
         const Z = new Date(a.value, v.value - 1, X.getDate() - R);
         U.push({
@@ -305,7 +305,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           key: `prev-${Z.getDate()}`
         });
       }
-      for (let R = 1; R <= Y; R++) {
+      for (let R = 1; R <= A; R++) {
         const Z = new Date(a.value, v.value, R);
         U.push({
           day: R,
@@ -315,8 +315,8 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           key: `current-${R}`
         });
       }
-      const Fe = 42 - U.length;
-      for (let R = 1; R <= Fe; R++) {
+      const Ye = 42 - U.length;
+      for (let R = 1; R <= Ye; R++) {
         const Z = new Date(a.value, v.value + 1, R);
         U.push({
           day: R,
@@ -327,36 +327,36 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         });
       }
       return U;
-    }), A = (m) => {
-      const C = m.getDate().toString().padStart(2, "0"), z = (m.getMonth() + 1).toString().padStart(2, "0"), Y = m.getFullYear();
+    }), E = (m) => {
+      const C = m.getDate().toString().padStart(2, "0"), z = (m.getMonth() + 1).toString().padStart(2, "0"), A = m.getFullYear();
       switch (e.dateFormat) {
         case "MM/DD/YYYY":
-          return `${z}/${C}/${Y}`;
+          return `${z}/${C}/${A}`;
         case "YYYY-MM-DD":
-          return `${Y}-${z}-${C}`;
+          return `${A}-${z}-${C}`;
         case "DD/MM/YYYY":
         default:
-          return `${C}/${z}/${Y}`;
+          return `${C}/${z}/${A}`;
       }
     }, be = (m) => {
       var z;
       const C = new Date(m.getFullYear(), m.getMonth(), m.getDate());
       if (e.minDate) {
-        const Y = new Date(e.minDate.getFullYear(), e.minDate.getMonth(), e.minDate.getDate());
-        if (C < Y) return !0;
+        const A = new Date(e.minDate.getFullYear(), e.minDate.getMonth(), e.minDate.getDate());
+        if (C < A) return !0;
       }
       if (e.maxDate) {
-        const Y = new Date(e.maxDate.getFullYear(), e.maxDate.getMonth(), e.maxDate.getDate());
-        if (C > Y) return !0;
+        const A = new Date(e.maxDate.getFullYear(), e.maxDate.getMonth(), e.maxDate.getDate());
+        if (C > A) return !0;
       }
       return !!((z = e.disabledDates) != null && z.some(
-        (Y) => Y.toDateString() === m.toDateString()
+        (A) => A.toDateString() === m.toDateString()
       ));
     }, De = (m) => {
       const C = "w-8 h-8 text-sm rounded-md transition-colors focus:outline-none";
       if (!m.isCurrentMonth || m.disabled || be(m.date))
         return `${C} text-secondary-400 cursor-not-allowed`;
-      const z = Be(m.date), Y = ze(m.date), U = Ve(m.date), X = {
+      const z = Be(m.date), A = ze(m.date), U = Ve(m.date), X = {
         primary: {
           selected: "bg-primary-600 text-white",
           inRange: "bg-primary-100 text-primary-900",
@@ -370,7 +370,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           default: "text-secondary-700 hover:bg-secondary-50 hover:text-secondary-700"
         }
       };
-      return z ? `${C} ${X[e.color].selected}` : Y ? `${C} ${X[e.color].inRange}` : U ? `${C} ${X[e.color].today}` : `${C} ${X[e.color].default}`;
+      return z ? `${C} ${X[e.color].selected}` : A ? `${C} ${X[e.color].inRange}` : U ? `${C} ${X[e.color].today}` : `${C} ${X[e.color].default}`;
     }, Be = (m) => e.mode === "single" ? i.value ? le(m, i.value) : !1 : !!(i.value && le(m, i.value)) || !!(p.value && le(m, p.value)), ze = (m) => {
       if (e.mode !== "range" || !i.value || !p.value)
         return !1;
@@ -402,15 +402,15 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       e.mode === "single" ? (i.value = m, p.value = null) : u.value === "start" || !i.value ? (i.value = m, p.value = null, u.value = "end") : (u.value === "end" || !p.value) && (m < i.value ? (p.value = i.value, i.value = m) : p.value = m, u.value = null);
     }, Le = () => {
       if (e.mode === "single")
-        c("update:modelValue", i.value), i.value && c("date-select", i.value);
+        f("update:modelValue", i.value), i.value && f("date-select", i.value);
       else {
         const m = { start: i.value, end: p.value };
-        c("update:modelValue", m), c("range-select", m);
+        f("update:modelValue", m), f("range-select", m);
       }
       re();
     }, Oe = () => {
       v.value === 0 ? (v.value = 11, a.value--) : v.value--;
-    }, _e = () => {
+    }, Fe = () => {
       v.value === 11 ? (v.value = 0, a.value++) : v.value++;
     }, xe = () => {
     }, de = L(), we = (m) => {
@@ -431,17 +431,17 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         t.label && t.showLabel ? (s(), l("label", {
           key: 0,
           for: h.value,
-          class: f(j.value)
+          class: c(j.value)
         }, [
-          q(x(t.label) + " ", 1),
+          _(x(t.label) + " ", 1),
           t.required ? (s(), l("span", Xe, "*")) : y("", !0)
         ], 10, Ze)) : y("", !0),
         o("div", {
-          class: f(["relative rounded-md", S.value])
+          class: c(["relative rounded-md", S.value])
         }, [
           o("input", {
             id: h.value,
-            class: f(D.value),
+            class: c(D.value),
             type: "text",
             disabled: t.disabled,
             placeholder: t.placeholder || "Seleccionar fecha",
@@ -453,7 +453,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           }, null, 42, et),
           o("button", {
             type: "button",
-            class: f(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
+            class: c(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
             onClick: H(Ie, ["stop"]),
             disabled: t.disabled
           }, [
@@ -466,17 +466,17 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       ])) : (s(), l("div", st, [
         t.label && t.showLabel ? (s(), l("label", {
           key: 0,
-          class: f(j.value)
+          class: c(j.value)
         }, [
-          q(x(t.label) + " ", 1),
+          _(x(t.label) + " ", 1),
           t.required ? (s(), l("span", lt, "*")) : y("", !0)
         ], 2)) : y("", !0),
         o("div", ot, [
           o("div", {
-            class: f(["relative rounded-md", S.value])
+            class: c(["relative rounded-md", S.value])
           }, [
             o("input", {
-              class: f(D.value),
+              class: c(D.value),
               type: "text",
               disabled: t.disabled,
               placeholder: t.startPlaceholder || "Fecha desde",
@@ -488,7 +488,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
             }, null, 42, at),
             o("button", {
               type: "button",
-              class: f(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
+              class: c(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
               onClick: C[2] || (C[2] = H(() => ye("start"), ["stop"])),
               disabled: t.disabled
             }, [
@@ -499,10 +499,10 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
             ], 10, nt)
           ], 2),
           o("div", {
-            class: f(["relative rounded-md", S.value])
+            class: c(["relative rounded-md", S.value])
           }, [
             o("input", {
-              class: f(D.value),
+              class: c(D.value),
               type: "text",
               disabled: t.disabled,
               placeholder: t.endPlaceholder || "Fecha hasta",
@@ -514,7 +514,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
             }, null, 42, rt),
             o("button", {
               type: "button",
-              class: f(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
+              class: c(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
               onClick: C[5] || (C[5] = H(() => ye("end"), ["stop"])),
               disabled: t.disabled
             }, [
@@ -529,7 +529,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       t.error ? (s(), l("p", dt, x(t.error), 1)) : t.helperText ? (s(), l("p", ut, x(t.helperText), 1)) : y("", !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", I.value]),
+        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", I.value]),
         onClick: C[8] || (C[8] = H(() => {
         }, ["stop"]))
       }, [
@@ -537,7 +537,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           o("button", {
             type: "button",
             onClick: Oe,
-            class: f(F.value)
+            class: c(Y.value)
           }, [
             G(se, {
               name: "chevron-left",
@@ -547,22 +547,22 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           o("div", ft, [
             ue(o("select", {
               "onUpdate:modelValue": C[6] || (C[6] = (z) => v.value = z),
-              class: f(N.value),
+              class: c(N.value),
               onChange: xe
             }, [
-              (s(), l(E, null, W(b, (z, Y) => o("option", {
-                key: Y,
-                value: Y
+              (s(), l(P, null, W(b, (z, A) => o("option", {
+                key: A,
+                value: A
               }, x(z), 9, vt)), 64))
             ], 34), [
               [ke, v.value]
             ]),
             ue(o("select", {
               "onUpdate:modelValue": C[7] || (C[7] = (z) => a.value = z),
-              class: f(N.value),
+              class: c(N.value),
               onChange: xe
             }, [
-              (s(!0), l(E, null, W(O.value, (z) => (s(), l("option", {
+              (s(!0), l(P, null, W(O.value, (z) => (s(), l("option", {
                 key: z,
                 value: z
               }, x(z), 9, pt))), 128))
@@ -572,8 +572,8 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           ]),
           o("button", {
             type: "button",
-            onClick: _e,
-            class: f(F.value)
+            onClick: Fe,
+            class: c(Y.value)
           }, [
             G(se, {
               name: "chevron-right",
@@ -582,29 +582,29 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           ], 2)
         ]),
         o("div", bt, [
-          (s(), l(E, null, W(T, (z) => o("div", {
+          (s(), l(P, null, W(T, (z) => o("div", {
             key: z,
             class: "text-center text-sm font-medium text-secondary-600 py-2"
           }, x(z), 1)), 64))
         ]),
         o("div", gt, [
-          (s(!0), l(E, null, W(_.value, (z) => (s(), l("button", {
+          (s(!0), l(P, null, W(F.value, (z) => (s(), l("button", {
             key: z.key,
             type: "button",
-            class: f(De(z)),
+            class: c(De(z)),
             disabled: z.disabled || be(z.date),
-            onClick: (Y) => je(z.date)
+            onClick: (A) => je(z.date)
           }, x(z.day), 11, mt))), 128))
         ]),
         o("div", yt, [
           o("button", {
             type: "button",
-            class: f(M.value),
+            class: c(M.value),
             onClick: re
           }, " Cancelar ", 2),
           o("button", {
             type: "button",
-            class: f(te.value),
+            class: c(te.value),
             onClick: Le,
             disabled: !J.value
           }, " Confirmar ", 10, ht)
@@ -612,13 +612,13 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       ], 2)) : y("", !0)
     ], 512));
   }
-}), kl = /* @__PURE__ */ K(xt, [["__scopeId", "data-v-38b6f181"]]), wt = {
+}), xl = /* @__PURE__ */ K(xt, [["__scopeId", "data-v-38b6f181"]]), wt = {
   key: 0,
   class: "border-b border-gray-100 px-6 py-4"
 }, kt = { class: "px-6 py-4" }, $t = {
   key: 1,
   class: "border-t border-gray-100 px-6 py-4 bg-gray-50"
-}, $l = /* @__PURE__ */ P({
+}, wl = /* @__PURE__ */ q({
   __name: "Card",
   props: {
     shadow: { default: "md" },
@@ -632,7 +632,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       md: "shadow",
       lg: "shadow-lg",
       xl: "shadow-xl"
-    }, c = {
+    }, f = {
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
@@ -642,11 +642,11 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     }, n = r(() => [
       "w-full bg-white",
       e[g.shadow],
-      c[g.rounded],
+      f[g.rounded],
       g.bordered ? "border border-gray-200" : ""
     ]);
     return (u, v) => (s(), l("div", {
-      class: f(n.value)
+      class: c(n.value)
     }, [
       u.$slots.header ? (s(), l("div", wt, [
         V(u.$slots, "header")
@@ -662,7 +662,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
 }), 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" }, Dt = { class: "px-8 py-6" }, Bt = {
   key: 0,
   class: "border-t border-gray-100 px-8 py-6 bg-gray-50"
-}, zt = /* @__PURE__ */ P({
+}, zt = /* @__PURE__ */ q({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -671,11 +671,11 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue", "close"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = r({
+    const e = t, f = g, n = r({
       get: () => e.modelValue,
-      set: (a) => c("update:modelValue", a)
+      set: (a) => f("update:modelValue", a)
     }), u = () => {
-      n.value = !1, c("close");
+      n.value = !1, f("close");
     }, v = () => {
       e.closeOnBackdrop && u();
     };
@@ -695,7 +695,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               o("div", Ct, [
                 o("h2", Mt, [
                   V(a.$slots, "title", {}, () => [
-                    q(x(t.title), 1)
+                    _(x(t.title), 1)
                   ], !0)
                 ]),
                 o("button", {
@@ -732,19 +732,19 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       })
     ]));
   }
-}), Cl = /* @__PURE__ */ K(zt, [["__scopeId", "data-v-37e19754"]]), Vt = ["accept", "multiple", "disabled"], Tt = { class: "flex flex-col items-center justify-center gap-4 text-center" }, St = ["src", "alt"], It = {
+}), kl = /* @__PURE__ */ K(zt, [["__scopeId", "data-v-37e19754"]]), Vt = ["accept", "multiple", "disabled"], Tt = { class: "flex flex-col items-center justify-center gap-4 text-center" }, St = ["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" }, _t = { class: "flex items-center gap-3 flex-1 min-w-0" }, Ft = { class: "flex-1 min-w-0" }, Yt = { class: "text-sm font-medium text-gray-900 truncate" }, At = { 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" }, Ft = { class: "flex items-center gap-3 flex-1 min-w-0" }, Yt = { class: "flex-1 min-w-0" }, At = { class: "text-sm font-medium text-gray-900 truncate" }, Et = { class: "text-xs text-gray-500" }, Pt = {
   key: 1,
   class: "text-xs text-gray-500 mt-2"
-}, Pt = {
+}, qt = {
   key: 2,
   class: "text-sm text-danger-500 mt-2"
-}, Ml = /* @__PURE__ */ P({
+}, $l = /* @__PURE__ */ q({
   __name: "FileUpload",
   props: {
     modelValue: { default: null },
@@ -761,7 +761,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue", "change", "error"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = L(null), u = L(!1), v = L(e.modelValue), a = L(""), h = r(() => ({
+    const e = t, f = g, n = L(null), u = L(!1), v = L(e.modelValue), a = L(""), h = r(() => ({
       sm: "w-20 h-20",
       md: "w-32 h-32",
       lg: "w-48 h-48",
@@ -778,27 +778,27 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     }, B = (k) => {
       if (a.value = "", e.maxSize && k.size > e.maxSize) {
         const I = (e.maxSize / 1048576).toFixed(2);
-        return a.value = `El archivo excede el tamaño máximo de ${I}MB`, c("error", a.value), !1;
+        return a.value = `El archivo excede el tamaño máximo de ${I}MB`, f("error", a.value), !1;
       }
       return !0;
     }, O = (k) => {
       var N;
-      const F = (N = k.target.files) == null ? void 0 : N[0];
-      F && B(F) && (v.value = F, c("update:modelValue", F), c("change", F));
+      const Y = (N = k.target.files) == null ? void 0 : N[0];
+      Y && B(Y) && (v.value = Y, f("update:modelValue", Y), f("change", Y));
     }, j = (k) => {
-      var F;
+      var Y;
       u.value = !1;
-      const I = (F = k.dataTransfer) == null ? void 0 : F.files[0];
-      I && B(I) && (v.value = I, c("update:modelValue", I), c("change", I));
+      const I = (Y = k.dataTransfer) == null ? void 0 : Y.files[0];
+      I && B(I) && (v.value = I, f("update:modelValue", I), f("change", I));
     }, S = () => {
-      v.value = null, a.value = "", n.value && (n.value.value = ""), c("update:modelValue", null), c("change", null);
+      v.value = null, a.value = "", n.value && (n.value.value = ""), f("update:modelValue", null), f("change", null);
     }, D = (k) => {
       if (k === 0) return "0 Bytes";
-      const I = 1024, F = ["Bytes", "KB", "MB", "GB"], N = Math.floor(Math.log(k) / Math.log(I));
-      return Math.round(k / Math.pow(I, N) * 100) / 100 + " " + F[N];
+      const I = 1024, Y = ["Bytes", "KB", "MB", "GB"], N = Math.floor(Math.log(k) / Math.log(I));
+      return Math.round(k / Math.pow(I, N) * 100) / 100 + " " + Y[N];
     };
     return (k, I) => (s(), l("div", {
-      class: f(["relative border-2 border-dashed rounded-lg p-8 transition-colors", [
+      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"
       ]]),
@@ -819,7 +819,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       }, null, 40, Vt),
       o("div", Tt, [
         o("div", {
-          class: f([h.value, "flex items-center justify-center"])
+          class: c([h.value, "flex items-center justify-center"])
         }, [
           t.illustration ? (s(), l("img", {
             key: 0,
@@ -837,7 +837,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         ], 2),
         o("div", jt, [
           o("p", Lt, [
-            q(x(t.mainText) + " ", 1),
+            _(x(t.mainText) + " ", 1),
             o("span", Ot, x(t.linkText), 1)
           ])
         ]),
@@ -847,7 +847,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           onClick: I[0] || (I[0] = H(() => {
           }, ["stop"]))
         }, [
-          o("div", _t, [
+          o("div", Ft, [
             I[2] || (I[2] = o("svg", {
               class: "w-6 h-6 text-gray-600 flex-shrink-0",
               fill: "none",
@@ -861,9 +861,9 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
                 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)),
-            o("div", Ft, [
-              o("p", Yt, x(v.value.name), 1),
-              o("p", At, x(D(v.value.size)), 1)
+            o("div", Yt, [
+              o("p", At, x(v.value.name), 1),
+              o("p", Et, x(D(v.value.size)), 1)
             ])
           ]),
           t.disabled ? y("", !0) : (s(), l("button", {
@@ -884,12 +884,12 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
             ], -1)
           ])]))
         ])) : y("", !0),
-        t.helperText ? (s(), l("p", Et, x(t.helperText), 1)) : y("", !0),
-        a.value ? (s(), l("p", Pt, x(a.value), 1)) : y("", !0)
+        t.helperText ? (s(), l("p", Pt, x(t.helperText), 1)) : y("", !0),
+        a.value ? (s(), l("p", qt, x(a.value), 1)) : y("", !0)
       ])
     ], 34));
   }
-}), qt = { class: "input-wrapper" }, Rt = ["for"], Nt = {
+}), _t = { class: "input-wrapper" }, Rt = ["for"], Nt = {
   key: 0,
   class: "text-danger-600"
 }, Wt = { class: "relative" }, Ht = ["id", "type", "disabled", "placeholder", "value", "required", "readonly"], Kt = {
@@ -901,7 +901,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
 }, Jt = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, Gt = /* @__PURE__ */ P({
+}, Gt = /* @__PURE__ */ q({
   __name: "Input",
   props: {
     modelValue: { default: "" },
@@ -918,7 +918,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue", "blur", "focus"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = L(`input-${Math.random().toString(36).substr(2, 9)}`), u = r(() => "block text-sm font-medium text-secondary-700 mb-1"), v = r(() => {
+    const e = t, f = g, n = L(`input-${Math.random().toString(36).substr(2, 9)}`), u = r(() => "block text-sm font-medium text-secondary-700 mb-1"), v = r(() => {
       const p = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50", b = {
         sm: "h-8 px-3 text-sm",
         md: "h-10 px-4 text-base",
@@ -931,25 +931,25 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       return `${p} ${b[e.size]} ${T[e.variant]} ${B}`;
     }), a = (p) => {
       const b = p.target;
-      c("update:modelValue", b.value);
+      f("update:modelValue", b.value);
     }, h = (p) => {
-      c("blur", p);
+      f("blur", p);
     }, i = (p) => {
-      c("focus", p);
+      f("focus", p);
     };
-    return (p, b) => (s(), l("div", qt, [
+    return (p, b) => (s(), l("div", _t, [
       t.label ? (s(), l("label", {
         key: 0,
         for: n.value,
-        class: f(u.value)
+        class: c(u.value)
       }, [
-        q(x(t.label) + " ", 1),
+        _(x(t.label) + " ", 1),
         t.required ? (s(), l("span", Nt, "*")) : y("", !0)
       ], 10, Rt)) : y("", !0),
       o("div", Wt, [
         o("input", {
           id: n.value,
-          class: f(v.value),
+          class: c(v.value),
           type: t.type,
           disabled: t.disabled,
           placeholder: t.placeholder,
@@ -978,10 +978,10 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       t.error ? (s(), l("p", Ut, x(t.error), 1)) : t.helperText ? (s(), l("p", Jt, x(t.helperText), 1)) : y("", !0)
     ]));
   }
-}), Dl = /* @__PURE__ */ K(Gt, [["__scopeId", "data-v-e3a37613"]]), Qt = ["stroke-width"], Zt = {
+}), Cl = /* @__PURE__ */ K(Gt, [["__scopeId", "data-v-e3a37613"]]), Qt = ["stroke-width"], Zt = {
   class: "w-full h-full rounded-lg overflow-hidden",
   style: { "background-color": "#f7f7f7" }
-}, Xt = /* @__PURE__ */ P({
+}, Xt = /* @__PURE__ */ q({
   __name: "Loader",
   props: {
     type: { default: "circular" },
@@ -999,17 +999,17 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       warning: "text-warning-500",
       danger: "text-danger-500",
       info: "text-info-500"
-    }, c = {
+    }, f = {
       primary: "bg-primary-700",
       secondary: "bg-secondary-500",
       success: "bg-success-500",
       warning: "bg-warning-500",
       danger: "bg-danger-500",
       info: "bg-info-500"
-    }, n = r(() => [e[g.color]]), u = r(() => [c[g.color]]);
+    }, n = r(() => [e[g.color]]), u = r(() => [f[g.color]]);
     return (v, a) => t.type === "circular" ? (s(), l("div", {
       key: 0,
-      class: f(n.value)
+      class: c(n.value)
     }, [
       (s(), l("svg", {
         class: "animate-spin",
@@ -1038,13 +1038,13 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     }, [
       o("div", Zt, [
         o("div", {
-          class: f([[u.value, { "animate-linear-loader": t.progress === void 0 }], "h-full rounded-lg"]),
+          class: c([[u.value, { "animate-linear-loader": t.progress === void 0 }], "h-full rounded-lg"]),
           style: Q({ width: t.progress !== void 0 ? `${Math.min(Math.max(t.progress, 0), 100)}%` : "100%" })
         }, null, 6)
       ])
     ], 4)) : y("", !0);
   }
-}), Bl = /* @__PURE__ */ K(Xt, [["__scopeId", "data-v-f369fb46"]]), es = ["disabled", "aria-expanded"], ts = ["disabled", "onClick"], ss = {
+}), Ml = /* @__PURE__ */ K(Xt, [["__scopeId", "data-v-f369fb46"]]), es = ["disabled", "aria-expanded"], ts = ["disabled", "onClick"], ss = {
   key: 0,
   class: "flex-shrink-0"
 }, ls = ["innerHTML"], os = { class: "flex-1 min-w-0 mr-2" }, as = { class: "flex flex-col items-start" }, ns = ["title"], rs = ["title"], is = {
@@ -1059,7 +1059,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, fs = /* @__PURE__ */ P({
+}, fs = /* @__PURE__ */ q({
   __name: "Menu",
   props: {
     items: { default: () => [] },
@@ -1079,7 +1079,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["open", "close", "select"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = L(!1), u = L(null), v = L(null), a = L({}), h = r(() => [
+    const e = t, f = g, n = L(!1), u = L(null), v = L(null), a = L({}), h = 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",
@@ -1101,19 +1101,19 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         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 _ = "";
-      return d.color && (_ = d.color, (d.color.includes("white") || d.color.includes("50")) && (_ += " hover:text-black")), [...w, _ || J[$]].join(" ");
+      let F = "";
+      return d.color && (F = d.color, (d.color.includes("white") || d.color.includes("50")) && (F += " hover:text-black")), [...w, F || J[$]].join(" ");
     }, S = () => {
       e.disabled || (n.value ? k() : D());
     }, D = () => {
-      n.value = !0, c("open"), fe(() => {
-        M(), document.addEventListener("click", F), document.addEventListener("keydown", N);
+      n.value = !0, f("open"), fe(() => {
+        M(), document.addEventListener("click", Y), document.addEventListener("keydown", N);
       });
     }, k = () => {
-      n.value = !1, c("close"), document.removeEventListener("click", F), document.removeEventListener("keydown", N);
+      n.value = !1, f("close"), document.removeEventListener("click", Y), document.removeEventListener("keydown", N);
     }, I = (d) => {
-      d.disabled || (d.action && d.action(), c("select", d), e.closeOnClick && !d.children && k());
-    }, F = (d) => {
+      d.disabled || (d.action && d.action(), f("select", d), e.closeOnClick && !d.children && k());
+    }, Y = (d) => {
       const w = d.target;
       u.value && !u.value.contains(w) && v.value && !v.value.contains(w) && k();
     }, N = (d) => {
@@ -1123,36 +1123,36 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     }, M = () => {
       if (!u.value || !v.value) return;
       const d = u.value.getBoundingClientRect(), w = v.value.getBoundingClientRect(), $ = window.innerWidth, J = window.innerHeight;
-      let _ = 0, A = 0;
+      let F = 0, E = 0;
       switch (e.position) {
         case "bottom-start":
-          _ = d.bottom + e.offset.y, A = d.left + e.offset.x;
+          F = d.bottom + e.offset.y, E = d.left + e.offset.x;
           break;
         case "bottom-end":
-          _ = d.bottom + e.offset.y, A = d.right - w.width + e.offset.x;
+          F = d.bottom + e.offset.y, E = d.right - w.width + e.offset.x;
           break;
         case "top-start":
-          _ = d.top - w.height - e.offset.y, A = d.left + e.offset.x;
+          F = d.top - w.height - e.offset.y, E = d.left + e.offset.x;
           break;
         case "top-end":
-          _ = d.top - w.height - e.offset.y, A = d.right - w.width + e.offset.x;
+          F = d.top - w.height - e.offset.y, E = d.right - w.width + e.offset.x;
           break;
         case "right-start":
-          _ = d.top + e.offset.y, A = d.right + e.offset.x;
+          F = d.top + e.offset.y, E = d.right + e.offset.x;
           break;
         case "right-end":
-          _ = d.bottom - w.height + e.offset.y, A = d.right + e.offset.x;
+          F = d.bottom - w.height + e.offset.y, E = d.right + e.offset.x;
           break;
         case "left-start":
-          _ = d.top + e.offset.y, A = d.left - w.width - e.offset.x;
+          F = d.top + e.offset.y, E = d.left - w.width - e.offset.x;
           break;
         case "left-end":
-          _ = d.bottom - w.height + e.offset.y, A = d.left - w.width - e.offset.x;
+          F = d.bottom - w.height + e.offset.y, E = d.left - w.width - e.offset.x;
           break;
       }
-      A + w.width > $ && (A = $ - w.width - 8), A < 8 && (A = 8), _ + w.height > J && (_ = J - w.height - 8), _ < 8 && (_ = 8), a.value = {
-        top: `${_}px`,
-        left: `${A}px`,
+      E + w.width > $ && (E = $ - w.width - 8), E < 8 && (E = 8), F + w.height > J && (F = J - w.height - 8), F < 8 && (F = 8), a.value = {
+        top: `${F}px`,
+        left: `${E}px`,
         width: e.width === "auto" ? `${Math.max(d.width, 240)}px` : e.width,
         maxHeight: e.maxHeight,
         minWidth: "240px"
@@ -1161,11 +1161,11 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     return $e(() => {
       window.addEventListener("scroll", M, !0), window.addEventListener("resize", M);
     }), Ce(() => {
-      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M), document.removeEventListener("click", F), document.removeEventListener("keydown", N);
+      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M), document.removeEventListener("click", Y), document.removeEventListener("keydown", N);
     }), ve(() => e.items, () => {
       n.value && fe(M);
     }, { deep: !0 }), (d, w) => (s(), l("div", {
-      class: f(["menu-wrapper", { "w-full": t.fullWidth }])
+      class: c(["menu-wrapper", { "w-full": t.fullWidth }])
     }, [
       o("div", {
         ref_key: "triggerRef",
@@ -1177,7 +1177,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         }, () => [
           o("button", {
             type: "button",
-            class: f(h.value),
+            class: c(h.value),
             disabled: t.disabled,
             onClick: S,
             onKeydown: te,
@@ -1187,11 +1187,11 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
             "aria-haspopup": !0
           }, [
             V(d.$slots, "trigger-content", {}, () => [
-              q(x(t.triggerText), 1)
+              _(x(t.triggerText), 1)
             ], !0),
             t.showChevron ? (s(), l("svg", {
               key: 0,
-              class: f(["w-4 h-4 ml-2 transition-transform", n.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"
@@ -1211,39 +1211,39 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           key: 0,
           ref_key: "menuRef",
           ref: v,
-          class: f(i.value),
+          class: c(i.value),
           style: Q(a.value),
           onClick: w[0] || (w[0] = H(() => {
           }, ["stop"]))
         }, [
           d.$slots.header ? (s(), l("div", {
             key: 0,
-            class: f(p.value)
+            class: c(p.value)
           }, [
             V(d.$slots, "header", { close: k }, void 0, !0)
           ], 2)) : y("", !0),
           o("div", {
-            class: f(T.value)
+            class: c(T.value)
           }, [
             V(d.$slots, "default", {
               close: k,
               isOpen: n.value
             }, () => [
-              (s(!0), l(E, null, W(t.items, ($, J) => (s(), l(E, {
+              (s(!0), l(P, null, W(t.items, ($, J) => (s(), l(P, {
                 key: $.id || J
               }, [
                 $.type === "divider" ? (s(), l("div", {
                   key: 0,
-                  class: f(B.value)
+                  class: c(B.value)
                 }, null, 2)) : $.type === "header" ? (s(), l("div", {
                   key: 1,
-                  class: f(O.value)
+                  class: c(O.value)
                 }, x($.label), 3)) : (s(), l("button", {
                   key: 2,
                   type: "button",
-                  class: f(j($)),
+                  class: c(j($)),
                   disabled: $.disabled,
-                  onClick: (_) => I($)
+                  onClick: (F) => I($)
                 }, [
                   $.icon || d.$slots[`icon-${$.id}`] ? (s(), l("span", ss, [
                     V(d.$slots, `icon-${$.id}`, { item: $ }, () => [
@@ -1294,7 +1294,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           ], 2),
           d.$slots.footer ? (s(), l("div", {
             key: 1,
-            class: f(b.value)
+            class: c(b.value)
           }, [
             V(d.$slots, "footer", { close: k }, void 0, !0)
           ], 2)) : y("", !0)
@@ -1307,7 +1307,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       ]))
     ], 2));
   }
-}), zl = /* @__PURE__ */ K(fs, [["__scopeId", "data-v-61176297"]]), vs = ["for"], ps = {
+}), Dl = /* @__PURE__ */ K(fs, [["__scopeId", "data-v-61176297"]]), vs = ["for"], ps = {
   key: 0,
   class: "text-danger-600"
 }, bs = ["id", "disabled", "aria-expanded"], gs = { class: "flex-1 text-left truncate" }, ms = {
@@ -1332,7 +1332,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
 }, Vs = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, Ts = /* @__PURE__ */ P({
+}, Ts = /* @__PURE__ */ q({
   __name: "Select",
   props: {
     modelValue: { default: null },
@@ -1355,7 +1355,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue", "change", "action"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = L(!1), u = L(""), v = L(null), a = r(
+    const e = t, f = g, n = L(!1), u = L(""), v = L(null), a = r(
       () => `select-${Math.random().toString(36).substr(2, 9)}`
     ), h = r(() => e.options.find((M) => M.value === e.modelValue) || null), i = r(() => {
       if (!e.searchable || !u.value)
@@ -1392,9 +1392,9 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     }, k = () => {
       n.value = !1, u.value = "";
     }, I = (M) => {
-      M.disabled || (c("update:modelValue", M.value), c("change", M), k());
-    }, F = (M) => {
-      M.action && M.action(), c("action", M), k();
+      M.disabled || (f("update:modelValue", M.value), f("change", M), k());
+    }, Y = (M) => {
+      M.action && M.action(), f("action", M), k();
     }, N = (M) => {
       const d = M.relatedTarget;
       d && d.closest(".select-wrapper") || setTimeout(() => {
@@ -1406,23 +1406,23 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     return ve(n, (M) => {
       M && (u.value = "");
     }), (M, d) => (s(), l("div", {
-      class: f(["select-wrapper", { "w-full": t.fullWidth }])
+      class: c(["select-wrapper", { "w-full": t.fullWidth }])
     }, [
       t.label ? (s(), l("label", {
         key: 0,
         for: a.value,
-        class: f(p.value)
+        class: c(p.value)
       }, [
-        q(x(t.label) + " ", 1),
+        _(x(t.label) + " ", 1),
         t.required ? (s(), l("span", ps, "*")) : y("", !0)
       ], 10, vs)) : y("", !0),
       o("div", {
-        class: f(["relative", b.value])
+        class: c(["relative", b.value])
       }, [
         o("button", {
           id: a.value,
           type: "button",
-          class: f(T.value),
+          class: c(T.value),
           disabled: t.disabled,
           "aria-expanded": n.value,
           "aria-haspopup": !0,
@@ -1432,7 +1432,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         }, [
           o("span", gs, x(h.value ? h.value.label : t.placeholder), 1),
           (s(), l("svg", {
-            class: f(["w-5 h-5 flex-shrink-0 transition-transform text-secondary-600", n.value ? "rotate-180" : ""]),
+            class: c(["w-5 h-5 flex-shrink-0 transition-transform text-secondary-600", n.value ? "rotate-180" : ""]),
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24",
@@ -1448,7 +1448,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         ], 42, bs),
         n.value ? (s(), l("div", {
           key: 0,
-          class: f(B.value),
+          class: c(B.value),
           onClick: d[2] || (d[2] = H(() => {
           }, ["stop"]))
         }, [
@@ -1463,15 +1463,15 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               onKeydown: d[1] || (d[1] = H(() => {
               }, ["stop"]))
             }, null, 40, ys), [
-              [Ae, u.value]
+              [Ee, u.value]
             ])
           ])) : y("", !0),
           o("div", hs, [
-            i.value.length === 0 ? (s(), l("div", xs, x(t.emptyText), 1)) : (s(), l(E, { key: 1 }, [
-              (s(!0), l(E, null, W(i.value, (w) => (s(), l("button", {
+            i.value.length === 0 ? (s(), l("div", xs, x(t.emptyText), 1)) : (s(), l(P, { key: 1 }, [
+              (s(!0), l(P, null, W(i.value, (w) => (s(), l("button", {
                 key: w.value,
                 type: "button",
-                class: f(O(w)),
+                class: c(O(w)),
                 onClick: ($) => I(w)
               }, [
                 o("div", ks, [
@@ -1487,11 +1487,11 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
                 ])
               ], 10, ws))), 128)),
               t.actionItems.length > 0 ? (s(), l("div", Ms)) : y("", !0),
-              (s(!0), l(E, null, W(t.actionItems, (w) => (s(), l("button", {
+              (s(!0), l(P, null, W(t.actionItems, (w) => (s(), l("button", {
                 key: w.id,
                 type: "button",
-                class: f(j(w)),
-                onClick: ($) => F(w)
+                class: c(j(w)),
+                onClick: ($) => Y(w)
               }, [
                 w.icon ? (s(), l("svg", {
                   key: 0,
@@ -1502,7 +1502,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
                   xmlns: "http://www.w3.org/2000/svg",
                   innerHTML: w.icon
                 }, null, 8, Bs)) : y("", !0),
-                q(" " + x(w.label), 1)
+                _(" " + x(w.label), 1)
               ], 10, Ds))), 128))
             ], 64))
           ])
@@ -1516,7 +1516,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       })) : y("", !0)
     ], 2));
   }
-}), Vl = /* @__PURE__ */ K(Ts, [["__scopeId", "data-v-edef6efe"]]), Ss = /* @__PURE__ */ P({
+}), Bl = /* @__PURE__ */ K(Ts, [["__scopeId", "data-v-edef6efe"]]), Ss = /* @__PURE__ */ q({
   __name: "Sidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1532,11 +1532,11 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue", "close", "open"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = r({
+    const e = t, f = g, n = r({
       get: () => e.modelValue,
-      set: (B) => c("update:modelValue", B)
+      set: (B) => f("update:modelValue", B)
     }), u = () => {
-      e.persistent || (n.value = !1, c("close"));
+      e.persistent || (n.value = !1, f("close"));
     }, v = r(() => e.position === "left" ? "slide-right" : "slide-left"), a = r(() => {
       const B = "fixed top-0 h-full z-50 flex flex-col w-full max-w-full sm:max-w-none", O = e.position === "left" ? "left-0" : "right-0", j = 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 [B, O, j].filter(Boolean).join(" ");
@@ -1569,12 +1569,12 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         default: ae(() => [
           n.value ? (s(), l("aside", {
             key: 0,
-            class: f(a.value),
+            class: c(a.value),
             style: Q(h.value)
           }, [
             B.$slots.header ? (s(), l("div", {
               key: 0,
-              class: f(p.value)
+              class: c(p.value)
             }, [
               V(B.$slots, "header", {}, void 0, !0),
               t.closable ? (s(), l("button", {
@@ -1599,13 +1599,13 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               ])])) : y("", !0)
             ], 2)) : y("", !0),
             o("div", {
-              class: f(b.value)
+              class: c(b.value)
             }, [
               V(B.$slots, "default", {}, void 0, !0)
             ], 2),
             B.$slots.footer ? (s(), l("div", {
               key: 1,
-              class: f(T.value)
+              class: c(T.value)
             }, [
               V(B.$slots, "footer", {}, void 0, !0)
             ], 2)) : y("", !0)
@@ -1615,10 +1615,10 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       }, 8, ["name"])
     ]));
   }
-}), Tl = /* @__PURE__ */ K(Ss, [["__scopeId", "data-v-b208234c"]]), Is = { class: "w-full space-y-4" }, js = { class: "flex flex-col gap-3 md:hidden" }, Ls = { class: "text-[11px] uppercase tracking-wide text-gray-400" }, Os = { class: "text-sm text-gray-700" }, _s = {
+}), zl = /* @__PURE__ */ K(Ss, [["__scopeId", "data-v-b208234c"]]), Is = { class: "w-full space-y-4" }, js = { class: "flex flex-col gap-3 md:hidden" }, Ls = { class: "text-[11px] uppercase tracking-wide text-gray-400" }, Os = { class: "text-sm text-gray-700" }, Fs = {
   key: 0,
   class: "rounded-lg border border-dashed border-gray-200 bg-white p-4 text-gray-400 text-center"
-}, Fs = { class: "hidden md:block w-full overflow-x-auto" }, Ys = { class: "w-full border-collapse" }, As = { class: "w-full" }, Es = ["onClick"], Ps = { class: "flex items-center gap-2" }, qs = {
+}, Ys = { class: "hidden md:block w-full overflow-x-auto" }, As = { class: "w-full border-collapse" }, Es = { class: "w-full" }, Ps = ["onClick"], qs = { class: "flex items-center gap-2" }, _s = {
   key: 0,
   class: "text-xs text-gray-400"
 }, Rs = { key: 0 }, Ns = { key: 1 }, Ws = { class: "w-full" }, Hs = {
@@ -1627,7 +1627,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
 }, Ks = {
   key: 0,
   class: "w-full px-6 py-4 bg-white"
-}, Us = /* @__PURE__ */ P({
+}, Us = /* @__PURE__ */ q({
   __name: "Table",
   props: {
     columns: {},
@@ -1638,24 +1638,24 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     rowClass: { default: void 0 }
   },
   setup(t) {
-    const g = t, e = L(null), c = L("asc"), n = (a) => {
-      e.value === a ? c.value = c.value === "asc" ? "desc" : "asc" : (e.value = a, c.value = "asc");
+    const g = t, e = L(null), f = L("asc"), n = (a) => {
+      e.value === a ? f.value = f.value === "asc" ? "desc" : "asc" : (e.value = a, f.value = "asc");
     }, u = r(() => {
       if (!e.value)
         return g.data;
       const a = [...g.data];
       return a.sort((h, i) => {
         const p = h[e.value], b = i[e.value];
-        return typeof p == "string" && typeof b == "string" ? c.value === "asc" ? p.localeCompare(b) : b.localeCompare(p) : typeof p == "number" && typeof b == "number" ? c.value === "asc" ? p - b : b - p : 0;
+        return typeof p == "string" && typeof b == "string" ? f.value === "asc" ? p.localeCompare(b) : b.localeCompare(p) : typeof p == "number" && typeof b == "number" ? f.value === "asc" ? p - b : b - p : 0;
       }), a;
     }), v = r(() => g.columns.filter((a) => !a.hideOnMobile));
     return (a, h) => (s(), l("div", Is, [
       o("div", js, [
-        (s(!0), l(E, null, W(u.value, (i, p) => (s(), l("div", {
+        (s(!0), l(P, null, W(u.value, (i, p) => (s(), l("div", {
           key: `card-${p}`,
           class: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm"
         }, [
-          (s(!0), l(E, null, W(v.value, (b) => (s(), l("div", {
+          (s(!0), l(P, null, W(v.value, (b) => (s(), l("div", {
             key: `card-${p}-${b.key}`,
             class: "flex flex-col gap-1 py-1"
           }, [
@@ -1665,56 +1665,56 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
                 value: i[b.key],
                 row: i
               }, () => [
-                q(x(i[b.key]), 1)
+                _(x(i[b.key]), 1)
               ], !0)
             ])
           ]))), 128))
         ]))), 128)),
-        u.value.length === 0 ? (s(), l("div", _s, [
+        u.value.length === 0 ? (s(), l("div", Fs, [
           V(a.$slots, "empty", {}, () => [
-            h[0] || (h[0] = q("No hay datos disponibles", -1))
+            h[0] || (h[0] = _("No hay datos disponibles", -1))
           ], !0)
         ])) : y("", !0)
       ]),
-      o("div", Fs, [
-        o("table", Ys, [
-          o("thead", As, [
+      o("div", Ys, [
+        o("table", As, [
+          o("thead", Es, [
             o("tr", {
-              class: f([
+              class: c([
                 "w-full",
                 g.headerClass || "bg-neutral-50 border-b border-gray-100"
               ])
             }, [
-              (s(!0), l(E, null, W(t.columns, (i) => (s(), l("th", {
+              (s(!0), l(P, null, W(t.columns, (i) => (s(), l("th", {
                 key: i.key,
                 style: Q(i.width ? { width: i.width } : {}),
-                class: f([
+                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
                 ]),
                 onClick: (p) => i.sortable && n(i.key)
               }, [
-                o("div", Ps, [
+                o("div", qs, [
                   o("span", null, x(i.label), 1),
-                  i.sortable ? (s(), l("span", qs, [
-                    e.value !== i.key ? (s(), l("span", Rs, "⇅")) : (s(), l("span", Ns, x(c.value === "asc" ? "↑" : "↓"), 1))
+                  i.sortable ? (s(), l("span", _s, [
+                    e.value !== i.key ? (s(), l("span", Rs, "⇅")) : (s(), l("span", Ns, x(f.value === "asc" ? "↑" : "↓"), 1))
                   ])) : y("", !0)
                 ])
-              ], 14, Es))), 128))
+              ], 14, Ps))), 128))
             ], 2)
           ]),
           o("tbody", Ws, [
-            (s(!0), l(E, null, W(u.value, (i, p) => (s(), l("tr", {
+            (s(!0), l(P, null, W(u.value, (i, p) => (s(), l("tr", {
               key: p,
-              class: f([
+              class: c([
                 "w-full border-b border-gray-200 hover:bg-gray-50 transition-colors",
                 g.rowClass
               ])
             }, [
-              (s(!0), l(E, null, W(t.columns, (b) => (s(), l("td", {
+              (s(!0), l(P, null, W(t.columns, (b) => (s(), l("td", {
                 key: `${p}-${b.key}`,
-                class: f([
+                class: c([
                   "px-4 py-3 text-xs text-gray-600 border-l border-gray-100 first:border-l-0",
                   g.cellClass
                 ])
@@ -1723,7 +1723,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
                   value: i[b.key],
                   row: i
                 }, () => [
-                  q(x(i[b.key]), 1)
+                  _(x(i[b.key]), 1)
                 ], !0)
               ], 2))), 128))
             ], 2))), 128))
@@ -1731,7 +1731,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         ]),
         u.value.length === 0 ? (s(), l("div", Hs, [
           V(a.$slots, "empty", {}, () => [
-            h[1] || (h[1] = q("No hay datos disponibles", -1))
+            h[1] || (h[1] = _("No hay datos disponibles", -1))
           ], !0)
         ])) : y("", !0)
       ]),
@@ -1740,50 +1740,54 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       ])) : y("", !0)
     ]));
   }
-}), Sl = /* @__PURE__ */ K(Us, [["__scopeId", "data-v-8e7ce66d"]]), Js = { class: "w-full" }, Gs = {
+}), Vl = /* @__PURE__ */ K(Us, [["__scopeId", "data-v-8e7ce66d"]]), Js = { class: "tabs-wrapper" }, Gs = {
   class: "tabs-container",
   role: "tablist"
-}, Qs = { class: "tabs-header flex flex-col sm:flex-row" }, Zs = ["aria-selected", "onClick"], Xs = {
-  class: "w-full",
-  role: "tabpanel"
-}, el = "relative w-full sm:w-auto text-left sm:text-center px-4 sm:px-6 py-3 text-base font-semibold tracking-wide transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500 border-b-2", tl = "text-primary-600 border-primary-600", sl = "hover:text-secondary-700 border-gray-100", ll = /* @__PURE__ */ P({
+}, Qs = ["aria-selected", "onClick"], Zs = "relative w-full sm:w-auto text-left sm:text-center px-4 sm:px-6 py-3 text-base font-semibold tracking-wide transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500 border-b-2", Xs = "text-primary-600 border-primary-600", el = "hover:text-secondary-700 border-gray-100", tl = /* @__PURE__ */ q({
   __name: "Tabs",
   props: {
     modelValue: {},
-    tabs: {}
+    tabs: {},
+    headerClass: {},
+    contentClass: {}
   },
   emits: ["update:modelValue"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = (h) => e.modelValue === h, u = (h) => {
-      n(h) || c("update:modelValue", h);
+    const e = t, f = g, n = (h) => e.modelValue === h, u = (h) => {
+      n(h) || f("update:modelValue", h);
     }, v = r(() => e.modelValue), a = r(
       () => e.tabs.find((h) => h.value === v.value)
     );
     return (h, i) => (s(), l("div", Js, [
-      o("div", Gs, [
-        o("div", Qs, [
-          (s(!0), l(E, null, W(t.tabs, (p) => (s(), l("button", {
+      o("div", {
+        class: c(["tabs-header", t.headerClass])
+      }, [
+        o("div", Gs, [
+          (s(!0), l(P, null, W(t.tabs, (p) => (s(), l("button", {
             key: p.value,
             type: "button",
-            class: f([
-              el,
-              n(p.value) ? tl : sl
+            class: c([
+              Zs,
+              n(p.value) ? Xs : el
             ]),
             "aria-selected": n(p.value),
             role: "tab",
             onClick: (b) => u(p.value)
-          }, x(p.label), 11, Zs))), 128))
+          }, x(p.label), 11, Qs))), 128))
         ])
-      ]),
-      o("div", Xs, [
+      ], 2),
+      o("div", {
+        class: c(["tabs-content", t.contentClass]),
+        role: "tabpanel"
+      }, [
         V(h.$slots, v.value, {
           active: v.value,
           tab: a.value
         }, void 0, !0)
-      ])
+      ], 2)
     ]));
   }
-}), Il = /* @__PURE__ */ K(ll, [["__scopeId", "data-v-06b5c20d"]]), ol = "font-sans", jl = /* @__PURE__ */ P({
+}), Tl = /* @__PURE__ */ K(tl, [["__scopeId", "data-v-8cf75dcf"]]), sl = "font-sans", Sl = /* @__PURE__ */ q({
   __name: "Text",
   props: {
     variant: { default: "body1" },
@@ -1835,7 +1839,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       button3: "span",
       caption: "span",
       overline: "span"
-    }, c = {
+    }, f = {
       left: "text-left",
       center: "text-center",
       right: "text-right",
@@ -1857,11 +1861,11 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       extrabold: "font-extrabold"
     }, v = t, a = r(() => v.variant), h = r(() => v.color), i = r(() => v.align), p = r(() => v.as || e[a.value] || "span"), b = r(() => v.weight ? u[v.weight] : "");
     return (T, B) => (s(), ee(Me(p.value), {
-      class: f([
-        ol,
+      class: c([
+        sl,
         g[a.value],
         n[h.value],
-        c[i.value],
+        f[i.value],
         b.value,
         {
           uppercase: t.uppercase || a.value === "overline",
@@ -1875,17 +1879,17 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       _: 3
     }, 8, ["class"]));
   }
-}), al = { class: "w-full flex items-center justify-between gap-3 py-2" }, nl = {
+}), ll = { class: "w-full flex items-center justify-between gap-3 py-2" }, ol = {
   key: 0,
   class: "text-xs text-secondary-600"
-}, rl = { key: 0 }, il = {
+}, al = { key: 0 }, nl = {
   class: "ml-auto inline-flex items-center gap-1",
   role: "navigation",
   "aria-label": "Pagination"
-}, dl = ["disabled"], ul = {
+}, rl = ["disabled"], il = {
   key: 0,
   class: "h-8 min-w-8 px-2 inline-flex items-center justify-center text-secondary-500"
-}, cl = ["aria-label", "onClick"], fl = ["disabled"], vl = /* @__PURE__ */ P({
+}, dl = ["aria-label", "onClick"], ul = ["disabled"], cl = /* @__PURE__ */ q({
   __name: "Pagination",
   props: {
     modelValue: { default: 1 },
@@ -1899,7 +1903,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = r(() => {
+    const e = t, f = g, n = r(() => {
       const b = Math.ceil(e.totalItems / e.pageSize);
       return b > 0 ? b : 1;
     }), u = r(() => {
@@ -1920,40 +1924,40 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     });
     function p(b) {
       const T = Math.max(1, Math.min(b, n.value));
-      T !== u.value && (c("update:modelValue", T), c("change", T));
+      T !== u.value && (f("update:modelValue", T), f("change", T));
     }
-    return (b, T) => (s(), l("div", al, [
-      t.showSummary ? (s(), l("div", nl, [
+    return (b, T) => (s(), l("div", ll, [
+      t.showSummary ? (s(), l("div", ol, [
         V(b.$slots, "summary", {
           start: v.value,
           end: a.value,
           total: t.totalItems
         }, () => [
-          q(x(h.value), 1),
-          t.itemLabel ? (s(), l("span", rl, x(t.itemLabel), 1)) : y("", !0)
+          _(x(h.value), 1),
+          t.itemLabel ? (s(), l("span", al, x(t.itemLabel), 1)) : y("", !0)
         ], !0)
       ])) : y("", !0),
-      o("nav", il, [
+      o("nav", nl, [
         o("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: T[0] || (T[0] = (B) => p(u.value - 1)),
           "aria-label": "Anterior"
-        }, x(t.previousText), 9, dl),
-        (s(!0), l(E, null, W(i.value, (B, O) => (s(), l(E, {
+        }, x(t.previousText), 9, rl),
+        (s(!0), l(P, null, W(i.value, (B, O) => (s(), l(P, {
           key: `page-${O}-${B}`
         }, [
-          B === "…" ? (s(), l("span", ul, " … ")) : (s(), l("button", {
+          B === "…" ? (s(), l("span", il, " … ")) : (s(), l("button", {
             key: 1,
             type: "button",
             "aria-label": `Página ${B}`,
-            class: f([
+            class: c([
               "h-8 min-w-8 px-3 rounded-full text-sm font-semibold transition-colors",
               B === u.value ? "bg-primary-500 text-white" : "text-secondary-700 hover:bg-secondary-100"
             ]),
             onClick: (j) => p(B)
-          }, x(B), 11, cl))
+          }, x(B), 11, dl))
         ], 64))), 128)),
         o("button", {
           type: "button",
@@ -1961,14 +1965,14 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           disabled: u.value >= n.value,
           onClick: T[1] || (T[1] = (B) => p(u.value + 1)),
           "aria-label": "Siguiente"
-        }, x(t.nextText), 9, fl)
+        }, x(t.nextText), 9, ul)
       ])
     ]));
   }
-}), Ll = /* @__PURE__ */ K(vl, [["__scopeId", "data-v-87417cc4"]]), pl = ["data-node-id"], bl = { class: "shrink-0 size-12 rounded-full bg-[var(--neutrales/fondo-general-claro,#f7f7f7)] grid place-items-center" }, gl = {
+}), Il = /* @__PURE__ */ K(cl, [["__scopeId", "data-v-87417cc4"]]), fl = ["data-node-id"], vl = { class: "shrink-0 size-12 rounded-full bg-[var(--neutrales/fondo-general-claro,#f7f7f7)] grid place-items-center" }, pl = {
   key: 1,
   class: "flex justify-end gap-1 px-6 pb-6 pt-4"
-}, Ol = /* @__PURE__ */ P({
+}, jl = /* @__PURE__ */ q({
   __name: "Alert",
   props: {
     variant: {},
@@ -1982,8 +1986,8 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["close", "accept", "cancel"],
   setup(t, { emit: g }) {
-    const e = g, c = t, n = r(() => c.variant ?? "info"), u = r(() => c.multiline ?? !1), v = r(() => c.actions ?? !1), a = r(() => c.nodeId ?? void 0), h = () => e("close"), i = r(() => {
-      if (c.title) return c.title;
+    const e = g, f = t, n = r(() => f.variant ?? "info"), u = r(() => f.multiline ?? !1), v = r(() => f.actions ?? !1), a = r(() => f.nodeId ?? void 0), h = () => e("close"), i = r(() => {
+      if (f.title) return f.title;
       switch (n.value) {
         case "info":
           return "Alerta de información";
@@ -1994,7 +1998,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         case "error":
           return "Alerta de error";
       }
-    }), p = r(() => c.description ?? ""), b = r(() => {
+    }), p = r(() => f.description ?? ""), b = r(() => {
       switch (n.value) {
         case "info":
           return {
@@ -2023,16 +2027,16 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       }
     }), T = r(() => "bg-[var(--color-primario/700,#269ea4)]"), B = r(() => {
       const S = "flex w-full items-start gap-4 flex-col";
-      if (!c.stackOn) return `${S} sm:flex-row sm:items-center`;
-      const D = c.stackOn, k = `${D}:flex-row ${D}:items-center`;
+      if (!f.stackOn) return `${S} sm:flex-row sm:items-center`;
+      const D = f.stackOn, k = `${D}:flex-row ${D}:items-center`;
       return `${S} ${k}`;
     }), O = r(() => {
-      if (!c.stackOn) return "flex-col sm:flex-row items-start sm:items-center";
-      const S = c.stackOn;
+      if (!f.stackOn) return "flex-col sm:flex-row items-start sm:items-center";
+      const S = f.stackOn;
       return `flex-col ${S}:flex-row items-start ${S}:items-center`;
-    }), j = r(() => c.stackOn ? `self-start ${c.stackOn}:self-auto` : "self-start sm:self-auto");
+    }), j = r(() => f.stackOn ? `self-start ${f.stackOn}:self-auto` : "self-start sm:self-auto");
     return (S, D) => (s(), l("div", {
-      class: f(["relative w-full rounded-xl border", [
+      class: c(["relative w-full rounded-xl border", [
         b.value.border,
         b.value.bg
       ]]),
@@ -2072,12 +2076,12 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         ], -1)
       ])])) : y("", !0),
       o("div", {
-        class: f(["p-6", { "pb-0": v.value }])
+        class: c(["p-6", { "pb-0": v.value }])
       }, [
         o("div", {
-          class: f(B.value)
+          class: c(B.value)
         }, [
-          o("div", bl, [
+          o("div", vl, [
             n.value === "info" ? (s(), l("svg", {
               key: 0,
               xmlns: "http://www.w3.org/2000/svg",
@@ -2085,7 +2089,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               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",
@@ -2115,7 +2119,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               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",
@@ -2141,7 +2145,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               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",
@@ -2156,7 +2160,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               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",
@@ -2178,60 +2182,60 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
             ])], 2))
           ]),
           o("div", {
-            class: f(["flex-1 flex gap-4 text-[14px]", [O.value, t.closable ? "pr-6" : "", { "whitespace-nowrap": !u.value, "whitespace-pre-wrap": u.value }]])
+            class: c(["flex-1 flex gap-4 text-[14px]", [O.value, t.closable ? "pr-6" : "", { "whitespace-nowrap": !u.value, "whitespace-pre-wrap": u.value }]])
           }, [
             o("div", {
-              class: f(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", j.value])
+              class: c(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", j.value])
             }, x(i.value), 3),
             o("div", {
-              class: f(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !u.value }])
+              class: c(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !u.value }])
             }, [
               V(S.$slots, "description", {}, () => [
-                q(x(p.value), 1)
+                _(x(p.value), 1)
               ])
             ], 2)
           ], 2)
         ], 2)
       ], 2),
-      v.value ? (s(), l("div", gl, [
+      v.value ? (s(), l("div", pl, [
         o("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: D[0] || (D[0] = (k) => S.$emit("cancel"))
         }, [
           V(S.$slots, "cancel", {}, () => [
-            D[7] || (D[7] = q("Cancelar", -1))
+            D[7] || (D[7] = _("Cancelar", -1))
           ])
         ]),
         o("button", {
           type: "button",
-          class: f(["px-4 py-1.5 rounded-[18px] text-[14px] tracking-[1.25px] font-bold text-white", T.value]),
+          class: c(["px-4 py-1.5 rounded-[18px] text-[14px] tracking-[1.25px] font-bold text-white", T.value]),
           onClick: D[1] || (D[1] = (k) => S.$emit("accept"))
         }, [
           V(S.$slots, "accept", {}, () => [
-            D[8] || (D[8] = q("Aceptar", -1))
+            D[8] || (D[8] = _("Aceptar", -1))
           ])
         ], 2)
       ])) : y("", !0)
-    ], 10, pl));
+    ], 10, fl));
   }
 });
 export {
-  Ol as Alert,
-  xl as AppBar,
-  wl as Button,
-  kl as Calendar,
-  $l as Card,
-  Cl as Dialog,
-  Ml as FileUpload,
+  jl as Alert,
+  yl as AppBar,
+  hl as Button,
+  xl as Calendar,
+  wl as Card,
+  kl as Dialog,
+  $l as FileUpload,
   se as Icon,
-  Dl as Input,
-  Bl as Loader,
-  zl as Menu,
-  Ll as Pagination,
-  Vl as Select,
-  Tl as Sidebar,
-  Sl as Table,
-  Il as Tabs,
-  jl as Text
+  Cl as Input,
+  Ml as Loader,
+  Dl as Menu,
+  Il as Pagination,
+  Bl as Select,
+  zl as Sidebar,
+  Vl as Table,
+  Tl as Tabs,
+  Sl as Text
 };