@iaclinical/components 1.0.20 → 1.0.21

package/dist/iaclinical-components.js

@@ -1,15 +1,15 @@
-import { defineComponent as P, computed as r, createElementBlock as o, openBlock as s, normalizeClass as v, createElementVNode as l, createCommentVNode as m, renderSlot as z, toDisplayString as x, createBlock as te, unref as Fe, normalizeStyle as Z, ref as O, onMounted as ke, onUnmounted as $e, watch as ve, createTextVNode as R, withModifiers as K, createVNode as Q, withDirectives as ue, Fragment as E, renderList as W, vModelSelect as we, Teleport as pe, Transition as ce, withCtx as ae, nextTick as fe, resolveDynamicComponent as Ce, vModelText as Ye } from "vue";
-import { Icon as Ae } from "@iconify/vue";
-const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
+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 = {
   key: 1,
   class: "text-base sm:text-lg font-bold text-primary-50 font-poppins whitespace-nowrap"
-}, qe = { class: "flex flex-1 justify-center items-center min-w-0" }, Re = {
+}, Re = { 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"
-}, Ne = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, We = {
+}, 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"
-}, He = /* @__PURE__ */ P({
+}, Ke = /* @__PURE__ */ P({
   __name: "AppBar",
   props: {
     title: { default: "" },
@@ -23,7 +23,7 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
   emits: ["toggle-menu"],
   setup(t, { emit: g }) {
     const e = t, c = g, n = r(() => {
-      const d = "flex flex-row items-center justify-between gap-2 sm:gap-4 px-3 sm:px-6 z-50 w-full", f = {
+      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",
         light: "bg-white text-secondary-900 border-b border-secondary-200"
@@ -33,60 +33,60 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
         lg: "h-16"
       }, h = e.sticky ? "sticky top-0" : "", i = e.shadow ? "shadow-md" : "";
       return [
-        d,
-        f[e.variant],
+        u,
+        v[e.variant],
         a[e.height],
         h,
         i
       ].join(" ");
     });
-    return (d, f) => (s(), o("header", {
-      class: v(n.value)
+    return (u, v) => (s(), l("header", {
+      class: f(n.value)
     }, [
-      l("div", Ee, [
-        t.showMenuButton ? (s(), o("button", {
+      o("div", Pe, [
+        t.showMenuButton ? (s(), l("button", {
           key: 0,
-          onClick: f[0] || (f[0] = (a) => c("toggle-menu")),
+          onClick: v[0] || (v[0] = (a) => c("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"
-        }, [...f[1] || (f[1] = [
-          l("svg", {
+        }, [...v[1] || (v[1] = [
+          o("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", {
+            o("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M4 6h16M4 12h16M4 18h16"
             })
           ], -1)
-        ])])) : m("", !0),
-        t.title && t.titlePosition === "left" ? (s(), o("div", Pe, x(t.title), 1)) : m("", !0),
-        z(d.$slots, "left", {}, void 0, !0)
+        ])])) : y("", !0),
+        t.title && t.titlePosition === "left" ? (s(), l("div", qe, x(t.title), 1)) : y("", !0),
+        V(u.$slots, "left", {}, void 0, !0)
       ]),
-      l("div", qe, [
-        t.title && t.titlePosition === "center" ? (s(), o("div", Re, x(t.title), 1)) : m("", !0),
-        z(d.$slots, "center", {}, void 0, !0)
+      o("div", Re, [
+        t.title && t.titlePosition === "center" ? (s(), l("div", Ne, x(t.title), 1)) : y("", !0),
+        V(u.$slots, "center", {}, void 0, !0)
       ]),
-      l("div", Ne, [
-        t.title && t.titlePosition === "right" ? (s(), o("div", We, x(t.title), 1)) : m("", !0),
-        z(d.$slots, "right", {}, void 0, !0)
+      o("div", We, [
+        t.title && t.titlePosition === "right" ? (s(), l("div", He, x(t.title), 1)) : y("", !0),
+        V(u.$slots, "right", {}, void 0, !0)
       ])
     ], 2));
   }
-}), U = (t, g) => {
+}), K = (t, g) => {
   const e = t.__vccOpts || t;
   for (const [c, n] of g)
     e[c] = n;
   return e;
-}, $o = /* @__PURE__ */ U(He, [["__scopeId", "data-v-c5861315"]]), Ke = ["type", "disabled", "aria-label"], Ue = {
+}, hl = /* @__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]"
-}, Co = /* @__PURE__ */ P({
+}, xl = /* @__PURE__ */ P({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -101,7 +101,7 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
   },
   emits: ["click"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = r(() => e.variant === "icon"), d = r(() => e.badge > 99 ? "99+" : e.badge.toString()), f = r(() => {
+    const e = t, c = 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",
@@ -121,26 +121,26 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
         md: "rounded-lg",
         sm: "rounded-md",
         none: "rounded-none"
-      }, V = e.textColor ? e.textColor : "", C = r(() => {
-        var F, L;
-        return e.textColorHover ? e.textColorHover : (F = e.textColor) != null && F.includes("white") || (L = e.textColor) != null && L.includes("50") ? "hover:text-black" : "";
+      }, T = e.textColor ? e.textColor : "", B = r(() => {
+        var O, j;
+        return e.textColorHover ? e.textColorHover : (O = e.textColor) != null && O.includes("white") || (j = e.textColor) != null && j.includes("50") ? "hover:text-black" : "";
       });
-      return `${h} ${i[e.variant]} ${p[e.size]} ${b[e.radius]} ${V} ${C.value}`;
+      return `${h} ${i[e.variant]} ${p[e.size]} ${b[e.radius]} ${T} ${B.value}`;
     }), a = (h) => {
       e.disabled || c("click", h);
     };
-    return (h, i) => (s(), o("button", {
-      class: v(f.value),
+    return (h, i) => (s(), l("button", {
+      class: f(v.value),
       type: t.type,
       disabled: t.disabled,
       onClick: a,
       "aria-label": t.ariaLabel
     }, [
-      z(h.$slots, "default"),
-      n.value && t.badge && t.badge > 0 ? (s(), o("span", Ue, x(d.value), 1)) : m("", !0)
-    ], 10, Ke));
+      V(h.$slots, "default"),
+      n.value && t.badge && t.badge > 0 ? (s(), l("span", Je, x(u.value), 1)) : y("", !0)
+    ], 10, Ue));
   }
-}), Je = /* @__PURE__ */ P({
+}), Ge = /* @__PURE__ */ P({
   __name: "Icon",
   props: {
     name: {},
@@ -175,13 +175,13 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
         default:
           return `material-symbols:${i}`;
       }
-    }, n = r(() => c(g.name, g.variant)), d = r(() => {
+    }, n = r(() => c(g.name, g.variant)), u = r(() => {
       const a = [
         "inline-flex items-center justify-center select-none",
         "transition-transform duration-200"
       ];
       return g.color && (g.color.startsWith("text-") || g.color.startsWith("fill-")) && a.push(g.color), g.spin && a.push("animate-spin"), a.join(" ");
-    }), f = r(() => {
+    }), v = r(() => {
       const a = {};
       if (e[g.size] ? (a.fontSize = e[g.size], a.width = e[g.size], a.height = e[g.size]) : (a.fontSize = g.size, a.width = g.size, a.height = g.size), g.color && !g.color.startsWith("text-") && !g.color.startsWith("fill-") && (a.color = g.color), g.rotate !== 0) {
         const h = `rotate(${g.rotate}deg)`;
@@ -189,33 +189,33 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
       }
       return a;
     });
-    return (a, h) => (s(), te(Fe(Ae), {
+    return (a, h) => (s(), ee(Ye(Ee), {
       icon: n.value,
-      class: v(d.value),
-      style: Z(f.value),
+      class: f(u.value),
+      style: Q(v.value),
       "aria-label": t.ariaLabel,
       role: t.ariaLabel ? "img" : void 0
     }, null, 8, ["icon", "class", "style", "aria-label", "role"]));
   }
-}), se = /* @__PURE__ */ U(Je, [["__scopeId", "data-v-5f982e5c"]]), Ge = {
+}), se = /* @__PURE__ */ K(Ge, [["__scopeId", "data-v-5f982e5c"]]), Qe = {
   key: 0,
   class: "relative"
-}, Qe = ["for"], Ze = {
+}, Ze = ["for"], Xe = {
   key: 0,
   class: "text-danger-600"
-}, Xe = { class: "relative" }, et = ["id", "disabled", "placeholder", "value", "required"], tt = ["disabled"], st = {
+}, et = ["id", "disabled", "placeholder", "value", "required"], tt = ["disabled"], st = {
   key: 1,
   class: "space-y-2"
-}, ot = {
+}, lt = {
   key: 0,
   class: "text-danger-600"
-}, lt = { class: "grid grid-cols-1 md:grid-cols-2 gap-2" }, at = { class: "relative" }, nt = ["disabled", "placeholder", "value", "required"], rt = ["disabled"], it = { class: "relative" }, dt = ["disabled", "placeholder", "value", "required"], ut = ["disabled"], ct = {
+}, ot = { class: "grid grid-cols-1 md:grid-cols-2 gap-2" }, at = ["disabled", "placeholder", "value", "required"], nt = ["disabled"], rt = ["disabled", "placeholder", "value", "required"], it = ["disabled"], dt = {
   key: 2,
   class: "mt-1 text-sm text-danger-600"
-}, ft = {
+}, ut = {
   key: 3,
   class: "mt-1 text-sm text-secondary-600"
-}, vt = { class: "flex items-center justify-between mb-4" }, pt = { class: "flex items-center space-x-2" }, bt = ["value"], gt = ["value"], yt = { class: "grid grid-cols-7 gap-1 mb-2" }, mt = { class: "grid grid-cols-7 gap-1" }, ht = ["disabled", "onClick"], xt = { class: "flex justify-end space-x-2 mt-4 pt-4 border-t border-secondary-100" }, wt = ["disabled"], kt = /* @__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__ */ P({
   __name: "Calendar",
   props: {
     modelValue: {},
@@ -239,11 +239,12 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
     minDate: {},
     maxDate: {},
     disabledDates: {},
-    dateFormat: { default: "DD/MM/YYYY" }
+    dateFormat: { default: "DD/MM/YYYY" },
+    bordered: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "date-select", "range-select"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = O(!1), d = O(null), f = O((/* @__PURE__ */ new Date()).getMonth()), a = O((/* @__PURE__ */ new Date()).getFullYear()), h = O(`calendar-${Math.random().toString(36).substr(2, 9)}`), i = O(null), p = O(null), b = [
+    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 = [
       "Enero",
       "Febrero",
       "Marzo",
@@ -256,106 +257,106 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
       "Octubre",
       "Noviembre",
       "Diciembre"
-    ], V = ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"], C = r(() => ({ sm: "xs", md: "sm", lg: "md" })[e.size] || "sm"), F = r(() => {
-      const y = (/* @__PURE__ */ new Date()).getFullYear(), w = [];
-      for (let D = y - 100; D <= y + 10; D++)
-        w.push(D);
-      return w;
-    }), L = r(() => `block text-sm font-medium ${e.labelColor} mb-1`), S = r(() => {
-      const y = "w-full rounded-md transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer hover:shadow-sm border", w = {
-        sm: "h-8 px-3 pr-10 text-sm",
-        md: "h-10 px-4 pr-10 text-base",
-        lg: "h-12 px-5 pr-12 text-lg"
-      }, D = {
-        primary: "focus:border-primary-500 focus:ring-primary-500 hover:border-primary-400",
-        secondary: "focus:border-secondary-500 focus:ring-secondary-500 hover:border-secondary-400"
-      }, A = {
-        default: "border-gray-300 bg-white hover:bg-gray-50 hover:border-gray-400",
-        filled: "border-gray-300 bg-secondary-50 focus:bg-white hover:bg-secondary-100 hover:border-gray-400",
-        outlined: "border-gray-400 bg-transparent hover:bg-gray-50 hover:border-gray-500"
-      }, J = e.error ? "border-danger-500 focus:border-danger-500 focus:ring-danger-500 hover:border-danger-400" : "";
-      return `${y} ${w[e.size]} ${A[e.variant]} ${D[e.color]} ${J}`;
+    ], T = ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"], B = r(() => ({ sm: "xs", md: "sm", lg: "md" })[e.size] || "sm"), O = r(() => {
+      const m = (/* @__PURE__ */ new Date()).getFullYear(), C = [];
+      for (let z = m - 100; z <= m + 10; z++)
+        C.push(z);
+      return C;
+    }), j = r(() => `block text-sm font-medium ${e.labelColor} mb-1`), S = r(() => e.bordered ? "border border-neutral-300" : ""), D = r(() => {
+      const m = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", C = {
+        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 = {
+        primary: "focus:ring-primary-500",
+        secondary: "focus:ring-secondary-500"
+      }, Y = {
+        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}`;
     }), 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"}`), M = r(() => "min-w-80 max-w-sm"), j = 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"), _ = 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]}`), Y = r(() => `px-2 py-1 text-sm border border-secondary-300 rounded-md focus:outline-none focus:ring-1 ${{
+    }[e.color]}`), N = r(() => `px-2 py-1 text-sm border border-secondary-300 rounded-md focus:outline-none focus:ring-1 ${{
       primary: "focus:border-primary-500 focus:ring-primary-500",
       secondary: "focus:border-secondary-500 focus:ring-secondary-500"
-    }[e.color]}`), H = 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 ${{
+    }[e.color]}`), te = 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]}`), B = r(() => `px-3 py-1.5 text-sm border border-secondary-300 rounded-md transition-colors focus:outline-none ${{
+    }[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]}`), T = r(() => e.mode === "single" && e.modelValue && e.modelValue instanceof Date ? _(e.modelValue) : ""), u = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue && e.modelValue.start ? _(e.modelValue.start) : ""), I = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "end" in e.modelValue && e.modelValue.end ? _(e.modelValue.end) : ""), $ = 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 ? 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);
     r(() => e.mode === "range" && i.value && p.value ? p.value < i.value : !1);
-    const G = r(() => {
-      const y = new Date(a.value, f.value, 1), w = new Date(a.value, f.value + 1, 0), D = y.getDay(), A = w.getDate(), J = [], ee = new Date(a.value, f.value - 1, 0);
-      for (let N = D - 1; N >= 0; N--) {
-        const X = new Date(a.value, f.value - 1, ee.getDate() - N);
-        J.push({
-          day: X.getDate(),
-          date: X,
+    const F = 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);
+      for (let R = z - 1; R >= 0; R--) {
+        const Z = new Date(a.value, v.value - 1, X.getDate() - R);
+        U.push({
+          day: Z.getDate(),
+          date: Z,
           isCurrentMonth: !1,
           disabled: !0,
-          key: `prev-${X.getDate()}`
+          key: `prev-${Z.getDate()}`
         });
       }
-      for (let N = 1; N <= A; N++) {
-        const X = new Date(a.value, f.value, N);
-        J.push({
-          day: N,
-          date: X,
+      for (let R = 1; R <= Y; R++) {
+        const Z = new Date(a.value, v.value, R);
+        U.push({
+          day: R,
+          date: Z,
           isCurrentMonth: !0,
           disabled: !1,
-          key: `current-${N}`
+          key: `current-${R}`
         });
       }
-      const Oe = 42 - J.length;
-      for (let N = 1; N <= Oe; N++) {
-        const X = new Date(a.value, f.value + 1, N);
-        J.push({
-          day: N,
-          date: X,
+      const _e = 42 - U.length;
+      for (let R = 1; R <= _e; R++) {
+        const Z = new Date(a.value, v.value + 1, R);
+        U.push({
+          day: R,
+          date: Z,
           isCurrentMonth: !1,
           disabled: !0,
-          key: `next-${N}`
+          key: `next-${R}`
         });
       }
-      return J;
-    }), _ = (y) => {
-      const w = y.getDate().toString().padStart(2, "0"), D = (y.getMonth() + 1).toString().padStart(2, "0"), A = y.getFullYear();
+      return U;
+    }), A = (m) => {
+      const C = m.getDate().toString().padStart(2, "0"), z = (m.getMonth() + 1).toString().padStart(2, "0"), Y = m.getFullYear();
       switch (e.dateFormat) {
         case "MM/DD/YYYY":
-          return `${D}/${w}/${A}`;
+          return `${z}/${C}/${Y}`;
         case "YYYY-MM-DD":
-          return `${A}-${D}-${w}`;
+          return `${Y}-${z}-${C}`;
         case "DD/MM/YYYY":
         default:
-          return `${w}/${D}/${A}`;
+          return `${C}/${z}/${Y}`;
       }
-    }, q = (y) => {
-      var D;
-      const w = new Date(y.getFullYear(), y.getMonth(), y.getDate());
+    }, be = (m) => {
+      var z;
+      const C = new Date(m.getFullYear(), m.getMonth(), m.getDate());
       if (e.minDate) {
-        const A = new Date(e.minDate.getFullYear(), e.minDate.getMonth(), e.minDate.getDate());
-        if (w < A) return !0;
+        const Y = new Date(e.minDate.getFullYear(), e.minDate.getMonth(), e.minDate.getDate());
+        if (C < Y) return !0;
       }
       if (e.maxDate) {
-        const A = new Date(e.maxDate.getFullYear(), e.maxDate.getMonth(), e.maxDate.getDate());
-        if (w > A) return !0;
+        const Y = new Date(e.maxDate.getFullYear(), e.maxDate.getMonth(), e.maxDate.getDate());
+        if (C > Y) return !0;
       }
-      return !!((D = e.disabledDates) != null && D.some(
-        (A) => A.toDateString() === y.toDateString()
+      return !!((z = e.disabledDates) != null && z.some(
+        (Y) => Y.toDateString() === m.toDateString()
       ));
-    }, Me = (y) => {
-      const w = "w-8 h-8 text-sm rounded-md transition-colors focus:outline-none";
-      if (!y.isCurrentMonth || y.disabled || q(y.date))
-        return `${w} text-secondary-400 cursor-not-allowed`;
-      const D = De(y.date), A = Be(y.date), J = ze(y.date), ee = {
+    }, 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 = {
         primary: {
           selected: "bg-primary-600 text-white",
           inRange: "bg-primary-100 text-primary-900",
@@ -369,249 +370,255 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
           default: "text-secondary-700 hover:bg-secondary-50 hover:text-secondary-700"
         }
       };
-      return D ? `${w} ${ee[e.color].selected}` : A ? `${w} ${ee[e.color].inRange}` : J ? `${w} ${ee[e.color].today}` : `${w} ${ee[e.color].default}`;
-    }, De = (y) => e.mode === "single" ? i.value ? oe(y, i.value) : !1 : !!(i.value && oe(y, i.value)) || !!(p.value && oe(y, p.value)), Be = (y) => {
+      return z ? `${C} ${X[e.color].selected}` : Y ? `${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;
-      const w = i.value, D = p.value;
-      return y > w && y < D;
-    }, ze = (y) => oe(y, /* @__PURE__ */ new Date()), oe = (y, w) => y.toDateString() === w.toDateString(), Ve = () => {
-      e.disabled || n.value || le();
-    }, Te = () => {
-      e.disabled || n.value || le();
+      const C = i.value, z = p.value;
+      return m > C && m < z;
+    }, Ve = (m) => le(m, /* @__PURE__ */ new Date()), le = (m, C) => m.toDateString() === C.toDateString(), Te = () => {
+      e.disabled || n.value || oe();
     }, Se = () => {
-      e.disabled || me();
-    }, be = (y) => {
-      e.disabled || (ne(y), n.value || le());
-    }, ge = (y) => {
-      e.disabled || (ne(y), n.value || le());
-    }, ye = (y) => {
-      e.disabled || (ne(y), me());
-    }, ne = (y) => {
-      d.value = y;
-    }, me = () => {
+      e.disabled || n.value || oe();
+    }, Ie = () => {
+      e.disabled || he();
+    }, ge = (m) => {
+      e.disabled || (ne(m), n.value || oe());
+    }, me = (m) => {
+      e.disabled || (ne(m), n.value || oe());
+    }, ye = (m) => {
+      e.disabled || (ne(m), he());
+    }, ne = (m) => {
+      u.value = m;
+    }, he = () => {
       e.disabled || (n.value = !n.value, n.value && ie());
-    }, le = () => {
+    }, oe = () => {
       e.disabled || (n.value = !0, ie());
     }, re = () => {
-      n.value = !1, d.value = null;
+      n.value = !1, u.value = null;
     }, ie = () => {
       e.mode === "single" ? (i.value = e.modelValue instanceof Date ? e.modelValue : null, p.value = null) : e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue ? (i.value = e.modelValue.start, p.value = e.modelValue.end) : (i.value = null, p.value = null);
-    }, Ie = (y) => {
-      e.mode === "single" ? (i.value = y, p.value = null) : d.value === "start" || !i.value ? (i.value = y, p.value = null, d.value = "end") : (d.value === "end" || !p.value) && (y < i.value ? (p.value = i.value, i.value = y) : p.value = y, d.value = null);
-    }, je = () => {
+    }, je = (m) => {
+      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);
       else {
-        const y = { start: i.value, end: p.value };
-        c("update:modelValue", y), c("range-select", y);
+        const m = { start: i.value, end: p.value };
+        c("update:modelValue", m), c("range-select", m);
       }
       re();
-    }, Le = () => {
-      f.value === 0 ? (f.value = 11, a.value--) : f.value--;
-    }, _e = () => {
-      f.value === 11 ? (f.value = 0, a.value++) : f.value++;
-    }, he = () => {
-    }, de = O(), xe = (y) => {
-      de.value && !de.value.contains(y.target) && re();
+    }, Oe = () => {
+      v.value === 0 ? (v.value = 11, a.value--) : v.value--;
+    }, Fe = () => {
+      v.value === 11 ? (v.value = 0, a.value++) : v.value++;
+    }, xe = () => {
+    }, de = L(), we = (m) => {
+      de.value && !de.value.contains(m.target) && re();
     };
-    return ke(() => {
-      document.addEventListener("click", xe);
-    }), $e(() => {
-      document.removeEventListener("click", xe);
-    }), ve(() => e.modelValue, (y) => {
+    return $e(() => {
+      document.addEventListener("click", we);
+    }), Ce(() => {
+      document.removeEventListener("click", we);
+    }), ve(() => e.modelValue, (m) => {
       n.value || ie();
-    }, { deep: !0 }), (y, w) => (s(), o("div", {
+    }, { deep: !0 }), (m, C) => (s(), l("div", {
       ref_key: "calendarWrapperRef",
       ref: de,
       class: "calendar-wrapper"
     }, [
-      t.mode === "single" ? (s(), o("div", Ge, [
-        t.label && t.showLabel ? (s(), o("label", {
+      t.mode === "single" ? (s(), l("div", Qe, [
+        t.label && t.showLabel ? (s(), l("label", {
           key: 0,
           for: h.value,
-          class: v(L.value)
+          class: f(j.value)
+        }, [
+          q(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])
         }, [
-          R(x(t.label) + " ", 1),
-          t.required ? (s(), o("span", Ze, "*")) : m("", !0)
-        ], 10, Qe)) : m("", !0),
-        l("div", Xe, [
-          l("input", {
+          o("input", {
             id: h.value,
-            class: v(S.value),
+            class: f(D.value),
             type: "text",
             disabled: t.disabled,
             placeholder: t.placeholder || "Seleccionar fecha",
-            value: T.value,
+            value: d.value,
             required: t.required,
             readonly: !0,
-            onClick: Ve,
-            onFocus: Te
+            onClick: Te,
+            onFocus: Se
           }, null, 42, et),
-          l("button", {
+          o("button", {
             type: "button",
-            class: v(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
-            onClick: K(Se, ["stop"]),
+            class: f(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
+            onClick: H(Ie, ["stop"]),
             disabled: t.disabled
           }, [
-            Q(se, {
+            G(se, {
               name: t.iconName,
-              size: C.value
+              size: B.value
             }, null, 8, ["name", "size"])
           ], 10, tt)
-        ])
-      ])) : (s(), o("div", st, [
-        t.label && t.showLabel ? (s(), o("label", {
+        ], 2)
+      ])) : (s(), l("div", st, [
+        t.label && t.showLabel ? (s(), l("label", {
           key: 0,
-          class: v(L.value)
+          class: f(j.value)
         }, [
-          R(x(t.label) + " ", 1),
-          t.required ? (s(), o("span", ot, "*")) : m("", !0)
-        ], 2)) : m("", !0),
-        l("div", lt, [
-          l("div", at, [
-            l("input", {
-              class: v(S.value),
+          q(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])
+          }, [
+            o("input", {
+              class: f(D.value),
               type: "text",
               disabled: t.disabled,
               placeholder: t.startPlaceholder || "Fecha desde",
-              value: u.value,
+              value: w.value,
               required: t.required,
               readonly: !0,
-              onClick: w[0] || (w[0] = () => be("start")),
-              onFocus: w[1] || (w[1] = () => ge("start"))
-            }, null, 42, nt),
-            l("button", {
+              onClick: C[0] || (C[0] = () => ge("start")),
+              onFocus: C[1] || (C[1] = () => me("start"))
+            }, null, 42, at),
+            o("button", {
               type: "button",
-              class: v(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
-              onClick: w[2] || (w[2] = K(() => ye("start"), ["stop"])),
+              class: f(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
+              onClick: C[2] || (C[2] = H(() => ye("start"), ["stop"])),
               disabled: t.disabled
             }, [
-              Q(se, {
+              G(se, {
                 name: t.startIconName,
-                size: C.value
+                size: B.value
               }, null, 8, ["name", "size"])
-            ], 10, rt)
-          ]),
-          l("div", it, [
-            l("input", {
-              class: v(S.value),
+            ], 10, nt)
+          ], 2),
+          o("div", {
+            class: f(["relative rounded-md", S.value])
+          }, [
+            o("input", {
+              class: f(D.value),
               type: "text",
               disabled: t.disabled,
               placeholder: t.endPlaceholder || "Fecha hasta",
-              value: I.value,
+              value: $.value,
               required: t.required,
               readonly: !0,
-              onClick: w[3] || (w[3] = () => be("end")),
-              onFocus: w[4] || (w[4] = () => ge("end"))
-            }, null, 42, dt),
-            l("button", {
+              onClick: C[3] || (C[3] = () => ge("end")),
+              onFocus: C[4] || (C[4] = () => me("end"))
+            }, null, 42, rt),
+            o("button", {
               type: "button",
-              class: v(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
-              onClick: w[5] || (w[5] = K(() => ye("end"), ["stop"])),
+              class: f(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
+              onClick: C[5] || (C[5] = H(() => ye("end"), ["stop"])),
               disabled: t.disabled
             }, [
-              Q(se, {
+              G(se, {
                 name: t.endIconName,
-                size: C.value
+                size: B.value
               }, null, 8, ["name", "size"])
-            ], 10, ut)
-          ])
+            ], 10, it)
+          ], 2)
         ])
       ])),
-      t.error ? (s(), o("p", ct, x(t.error), 1)) : t.helperText ? (s(), o("p", ft, x(t.helperText), 1)) : m("", !0),
-      n.value ? (s(), o("div", {
+      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: v(["absolute z-50 mt-1 bg-white border border-secondary-200 rounded-lg shadow-lg p-4", M.value]),
-        onClick: w[8] || (w[8] = K(() => {
+        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]),
+        onClick: C[8] || (C[8] = H(() => {
         }, ["stop"]))
       }, [
-        l("div", vt, [
-          l("button", {
+        o("div", ct, [
+          o("button", {
             type: "button",
-            onClick: Le,
-            class: v(j.value)
+            onClick: Oe,
+            class: f(_.value)
           }, [
-            Q(se, {
+            G(se, {
               name: "chevron-left",
               size: "sm"
             })
           ], 2),
-          l("div", pt, [
-            ue(l("select", {
-              "onUpdate:modelValue": w[6] || (w[6] = (D) => f.value = D),
-              class: v(Y.value),
-              onChange: he
+          o("div", ft, [
+            ue(o("select", {
+              "onUpdate:modelValue": C[6] || (C[6] = (z) => v.value = z),
+              class: f(N.value),
+              onChange: xe
             }, [
-              (s(), o(E, null, W(b, (D, A) => l("option", {
-                key: A,
-                value: A
-              }, x(D), 9, bt)), 64))
+              (s(), l(E, null, W(b, (z, Y) => o("option", {
+                key: Y,
+                value: Y
+              }, x(z), 9, vt)), 64))
             ], 34), [
-              [we, f.value]
+              [ke, v.value]
             ]),
-            ue(l("select", {
-              "onUpdate:modelValue": w[7] || (w[7] = (D) => a.value = D),
-              class: v(Y.value),
-              onChange: he
+            ue(o("select", {
+              "onUpdate:modelValue": C[7] || (C[7] = (z) => a.value = z),
+              class: f(N.value),
+              onChange: xe
             }, [
-              (s(!0), o(E, null, W(F.value, (D) => (s(), o("option", {
-                key: D,
-                value: D
-              }, x(D), 9, gt))), 128))
+              (s(!0), l(E, null, W(O.value, (z) => (s(), l("option", {
+                key: z,
+                value: z
+              }, x(z), 9, pt))), 128))
             ], 34), [
-              [we, a.value]
+              [ke, a.value]
             ])
           ]),
-          l("button", {
+          o("button", {
             type: "button",
-            onClick: _e,
-            class: v(j.value)
+            onClick: Fe,
+            class: f(_.value)
           }, [
-            Q(se, {
+            G(se, {
               name: "chevron-right",
               size: "sm"
             })
           ], 2)
         ]),
-        l("div", yt, [
-          (s(), o(E, null, W(V, (D) => l("div", {
-            key: D,
+        o("div", bt, [
+          (s(), l(E, null, W(T, (z) => o("div", {
+            key: z,
             class: "text-center text-sm font-medium text-secondary-600 py-2"
-          }, x(D), 1)), 64))
+          }, x(z), 1)), 64))
         ]),
-        l("div", mt, [
-          (s(!0), o(E, null, W(G.value, (D) => (s(), o("button", {
-            key: D.key,
+        o("div", gt, [
+          (s(!0), l(E, null, W(F.value, (z) => (s(), l("button", {
+            key: z.key,
             type: "button",
-            class: v(Me(D)),
-            disabled: D.disabled || q(D.date),
-            onClick: (A) => Ie(D.date)
-          }, x(D.day), 11, ht))), 128))
+            class: f(De(z)),
+            disabled: z.disabled || be(z.date),
+            onClick: (Y) => je(z.date)
+          }, x(z.day), 11, mt))), 128))
         ]),
-        l("div", xt, [
-          l("button", {
+        o("div", yt, [
+          o("button", {
             type: "button",
-            class: v(B.value),
+            class: f(M.value),
             onClick: re
           }, " Cancelar ", 2),
-          l("button", {
+          o("button", {
             type: "button",
-            class: v(H.value),
-            onClick: je,
-            disabled: !$.value
-          }, " Confirmar ", 10, wt)
+            class: f(te.value),
+            onClick: Le,
+            disabled: !J.value
+          }, " Confirmar ", 10, ht)
         ])
-      ], 2)) : m("", !0)
+      ], 2)) : y("", !0)
     ], 512));
   }
-}), Mo = /* @__PURE__ */ U(kt, [["__scopeId", "data-v-269f3410"]]), $t = {
+}), wl = /* @__PURE__ */ K(xt, [["__scopeId", "data-v-38b6f181"]]), wt = {
   key: 0,
   class: "border-b border-gray-100 px-6 py-4"
-}, Ct = { class: "px-6 py-4" }, Mt = {
+}, kt = { class: "px-6 py-4" }, $t = {
   key: 1,
   class: "border-t border-gray-100 px-6 py-4 bg-gray-50"
-}, Do = /* @__PURE__ */ P({
+}, kl = /* @__PURE__ */ P({
   __name: "Card",
   props: {
     shadow: { default: "md" },
@@ -638,24 +645,24 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
       c[g.rounded],
       g.bordered ? "border border-gray-200" : ""
     ]);
-    return (d, f) => (s(), o("div", {
-      class: v(n.value)
+    return (u, v) => (s(), l("div", {
+      class: f(n.value)
     }, [
-      d.$slots.header ? (s(), o("div", $t, [
-        z(d.$slots, "header")
-      ])) : m("", !0),
-      l("div", Ct, [
-        z(d.$slots, "default")
+      u.$slots.header ? (s(), l("div", wt, [
+        V(u.$slots, "header")
+      ])) : y("", !0),
+      o("div", kt, [
+        V(u.$slots, "default")
       ]),
-      d.$slots.footer ? (s(), o("div", Mt, [
-        z(d.$slots, "footer")
-      ])) : m("", !0)
+      u.$slots.footer ? (s(), l("div", $t, [
+        V(u.$slots, "footer")
+      ])) : y("", !0)
     ], 2));
   }
-}), Dt = { class: "flex items-center justify-between border-b border-gray-100/60 px-8 py-6" }, Bt = { class: "text-xl font-semibold text-gray-900" }, zt = { class: "px-8 py-6" }, Vt = {
+}), 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"
-}, Tt = /* @__PURE__ */ P({
+}, zt = /* @__PURE__ */ P({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -667,43 +674,43 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
     const e = t, c = g, n = r({
       get: () => e.modelValue,
       set: (a) => c("update:modelValue", a)
-    }), d = () => {
+    }), u = () => {
       n.value = !1, c("close");
-    }, f = () => {
-      e.closeOnBackdrop && d();
+    }, v = () => {
+      e.closeOnBackdrop && u();
     };
-    return (a, h) => (s(), te(pe, { to: "body" }, [
-      Q(ce, { name: "dialog" }, {
+    return (a, h) => (s(), ee(pe, { to: "body" }, [
+      G(ce, { name: "dialog" }, {
         default: ae(() => [
-          n.value ? (s(), o("div", {
+          n.value ? (s(), l("div", {
             key: 0,
             class: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4",
-            onClick: f
+            onClick: v
           }, [
-            l("div", {
+            o("div", {
               class: "relative w-full rounded-lg bg-white shadow-xl sm:max-w-lg md:max-w-2xl",
-              onClick: h[0] || (h[0] = K(() => {
+              onClick: h[0] || (h[0] = H(() => {
               }, ["stop"]))
             }, [
-              l("div", Dt, [
-                l("h2", Bt, [
-                  z(a.$slots, "title", {}, () => [
-                    R(x(t.title), 1)
+              o("div", Ct, [
+                o("h2", Mt, [
+                  V(a.$slots, "title", {}, () => [
+                    q(x(t.title), 1)
                   ], !0)
                 ]),
-                l("button", {
+                o("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: d
+                  onClick: u
                 }, [...h[1] || (h[1] = [
-                  l("svg", {
+                  o("svg", {
                     class: "h-6 w-6",
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24"
                   }, [
-                    l("path", {
+                    o("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
@@ -712,32 +719,32 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
                   ], -1)
                 ])])
               ]),
-              l("div", zt, [
-                z(a.$slots, "default", {}, void 0, !0)
+              o("div", Dt, [
+                V(a.$slots, "default", {}, void 0, !0)
               ]),
-              a.$slots.footer ? (s(), o("div", Vt, [
-                z(a.$slots, "footer", {}, void 0, !0)
-              ])) : m("", !0)
+              a.$slots.footer ? (s(), l("div", Bt, [
+                V(a.$slots, "footer", {}, void 0, !0)
+              ])) : y("", !0)
             ])
-          ])) : m("", !0)
+          ])) : y("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), Bo = /* @__PURE__ */ U(Tt, [["__scopeId", "data-v-37e19754"]]), St = ["accept", "multiple", "disabled"], It = { class: "flex flex-col items-center justify-center gap-4 text-center" }, jt = ["src", "alt"], Lt = {
+}), $l = /* @__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"
-}, _t = { class: "text-center" }, Ot = { class: "text-base font-medium text-gray-700" }, Ft = { class: "text-primary-700" }, Yt = { class: "flex items-center gap-3 flex-1 min-w-0" }, At = { class: "flex-1 min-w-0" }, Et = { class: "text-sm font-medium text-gray-900 truncate" }, Pt = { class: "text-xs text-gray-500" }, qt = {
+}, 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" }, _t = { class: "flex-1 min-w-0" }, Yt = { class: "text-sm font-medium text-gray-900 truncate" }, At = { class: "text-xs text-gray-500" }, Et = {
   key: 1,
   class: "text-xs text-gray-500 mt-2"
-}, Rt = {
+}, Pt = {
   key: 2,
   class: "text-sm text-danger-500 mt-2"
-}, zo = /* @__PURE__ */ P({
+}, Cl = /* @__PURE__ */ P({
   __name: "FileUpload",
   props: {
     modelValue: { default: null },
@@ -754,53 +761,53 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
   },
   emits: ["update:modelValue", "change", "error"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = O(null), d = O(!1), f = O(e.modelValue), a = O(""), h = r(() => ({
+    const e = t, c = 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",
       xl: "w-64 h-64"
     })[e.illustrationSize]), i = () => {
-      var M;
-      (M = n.value) == null || M.click();
+      var k;
+      (k = n.value) == null || k.click();
     }, p = () => {
       e.disabled || i();
-    }, b = (M) => {
-      e.disabled || (d.value = !0);
-    }, V = () => {
-      d.value = !1;
-    }, C = (M) => {
-      if (a.value = "", e.maxSize && M.size > e.maxSize) {
-        const j = (e.maxSize / 1048576).toFixed(2);
-        return a.value = `El archivo excede el tamaño máximo de ${j}MB`, c("error", a.value), !1;
+    }, b = (k) => {
+      e.disabled || (u.value = !0);
+    }, T = () => {
+      u.value = !1;
+    }, 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 !0;
-    }, F = (M) => {
-      var H;
-      const Y = (H = M.target.files) == null ? void 0 : H[0];
-      Y && C(Y) && (f.value = Y, c("update:modelValue", Y), c("change", Y));
-    }, L = (M) => {
-      var Y;
-      d.value = !1;
-      const j = (Y = M.dataTransfer) == null ? void 0 : Y.files[0];
-      j && C(j) && (f.value = j, c("update:modelValue", j), c("change", j));
+    }, O = (k) => {
+      var N;
+      const _ = (N = k.target.files) == null ? void 0 : N[0];
+      _ && B(_) && (v.value = _, c("update:modelValue", _), c("change", _));
+    }, j = (k) => {
+      var _;
+      u.value = !1;
+      const I = (_ = k.dataTransfer) == null ? void 0 : _.files[0];
+      I && B(I) && (v.value = I, c("update:modelValue", I), c("change", I));
     }, S = () => {
-      f.value = null, a.value = "", n.value && (n.value.value = ""), c("update:modelValue", null), c("change", null);
-    }, k = (M) => {
-      if (M === 0) return "0 Bytes";
-      const j = 1024, Y = ["Bytes", "KB", "MB", "GB"], H = Math.floor(Math.log(M) / Math.log(j));
-      return Math.round(M / Math.pow(j, H) * 100) / 100 + " " + Y[H];
+      v.value = null, a.value = "", n.value && (n.value.value = ""), c("update:modelValue", null), c("change", null);
+    }, D = (k) => {
+      if (k === 0) return "0 Bytes";
+      const I = 1024, _ = ["Bytes", "KB", "MB", "GB"], N = Math.floor(Math.log(k) / Math.log(I));
+      return Math.round(k / Math.pow(I, N) * 100) / 100 + " " + _[N];
     };
-    return (M, j) => (s(), o("div", {
-      class: v(["relative border-2 border-dashed rounded-lg p-8 transition-colors", [
-        d.value ? "border-primary-700 bg-primary-50" : "border-gray-300 bg-white hover:border-primary-500",
+    return (k, I) => (s(), l("div", {
+      class: f(["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: p,
-      onDragover: K(b, ["prevent"]),
-      onDragleave: K(V, ["prevent"]),
-      onDrop: K(L, ["prevent"])
+      onDragover: H(b, ["prevent"]),
+      onDragleave: H(T, ["prevent"]),
+      onDrop: H(j, ["prevent"])
     }, [
-      l("input", {
+      o("input", {
         ref_key: "fileInput",
         ref: n,
         type: "file",
@@ -808,19 +815,19 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
         multiple: t.multiple,
         disabled: t.disabled,
         class: "hidden",
-        onChange: F
-      }, null, 40, St),
-      l("div", It, [
-        l("div", {
-          class: v([h.value, "flex items-center justify-center"])
+        onChange: O
+      }, null, 40, Vt),
+      o("div", Tt, [
+        o("div", {
+          class: f([h.value, "flex items-center justify-center"])
         }, [
-          t.illustration ? (s(), o("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, jt)) : (s(), o("svg", Lt, [...j[1] || (j[1] = [
-            l("path", {
+          }, null, 8, St)) : (s(), l("svg", It, [...I[1] || (I[1] = [
+            o("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "1.5",
@@ -828,73 +835,73 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
             }, null, -1)
           ])]))
         ], 2),
-        l("div", _t, [
-          l("p", Ot, [
-            R(x(t.mainText) + " ", 1),
-            l("span", Ft, x(t.linkText), 1)
+        o("div", jt, [
+          o("p", Lt, [
+            q(x(t.mainText) + " ", 1),
+            o("span", Ot, x(t.linkText), 1)
           ])
         ]),
-        f.value ? (s(), o("div", {
+        v.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: j[0] || (j[0] = K(() => {
+          onClick: I[0] || (I[0] = H(() => {
           }, ["stop"]))
         }, [
-          l("div", Yt, [
-            j[2] || (j[2] = l("svg", {
+          o("div", Ft, [
+            I[2] || (I[2] = o("svg", {
               class: "w-6 h-6 text-gray-600 flex-shrink-0",
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24"
             }, [
-              l("path", {
+              o("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", Et, x(f.value.name), 1),
-              l("p", Pt, x(k(f.value.size)), 1)
+            o("div", _t, [
+              o("p", Yt, x(v.value.name), 1),
+              o("p", At, x(D(v.value.size)), 1)
             ])
           ]),
-          t.disabled ? m("", !0) : (s(), o("button", {
+          t.disabled ? y("", !0) : (s(), l("button", {
             key: 0,
-            onClick: K(S, ["stop"]),
+            onClick: H(S, ["stop"]),
             class: "ml-3 text-gray-400 hover:text-danger-500 transition-colors"
-          }, [...j[3] || (j[3] = [
-            l("svg", {
+          }, [...I[3] || (I[3] = [
+            o("svg", {
               class: "w-5 h-5",
               fill: "currentColor",
               viewBox: "0 0 20 20"
             }, [
-              l("path", {
+              o("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"
               })
             ], -1)
           ])]))
-        ])) : m("", !0),
-        t.helperText ? (s(), o("p", qt, x(t.helperText), 1)) : m("", !0),
-        a.value ? (s(), o("p", Rt, x(a.value), 1)) : m("", !0)
+        ])) : 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)
       ])
     ], 34));
   }
-}), Nt = { class: "input-wrapper" }, Wt = ["for"], Ht = {
+}), qt = { class: "input-wrapper" }, Rt = ["for"], Nt = {
   key: 0,
   class: "text-danger-600"
-}, Kt = { class: "relative" }, Ut = ["id", "type", "disabled", "placeholder", "value", "required", "readonly"], Jt = {
+}, 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"
-}, Gt = {
+}, Ut = {
   key: 1,
   class: "mt-1 text-sm text-danger-600"
-}, Qt = {
+}, Jt = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, Zt = /* @__PURE__ */ P({
+}, Gt = /* @__PURE__ */ P({
   __name: "Input",
   props: {
     modelValue: { default: "" },
@@ -911,17 +918,17 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
   },
   emits: ["update:modelValue", "blur", "focus"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = O(`input-${Math.random().toString(36).substr(2, 9)}`), d = r(() => "block text-sm font-medium text-secondary-700 mb-1"), f = r(() => {
+    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 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",
         lg: "h-12 px-5 text-lg"
-      }, V = {
+      }, T = {
         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"
-      }, C = e.error ? "border-danger-500 focus:border-danger-500 focus:ring-danger-500 pr-10" : "";
-      return `${p} ${b[e.size]} ${V[e.variant]} ${C}`;
+      }, B = e.error ? "border-danger-500 focus:border-danger-500 focus:ring-danger-500 pr-10" : "";
+      return `${p} ${b[e.size]} ${T[e.variant]} ${B}`;
     }), a = (p) => {
       const b = p.target;
       c("update:modelValue", b.value);
@@ -930,19 +937,19 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
     }, i = (p) => {
       c("focus", p);
     };
-    return (p, b) => (s(), o("div", Nt, [
-      t.label ? (s(), o("label", {
+    return (p, b) => (s(), l("div", qt, [
+      t.label ? (s(), l("label", {
         key: 0,
         for: n.value,
-        class: v(d.value)
+        class: f(u.value)
       }, [
-        R(x(t.label) + " ", 1),
-        t.required ? (s(), o("span", Ht, "*")) : m("", !0)
-      ], 10, Wt)) : m("", !0),
-      l("div", Kt, [
-        l("input", {
+        q(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: v(f.value),
+          class: f(v.value),
           type: t.type,
           disabled: t.disabled,
           placeholder: t.placeholder,
@@ -952,29 +959,29 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
           onInput: a,
           onBlur: h,
           onFocus: i
-        }, null, 42, Ut),
-        t.error ? (s(), o("span", Jt, [...b[0] || (b[0] = [
-          l("svg", {
+        }, null, 42, Ht),
+        t.error ? (s(), l("span", Kt, [...b[0] || (b[0] = [
+          o("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             class: "h-5 w-5",
             viewBox: "0 0 20 20",
             fill: "currentColor"
           }, [
-            l("path", {
+            o("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"
             })
           ], -1)
-        ])])) : m("", !0)
+        ])])) : y("", !0)
       ]),
-      t.error ? (s(), o("p", Gt, x(t.error), 1)) : t.helperText ? (s(), o("p", Qt, x(t.helperText), 1)) : m("", !0)
+      t.error ? (s(), l("p", Ut, x(t.error), 1)) : t.helperText ? (s(), l("p", Jt, x(t.helperText), 1)) : y("", !0)
     ]));
   }
-}), Vo = /* @__PURE__ */ U(Zt, [["__scopeId", "data-v-e3a37613"]]), Xt = ["stroke-width"], es = {
+}), Ml = /* @__PURE__ */ K(Gt, [["__scopeId", "data-v-e3a37613"]]), Qt = ["stroke-width"], Zt = {
   class: "w-full h-full rounded-lg overflow-hidden",
   style: { "background-color": "#f7f7f7" }
-}, ts = /* @__PURE__ */ P({
+}, Xt = /* @__PURE__ */ P({
   __name: "Loader",
   props: {
     type: { default: "circular" },
@@ -999,17 +1006,17 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
       warning: "bg-warning-500",
       danger: "bg-danger-500",
       info: "bg-info-500"
-    }, n = r(() => [e[g.color]]), d = r(() => [c[g.color]]);
-    return (f, a) => t.type === "circular" ? (s(), o("div", {
+    }, n = r(() => [e[g.color]]), u = r(() => [c[g.color]]);
+    return (v, a) => t.type === "circular" ? (s(), l("div", {
       key: 0,
-      class: v(n.value)
+      class: f(n.value)
     }, [
-      (s(), o("svg", {
+      (s(), l("svg", {
         class: "animate-spin",
-        style: Z({ width: t.size, height: t.size }),
+        style: Q({ width: t.size, height: t.size }),
         viewBox: "0 0 24 24"
       }, [
-        l("circle", {
+        o("circle", {
           class: "opacity-25",
           cx: "12",
           cy: "12",
@@ -1017,42 +1024,42 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
           stroke: "currentColor",
           "stroke-width": t.strokeWidth,
           fill: "none"
-        }, null, 8, Xt),
-        a[0] || (a[0] = l("path", {
+        }, null, 8, Qt),
+        a[0] || (a[0] = o("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(), o("div", {
+    ], 2)) : t.type === "linear" ? (s(), l("div", {
       key: 1,
       class: "w-full",
-      style: Z({ height: t.height })
+      style: Q({ height: t.height })
     }, [
-      l("div", es, [
-        l("div", {
-          class: v([[d.value, { "animate-linear-loader": t.progress === void 0 }], "h-full rounded-lg"]),
-          style: Z({ width: t.progress !== void 0 ? `${Math.min(Math.max(t.progress, 0), 100)}%` : "100%" })
+      o("div", Zt, [
+        o("div", {
+          class: f([[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)) : m("", !0);
+    ], 4)) : y("", !0);
   }
-}), To = /* @__PURE__ */ U(ts, [["__scopeId", "data-v-f369fb46"]]), ss = ["disabled", "aria-expanded"], os = ["disabled", "onClick"], ls = {
+}), Dl = /* @__PURE__ */ K(Xt, [["__scopeId", "data-v-f369fb46"]]), es = ["disabled", "aria-expanded"], ts = ["disabled", "onClick"], ss = {
   key: 0,
   class: "flex-shrink-0"
-}, as = ["innerHTML"], ns = { class: "flex-1 min-w-0 mr-2" }, rs = { class: "flex flex-col items-start" }, is = ["title"], ds = ["title"], us = {
+}, ls = ["innerHTML"], os = { class: "flex-1 min-w-0 mr-2" }, as = { class: "flex flex-col items-start" }, ns = ["title"], rs = ["title"], is = {
   key: 1,
   class: "flex-shrink-0"
-}, cs = {
+}, ds = {
   key: 0,
   class: "text-xs text-secondary-400 font-mono whitespace-nowrap"
-}, fs = { key: 1 }, vs = {
+}, us = { key: 1 }, cs = {
   key: 2,
   class: "w-4 h-4 ml-2 flex-shrink-0",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, ps = /* @__PURE__ */ P({
+}, fs = /* @__PURE__ */ P({
   __name: "Menu",
   props: {
     items: { default: () => [] },
@@ -1072,7 +1079,7 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
   },
   emits: ["open", "close", "select"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = O(!1), d = O(null), f = O(null), a = O({}), h = r(() => [
+    const e = t, c = 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",
@@ -1083,249 +1090,249 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
       "fixed bg-white rounded-lg shadow-lg border border-secondary-200",
       "flex flex-col",
       "focus:outline-none"
-    ], `z-${e.zIndex}`].join(" ")), p = r(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), b = r(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), V = r(() => "py-1 overflow-y-auto flex-1 min-h-0"), C = r(() => "my-1 border-t border-secondary-200"), F = r(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), L = (u) => {
-      const I = [
+    ], `z-${e.zIndex}`].join(" ")), p = r(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), b = r(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), T = r(() => "py-1 overflow-y-auto flex-1 min-h-0"), B = r(() => "my-1 border-t border-secondary-200"), O = r(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), j = (d) => {
+      const w = [
         "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"
-      ], $ = u.variant || "default", G = {
+      ], $ = d.variant || "default", J = {
         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 _ = "";
-      return u.color && (_ = u.color, (u.color.includes("white") || u.color.includes("50")) && (_ += " hover:text-black")), [...I, _ || G[$]].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 ? M() : k());
-    }, k = () => {
+      e.disabled || (n.value ? k() : D());
+    }, D = () => {
       n.value = !0, c("open"), fe(() => {
-        T(), document.addEventListener("click", Y), document.addEventListener("keydown", H);
+        M(), document.addEventListener("click", _), document.addEventListener("keydown", N);
       });
+    }, k = () => {
+      n.value = !1, c("close"), document.removeEventListener("click", _), document.removeEventListener("keydown", N);
+    }, I = (d) => {
+      d.disabled || (d.action && d.action(), c("select", d), e.closeOnClick && !d.children && k());
+    }, _ = (d) => {
+      const w = d.target;
+      u.value && !u.value.contains(w) && v.value && !v.value.contains(w) && k();
+    }, N = (d) => {
+      d.key === "Escape" && k();
+    }, te = (d) => {
+      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), S());
     }, M = () => {
-      n.value = !1, c("close"), document.removeEventListener("click", Y), document.removeEventListener("keydown", H);
-    }, j = (u) => {
-      u.disabled || (u.action && u.action(), c("select", u), e.closeOnClick && !u.children && M());
-    }, Y = (u) => {
-      const I = u.target;
-      d.value && !d.value.contains(I) && f.value && !f.value.contains(I) && M();
-    }, H = (u) => {
-      u.key === "Escape" && M();
-    }, B = (u) => {
-      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), S());
-    }, T = () => {
-      if (!d.value || !f.value) return;
-      const u = d.value.getBoundingClientRect(), I = f.value.getBoundingClientRect(), $ = window.innerWidth, G = window.innerHeight;
-      let _ = 0, q = 0;
+      if (!u.value || !v.value) return;
+      const d = u.value.getBoundingClientRect(), w = v.value.getBoundingClientRect(), $ = window.innerWidth, J = window.innerHeight;
+      let F = 0, A = 0;
       switch (e.position) {
         case "bottom-start":
-          _ = u.bottom + e.offset.y, q = u.left + e.offset.x;
+          F = d.bottom + e.offset.y, A = d.left + e.offset.x;
           break;
         case "bottom-end":
-          _ = u.bottom + e.offset.y, q = u.right - I.width + e.offset.x;
+          F = d.bottom + e.offset.y, A = d.right - w.width + e.offset.x;
           break;
         case "top-start":
-          _ = u.top - I.height - e.offset.y, q = u.left + e.offset.x;
+          F = d.top - w.height - e.offset.y, A = d.left + e.offset.x;
           break;
         case "top-end":
-          _ = u.top - I.height - e.offset.y, q = u.right - I.width + e.offset.x;
+          F = d.top - w.height - e.offset.y, A = d.right - w.width + e.offset.x;
           break;
         case "right-start":
-          _ = u.top + e.offset.y, q = u.right + e.offset.x;
+          F = d.top + e.offset.y, A = d.right + e.offset.x;
           break;
         case "right-end":
-          _ = u.bottom - I.height + e.offset.y, q = u.right + e.offset.x;
+          F = d.bottom - w.height + e.offset.y, A = d.right + e.offset.x;
           break;
         case "left-start":
-          _ = u.top + e.offset.y, q = u.left - I.width - e.offset.x;
+          F = d.top + e.offset.y, A = d.left - w.width - e.offset.x;
           break;
         case "left-end":
-          _ = u.bottom - I.height + e.offset.y, q = u.left - I.width - e.offset.x;
+          F = d.bottom - w.height + e.offset.y, A = d.left - w.width - e.offset.x;
           break;
       }
-      q + I.width > $ && (q = $ - I.width - 8), q < 8 && (q = 8), _ + I.height > G && (_ = G - I.height - 8), _ < 8 && (_ = 8), a.value = {
-        top: `${_}px`,
-        left: `${q}px`,
-        width: e.width === "auto" ? `${Math.max(u.width, 240)}px` : e.width,
+      A + w.width > $ && (A = $ - w.width - 8), A < 8 && (A = 8), F + w.height > J && (F = J - w.height - 8), F < 8 && (F = 8), a.value = {
+        top: `${F}px`,
+        left: `${A}px`,
+        width: e.width === "auto" ? `${Math.max(d.width, 240)}px` : e.width,
         maxHeight: e.maxHeight,
         minWidth: "240px"
       };
     };
-    return ke(() => {
-      window.addEventListener("scroll", T, !0), window.addEventListener("resize", T);
-    }), $e(() => {
-      window.removeEventListener("scroll", T, !0), window.removeEventListener("resize", T), document.removeEventListener("click", Y), document.removeEventListener("keydown", H);
+    return $e(() => {
+      window.addEventListener("scroll", M, !0), window.addEventListener("resize", M);
+    }), Ce(() => {
+      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M), document.removeEventListener("click", _), document.removeEventListener("keydown", N);
     }), ve(() => e.items, () => {
-      n.value && fe(T);
-    }, { deep: !0 }), (u, I) => (s(), o("div", {
-      class: v(["menu-wrapper", { "w-full": t.fullWidth }])
+      n.value && fe(M);
+    }, { deep: !0 }), (d, w) => (s(), l("div", {
+      class: f(["menu-wrapper", { "w-full": t.fullWidth }])
     }, [
-      l("div", {
+      o("div", {
         ref_key: "triggerRef",
-        ref: d
+        ref: u
       }, [
-        z(u.$slots, "trigger", {
+        V(d.$slots, "trigger", {
           isOpen: n.value,
           toggle: S
         }, () => [
-          l("button", {
+          o("button", {
             type: "button",
-            class: v(h.value),
+            class: f(h.value),
             disabled: t.disabled,
             onClick: S,
-            onKeydown: B,
+            onKeydown: te,
             tabindex: 0,
             role: "button",
             "aria-expanded": n.value,
             "aria-haspopup": !0
           }, [
-            z(u.$slots, "trigger-content", {}, () => [
-              R(x(t.triggerText), 1)
+            V(d.$slots, "trigger-content", {}, () => [
+              q(x(t.triggerText), 1)
             ], !0),
-            t.showChevron ? (s(), o("svg", {
+            t.showChevron ? (s(), l("svg", {
               key: 0,
-              class: v(["w-4 h-4 ml-2 transition-transform", n.value ? "rotate-180" : ""]),
+              class: f(["w-4 h-4 ml-2 transition-transform", n.value ? "rotate-180" : ""]),
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24"
-            }, [...I[1] || (I[1] = [
-              l("path", {
+            }, [...w[1] || (w[1] = [
+              o("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
                 d: "M19 9l-7 7-7-7"
               }, null, -1)
-            ])], 2)) : m("", !0)
-          ], 42, ss)
+            ])], 2)) : y("", !0)
+          ], 42, es)
         ], !0)
       ], 512),
-      (s(), te(pe, { to: "body" }, [
-        n.value ? (s(), o("div", {
+      (s(), ee(pe, { to: "body" }, [
+        n.value ? (s(), l("div", {
           key: 0,
           ref_key: "menuRef",
-          ref: f,
-          class: v(i.value),
-          style: Z(a.value),
-          onClick: I[0] || (I[0] = K(() => {
+          ref: v,
+          class: f(i.value),
+          style: Q(a.value),
+          onClick: w[0] || (w[0] = H(() => {
           }, ["stop"]))
         }, [
-          u.$slots.header ? (s(), o("div", {
+          d.$slots.header ? (s(), l("div", {
             key: 0,
-            class: v(p.value)
+            class: f(p.value)
           }, [
-            z(u.$slots, "header", { close: M }, void 0, !0)
-          ], 2)) : m("", !0),
-          l("div", {
-            class: v(V.value)
+            V(d.$slots, "header", { close: k }, void 0, !0)
+          ], 2)) : y("", !0),
+          o("div", {
+            class: f(T.value)
           }, [
-            z(u.$slots, "default", {
-              close: M,
+            V(d.$slots, "default", {
+              close: k,
               isOpen: n.value
             }, () => [
-              (s(!0), o(E, null, W(t.items, ($, G) => (s(), o(E, {
-                key: $.id || G
+              (s(!0), l(E, null, W(t.items, ($, J) => (s(), l(E, {
+                key: $.id || J
               }, [
-                $.type === "divider" ? (s(), o("div", {
+                $.type === "divider" ? (s(), l("div", {
                   key: 0,
-                  class: v(C.value)
-                }, null, 2)) : $.type === "header" ? (s(), o("div", {
+                  class: f(B.value)
+                }, null, 2)) : $.type === "header" ? (s(), l("div", {
                   key: 1,
-                  class: v(F.value)
-                }, x($.label), 3)) : (s(), o("button", {
+                  class: f(O.value)
+                }, x($.label), 3)) : (s(), l("button", {
                   key: 2,
                   type: "button",
-                  class: v(L($)),
+                  class: f(j($)),
                   disabled: $.disabled,
-                  onClick: (_) => j($)
+                  onClick: (F) => I($)
                 }, [
-                  $.icon || u.$slots[`icon-${$.id}`] ? (s(), o("span", ls, [
-                    z(u.$slots, `icon-${$.id}`, { item: $ }, () => [
-                      typeof $.icon != "string" ? (s(), te(Ce($.icon), {
+                  $.icon || d.$slots[`icon-${$.id}`] ? (s(), l("span", ss, [
+                    V(d.$slots, `icon-${$.id}`, { item: $ }, () => [
+                      typeof $.icon != "string" ? (s(), ee(Me($.icon), {
                         key: 0,
                         class: "w-5 h-5"
-                      })) : (s(), o("span", {
+                      })) : (s(), l("span", {
                         key: 1,
                         innerHTML: $.icon,
                         class: "w-5 h-5 inline-block"
-                      }, null, 8, as))
+                      }, null, 8, ls))
                     ], !0)
-                  ])) : m("", !0),
-                  l("div", ns, [
-                    z(u.$slots, `item-${$.id}`, {
+                  ])) : y("", !0),
+                  o("div", os, [
+                    V(d.$slots, `item-${$.id}`, {
                       item: $,
-                      close: M
+                      close: k
                     }, () => [
-                      l("div", rs, [
-                        l("span", {
+                      o("div", as, [
+                        o("span", {
                           class: "truncate w-full",
                           title: $.label
-                        }, x($.label), 9, is),
-                        $.description ? (s(), o("span", {
+                        }, x($.label), 9, ns),
+                        $.description ? (s(), l("span", {
                           key: 0,
                           class: "text-xs text-secondary-500 truncate w-full",
                           title: $.description
-                        }, x($.description), 9, ds)) : m("", !0)
+                        }, x($.description), 9, rs)) : y("", !0)
                       ])
                     ], !0)
                   ]),
-                  $.suffix || $.shortcut || u.$slots[`suffix-${$.id}`] ? (s(), o("span", us, [
-                    z(u.$slots, `suffix-${$.id}`, { item: $ }, () => [
-                      $.shortcut ? (s(), o("span", cs, x($.shortcut), 1)) : $.suffix ? (s(), o("span", fs, x($.suffix), 1)) : m("", !0)
+                  $.suffix || $.shortcut || d.$slots[`suffix-${$.id}`] ? (s(), l("span", is, [
+                    V(d.$slots, `suffix-${$.id}`, { item: $ }, () => [
+                      $.shortcut ? (s(), l("span", ds, x($.shortcut), 1)) : $.suffix ? (s(), l("span", us, x($.suffix), 1)) : y("", !0)
                     ], !0)
-                  ])) : m("", !0),
-                  $.children && $.children.length > 0 ? (s(), o("svg", vs, [...I[2] || (I[2] = [
-                    l("path", {
+                  ])) : y("", !0),
+                  $.children && $.children.length > 0 ? (s(), l("svg", cs, [...w[2] || (w[2] = [
+                    o("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M9 5l7 7-7 7"
                     }, null, -1)
-                  ])])) : m("", !0)
-                ], 10, os))
+                  ])])) : y("", !0)
+                ], 10, ts))
               ], 64))), 128))
             ], !0)
           ], 2),
-          u.$slots.footer ? (s(), o("div", {
+          d.$slots.footer ? (s(), l("div", {
             key: 1,
-            class: v(b.value)
+            class: f(b.value)
           }, [
-            z(u.$slots, "footer", { close: M }, void 0, !0)
-          ], 2)) : m("", !0)
-        ], 6)) : m("", !0),
-        n.value && t.overlay ? (s(), o("div", {
+            V(d.$slots, "footer", { close: k }, void 0, !0)
+          ], 2)) : y("", !0)
+        ], 6)) : y("", !0),
+        n.value && t.overlay ? (s(), l("div", {
           key: 1,
           class: "fixed inset-0 bg-black/20 z-40",
-          onClick: M
-        })) : m("", !0)
+          onClick: k
+        })) : y("", !0)
       ]))
     ], 2));
   }
-}), So = /* @__PURE__ */ U(ps, [["__scopeId", "data-v-61176297"]]), bs = ["for"], gs = {
+}), Bl = /* @__PURE__ */ K(fs, [["__scopeId", "data-v-61176297"]]), vs = ["for"], ps = {
   key: 0,
   class: "text-danger-600"
-}, ys = { class: "relative" }, ms = ["id", "disabled", "aria-expanded"], hs = { class: "flex-1 text-left truncate" }, xs = {
+}, bs = ["id", "disabled", "aria-expanded"], gs = { class: "flex-1 text-left truncate" }, ms = {
   key: 0,
   class: "p-2 border-b border-secondary-200"
-}, ws = ["placeholder"], ks = { class: "max-h-64 overflow-y-auto" }, $s = {
+}, ys = ["placeholder"], hs = { class: "max-h-64 overflow-y-auto" }, xs = {
   key: 0,
   class: "px-4 py-3 text-sm text-secondary-500 text-center"
-}, Cs = ["onClick"], Ms = { class: "flex items-center justify-between w-full" }, Ds = { class: "truncate" }, Bs = {
+}, ws = ["onClick"], ks = { 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",
   stroke: "currentColor",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
-}, zs = {
+}, Ms = {
   key: 0,
   class: "border-t border-secondary-200 my-1"
-}, Vs = ["onClick"], Ts = ["innerHTML"], Ss = {
+}, Ds = ["onClick"], Bs = ["innerHTML"], zs = {
   key: 1,
   class: "mt-1 text-sm text-danger-600"
-}, Is = {
+}, Vs = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, js = /* @__PURE__ */ P({
+}, Ts = /* @__PURE__ */ P({
   __name: "Select",
   props: {
     modelValue: { default: null },
@@ -1343,170 +1350,173 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
     error: { default: "" },
     helperText: { default: "" },
     fullWidth: { type: Boolean, default: !1 },
-    menuPosition: { default: "bottom" }
+    menuPosition: { default: "bottom" },
+    bordered: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change", "action"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = O(!1), d = O(""), f = O(null), a = r(
+    const e = t, c = g, n = L(!1), u = L(""), v = L(null), a = r(
       () => `select-${Math.random().toString(36).substr(2, 9)}`
-    ), h = r(() => e.options.find((B) => B.value === e.modelValue) || null), i = r(() => {
-      if (!e.searchable || !d.value)
+    ), h = r(() => e.options.find((M) => M.value === e.modelValue) || null), i = r(() => {
+      if (!e.searchable || !u.value)
         return e.options;
-      const B = d.value.toLowerCase();
-      return e.options.filter((T) => T.label.toLowerCase().includes(B));
-    }), p = r(() => "block text-sm font-semibold text-secondary-700 mb-1"), b = r(() => {
-      const B = "w-full flex items-center justify-between gap-2 border rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-primary-500 disabled:opacity-50 disabled:cursor-not-allowed", T = {
+      const M = u.value.toLowerCase();
+      return e.options.filter((d) => d.label.toLowerCase().includes(M));
+    }), p = r(() => "block text-sm font-semibold text-secondary-700 mb-1"), b = r(() => e.bordered ? "border border-neutral-300 rounded-md" : "rounded-md"), T = r(() => {
+      const M = "w-full rounded-md flex items-center justify-between gap-2 transition-colors focus:outline-none focus:ring-2 focus:ring-primary-500 disabled:opacity-50 disabled:cursor-not-allowed", d = {
         sm: "px-3 py-1.5 text-sm",
         md: "px-4 py-2 text-base",
         lg: "px-5 py-3 text-lg"
-      }, u = {
-        default: "bg-white border-secondary-300 hover:border-secondary-400",
-        outline: "bg-transparent border-secondary-300 hover:border-primary-500",
-        filled: "bg-secondary-100 border-transparent hover:bg-secondary-200"
-      }, I = e.error ? "border-danger-600 focus:ring-danger-500" : "";
+      }, w = {
+        default: "bg-white",
+        outline: "bg-transparent",
+        filled: "bg-secondary-100"
+      }, $ = e.error ? "border-danger-600 focus:ring-danger-500" : "";
       return [
-        B,
-        T[e.size],
-        u[e.variant],
-        I
+        M,
+        d[e.size],
+        w[e.variant],
+        $
       ].join(" ");
-    }), V = 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`), C = (B) => {
-      const T = "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", u = L(B) ? "bg-primary-50" : "";
-      return [T, u].join(" ");
-    }, F = (B) => {
-      const T = "w-full px-4 py-2 text-left text-sm font-semibold transition-colors focus:outline-none flex items-center gap-3";
-      return B.variant === "danger" ? `${T} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${T} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
-    }, L = (B) => B.value === e.modelValue, S = () => {
+    }), B = 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`), O = (M) => {
+      const d = "w-full px-4 py-2 text-left hover:bg-primary-50 transition-colors focus:outline-none focus:bg-primary-50 disabled:opacity-50 disabled:cursor-not-allowed", w = S(M) ? "bg-primary-50" : "";
+      return [d, w].join(" ");
+    }, j = (M) => {
+      const d = "w-full px-4 py-2 text-left text-sm font-semibold transition-colors focus:outline-none flex items-center gap-3";
+      return M.variant === "danger" ? `${d} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${d} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
+    }, S = (M) => M.value === e.modelValue, D = () => {
       e.disabled || (n.value = !n.value, n.value && e.searchable && fe(() => {
-        var B;
-        (B = f.value) == null || B.focus();
+        var M;
+        (M = v.value) == null || M.focus();
       }));
     }, k = () => {
-      n.value = !1, d.value = "";
-    }, M = (B) => {
-      B.disabled || (c("update:modelValue", B.value), c("change", B), k());
-    }, j = (B) => {
-      B.action && B.action(), c("action", B), k();
-    }, Y = (B) => {
-      const T = B.relatedTarget;
-      T && T.closest(".select-wrapper") || setTimeout(() => {
+      n.value = !1, u.value = "";
+    }, I = (M) => {
+      M.disabled || (c("update:modelValue", M.value), c("change", M), k());
+    }, _ = (M) => {
+      M.action && M.action(), c("action", M), k();
+    }, N = (M) => {
+      const d = M.relatedTarget;
+      d && d.closest(".select-wrapper") || setTimeout(() => {
         k();
       }, 200);
-    }, H = (B) => {
-      B.key === "Escape" ? k() : (B.key === "Enter" || B.key === " ") && (B.preventDefault(), S());
+    }, te = (M) => {
+      M.key === "Escape" ? k() : (M.key === "Enter" || M.key === " ") && (M.preventDefault(), D());
     };
-    return ve(n, (B) => {
-      B && (d.value = "");
-    }), (B, T) => (s(), o("div", {
-      class: v(["select-wrapper", { "w-full": t.fullWidth }])
+    return ve(n, (M) => {
+      M && (u.value = "");
+    }), (M, d) => (s(), l("div", {
+      class: f(["select-wrapper", { "w-full": t.fullWidth }])
     }, [
-      t.label ? (s(), o("label", {
+      t.label ? (s(), l("label", {
         key: 0,
         for: a.value,
-        class: v(p.value)
+        class: f(p.value)
+      }, [
+        q(x(t.label) + " ", 1),
+        t.required ? (s(), l("span", ps, "*")) : y("", !0)
+      ], 10, vs)) : y("", !0),
+      o("div", {
+        class: f(["relative", b.value])
       }, [
-        R(x(t.label) + " ", 1),
-        t.required ? (s(), o("span", gs, "*")) : m("", !0)
-      ], 10, bs)) : m("", !0),
-      l("div", ys, [
-        l("button", {
+        o("button", {
           id: a.value,
           type: "button",
-          class: v(b.value),
+          class: f(T.value),
           disabled: t.disabled,
           "aria-expanded": n.value,
           "aria-haspopup": !0,
-          onClick: S,
-          onBlur: Y,
-          onKeydown: H
+          onClick: D,
+          onBlur: N,
+          onKeydown: te
         }, [
-          l("span", hs, x(h.value ? h.value.label : t.placeholder), 1),
-          (s(), o("svg", {
-            class: v(["w-5 h-5 flex-shrink-0 transition-transform text-secondary-600", n.value ? "rotate-180" : ""]),
+          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" : ""]),
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24",
             xmlns: "http://www.w3.org/2000/svg"
-          }, [...T[3] || (T[3] = [
-            l("path", {
+          }, [...d[3] || (d[3] = [
+            o("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M19 9l-7 7-7-7"
             }, null, -1)
           ])], 2))
-        ], 42, ms),
-        n.value ? (s(), o("div", {
+        ], 42, bs),
+        n.value ? (s(), l("div", {
           key: 0,
-          class: v(V.value),
-          onClick: T[2] || (T[2] = K(() => {
+          class: f(B.value),
+          onClick: d[2] || (d[2] = H(() => {
           }, ["stop"]))
         }, [
-          t.searchable ? (s(), o("div", xs, [
-            ue(l("input", {
+          t.searchable ? (s(), l("div", ms, [
+            ue(o("input", {
               ref_key: "searchInput",
-              ref: f,
-              "onUpdate:modelValue": T[0] || (T[0] = (u) => d.value = u),
+              ref: v,
+              "onUpdate:modelValue": d[0] || (d[0] = (w) => u.value = w),
               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: T[1] || (T[1] = K(() => {
+              onKeydown: d[1] || (d[1] = H(() => {
               }, ["stop"]))
-            }, null, 40, ws), [
-              [Ye, d.value]
+            }, null, 40, ys), [
+              [Ae, u.value]
             ])
-          ])) : m("", !0),
-          l("div", ks, [
-            i.value.length === 0 ? (s(), o("div", $s, x(t.emptyText), 1)) : (s(), o(E, { key: 1 }, [
-              (s(!0), o(E, null, W(i.value, (u) => (s(), o("button", {
-                key: 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", {
+                key: w.value,
                 type: "button",
-                class: v(C(u)),
-                onClick: (I) => M(u)
+                class: f(O(w)),
+                onClick: ($) => I(w)
               }, [
-                l("div", Ms, [
-                  l("span", Ds, x(u.label), 1),
-                  L(u) ? (s(), o("svg", Bs, [...T[4] || (T[4] = [
-                    l("path", {
+                o("div", ks, [
+                  o("span", $s, x(w.label), 1),
+                  S(w) ? (s(), l("svg", Cs, [...d[4] || (d[4] = [
+                    o("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M5 13l4 4L19 7"
                     }, null, -1)
-                  ])])) : m("", !0)
+                  ])])) : y("", !0)
                 ])
-              ], 10, Cs))), 128)),
-              t.actionItems.length > 0 ? (s(), o("div", zs)) : m("", !0),
-              (s(!0), o(E, null, W(t.actionItems, (u) => (s(), o("button", {
-                key: u.id,
+              ], 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", {
+                key: w.id,
                 type: "button",
-                class: v(F(u)),
-                onClick: (I) => j(u)
+                class: f(j(w)),
+                onClick: ($) => _(w)
               }, [
-                u.icon ? (s(), o("svg", {
+                w.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: u.icon
-                }, null, 8, Ts)) : m("", !0),
-                R(" " + x(u.label), 1)
-              ], 10, Vs))), 128))
+                  innerHTML: w.icon
+                }, null, 8, Bs)) : y("", !0),
+                q(" " + x(w.label), 1)
+              ], 10, Ds))), 128))
             ], 64))
           ])
-        ], 2)) : m("", !0)
-      ]),
-      t.error ? (s(), o("p", Ss, x(t.error), 1)) : t.helperText ? (s(), o("p", Is, x(t.helperText), 1)) : m("", !0),
-      n.value ? (s(), o("div", {
+        ], 2)) : y("", !0)
+      ], 2),
+      t.error ? (s(), l("p", zs, x(t.error), 1)) : t.helperText ? (s(), l("p", Vs, x(t.helperText), 1)) : y("", !0),
+      n.value ? (s(), l("div", {
         key: 3,
         onClick: k,
         class: "fixed inset-0 z-40"
-      })) : m("", !0)
+      })) : y("", !0)
     ], 2));
   }
-}), Io = /* @__PURE__ */ U(js, [["__scopeId", "data-v-f016a03c"]]), Ls = /* @__PURE__ */ P({
+}), zl = /* @__PURE__ */ K(Ts, [["__scopeId", "data-v-edef6efe"]]), Ss = /* @__PURE__ */ P({
   __name: "Sidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1524,12 +1534,12 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
   setup(t, { emit: g }) {
     const e = t, c = g, n = r({
       get: () => e.modelValue,
-      set: (C) => c("update:modelValue", C)
-    }), d = () => {
+      set: (B) => c("update:modelValue", B)
+    }), u = () => {
       e.persistent || (n.value = !1, c("close"));
-    }, f = r(() => e.position === "left" ? "slide-right" : "slide-left"), a = r(() => {
-      const C = "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", L = 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 [C, F, L].filter(Boolean).join(" ");
+    }, 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(" ");
     }), h = r(() => ({
       // Base fluid width; respect custom width as max constraint
       width: "100%",
@@ -1542,82 +1552,82 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
       sm: "p-2",
       md: "p-4",
       lg: "p-6"
-    }, p = r(() => `flex items-center justify-between border-b border-gray-200 ${i[e.padding]}`), b = r(() => `flex-1 overflow-y-auto ${i[e.padding]}`), V = r(() => `border-t border-gray-200 ${i[e.padding]}`);
-    return (C, F) => (s(), te(pe, { to: "body" }, [
-      Q(ce, { name: "fade" }, {
+    }, p = r(() => `flex items-center justify-between border-b border-gray-200 ${i[e.padding]}`), b = r(() => `flex-1 overflow-y-auto ${i[e.padding]}`), T = r(() => `border-t border-gray-200 ${i[e.padding]}`);
+    return (B, O) => (s(), ee(pe, { to: "body" }, [
+      G(ce, { name: "fade" }, {
         default: ae(() => [
-          n.value && t.overlay ? (s(), o("div", {
+          n.value && t.overlay ? (s(), l("div", {
             key: 0,
-            onClick: d,
+            onClick: u,
             class: "fixed inset-0 bg-black/50 z-40",
-            style: Z({ top: t.overlayTop })
-          }, null, 4)) : m("", !0)
+            style: Q({ top: t.overlayTop })
+          }, null, 4)) : y("", !0)
         ]),
         _: 1
       }),
-      Q(ce, { name: f.value }, {
+      G(ce, { name: v.value }, {
         default: ae(() => [
-          n.value ? (s(), o("aside", {
+          n.value ? (s(), l("aside", {
             key: 0,
-            class: v(a.value),
-            style: Z(h.value)
+            class: f(a.value),
+            style: Q(h.value)
           }, [
-            C.$slots.header ? (s(), o("div", {
+            B.$slots.header ? (s(), l("div", {
               key: 0,
-              class: v(p.value)
+              class: f(p.value)
             }, [
-              z(C.$slots, "header", {}, void 0, !0),
-              t.closable ? (s(), o("button", {
+              V(B.$slots, "header", {}, void 0, !0),
+              t.closable ? (s(), l("button", {
                 key: 0,
-                onClick: d,
+                onClick: u,
                 class: "p-2 hover:bg-gray-100 rounded-md transition-colors",
                 "aria-label": "Cerrar menú"
-              }, [...F[0] || (F[0] = [
-                l("svg", {
+              }, [...O[0] || (O[0] = [
+                o("svg", {
                   class: "w-5 h-5",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
                 }, [
-                  l("path", {
+                  o("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: "M6 18L18 6M6 6l12 12"
                   })
                 ], -1)
-              ])])) : m("", !0)
-            ], 2)) : m("", !0),
-            l("div", {
-              class: v(b.value)
+              ])])) : y("", !0)
+            ], 2)) : y("", !0),
+            o("div", {
+              class: f(b.value)
             }, [
-              z(C.$slots, "default", {}, void 0, !0)
+              V(B.$slots, "default", {}, void 0, !0)
             ], 2),
-            C.$slots.footer ? (s(), o("div", {
+            B.$slots.footer ? (s(), l("div", {
               key: 1,
-              class: v(V.value)
+              class: f(T.value)
             }, [
-              z(C.$slots, "footer", {}, void 0, !0)
-            ], 2)) : m("", !0)
-          ], 6)) : m("", !0)
+              V(B.$slots, "footer", {}, void 0, !0)
+            ], 2)) : y("", !0)
+          ], 6)) : y("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ]));
   }
-}), jo = /* @__PURE__ */ U(Ls, [["__scopeId", "data-v-b208234c"]]), _s = { 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" }, Ys = { class: "text-sm text-gray-700" }, As = {
+}), Vl = /* @__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"
-}, Es = { class: "hidden md:block w-full overflow-x-auto" }, Ps = { class: "w-full border-collapse" }, qs = { class: "w-full" }, Rs = ["onClick"], Ns = { class: "flex items-center gap-2" }, Ws = {
+}, _s = { 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 = {
   key: 0,
   class: "text-xs text-gray-400"
-}, Hs = { key: 0 }, Ks = { key: 1 }, Us = { class: "w-full" }, Js = {
+}, Rs = { key: 0 }, Ns = { key: 1 }, Ws = { class: "w-full" }, Hs = {
   key: 0,
   class: "flex items-center justify-center py-12 text-gray-400"
-}, Gs = {
+}, Ks = {
   key: 0,
   class: "w-full px-6 py-4 bg-white"
-}, Qs = /* @__PURE__ */ P({
+}, Us = /* @__PURE__ */ P({
   __name: "Table",
   props: {
     columns: {},
@@ -1628,9 +1638,9 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
     rowClass: { default: void 0 }
   },
   setup(t) {
-    const g = t, e = O(null), c = O("asc"), n = (a) => {
+    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");
-    }, d = r(() => {
+    }, u = r(() => {
       if (!e.value)
         return g.data;
       const a = [...g.data];
@@ -1638,102 +1648,102 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
         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;
       }), a;
-    }), f = r(() => g.columns.filter((a) => !a.hideOnMobile));
-    return (a, h) => (s(), o("div", _s, [
-      l("div", Os, [
-        (s(!0), o(E, null, W(d.value, (i, p) => (s(), o("div", {
+    }), 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", {
           key: `card-${p}`,
           class: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm"
         }, [
-          (s(!0), o(E, null, W(f.value, (b) => (s(), o("div", {
+          (s(!0), l(E, null, W(v.value, (b) => (s(), l("div", {
             key: `card-${p}-${b.key}`,
             class: "flex flex-col gap-1 py-1"
           }, [
-            l("span", Fs, x(b.label), 1),
-            l("span", Ys, [
-              z(a.$slots, `cell-${b.key}`, {
+            o("span", Ls, x(b.label), 1),
+            o("span", Os, [
+              V(a.$slots, `cell-${b.key}`, {
                 value: i[b.key],
                 row: i
               }, () => [
-                R(x(i[b.key]), 1)
+                q(x(i[b.key]), 1)
               ], !0)
             ])
           ]))), 128))
         ]))), 128)),
-        d.value.length === 0 ? (s(), o("div", As, [
-          z(a.$slots, "empty", {}, () => [
-            h[0] || (h[0] = R("No hay datos disponibles", -1))
+        u.value.length === 0 ? (s(), l("div", Fs, [
+          V(a.$slots, "empty", {}, () => [
+            h[0] || (h[0] = q("No hay datos disponibles", -1))
           ], !0)
-        ])) : m("", !0)
+        ])) : y("", !0)
       ]),
-      l("div", Es, [
-        l("table", Ps, [
-          l("thead", qs, [
-            l("tr", {
-              class: v([
+      o("div", _s, [
+        o("table", Ys, [
+          o("thead", As, [
+            o("tr", {
+              class: f([
                 "w-full",
                 g.headerClass || "bg-neutral-50 border-b border-gray-100"
               ])
             }, [
-              (s(!0), o(E, null, W(t.columns, (i) => (s(), o("th", {
+              (s(!0), l(E, null, W(t.columns, (i) => (s(), l("th", {
                 key: i.key,
-                style: Z(i.width ? { width: i.width } : {}),
-                class: v([
+                style: Q(i.width ? { width: i.width } : {}),
+                class: f([
                   "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)
               }, [
-                l("div", Ns, [
-                  l("span", null, x(i.label), 1),
-                  i.sortable ? (s(), o("span", Ws, [
-                    e.value !== i.key ? (s(), o("span", Hs, "⇅")) : (s(), o("span", Ks, x(c.value === "asc" ? "↑" : "↓"), 1))
-                  ])) : m("", !0)
+                o("div", Ps, [
+                  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))
+                  ])) : y("", !0)
                 ])
-              ], 14, Rs))), 128))
+              ], 14, Es))), 128))
             ], 2)
           ]),
-          l("tbody", Us, [
-            (s(!0), o(E, null, W(d.value, (i, p) => (s(), o("tr", {
+          o("tbody", Ws, [
+            (s(!0), l(E, null, W(u.value, (i, p) => (s(), l("tr", {
               key: p,
-              class: v([
+              class: f([
                 "w-full border-b border-gray-200 hover:bg-gray-50 transition-colors",
                 g.rowClass
               ])
             }, [
-              (s(!0), o(E, null, W(t.columns, (b) => (s(), o("td", {
+              (s(!0), l(E, null, W(t.columns, (b) => (s(), l("td", {
                 key: `${p}-${b.key}`,
-                class: v([
+                class: f([
                   "px-4 py-3 text-xs text-gray-600 border-l border-gray-100 first:border-l-0",
                   g.cellClass
                 ])
               }, [
-                z(a.$slots, `cell-${b.key}`, {
+                V(a.$slots, `cell-${b.key}`, {
                   value: i[b.key],
                   row: i
                 }, () => [
-                  R(x(i[b.key]), 1)
+                  q(x(i[b.key]), 1)
                 ], !0)
               ], 2))), 128))
             ], 2))), 128))
           ])
         ]),
-        d.value.length === 0 ? (s(), o("div", Js, [
-          z(a.$slots, "empty", {}, () => [
-            h[1] || (h[1] = R("No hay datos disponibles", -1))
+        u.value.length === 0 ? (s(), l("div", Hs, [
+          V(a.$slots, "empty", {}, () => [
+            h[1] || (h[1] = q("No hay datos disponibles", -1))
           ], !0)
-        ])) : m("", !0)
+        ])) : y("", !0)
       ]),
-      a.$slots.footer ? (s(), o("div", Gs, [
-        z(a.$slots, "footer", {}, void 0, !0)
-      ])) : m("", !0)
+      a.$slots.footer ? (s(), l("div", Ks, [
+        V(a.$slots, "footer", {}, void 0, !0)
+      ])) : y("", !0)
     ]));
   }
-}), Lo = /* @__PURE__ */ U(Qs, [["__scopeId", "data-v-8e7ce66d"]]), Zs = { class: "w-full" }, Xs = {
+}), Tl = /* @__PURE__ */ K(Us, [["__scopeId", "data-v-8e7ce66d"]]), Js = { class: "w-full" }, Gs = {
   class: "tabs-container flex flex-col sm:flex-row",
   role: "tablist"
-}, eo = ["aria-selected", "onClick"], to = { role: "tabpanel" }, so = "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", oo = "text-primary-600 border-primary-600", lo = "hover:text-secondary-700 border-gray-100", ao = /* @__PURE__ */ P({
+}, Qs = ["aria-selected", "onClick"], Zs = { role: "tabpanel" }, Xs = "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", el = "text-primary-600 border-primary-600", tl = "hover:text-secondary-700 border-gray-100", sl = /* @__PURE__ */ P({
   __name: "Tabs",
   props: {
     modelValue: {},
@@ -1741,34 +1751,34 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: g }) {
-    const e = t, c = g, n = (h) => e.modelValue === h, d = (h) => {
+    const e = t, c = g, n = (h) => e.modelValue === h, u = (h) => {
       n(h) || c("update:modelValue", h);
-    }, f = r(() => e.modelValue), a = r(
-      () => e.tabs.find((h) => h.value === f.value)
+    }, v = r(() => e.modelValue), a = r(
+      () => e.tabs.find((h) => h.value === v.value)
     );
-    return (h, i) => (s(), o("div", Zs, [
-      l("div", Xs, [
-        (s(!0), o(E, null, W(t.tabs, (p) => (s(), o("button", {
+    return (h, i) => (s(), l("div", Js, [
+      o("div", Gs, [
+        (s(!0), l(E, null, W(t.tabs, (p) => (s(), l("button", {
           key: p.value,
           type: "button",
-          class: v([
-            so,
-            n(p.value) ? oo : lo
+          class: f([
+            Xs,
+            n(p.value) ? el : tl
           ]),
           "aria-selected": n(p.value),
           role: "tab",
-          onClick: (b) => d(p.value)
-        }, x(p.label), 11, eo))), 128))
+          onClick: (b) => u(p.value)
+        }, x(p.label), 11, Qs))), 128))
       ]),
-      l("div", to, [
-        z(h.$slots, f.value, {
-          active: f.value,
+      o("div", Zs, [
+        V(h.$slots, v.value, {
+          active: v.value,
           tab: a.value
         }, void 0, !0)
       ])
     ]));
   }
-}), _o = /* @__PURE__ */ U(ao, [["__scopeId", "data-v-b5a754bd"]]), no = "font-sans", Oo = /* @__PURE__ */ P({
+}), Sl = /* @__PURE__ */ K(sl, [["__scopeId", "data-v-b5a754bd"]]), ll = "font-sans", Il = /* @__PURE__ */ P({
   __name: "Text",
   props: {
     variant: { default: "body1" },
@@ -1833,17 +1843,17 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
       danger: "text-danger-600",
       success: "text-success-600",
       warning: "text-warning-600"
-    }, d = {
+    }, u = {
       light: "font-light",
       normal: "font-normal",
       medium: "font-medium",
       semibold: "font-semibold",
       bold: "font-bold",
       extrabold: "font-extrabold"
-    }, f = t, a = r(() => f.variant), h = r(() => f.color), i = r(() => f.align), p = r(() => f.as || e[a.value] || "span"), b = r(() => f.weight ? d[f.weight] : "");
-    return (V, C) => (s(), te(Ce(p.value), {
-      class: v([
-        no,
+    }, 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([
+        ll,
         g[a.value],
         n[h.value],
         c[i.value],
@@ -1855,22 +1865,22 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
       ])
     }, {
       default: ae(() => [
-        z(V.$slots, "default")
+        V(T.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), ro = { class: "w-full flex items-center justify-between gap-3 py-2" }, io = {
+}), ol = { class: "w-full flex items-center justify-between gap-3 py-2" }, al = {
   key: 0,
   class: "text-xs text-secondary-600"
-}, uo = { key: 0 }, co = {
+}, nl = { key: 0 }, rl = {
   class: "ml-auto inline-flex items-center gap-1",
   role: "navigation",
   "aria-label": "Pagination"
-}, fo = ["disabled"], vo = {
+}, il = ["disabled"], dl = {
   key: 0,
   class: "h-8 min-w-8 px-2 inline-flex items-center justify-center text-secondary-500"
-}, po = ["aria-label", "onClick"], bo = ["disabled"], go = /* @__PURE__ */ P({
+}, ul = ["aria-label", "onClick"], cl = ["disabled"], fl = /* @__PURE__ */ P({
   __name: "Pagination",
   props: {
     modelValue: { default: 1 },
@@ -1887,73 +1897,73 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
     const e = t, c = g, n = r(() => {
       const b = Math.ceil(e.totalItems / e.pageSize);
       return b > 0 ? b : 1;
-    }), d = r(() => {
+    }), u = r(() => {
       const b = Number(e.modelValue || 1);
       return b < 1 ? 1 : b > n.value ? n.value : b;
-    }), f = r(() => e.totalItems === 0 ? 0 : (d.value - 1) * e.pageSize + 1), a = r(() => Math.min(d.value * e.pageSize, e.totalItems)), h = r(() => `Mostrando ${f.value} a ${a.value} de ${e.totalItems}`), i = r(() => {
-      const b = n.value, V = Math.max(3, e.maxPages), C = d.value;
-      if (b <= V)
-        return Array.from({ length: b }, (M, j) => j + 1);
-      const F = Math.floor(V / 2);
-      let L = Math.max(1, C - F), S = Math.min(b, L + V - 1);
-      L = Math.max(1, Math.min(L, S - V + 1));
-      const k = [];
-      L > 1 && (k.push(1), L > 2 && k.push("…"));
-      for (let M = L; M <= S; M++)
-        k.push(M);
-      return S < b && (S < b - 1 && k.push("…"), k.push(b)), k;
+    }), v = r(() => e.totalItems === 0 ? 0 : (u.value - 1) * e.pageSize + 1), a = r(() => Math.min(u.value * e.pageSize, e.totalItems)), h = r(() => `Mostrando ${v.value} a ${a.value} de ${e.totalItems}`), i = r(() => {
+      const b = n.value, T = Math.max(3, e.maxPages), B = u.value;
+      if (b <= T)
+        return Array.from({ length: b }, (k, I) => I + 1);
+      const O = Math.floor(T / 2);
+      let j = Math.max(1, B - O), S = Math.min(b, j + T - 1);
+      j = Math.max(1, Math.min(j, S - T + 1));
+      const D = [];
+      j > 1 && (D.push(1), j > 2 && D.push("…"));
+      for (let k = j; k <= S; k++)
+        D.push(k);
+      return S < b && (S < b - 1 && D.push("…"), D.push(b)), D;
     });
     function p(b) {
-      const V = Math.max(1, Math.min(b, n.value));
-      V !== d.value && (c("update:modelValue", V), c("change", V));
+      const T = Math.max(1, Math.min(b, n.value));
+      T !== u.value && (c("update:modelValue", T), c("change", T));
     }
-    return (b, V) => (s(), o("div", ro, [
-      t.showSummary ? (s(), o("div", io, [
-        z(b.$slots, "summary", {
-          start: f.value,
+    return (b, T) => (s(), l("div", ol, [
+      t.showSummary ? (s(), l("div", al, [
+        V(b.$slots, "summary", {
+          start: v.value,
           end: a.value,
           total: t.totalItems
         }, () => [
-          R(x(h.value), 1),
-          t.itemLabel ? (s(), o("span", uo, x(t.itemLabel), 1)) : m("", !0)
+          q(x(h.value), 1),
+          t.itemLabel ? (s(), l("span", nl, x(t.itemLabel), 1)) : y("", !0)
         ], !0)
-      ])) : m("", !0),
-      l("nav", co, [
-        l("button", {
+      ])) : y("", !0),
+      o("nav", rl, [
+        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: d.value <= 1,
-          onClick: V[0] || (V[0] = (C) => p(d.value - 1)),
+          disabled: u.value <= 1,
+          onClick: T[0] || (T[0] = (B) => p(u.value - 1)),
           "aria-label": "Anterior"
-        }, x(t.previousText), 9, fo),
-        (s(!0), o(E, null, W(i.value, (C, F) => (s(), o(E, {
-          key: `page-${F}-${C}`
+        }, x(t.previousText), 9, il),
+        (s(!0), l(E, null, W(i.value, (B, O) => (s(), l(E, {
+          key: `page-${O}-${B}`
         }, [
-          C === "…" ? (s(), o("span", vo, " … ")) : (s(), o("button", {
+          B === "…" ? (s(), l("span", dl, " … ")) : (s(), l("button", {
             key: 1,
             type: "button",
-            "aria-label": `Página ${C}`,
-            class: v([
+            "aria-label": `Página ${B}`,
+            class: f([
               "h-8 min-w-8 px-3 rounded-full text-sm font-semibold transition-colors",
-              C === d.value ? "bg-primary-500 text-white" : "text-secondary-700 hover:bg-secondary-100"
+              B === u.value ? "bg-primary-500 text-white" : "text-secondary-700 hover:bg-secondary-100"
             ]),
-            onClick: (L) => p(C)
-          }, x(C), 11, po))
+            onClick: (j) => p(B)
+          }, x(B), 11, ul))
         ], 64))), 128)),
-        l("button", {
+        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: d.value >= n.value,
-          onClick: V[1] || (V[1] = (C) => p(d.value + 1)),
+          disabled: u.value >= n.value,
+          onClick: T[1] || (T[1] = (B) => p(u.value + 1)),
           "aria-label": "Siguiente"
-        }, x(t.nextText), 9, bo)
+        }, x(t.nextText), 9, cl)
       ])
     ]));
   }
-}), Fo = /* @__PURE__ */ U(go, [["__scopeId", "data-v-87417cc4"]]), yo = ["data-node-id"], mo = { class: "shrink-0 size-12 rounded-full bg-[var(--neutrales/fondo-general-claro,#f7f7f7)] grid place-items-center" }, ho = {
+}), jl = /* @__PURE__ */ K(fl, [["__scopeId", "data-v-87417cc4"]]), vl = ["data-node-id"], pl = { 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"
-}, Yo = /* @__PURE__ */ P({
+}, Ll = /* @__PURE__ */ P({
   __name: "Alert",
   props: {
     variant: {},
@@ -1967,7 +1977,7 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
   },
   emits: ["close", "accept", "cancel"],
   setup(t, { emit: g }) {
-    const e = g, c = t, n = r(() => c.variant ?? "info"), d = r(() => c.multiline ?? !1), f = r(() => c.actions ?? !1), a = r(() => c.nodeId ?? void 0), h = () => e("close"), i = r(() => {
+    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;
       switch (n.value) {
         case "info":
@@ -2006,32 +2016,32 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
             icon: "text-[#ff4235]"
           };
       }
-    }), V = r(() => "bg-[var(--color-primario/700,#269ea4)]"), C = r(() => {
+    }), 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 k = c.stackOn, M = `${k}:flex-row ${k}:items-center`;
-      return `${S} ${M}`;
-    }), F = r(() => {
+      const D = c.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;
       return `flex-col ${S}:flex-row items-start ${S}:items-center`;
-    }), L = r(() => c.stackOn ? `self-start ${c.stackOn}:self-auto` : "self-start sm:self-auto");
-    return (S, k) => (s(), o("div", {
-      class: v(["relative w-full rounded-xl border", [
+    }), j = r(() => c.stackOn ? `self-start ${c.stackOn}:self-auto` : "self-start sm:self-auto");
+    return (S, D) => (s(), l("div", {
+      class: f(["relative w-full rounded-xl border", [
         b.value.border,
         b.value.bg
       ]]),
       role: "alert",
       "data-node-id": a.value
     }, [
-      t.closable ? (s(), o("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: h
-      }, [...k[2] || (k[2] = [
-        l("svg", {
+      }, [...D[2] || (D[2] = [
+        o("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "18",
           height: "18",
@@ -2042,119 +2052,119 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
         }, [
-          l("line", {
+          o("line", {
             x1: "18",
             y1: "6",
             x2: "6",
             y2: "18"
           }),
-          l("line", {
+          o("line", {
             x1: "6",
             y1: "6",
             x2: "18",
             y2: "18"
           })
         ], -1)
-      ])])) : m("", !0),
-      l("div", {
-        class: v(["p-6", { "pb-0": f.value }])
+      ])])) : y("", !0),
+      o("div", {
+        class: f(["p-6", { "pb-0": v.value }])
       }, [
-        l("div", {
-          class: v(C.value)
+        o("div", {
+          class: f(B.value)
         }, [
-          l("div", mo, [
-            n.value === "info" ? (s(), o("svg", {
+          o("div", pl, [
+            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: v(b.value.icon),
+              class: f(b.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...k[3] || (k[3] = [
-              l("circle", {
+            }, [...D[3] || (D[3] = [
+              o("circle", {
                 cx: "12",
                 cy: "12",
                 r: "10"
               }, null, -1),
-              l("line", {
+              o("line", {
                 x1: "12",
                 y1: "16",
                 x2: "12",
                 y2: "12"
               }, null, -1),
-              l("line", {
+              o("line", {
                 x1: "12",
                 y1: "8",
                 x2: "12",
                 y2: "8"
               }, null, -1)
-            ])], 2)) : n.value === "warning" ? (s(), o("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: v(b.value.icon),
+              class: f(b.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...k[4] || (k[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", {
+            }, [...D[4] || (D[4] = [
+              o("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),
+              o("line", {
                 x1: "12",
                 y1: "9",
                 x2: "12",
                 y2: "13"
               }, null, -1),
-              l("line", {
+              o("line", {
                 x1: "12",
                 y1: "17",
                 x2: "12",
                 y2: "17"
               }, null, -1)
-            ])], 2)) : n.value === "success" ? (s(), o("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: v(b.value.icon),
+              class: f(b.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...k[5] || (k[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(), o("svg", {
+            }, [...D[5] || (D[5] = [
+              o("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }, null, -1),
+              o("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: v(b.value.icon),
+              class: f(b.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...k[6] || (k[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", {
+            }, [...D[6] || (D[6] = [
+              o("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),
+              o("line", {
                 x1: "12",
                 y1: "8",
                 x2: "12",
                 y2: "12"
               }, null, -1),
-              l("line", {
+              o("line", {
                 x1: "12",
                 y1: "16",
                 x2: "12",
@@ -2162,61 +2172,61 @@ const Ee = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Pe = {
               }, null, -1)
             ])], 2))
           ]),
-          l("div", {
-            class: v(["flex-1 flex gap-4 text-[14px]", [F.value, t.closable ? "pr-6" : "", { "whitespace-nowrap": !d.value, "whitespace-pre-wrap": d.value }]])
+          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 }]])
           }, [
-            l("div", {
-              class: v(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", L.value])
+            o("div", {
+              class: f(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", j.value])
             }, x(i.value), 3),
-            l("div", {
-              class: v(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !d.value }])
+            o("div", {
+              class: f(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !u.value }])
             }, [
-              z(S.$slots, "description", {}, () => [
-                R(x(p.value), 1)
+              V(S.$slots, "description", {}, () => [
+                q(x(p.value), 1)
               ])
             ], 2)
           ], 2)
         ], 2)
       ], 2),
-      f.value ? (s(), o("div", ho, [
-        l("button", {
+      v.value ? (s(), l("div", bl, [
+        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: k[0] || (k[0] = (M) => S.$emit("cancel"))
+          onClick: D[0] || (D[0] = (k) => S.$emit("cancel"))
         }, [
-          z(S.$slots, "cancel", {}, () => [
-            k[7] || (k[7] = R("Cancelar", -1))
+          V(S.$slots, "cancel", {}, () => [
+            D[7] || (D[7] = q("Cancelar", -1))
           ])
         ]),
-        l("button", {
+        o("button", {
           type: "button",
-          class: v(["px-4 py-1.5 rounded-[18px] text-[14px] tracking-[1.25px] font-bold text-white", V.value]),
-          onClick: k[1] || (k[1] = (M) => S.$emit("accept"))
+          class: f(["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"))
         }, [
-          z(S.$slots, "accept", {}, () => [
-            k[8] || (k[8] = R("Aceptar", -1))
+          V(S.$slots, "accept", {}, () => [
+            D[8] || (D[8] = q("Aceptar", -1))
           ])
         ], 2)
-      ])) : m("", !0)
-    ], 10, yo));
+      ])) : y("", !0)
+    ], 10, vl));
   }
 });
 export {
-  Yo as Alert,
-  $o as AppBar,
-  Co as Button,
-  Mo as Calendar,
-  Do as Card,
-  Bo as Dialog,
-  zo as FileUpload,
+  Ll as Alert,
+  hl as AppBar,
+  xl as Button,
+  wl as Calendar,
+  kl as Card,
+  $l as Dialog,
+  Cl as FileUpload,
   se as Icon,
-  Vo as Input,
-  To as Loader,
-  So as Menu,
-  Fo as Pagination,
-  Io as Select,
-  jo as Sidebar,
-  Lo as Table,
-  _o as Tabs,
-  Oo as Text
+  Ml as Input,
+  Dl as Loader,
+  Bl as Menu,
+  jl as Pagination,
+  zl as Select,
+  Vl as Sidebar,
+  Tl as Table,
+  Sl as Tabs,
+  Il as Text
 };