npm - @iaclinical/components - Versions diffs - 1.0.37 → 1.1.0 - Mend

@iaclinical/components 1.0.37 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/iaclinical-components.cjs +1 -1
package/dist/iaclinical-components.js +998 -920
package/dist/style.css +1 -1
package/package.json +1 -1

package/dist/iaclinical-components.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent as q, computed as o, createElementBlock as a, openBlock as l, normalizeClass as d, createElementVNode as s, createCommentVNode as m, renderSlot as P, toDisplayString as M, createBlock as le, unref as qe, normalizeStyle as N, ref as R, onMounted as ve, onUnmounted as ge, watch as de, createTextVNode as H, withModifiers as J, createVNode as _, withDirectives as me, Fragment as U, renderList as Q, vModelSelect as Se, withKeys as Te, Teleport as ye, Transition as ie, withCtx as re, nextTick as be, resolveDynamicComponent as he, vModelText as Ee } from "vue";
+import { defineComponent as E, computed as s, createElementBlock as a, openBlock as l, normalizeClass as d, createElementVNode as o, createCommentVNode as v, renderSlot as P, toDisplayString as M, createBlock as le, unref as Ee, normalizeStyle as q, ref as R, onMounted as ve, onUnmounted as ge, watch as de, createTextVNode as H, withModifiers as J, createVNode as _, withDirectives as me, Fragment as U, renderList as Q, vModelSelect as Se, withKeys as Te, Teleport as he, Transition as ie, withCtx as re, nextTick as be, resolveDynamicComponent as ye, vModelText as qe } from "vue";
 import { Icon as Ne } from "@iconify/vue";
 const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   key: 1,
@@ -9,7 +9,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
 }, Ge = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, Je = {
   key: 0,
   class: "text-base sm:text-lg font-bold text-primary-50 font-poppins whitespace-nowrap"
-}, Qe = /* @__PURE__ */ q({
+}, Qe = /* @__PURE__ */ E({
   __name: "AppBar",
   props: {
     title: { default: "" },
@@ -25,8 +25,8 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["toggle-menu"],
   setup(t, { emit: g }) {
-    const e = t, b = g, r = o(() => {
-      const p = "flex flex-row items-center justify-between gap-2 sm:gap-4 px-3 sm:px-6 z-50 w-full", u = {
+    const e = t, m = g, r = s(() => {
+      const f = "flex flex-row items-center justify-between gap-2 sm:gap-4 px-3 sm:px-6 z-50 w-full", u = {
         default: "bg-primary-500 text-primary-50",
         dark: "bg-secondary-900 text-white",
         light: "bg-white text-secondary-900 border-b border-secondary-200"
@@ -34,7 +34,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         sm: "h-12",
         md: "h-14",
         lg: "h-16"
-      }, v = {
+      }, b = {
         0: "",
         1: "shadow-sm",
         2: "shadow",
@@ -45,59 +45,59 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         compact: "gap-1",
         normal: "gap-2 sm:gap-4",
         prominent: "gap-3 sm:gap-6 px-6 sm:px-8"
-      }, w = e.sticky ? e.mode === "fixed" ? "fixed top-0 inset-x-0" : "sticky top-0 inset-x-0" : "", y = e.shadow ? "shadow-md" : v[Math.min(e.elevation, 5)];
+      }, x = e.sticky ? e.mode === "fixed" ? "fixed top-0 inset-x-0" : "sticky top-0 inset-x-0" : "", h = e.shadow ? "shadow-md" : b[Math.min(e.elevation, 5)];
       return [
-        p.replace("gap-2 sm:gap-4", z[e.density]),
+        f.replace("gap-2 sm:gap-4", z[e.density]),
         u[e.variant],
         n[e.height],
-        w,
-        y
+        x,
+        h
       ].join(" ");
     });
-    return (p, u) => (l(), a("header", {
+    return (f, u) => (l(), a("header", {
       class: d(r.value)
     }, [
-      s("div", Ye, [
+      o("div", Ye, [
         t.showMenuButton ? (l(), a("button", {
           key: 0,
-          onClick: u[0] || (u[0] = (n) => b("toggle-menu")),
+          onClick: u[0] || (u[0] = (n) => m("toggle-menu")),
           class: "p-1.5 sm:p-2 hover:bg-primary-600 rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
           "aria-label": "Toggle menu"
         }, [...u[1] || (u[1] = [
-          s("svg", {
+          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"
           }, [
-            s("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" ? (l(), a("div", He, M(t.title), 1)) : m("", !0),
-        P(p.$slots, "left", {}, void 0, !0)
+        ])])) : v("", !0),
+        t.title && t.titlePosition === "left" ? (l(), a("div", He, M(t.title), 1)) : v("", !0),
+        P(f.$slots, "left", {}, void 0, !0)
       ]),
-      s("div", Ke, [
-        t.title && t.titlePosition === "center" ? (l(), a("div", Ue, M(t.title), 1)) : m("", !0),
-        P(p.$slots, "center", {}, void 0, !0)
+      o("div", Ke, [
+        t.title && t.titlePosition === "center" ? (l(), a("div", Ue, M(t.title), 1)) : v("", !0),
+        P(f.$slots, "center", {}, void 0, !0)
       ]),
-      s("div", Ge, [
-        t.title && t.titlePosition === "right" ? (l(), a("div", Je, M(t.title), 1)) : m("", !0),
-        P(p.$slots, "right", {}, void 0, !0)
+      o("div", Ge, [
+        t.title && t.titlePosition === "right" ? (l(), a("div", Je, M(t.title), 1)) : v("", !0),
+        P(f.$slots, "right", {}, void 0, !0)
       ])
     ], 2));
   }
 }), Z = (t, g) => {
   const e = t.__vccOpts || t;
-  for (const [b, r] of g)
-    e[b] = r;
+  for (const [m, r] of g)
+    e[m] = r;
   return e;
-}, Za = /* @__PURE__ */ Z(Qe, [["__scopeId", "data-v-b7ffd034"]]), Ze = ["type", "disabled", "aria-label"], Xe = {
+}, Xa = /* @__PURE__ */ Z(Qe, [["__scopeId", "data-v-b7ffd034"]]), Ze = ["type", "disabled", "aria-label"], Xe = {
   key: 0,
   class: "w-4 h-4 animate-spin mr-2",
   xmlns: "http://www.w3.org/2000/svg",
@@ -106,7 +106,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
 }, _e = {
   key: 1,
   class: "absolute top-0 right-0 inline-flex items-center justify-center px-1.5 py-0.5 text-xs font-bold leading-none text-white transform translate-x-1/2 -translate-y-1/2 bg-danger-600 rounded-full min-w-[1.25rem]"
-}, Xa = /* @__PURE__ */ q({
+}, _a = /* @__PURE__ */ E({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -123,8 +123,8 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["click"],
   setup(t, { emit: g }) {
-    const e = t, b = g, r = o(() => e.variant === "icon"), p = o(() => e.badge > 99 ? "99+" : e.badge.toString()), u = o(() => {
-      const v = "inline-flex items-center justify-center font-semibold tracking-wide transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", z = {
+    const e = t, m = g, r = s(() => e.variant === "icon"), f = s(() => e.badge > 99 ? "99+" : e.badge.toString()), u = s(() => {
+      const b = "inline-flex items-center justify-center font-semibold tracking-wide transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", z = {
         primary: "bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-500 focus-visible:ring-primary-500",
         secondary: "bg-secondary-200 text-secondary-900 hover:bg-secondary-300 hover:text-secondary-800 focus-visible:ring-secondary-500",
         outline: "border border-secondary-300 bg-transparent hover:bg-primary-100 focus-visible:ring-secondary-500",
@@ -132,26 +132,26 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         danger: "bg-danger-600 text-white hover:bg-danger-700 focus-visible:ring-danger-600",
         icon: "hover:bg-primary-100 hover:text-black focus-visible:ring-secondary-500 relative",
         text: "bg-transparent border-0 focus-visible:ring-0 focus-visible:ring-offset-0"
-      }, w = {
+      }, x = {
         sm: r.value ? e.compact ? "p-1" : "p-1.5" : e.compact ? "h-6 px-2 text-xs" : "h-8 px-3 text-sm",
         md: r.value ? e.compact ? "p-1.5" : "p-2" : e.compact ? "h-8 px-3 text-sm" : "h-10 px-4 text-base",
         lg: r.value ? e.compact ? "p-2" : "p-3" : e.compact ? "h-10 px-4 text-base" : "h-12 px-6 text-lg"
-      }, y = {
+      }, h = {
         full: "rounded-full",
         xl: "rounded-2xl",
         lg: "rounded-xl",
         md: "rounded-lg",
         sm: "rounded-md",
         none: "rounded-none"
-      }, B = e.textColor ? e.textColor : "", h = o(() => {
+      }, k = e.textColor ? e.textColor : "", y = s(() => {
         var T, V;
         return e.textColorHover ? e.textColorHover : (T = e.textColor) != null && T.includes("white") || (V = e.textColor) != null && V.includes("50") ? "hover:text-black" : "";
       });
-      return `${v} ${z[e.variant]} ${w[e.size]} ${y[e.radius]} ${B} ${h.value}`;
-    }), n = (v) => {
-      e.disabled || b("click", v);
+      return `${b} ${z[e.variant]} ${x[e.size]} ${h[e.radius]} ${k} ${y.value}`;
+    }), n = (b) => {
+      e.disabled || m("click", b);
     };
-    return (v, z) => (l(), a("button", {
+    return (b, z) => (l(), a("button", {
       class: d(u.value),
       type: t.type,
       disabled: t.disabled || t.loading,
@@ -159,7 +159,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       "aria-label": t.ariaLabel
     }, [
       t.loading ? (l(), a("svg", Xe, [...z[0] || (z[0] = [
-        s("circle", {
+        o("circle", {
           class: "opacity-25",
           cx: "12",
           cy: "12",
@@ -167,17 +167,17 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           stroke: "currentColor",
           "stroke-width": "4"
         }, null, -1),
-        s("path", {
+        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)
-      ])])) : m("", !0),
-      P(v.$slots, "default"),
-      r.value && t.badge && t.badge > 0 ? (l(), a("span", _e, M(p.value), 1)) : m("", !0)
+      ])])) : v("", !0),
+      P(b.$slots, "default"),
+      r.value && t.badge && t.badge > 0 ? (l(), a("span", _e, M(f.value), 1)) : v("", !0)
     ], 10, Ze));
   }
-}), et = /* @__PURE__ */ q({
+}), et = /* @__PURE__ */ E({
   __name: "Icon",
   props: {
     name: {},
@@ -196,9 +196,9 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       lg: "24px",
       xl: "30px",
       "2xl": "36px"
-    }, b = (n, v) => {
+    }, m = (n, b) => {
       const z = n.replace(/_/g, "-");
-      switch (v) {
+      switch (b) {
         case "filled":
           return `material-symbols:${z}`;
         case "outlined":
@@ -212,24 +212,24 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         default:
           return `material-symbols:${z}`;
       }
-    }, r = o(() => b(g.name, g.variant)), p = o(() => {
+    }, r = s(() => m(g.name, g.variant)), f = s(() => {
       const n = [
         "inline-flex items-center justify-center select-none",
         "transition-transform duration-200"
       ];
       return g.color && (g.color.startsWith("text-") || g.color.startsWith("fill-")) && n.push(g.color), g.spin && n.push("animate-spin"), n.join(" ");
-    }), u = o(() => {
+    }), u = s(() => {
       const n = {};
       if (e[g.size] ? (n.fontSize = e[g.size], n.width = e[g.size], n.height = e[g.size]) : (n.fontSize = g.size, n.width = g.size, n.height = g.size), g.color && !g.color.startsWith("text-") && !g.color.startsWith("fill-") && (n.color = g.color), g.rotate !== 0) {
-        const v = `rotate(${g.rotate}deg)`;
-        n.transform = v;
+        const b = `rotate(${g.rotate}deg)`;
+        n.transform = b;
       }
       return n;
     });
-    return (n, v) => (l(), le(qe(Ne), {
+    return (n, b) => (l(), le(Ee(Ne), {
       icon: r.value,
-      class: d(p.value),
-      style: N(u.value),
+      class: d(f.value),
+      style: q(u.value),
       "aria-label": t.ariaLabel,
       role: t.ariaLabel ? "img" : void 0
     }, null, 8, ["icon", "class", "style", "aria-label", "role"]));
@@ -240,7 +240,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
 }, lt = ["for"], at = {
   key: 0,
   class: "text-danger-600"
-}, st = ["id", "disabled", "placeholder", "value", "required"], ot = ["disabled"], rt = {
+}, ot = ["id", "disabled", "placeholder", "value", "required"], st = ["disabled"], rt = {
   key: 1,
   class: "relative"
 }, nt = ["for"], it = {
@@ -252,13 +252,13 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
 }, ft = {
   key: 0,
   class: "text-danger-600"
-}, pt = { class: "grid grid-cols-1 md:grid-cols-2 gap-2" }, mt = ["disabled", "placeholder", "value", "required"], bt = ["disabled"], vt = ["disabled", "placeholder", "value", "required"], gt = ["disabled"], yt = {
+}, pt = { class: "grid grid-cols-1 md:grid-cols-2 gap-2" }, mt = ["disabled", "placeholder", "value", "required"], bt = ["disabled"], vt = ["disabled", "placeholder", "value", "required"], gt = ["disabled"], ht = {
   key: 3,
   class: "mt-1 text-sm text-danger-600"
-}, ht = {
+}, yt = {
   key: 4,
   class: "mt-1 text-sm text-secondary-600"
-}, xt = { class: "flex items-center justify-between mb-4" }, wt = { class: "flex items-center space-x-2" }, kt = ["value"], Ct = ["value"], $t = { class: "grid grid-cols-7 gap-1 mb-2" }, Bt = { class: "grid grid-cols-7 gap-1" }, zt = ["disabled", "onClick"], Mt = { class: "flex justify-end space-x-2 mt-4 pt-4 border-t border-secondary-100" }, Vt = ["disabled"], Dt = /* @__PURE__ */ q({
+}, xt = { class: "flex items-center justify-between mb-4" }, wt = { class: "flex items-center space-x-2" }, kt = ["value"], Ct = ["value"], $t = { class: "grid grid-cols-7 gap-1 mb-2" }, Bt = { class: "grid grid-cols-7 gap-1" }, zt = ["disabled", "onClick"], Mt = { class: "flex justify-end space-x-2 mt-4 pt-4 border-t border-secondary-100" }, Vt = ["disabled"], Dt = /* @__PURE__ */ E({
   __name: "Calendar",
   props: {
     modelValue: {},
@@ -291,7 +291,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["update:modelValue", "date-select", "range-select", "multiple-select"],
   setup(t, { emit: g }) {
-    const e = t, b = R([]), r = g, p = R(!1), u = R(null), n = R((/* @__PURE__ */ new Date()).getMonth()), v = R((/* @__PURE__ */ new Date()).getFullYear()), z = R(`calendar-${Math.random().toString(36).substr(2, 9)}`), w = R(null), y = R(null), B = [
+    const e = t, m = R([]), r = g, f = R(!1), u = R(null), n = R((/* @__PURE__ */ new Date()).getMonth()), b = R((/* @__PURE__ */ new Date()).getFullYear()), z = R(`calendar-${Math.random().toString(36).substr(2, 9)}`), x = R(null), h = R(null), k = [
       "Enero",
       "Febrero",
       "Marzo",
@@ -304,13 +304,13 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       "Octubre",
       "Noviembre",
       "Diciembre"
-    ], h = ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"], T = o(() => e.compact ? { sm: "xs", md: "xs", lg: "sm" }[e.size] || "xs" : { sm: "xs", md: "sm", lg: "md" }[e.size] || "sm"), V = o(() => {
-      const k = (/* @__PURE__ */ new Date()).getFullYear(), S = [];
-      for (let O = k - 100; O <= k + 10; O++)
+    ], y = ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"], T = s(() => e.compact ? { sm: "xs", md: "xs", lg: "sm" }[e.size] || "xs" : { sm: "xs", md: "sm", lg: "md" }[e.size] || "sm"), V = s(() => {
+      const C = (/* @__PURE__ */ new Date()).getFullYear(), S = [];
+      for (let O = C - 100; O <= C + 10; O++)
         S.push(O);
       return S;
-    }), j = o(() => "ds-label"), W = o(() => e.bordered ? "border border-neutral-300" : ""), I = o(() => {
-      const k = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", S = {
+    }), j = s(() => "ds-label"), W = s(() => e.bordered ? "border border-neutral-300" : ""), I = s(() => {
+      const C = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", S = {
         sm: e.compact ? "px-2 py-1 pr-8 text-xs" : "px-3 py-1.5 pr-10 text-sm",
         md: e.compact ? "px-3 py-1.5 pr-10 text-sm" : "px-4 py-2 pr-10 text-base",
         lg: e.compact ? "px-4 py-2 pr-10 text-base" : "px-5 py-3 pr-12 text-lg"
@@ -322,44 +322,44 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         filled: "bg-secondary-100",
         outlined: "bg-transparent"
       }, te = e.error ? "border-danger-600 focus:ring-danger-500" : "";
-      return `${k} ${S[e.size]} ${Y[e.variant]} ${O[e.color]} ${te}`;
-    }), L = o(() => `transition-colors text-[#565656] hover:text-[#565656] opacity-80 hover:opacity-100 ${e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), A = o(() => e.compact ? "min-w-72 max-w-sm" : "min-w-80 max-w-sm"), F = o(() => `p-2 rounded-md transition-colors ${{
+      return `${C} ${S[e.size]} ${Y[e.variant]} ${O[e.color]} ${te}`;
+    }), L = s(() => `transition-colors text-[#565656] hover:text-[#565656] opacity-80 hover:opacity-100 ${e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), A = s(() => e.compact ? "min-w-72 max-w-sm" : "min-w-80 max-w-sm"), F = s(() => `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]}`), C = o(() => `px-2 py-1 text-sm border border-secondary-300 rounded-md focus:outline-none focus:ring-1 ${{
+    }[e.color]}`), $ = s(() => `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]}`), f = o(() => {
-      const k = {
+    }[e.color]}`), p = s(() => {
+      const C = {
         primary: "bg-primary-500 hover:bg-primary-600 focus:ring-primary-500",
         secondary: "bg-secondary-600 hover:bg-secondary-700 focus:ring-secondary-500"
       };
-      return `${e.compact ? "px-2 py-1 text-xs" : "px-3 py-1.5 text-sm"} text-white rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-1 disabled:opacity-50 disabled:cursor-not-allowed ${k[e.color]}`;
-    }), i = o(() => {
-      const k = {
+      return `${e.compact ? "px-2 py-1 text-xs" : "px-3 py-1.5 text-sm"} text-white rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-1 disabled:opacity-50 disabled:cursor-not-allowed ${C[e.color]}`;
+    }), i = s(() => {
+      const C = {
         primary: "text-primary-600 hover:text-primary-700 hover:bg-primary-50",
         secondary: "text-secondary-600 hover:text-secondary-700 hover:bg-secondary-50"
       };
-      return `${e.compact ? "px-2 py-1 text-xs" : "px-3 py-1.5 text-sm"} border border-secondary-300 rounded-md transition-colors focus:outline-none ${k[e.color]}`;
-    }), $ = o(() => e.mode === "single" && e.modelValue && e.modelValue instanceof Date ? K(e.modelValue) : ""), c = o(() => e.mode === "multiple" && Array.isArray(e.modelValue) && e.modelValue.length > 0 ? e.modelValue.length === 1 ? K(e.modelValue[0]) : `${e.modelValue.length} fechas seleccionadas` : ""), D = o(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue && e.modelValue.start ? K(e.modelValue.start) : ""), x = o(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "end" in e.modelValue && e.modelValue.end ? K(e.modelValue.end) : ""), X = o(() => e.mode === "single" ? w.value !== null : e.mode === "multiple" ? b.value.length > 0 : w.value !== null && y.value !== null && y.value >= w.value);
-    o(() => e.mode === "range" && w.value && y.value ? y.value < w.value : !1);
-    const E = o(() => {
-      const k = new Date(v.value, n.value, 1), S = new Date(v.value, n.value + 1, 0), O = k.getDay(), Y = S.getDate(), te = [], ae = new Date(v.value, n.value - 1, 0);
+      return `${e.compact ? "px-2 py-1 text-xs" : "px-3 py-1.5 text-sm"} border border-secondary-300 rounded-md transition-colors focus:outline-none ${C[e.color]}`;
+    }), B = s(() => e.mode === "single" && e.modelValue && e.modelValue instanceof Date ? K(e.modelValue) : ""), c = s(() => e.mode === "multiple" && Array.isArray(e.modelValue) && e.modelValue.length > 0 ? e.modelValue.length === 1 ? K(e.modelValue[0]) : `${e.modelValue.length} fechas seleccionadas` : ""), D = s(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue && e.modelValue.start ? K(e.modelValue.start) : ""), w = s(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "end" in e.modelValue && e.modelValue.end ? K(e.modelValue.end) : ""), X = s(() => e.mode === "single" ? x.value !== null : e.mode === "multiple" ? m.value.length > 0 : x.value !== null && h.value !== null && h.value >= x.value);
+    s(() => e.mode === "range" && x.value && h.value ? h.value < x.value : !1);
+    const N = s(() => {
+      const C = new Date(b.value, n.value, 1), S = new Date(b.value, n.value + 1, 0), O = C.getDay(), Y = S.getDate(), te = [], ae = new Date(b.value, n.value - 1, 0);
       for (let G = O - 1; G >= 0; G--) {
-        const se = new Date(v.value, n.value - 1, ae.getDate() - G);
+        const oe = new Date(b.value, n.value - 1, ae.getDate() - G);
         te.push({
-          day: se.getDate(),
-          date: se,
+          day: oe.getDate(),
+          date: oe,
           isCurrentMonth: !1,
           disabled: !1,
-          key: `prev-${se.getDate()}`
+          key: `prev-${oe.getDate()}`
         });
       }
       for (let G = 1; G <= Y; G++) {
-        const se = new Date(v.value, n.value, G);
+        const oe = new Date(b.value, n.value, G);
         te.push({
           day: G,
-          date: se,
+          date: oe,
           isCurrentMonth: !0,
           disabled: !1,
           key: `current-${G}`
@@ -367,18 +367,18 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       }
       const Re = 42 - te.length;
       for (let G = 1; G <= Re; G++) {
-        const se = new Date(v.value, n.value + 1, G);
+        const oe = new Date(b.value, n.value + 1, G);
         te.push({
           day: G,
-          date: se,
+          date: oe,
           isCurrentMonth: !1,
           disabled: !1,
           key: `next-${G}`
         });
       }
       return te;
-    }), K = (k) => {
-      const S = k.getDate().toString().padStart(2, "0"), O = (k.getMonth() + 1).toString().padStart(2, "0"), Y = k.getFullYear();
+    }), K = (C) => {
+      const S = C.getDate().toString().padStart(2, "0"), O = (C.getMonth() + 1).toString().padStart(2, "0"), Y = C.getFullYear();
       switch (e.dateFormat) {
         case "MM/DD/YYYY":
           return `${O}/${S}/${Y}`;
@@ -388,9 +388,9 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         default:
           return `${S}/${O}/${Y}`;
       }
-    }, xe = (k) => {
+    }, xe = (C) => {
       var O;
-      const S = new Date(k.getFullYear(), k.getMonth(), k.getDate());
+      const S = new Date(C.getFullYear(), C.getMonth(), C.getDate());
       if (e.minDate) {
         const Y = new Date(e.minDate.getFullYear(), e.minDate.getMonth(), e.minDate.getDate());
         if (S < Y) return !0;
@@ -400,13 +400,13 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         if (S > Y) return !0;
       }
       return !!((O = e.disabledDates) != null && O.some(
-        (Y) => Y.toDateString() === k.toDateString()
+        (Y) => Y.toDateString() === C.toDateString()
       ));
-    }, Ie = (k) => {
+    }, Ie = (C) => {
       const S = "w-8 h-8 text-sm rounded-md transition-colors focus:outline-none";
-      if (k.disabled || xe(k.date))
+      if (C.disabled || xe(C.date))
         return `${S} text-secondary-400 cursor-not-allowed`;
-      const O = je(k.date), Y = Le(k.date), te = Oe(k.date), ae = {
+      const O = je(C.date), Y = Le(C.date), te = Oe(C.date), ae = {
         primary: {
           selected: "bg-primary-600 text-white",
           inRange: "bg-primary-100 text-primary-900",
@@ -422,68 +422,68 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           otherMonth: "text-secondary-400 hover:bg-secondary-50 hover:text-secondary-600"
         }
       };
-      return O ? `${S} ${ae[e.color].selected}` : Y ? `${S} ${ae[e.color].inRange}` : te ? `${S} ${ae[e.color].today}` : k.isCurrentMonth ? `${S} ${ae[e.color].default}` : `${S} ${ae[e.color].otherMonth}`;
-    }, je = (k) => e.mode === "single" ? w.value ? oe(k, w.value) : !1 : e.mode === "multiple" ? b.value.some((S) => oe(k, S)) : !!(w.value && oe(k, w.value)) || !!(y.value && oe(k, y.value)), Le = (k) => {
-      if (e.mode !== "range" || !w.value || !y.value)
+      return O ? `${S} ${ae[e.color].selected}` : Y ? `${S} ${ae[e.color].inRange}` : te ? `${S} ${ae[e.color].today}` : C.isCurrentMonth ? `${S} ${ae[e.color].default}` : `${S} ${ae[e.color].otherMonth}`;
+    }, je = (C) => e.mode === "single" ? x.value ? se(C, x.value) : !1 : e.mode === "multiple" ? m.value.some((S) => se(C, S)) : !!(x.value && se(C, x.value)) || !!(h.value && se(C, h.value)), Le = (C) => {
+      if (e.mode !== "range" || !x.value || !h.value)
         return !1;
-      const S = w.value, O = y.value;
-      return k > S && k < O;
-    }, Oe = (k) => oe(k, /* @__PURE__ */ new Date()), oe = (k, S) => k.toDateString() === S.toDateString(), we = () => {
-      e.disabled || p.value || ne();
+      const S = x.value, O = h.value;
+      return C > S && C < O;
+    }, Oe = (C) => se(C, /* @__PURE__ */ new Date()), se = (C, S) => C.toDateString() === S.toDateString(), we = () => {
+      e.disabled || f.value || ne();
     }, ke = () => {
-      e.disabled || p.value || ne();
+      e.disabled || f.value || ne();
     }, Ce = () => {
       e.disabled || Me();
-    }, $e = (k) => {
-      e.disabled || (ce(k), p.value || ne());
-    }, Be = (k) => {
-      e.disabled || (ce(k), p.value || ne());
-    }, ze = (k) => {
-      e.disabled || (ce(k), Me());
-    }, ce = (k) => {
-      u.value = k;
+    }, $e = (C) => {
+      e.disabled || (ce(C), f.value || ne());
+    }, Be = (C) => {
+      e.disabled || (ce(C), f.value || ne());
+    }, ze = (C) => {
+      e.disabled || (ce(C), Me());
+    }, ce = (C) => {
+      u.value = C;
     }, Me = () => {
-      e.disabled || (p.value = !p.value, p.value && fe());
+      e.disabled || (f.value = !f.value, f.value && fe());
     }, ne = () => {
-      e.disabled || (p.value = !0, fe());
+      e.disabled || (f.value = !0, fe());
     }, ue = () => {
-      p.value = !1, u.value = null;
+      f.value = !1, u.value = null;
     }, fe = () => {
-      e.mode === "single" ? (w.value = e.modelValue instanceof Date ? e.modelValue : null, y.value = null) : e.mode === "multiple" ? b.value = Array.isArray(e.modelValue) ? [...e.modelValue] : [] : e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue ? (w.value = e.modelValue.start, y.value = e.modelValue.end) : (w.value = null, y.value = null);
-    }, Ae = (k) => {
+      e.mode === "single" ? (x.value = e.modelValue instanceof Date ? e.modelValue : null, h.value = null) : e.mode === "multiple" ? m.value = Array.isArray(e.modelValue) ? [...e.modelValue] : [] : e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue ? (x.value = e.modelValue.start, h.value = e.modelValue.end) : (x.value = null, h.value = null);
+    }, Ae = (C) => {
       if (e.mode === "single")
-        w.value = k, y.value = null;
+        x.value = C, h.value = null;
       else if (e.mode === "multiple") {
-        const S = b.value.findIndex((O) => oe(O, k));
-        S >= 0 ? b.value.splice(S, 1) : b.value.push(k);
+        const S = m.value.findIndex((O) => se(O, C));
+        S >= 0 ? m.value.splice(S, 1) : m.value.push(C);
       } else
-        u.value === "start" || !w.value ? (w.value = k, y.value = null, u.value = "end") : (u.value === "end" || !y.value) && (k < w.value ? (y.value = w.value, w.value = k) : y.value = k, u.value = null);
+        u.value === "start" || !x.value ? (x.value = C, h.value = null, u.value = "end") : (u.value === "end" || !h.value) && (C < x.value ? (h.value = x.value, x.value = C) : h.value = C, u.value = null);
     }, We = () => {
       if (e.mode === "single")
-        r("update:modelValue", w.value), w.value && r("date-select", w.value);
+        r("update:modelValue", x.value), x.value && r("date-select", x.value);
       else if (e.mode === "multiple") {
-        const k = [...b.value].sort((S, O) => S.getTime() - O.getTime());
-        r("update:modelValue", k), r("multiple-select", k);
+        const C = [...m.value].sort((S, O) => S.getTime() - O.getTime());
+        r("update:modelValue", C), r("multiple-select", C);
       } else {
-        const k = { start: w.value, end: y.value };
-        r("update:modelValue", k), r("range-select", k);
+        const C = { start: x.value, end: h.value };
+        r("update:modelValue", C), r("range-select", C);
       }
       ue();
     }, Fe = () => {
-      n.value === 0 ? (n.value = 11, v.value--) : n.value--;
+      n.value === 0 ? (n.value = 11, b.value--) : n.value--;
     }, Pe = () => {
-      n.value === 11 ? (n.value = 0, v.value++) : n.value++;
+      n.value === 11 ? (n.value = 0, b.value++) : n.value++;
     }, Ve = () => {
-    }, pe = R(), De = (k) => {
-      pe.value && !pe.value.contains(k.target) && ue();
+    }, pe = R(), De = (C) => {
+      pe.value && !pe.value.contains(C.target) && ue();
     };
     return ve(() => {
       document.addEventListener("click", De);
     }), ge(() => {
       document.removeEventListener("click", De);
-    }), de(() => e.modelValue, (k) => {
-      p.value || fe();
-    }, { deep: !0 }), (k, S) => (l(), a("div", {
+    }), de(() => e.modelValue, (C) => {
+      f.value || fe();
+    }, { deep: !0 }), (C, S) => (l(), a("div", {
       ref_key: "calendarWrapperRef",
       ref: pe,
       class: "calendar-wrapper"
@@ -495,24 +495,24 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           class: d(j.value)
         }, [
           H(M(t.label) + " ", 1),
-          t.required ? (l(), a("span", at, "*")) : m("", !0)
-        ], 10, lt)) : m("", !0),
-        s("div", {
+          t.required ? (l(), a("span", at, "*")) : v("", !0)
+        ], 10, lt)) : v("", !0),
+        o("div", {
           class: d(["relative rounded-md", W.value])
         }, [
-          s("input", {
+          o("input", {
             id: z.value,
             class: d(I.value),
             type: "text",
             disabled: t.disabled,
             placeholder: t.placeholder || "Seleccionar fecha",
-            value: $.value,
+            value: B.value,
             required: t.required,
             readonly: !0,
             onClick: we,
             onFocus: ke
-          }, null, 42, st),
-          s("button", {
+          }, null, 42, ot),
+          o("button", {
             type: "button",
             class: d(["absolute right-3 top-1/2 -translate-y-1/2", L.value]),
             onClick: J(Ce, ["stop"]),
@@ -522,7 +522,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               name: t.iconName,
               size: T.value
             }, null, 8, ["name", "size"])
-          ], 10, ot)
+          ], 10, st)
         ], 2)
       ])) : t.mode === "multiple" ? (l(), a("div", rt, [
         t.label && t.showLabel ? (l(), a("label", {
@@ -531,12 +531,12 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           class: d(j.value)
         }, [
           H(M(t.label) + " ", 1),
-          t.required ? (l(), a("span", it, "*")) : m("", !0)
-        ], 10, nt)) : m("", !0),
-        s("div", {
+          t.required ? (l(), a("span", it, "*")) : v("", !0)
+        ], 10, nt)) : v("", !0),
+        o("div", {
           class: d(["relative rounded-md", W.value])
         }, [
-          s("input", {
+          o("input", {
             id: z.value,
             class: d(I.value),
             type: "text",
@@ -548,7 +548,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             onClick: we,
             onFocus: ke
           }, null, 42, dt),
-          s("button", {
+          o("button", {
             type: "button",
             class: d(["absolute right-3 top-1/2 -translate-y-1/2", L.value]),
             onClick: J(Ce, ["stop"]),
@@ -566,13 +566,13 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           class: d(j.value)
         }, [
           H(M(t.label) + " ", 1),
-          t.required ? (l(), a("span", ft, "*")) : m("", !0)
-        ], 2)) : m("", !0),
-        s("div", pt, [
-          s("div", {
+          t.required ? (l(), a("span", ft, "*")) : v("", !0)
+        ], 2)) : v("", !0),
+        o("div", pt, [
+          o("div", {
             class: d(["relative rounded-md", W.value])
           }, [
-            s("input", {
+            o("input", {
               class: d(I.value),
               type: "text",
               disabled: t.disabled,
@@ -583,7 +583,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               onClick: S[0] || (S[0] = () => $e("start")),
               onFocus: S[1] || (S[1] = () => Be("start"))
             }, null, 42, mt),
-            s("button", {
+            o("button", {
               type: "button",
               class: d(["absolute right-3 top-1/2 -translate-y-1/2", L.value]),
               onClick: S[2] || (S[2] = J(() => ze("start"), ["stop"])),
@@ -595,21 +595,21 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               }, null, 8, ["name", "size"])
             ], 10, bt)
           ], 2),
-          s("div", {
+          o("div", {
             class: d(["relative rounded-md", W.value])
           }, [
-            s("input", {
+            o("input", {
               class: d(I.value),
               type: "text",
               disabled: t.disabled,
               placeholder: t.endPlaceholder || "Fecha hasta",
-              value: x.value,
+              value: w.value,
               required: t.required,
               readonly: !0,
               onClick: S[3] || (S[3] = () => $e("end")),
               onFocus: S[4] || (S[4] = () => Be("end"))
             }, null, 42, vt),
-            s("button", {
+            o("button", {
               type: "button",
               class: d(["absolute right-3 top-1/2 -translate-y-1/2", L.value]),
               onClick: S[5] || (S[5] = J(() => ze("end"), ["stop"])),
@@ -623,15 +623,15 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           ], 2)
         ])
       ])),
-      t.error ? (l(), a("p", yt, M(t.error), 1)) : t.helperText ? (l(), a("p", ht, M(t.helperText), 1)) : m("", !0),
-      p.value ? (l(), a("div", {
+      t.error ? (l(), a("p", ht, M(t.error), 1)) : t.helperText ? (l(), a("p", yt, M(t.helperText), 1)) : v("", !0),
+      f.value ? (l(), a("div", {
         key: 5,
         class: d(["absolute top-full mt-1 left-0 bg-white rounded-lg shadow-lg border border-secondary-200 z-50 overflow-hidden p-4", A.value]),
         onClick: S[8] || (S[8] = J(() => {
         }, ["stop"]))
       }, [
-        s("div", xt, [
-          s("button", {
+        o("div", xt, [
+          o("button", {
             type: "button",
             onClick: Fe,
             class: d(F.value)
@@ -641,22 +641,22 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               size: "sm"
             })
           ], 2),
-          s("div", wt, [
-            me(s("select", {
+          o("div", wt, [
+            me(o("select", {
               "onUpdate:modelValue": S[6] || (S[6] = (O) => n.value = O),
-              class: d(C.value),
+              class: d($.value),
               onChange: Ve
             }, [
-              (l(), a(U, null, Q(B, (O, Y) => s("option", {
+              (l(), a(U, null, Q(k, (O, Y) => o("option", {
                 key: Y,
                 value: Y
               }, M(O), 9, kt)), 64))
             ], 34), [
               [Se, n.value]
             ]),
-            me(s("select", {
-              "onUpdate:modelValue": S[7] || (S[7] = (O) => v.value = O),
-              class: d(C.value),
+            me(o("select", {
+              "onUpdate:modelValue": S[7] || (S[7] = (O) => b.value = O),
+              class: d($.value),
               onChange: Ve
             }, [
               (l(!0), a(U, null, Q(V.value, (O) => (l(), a("option", {
@@ -664,10 +664,10 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                 value: O
               }, M(O), 9, Ct))), 128))
             ], 34), [
-              [Se, v.value]
+              [Se, b.value]
             ])
           ]),
-          s("button", {
+          o("button", {
             type: "button",
             onClick: Pe,
             class: d(F.value)
@@ -678,14 +678,14 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             })
           ], 2)
         ]),
-        s("div", $t, [
-          (l(), a(U, null, Q(h, (O) => s("div", {
+        o("div", $t, [
+          (l(), a(U, null, Q(y, (O) => o("div", {
             key: O,
             class: "text-center text-sm font-medium text-secondary-600 py-2"
           }, M(O), 1)), 64))
         ]),
-        s("div", Bt, [
-          (l(!0), a(U, null, Q(E.value, (O) => (l(), a("button", {
+        o("div", Bt, [
+          (l(!0), a(U, null, Q(N.value, (O) => (l(), a("button", {
             key: O.key,
             type: "button",
             class: d(Ie(O)),
@@ -693,23 +693,23 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             onClick: (Y) => Ae(O.date)
           }, M(O.day), 11, zt))), 128))
         ]),
-        s("div", Mt, [
-          s("button", {
+        o("div", Mt, [
+          o("button", {
             type: "button",
             class: d(i.value),
             onClick: ue
           }, " Cancelar ", 2),
-          s("button", {
+          o("button", {
             type: "button",
-            class: d(f.value),
+            class: d(p.value),
             onClick: We,
             disabled: !X.value
           }, " Confirmar ", 10, Vt)
         ])
-      ], 2)) : m("", !0)
+      ], 2)) : v("", !0)
     ], 512));
   }
-}), _a = /* @__PURE__ */ Z(Dt, [["__scopeId", "data-v-18f461f5"]]), St = ["role", "tabindex"], es = /* @__PURE__ */ q({
+}), eo = /* @__PURE__ */ Z(Dt, [["__scopeId", "data-v-18f461f5"]]), St = ["role", "tabindex"], to = /* @__PURE__ */ E({
   __name: "Card",
   props: {
     shadow: { default: "md" },
@@ -722,32 +722,32 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["click"],
   setup(t, { emit: g }) {
-    const e = t, b = g, r = {
+    const e = t, m = g, r = {
       none: "",
       sm: "shadow-sm",
       md: "shadow",
       lg: "shadow-lg",
       xl: "shadow-xl"
-    }, p = {
+    }, f = {
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
       lg: "rounded-lg",
       xl: "rounded-xl",
       full: "rounded-full"
-    }, u = o(() => [
+    }, u = s(() => [
       "w-full bg-white",
       r[e.shadow],
-      p[e.rounded],
+      f[e.rounded],
       e.bordered ? "border border-gray-200" : "",
       e.hoverable || e.clickable ? "transition-all duration-200" : "",
       e.hoverable ? "hover:shadow-lg" : "",
       e.clickable && !e.disabled ? "cursor-pointer hover:shadow-lg" : "",
       e.clickable && e.disabled ? "opacity-50 cursor-not-allowed" : ""
-    ]), n = (v) => {
-      !e.disabled && e.clickable && b("click", v);
+    ]), n = (b) => {
+      !e.disabled && e.clickable && m("click", b);
     };
-    return (v, z) => (l(), a("div", {
+    return (b, z) => (l(), a("div", {
       class: d(u.value),
       role: t.clickable ? "button" : void 0,
       tabindex: t.clickable ? 0 : void 0,
@@ -757,29 +757,29 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         Te(n, ["space"])
       ]
     }, [
-      v.$slots.header ? (l(), a("div", {
+      b.$slots.header ? (l(), a("div", {
         key: 0,
         class: d([e.compact ? "px-4 py-2" : "px-6 py-4", "border-b border-gray-100"])
       }, [
-        P(v.$slots, "header")
-      ], 2)) : m("", !0),
-      s("div", {
+        P(b.$slots, "header")
+      ], 2)) : v("", !0),
+      o("div", {
         class: d(e.compact ? "px-4 py-2" : "px-6 py-4")
       }, [
-        P(v.$slots, "default")
+        P(b.$slots, "default")
       ], 2),
-      v.$slots.footer ? (l(), a("div", {
+      b.$slots.footer ? (l(), a("div", {
         key: 1,
         class: d([e.compact ? "px-4 py-2" : "px-6 py-4", "border-t border-gray-100 bg-gray-50"])
       }, [
-        P(v.$slots, "footer")
-      ], 2)) : m("", !0)
+        P(b.$slots, "footer")
+      ], 2)) : v("", !0)
     ], 42, St));
   }
 }), Tt = { class: "flex items-center justify-between border-b border-gray-100/60 px-8 py-6" }, It = { class: "text-xl font-semibold text-gray-900" }, jt = ["disabled"], Lt = { class: "px-8 py-6" }, Ot = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center bg-white/50 rounded-lg"
-}, At = /* @__PURE__ */ q({
+}, At = /* @__PURE__ */ E({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -790,20 +790,20 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["update:modelValue", "close"],
   setup(t, { emit: g }) {
-    const e = t, b = g, r = o({
+    const e = t, m = g, r = s({
       get: () => e.modelValue,
-      set: (v) => b("update:modelValue", v)
-    }), p = o(() => ({
+      set: (b) => m("update:modelValue", b)
+    }), f = s(() => ({
       sm: "sm:max-w-sm",
       md: "sm:max-w-lg md:max-w-2xl",
       lg: "sm:max-w-2xl md:max-w-4xl",
       xl: "sm:max-w-4xl md:max-w-6xl"
     })[e.size]), u = () => {
-      e.loading || (r.value = !1, b("close"));
+      e.loading || (r.value = !1, m("close"));
     }, n = () => {
       e.closeOnBackdrop && !e.loading && u();
     };
-    return (v, z) => (l(), le(ye, { to: "body" }, [
+    return (b, z) => (l(), le(he, { to: "body" }, [
       _(ie, { name: "dialog" }, {
         default: re(() => [
           r.value ? (l(), a("div", {
@@ -811,31 +811,31 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             class: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4",
             onClick: n
           }, [
-            s("div", {
-              class: d(["relative w-full rounded-lg bg-white shadow-xl", p.value]),
+            o("div", {
+              class: d(["relative w-full rounded-lg bg-white shadow-xl", f.value]),
               onClick: z[0] || (z[0] = J(() => {
               }, ["stop"]))
             }, [
-              s("div", Tt, [
-                s("h2", It, [
-                  P(v.$slots, "title", {}, () => [
+              o("div", Tt, [
+                o("h2", It, [
+                  P(b.$slots, "title", {}, () => [
                     H(M(t.title), 1)
                   ], !0)
                 ]),
-                s("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",
                   disabled: t.loading,
                   onClick: u
                 }, [...z[1] || (z[1] = [
-                  s("svg", {
+                  o("svg", {
                     class: "h-6 w-6",
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24"
                   }, [
-                    s("path", {
+                    o("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
@@ -844,18 +844,18 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                   ], -1)
                 ])], 8, jt)
               ]),
-              s("div", Lt, [
-                P(v.$slots, "default", {}, void 0, !0)
+              o("div", Lt, [
+                P(b.$slots, "default", {}, void 0, !0)
               ]),
               t.loading ? (l(), a("div", Ot, [...z[2] || (z[2] = [
-                s("div", { class: "flex items-center gap-2 text-primary-600" }, [
-                  s("svg", {
+                o("div", { class: "flex items-center gap-2 text-primary-600" }, [
+                  o("svg", {
                     class: "w-5 h-5 animate-spin",
                     xmlns: "http://www.w3.org/2000/svg",
                     fill: "none",
                     viewBox: "0 0 24 24"
                   }, [
-                    s("circle", {
+                    o("circle", {
                       class: "opacity-25",
                       cx: "12",
                       cy: "12",
@@ -863,41 +863,41 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                       stroke: "currentColor",
                       "stroke-width": "4"
                     }),
-                    s("path", {
+                    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"
                     })
                   ]),
-                  s("span", { class: "text-sm font-medium" }, "Cargando...")
+                  o("span", { class: "text-sm font-medium" }, "Cargando...")
                 ], -1)
-              ])])) : m("", !0),
-              v.$slots.footer ? (l(), a("div", {
+              ])])) : v("", !0),
+              b.$slots.footer ? (l(), a("div", {
                 key: 1,
                 class: d(["border-t border-gray-100 px-8 py-6 bg-gray-50", { "opacity-50 pointer-events-none": t.loading }])
               }, [
-                P(v.$slots, "footer", {}, void 0, !0)
-              ], 2)) : m("", !0)
+                P(b.$slots, "footer", {}, void 0, !0)
+              ], 2)) : v("", !0)
             ], 2)
-          ])) : m("", !0)
+          ])) : v("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), ts = /* @__PURE__ */ Z(At, [["__scopeId", "data-v-ea6db288"]]), Wt = ["accept", "multiple", "disabled"], Ft = { class: "flex flex-col items-center justify-center gap-4 text-center" }, Pt = ["src", "alt"], Rt = {
+}), lo = /* @__PURE__ */ Z(At, [["__scopeId", "data-v-ea6db288"]]), Wt = ["accept", "multiple", "disabled"], Ft = { class: "flex flex-col items-center justify-center gap-4 text-center" }, Pt = ["src", "alt"], Rt = {
   key: 1,
   class: "w-full h-full text-gray-400",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, qt = { class: "text-center" }, Et = { class: "text-base font-medium text-gray-700" }, Nt = { class: "text-primary-500" }, Yt = { class: "flex items-center gap-3 flex-1 min-w-0" }, Ht = { class: "flex-1 min-w-0" }, Kt = { class: "text-sm font-medium text-gray-900 truncate" }, Ut = { class: "text-xs text-gray-500" }, Gt = {
+}, Et = { class: "text-center" }, qt = { class: "text-base font-medium text-gray-700" }, Nt = { class: "text-primary-500" }, Yt = { class: "flex items-center gap-3 flex-1 min-w-0" }, Ht = { class: "flex-1 min-w-0" }, Kt = { class: "text-sm font-medium text-gray-900 truncate" }, Ut = { class: "text-xs text-gray-500" }, Gt = {
   key: 1,
   class: "text-xs text-gray-500 mt-2"
 }, Jt = {
   key: 2,
   class: "text-sm text-danger-500 mt-2"
-}, ls = /* @__PURE__ */ q({
+}, ao = /* @__PURE__ */ E({
   __name: "FileUpload",
   props: {
     modelValue: { default: null },
@@ -920,7 +920,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["update:modelValue", "change", "error"],
   setup(t, { emit: g }) {
-    const e = t, b = g, r = R(null), p = R(!1), u = R(e.modelValue), n = R(""), v = o(() => ({
+    const e = t, m = g, r = R(null), f = R(!1), u = R(e.modelValue), n = R(""), b = s(() => ({
       sm: "w-20 h-20",
       md: "w-32 h-32",
       lg: "w-48 h-48",
@@ -928,29 +928,29 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     })[e.illustrationSize]), z = () => {
       var I;
       (I = r.value) == null || I.click();
-    }, w = () => {
+    }, x = () => {
       e.disabled || z();
-    }, y = (I) => {
-      e.disabled || (p.value = !0);
-    }, B = () => {
-      p.value = !1;
     }, h = (I) => {
+      e.disabled || (f.value = !0);
+    }, k = () => {
+      f.value = !1;
+    }, y = (I) => {
       if (n.value = "", e.maxSize && I.size > e.maxSize) {
         const L = (e.maxSize / 1048576).toFixed(2);
-        return n.value = `El archivo excede el tamaño máximo de ${L}MB`, b("error", n.value), !1;
+        return n.value = `El archivo excede el tamaño máximo de ${L}MB`, m("error", n.value), !1;
       }
       return !0;
     }, T = (I) => {
       var F;
       const A = (F = I.target.files) == null ? void 0 : F[0];
-      A && h(A) && (u.value = A, b("update:modelValue", A), b("change", A));
+      A && y(A) && (u.value = A, m("update:modelValue", A), m("change", A));
     }, V = (I) => {
       var A;
-      p.value = !1;
+      f.value = !1;
       const L = (A = I.dataTransfer) == null ? void 0 : A.files[0];
-      L && h(L) && (u.value = L, b("update:modelValue", L), b("change", L));
+      L && y(L) && (u.value = L, m("update:modelValue", L), m("change", L));
     }, j = () => {
-      u.value = null, n.value = "", r.value && (r.value.value = ""), b("update:modelValue", null), b("change", null);
+      u.value = null, n.value = "", r.value && (r.value.value = ""), m("update:modelValue", null), m("change", null);
     }, W = (I) => {
       if (I === 0) return "0 Bytes";
       const L = 1024, A = ["Bytes", "KB", "MB", "GB"], F = Math.floor(Math.log(I) / Math.log(L));
@@ -958,15 +958,15 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     };
     return (I, L) => (l(), a("div", {
       class: d(["relative border-2 border-dashed rounded-lg p-8 transition-colors", [
-        p.value ? "border-primary-500 bg-primary-50" : "border-gray-300 bg-white hover:border-primary-500",
+        f.value ? "border-primary-500 bg-primary-50" : "border-gray-300 bg-white hover:border-primary-500",
         t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
       ]]),
-      onClick: w,
-      onDragover: J(y, ["prevent"]),
-      onDragleave: J(B, ["prevent"]),
+      onClick: x,
+      onDragover: J(h, ["prevent"]),
+      onDragleave: J(k, ["prevent"]),
       onDrop: J(V, ["prevent"])
     }, [
-      s("input", {
+      o("input", {
         ref_key: "fileInput",
         ref: r,
         type: "file",
@@ -976,9 +976,9 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         class: "hidden",
         onChange: T
       }, null, 40, Wt),
-      s("div", Ft, [
-        s("div", {
-          class: d([v.value, "flex items-center justify-center"])
+      o("div", Ft, [
+        o("div", {
+          class: d([b.value, "flex items-center justify-center"])
         }, [
           t.illustration ? (l(), a("img", {
             key: 0,
@@ -986,7 +986,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             alt: t.illustrationAlt,
             class: "max-w-full max-h-full object-contain"
           }, null, 8, Pt)) : (l(), a("svg", Rt, [...L[1] || (L[1] = [
-            s("path", {
+            o("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "1.5",
@@ -994,10 +994,10 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             }, null, -1)
           ])]))
         ], 2),
-        s("div", qt, [
-          s("p", Et, [
+        o("div", Et, [
+          o("p", qt, [
             H(M(t.mainText) + " ", 1),
-            s("span", Nt, M(t.linkText), 1)
+            o("span", Nt, M(t.linkText), 1)
           ])
         ]),
         u.value ? (l(), a("div", {
@@ -1006,65 +1006,142 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           onClick: L[0] || (L[0] = J(() => {
           }, ["stop"]))
         }, [
-          s("div", Yt, [
-            L[2] || (L[2] = s("svg", {
+          o("div", Yt, [
+            L[2] || (L[2] = o("svg", {
               class: "w-6 h-6 text-gray-600 flex-shrink-0",
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24"
             }, [
-              s("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)),
-            s("div", Ht, [
-              s("p", Kt, M(u.value.name), 1),
-              s("p", Ut, M(W(u.value.size)), 1)
+            o("div", Ht, [
+              o("p", Kt, M(u.value.name), 1),
+              o("p", Ut, M(W(u.value.size)), 1)
             ])
           ]),
-          t.disabled ? m("", !0) : (l(), a("button", {
+          t.disabled ? v("", !0) : (l(), a("button", {
             key: 0,
             onClick: J(j, ["stop"]),
             class: "ml-3 text-gray-400 hover:text-danger-500 transition-colors"
           }, [...L[3] || (L[3] = [
-            s("svg", {
+            o("svg", {
               class: "w-5 h-5",
               fill: "currentColor",
               viewBox: "0 0 20 20"
             }, [
-              s("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 ? (l(), a("p", Gt, M(t.helperText), 1)) : m("", !0),
-        n.value ? (l(), a("p", Jt, M(n.value), 1)) : m("", !0)
+        ])) : v("", !0),
+        t.helperText ? (l(), a("p", Gt, M(t.helperText), 1)) : v("", !0),
+        n.value ? (l(), a("p", Jt, M(n.value), 1)) : v("", !0)
       ])
     ], 34));
   }
-}), Qt = { class: "input-wrapper" }, Zt = ["for"], Xt = {
+}), Qt = ["src", "alt", "title", "loading"], oo = /* @__PURE__ */ E({
+  __name: "Image",
+  props: {
+    src: {},
+    alt: { default: "" },
+    title: { default: "" },
+    width: {},
+    height: {},
+    objectFit: { default: "cover" },
+    objectPosition: { default: "center" },
+    rounded: { default: "md" },
+    shadow: { default: "none" },
+    bordered: { type: Boolean, default: !1 },
+    borderColor: {},
+    opacity: { default: 100 },
+    loading: { default: "lazy" },
+    class: { default: "" }
+  },
+  emits: ["load", "error"],
+  setup(t, { emit: g }) {
+    const e = t, m = g, r = {
+      none: "rounded-none",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      xl: "rounded-xl",
+      full: "rounded-full"
+    }, f = {
+      none: "",
+      sm: "shadow-sm",
+      md: "shadow",
+      lg: "shadow-lg",
+      xl: "shadow-xl"
+    }, u = {
+      cover: "object-cover",
+      contain: "object-contain",
+      fill: "object-fill",
+      "scale-down": "object-scale-down"
+    }, n = {
+      center: "object-center",
+      top: "object-top",
+      bottom: "object-bottom",
+      left: "object-left",
+      right: "object-right",
+      "top-left": "object-top-left",
+      "top-right": "object-top-right",
+      "bottom-left": "object-bottom-left",
+      "bottom-right": "object-bottom-right"
+    }, b = s(() => [
+      "w-full h-full",
+      r[e.rounded],
+      f[e.shadow],
+      u[e.objectFit],
+      n[e.objectPosition],
+      e.bordered ? `border border-${e.borderColor || "gray-200"}` : "",
+      e.class
+    ]), z = s(() => {
+      const k = {
+        opacity: e.opacity / 100
+      };
+      return e.width && (k.width = typeof e.width == "number" ? `${e.width}px` : e.width), e.height && (k.height = typeof e.height == "number" ? `${e.height}px` : e.height), k;
+    }), x = () => {
+      m("load");
+    }, h = (k) => {
+      m("error", k);
+    };
+    return (k, y) => (l(), a("img", {
+      src: t.src,
+      alt: t.alt,
+      title: t.title,
+      class: d(b.value),
+      loading: t.loading,
+      style: q(z.value),
+      onLoad: x,
+      onError: h
+    }, null, 46, Qt));
+  }
+}), Zt = { class: "input-wrapper" }, Xt = ["for"], _t = {
   key: 0,
   class: "text-danger-600"
-}, _t = { class: "relative flex items-center" }, el = ["id", "type", "disabled", "placeholder", "value", "required", "readonly"], tl = {
+}, el = { class: "relative flex items-center" }, tl = ["id", "type", "disabled", "placeholder", "value", "required", "readonly"], ll = {
   key: 1,
   class: "absolute right-3 flex items-center gap-2"
-}, ll = {
+}, al = {
   key: 2,
   class: "absolute right-3 top-1/2 -translate-y-1/2 text-danger-600"
-}, al = {
+}, ol = {
   key: 1,
   class: "mt-1 text-sm text-danger-600"
 }, sl = {
   key: 2,
   class: "text-sm",
   style: { color: "#565656" }
-}, ol = /* @__PURE__ */ q({
+}, rl = /* @__PURE__ */ E({
   __name: "Input",
   props: {
     modelValue: { default: "" },
@@ -1085,109 +1162,109 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["update:modelValue", "blur", "focus", "clear"],
   setup(t, { emit: g }) {
-    const e = t, b = g, r = R(`input-${Math.random().toString(36).substr(2, 9)}`), p = o(() => "ds-label"), u = o(() => {
-      const B = "w-full rounded-md transition-all focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50", h = {
+    const e = t, m = g, r = R(`input-${Math.random().toString(36).substr(2, 9)}`), f = s(() => "ds-label"), u = s(() => {
+      const k = "w-full rounded-md transition-all focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50", y = {
         sm: e.compact ? "h-6 px-2 text-xs" : "h-8 px-3 text-sm",
         md: e.compact ? "h-8 px-3 text-sm" : "h-10 px-4 text-base",
         lg: e.compact ? "h-10 px-4 text-base" : "h-12 px-5 text-lg"
       }, T = e.prefix ? "pl-9" : "", V = e.clearable || e.error && !e.suffix && !e.clearable ? "pr-10" : "";
-      return `${B} ${h[e.size]} ${T} ${V} bg-white border rounded-md transition-all`;
-    }), n = o(() => {
-      const B = e.error ? "#dc2626" : "#565656", h = e.variant === "outlined" ? "2px" : "1px";
+      return `${k} ${y[e.size]} ${T} ${V} bg-white border rounded-md transition-all`;
+    }), n = s(() => {
+      const k = e.error ? "#dc2626" : "#565656", y = e.variant === "outlined" ? "2px" : "1px";
       return e.error, e.error, {
-        borderColor: B,
-        borderWidth: h,
+        borderColor: k,
+        borderWidth: y,
         borderStyle: "solid"
       };
-    }), v = (B) => {
-      const h = B.target;
-      b("update:modelValue", h.value);
-    }, z = (B) => {
-      b("blur", B);
-    }, w = (B) => {
-      b("focus", B);
-    }, y = () => {
-      b("update:modelValue", ""), b("clear");
+    }), b = (k) => {
+      const y = k.target;
+      m("update:modelValue", y.value);
+    }, z = (k) => {
+      m("blur", k);
+    }, x = (k) => {
+      m("focus", k);
+    }, h = () => {
+      m("update:modelValue", ""), m("clear");
     };
-    return (B, h) => (l(), a("div", Qt, [
+    return (k, y) => (l(), a("div", Zt, [
       t.label ? (l(), a("label", {
         key: 0,
         for: r.value,
-        class: d(p.value)
+        class: d(f.value)
       }, [
         H(M(t.label) + " ", 1),
-        t.required ? (l(), a("span", Xt, "*")) : m("", !0)
-      ], 10, Zt)) : m("", !0),
-      s("div", _t, [
+        t.required ? (l(), a("span", _t, "*")) : v("", !0)
+      ], 10, Xt)) : v("", !0),
+      o("div", el, [
         t.prefix ? (l(), a("span", {
           key: 0,
           class: "absolute left-3 text-sm",
-          style: N({ color: t.error ? "#dc2626" : "#565656" })
-        }, M(t.prefix), 5)) : m("", !0),
-        s("input", {
+          style: q({ color: t.error ? "#dc2626" : "#565656" })
+        }, M(t.prefix), 5)) : v("", !0),
+        o("input", {
           id: r.value,
           class: d(u.value),
-          style: N(n.value),
+          style: q(n.value),
           type: t.type,
           disabled: t.disabled,
           placeholder: t.placeholder,
           value: t.modelValue,
           required: t.required,
           readonly: t.readonly,
-          onInput: v,
+          onInput: b,
           onBlur: z,
-          onFocus: w
-        }, null, 46, el),
-        t.clearable || t.suffix ? (l(), a("div", tl, [
+          onFocus: x
+        }, null, 46, tl),
+        t.clearable || t.suffix ? (l(), a("div", ll, [
           t.clearable && t.modelValue ? (l(), a("button", {
             key: 0,
             type: "button",
             class: "transition-colors",
-            style: N({ color: t.error ? "#dc2626" : "#565656", cursor: "pointer", opacity: "1" }),
+            style: q({ color: t.error ? "#dc2626" : "#565656", cursor: "pointer", opacity: "1" }),
             "aria-label": "Limpiar",
-            onClick: y
-          }, [...h[0] || (h[0] = [
-            s("svg", {
+            onClick: h
+          }, [...y[0] || (y[0] = [
+            o("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               class: "h-4 w-4",
               viewBox: "0 0 20 20",
               fill: "currentColor"
             }, [
-              s("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)
-          ])], 4)) : m("", !0),
+          ])], 4)) : v("", !0),
           t.suffix && !t.clearable ? (l(), a("span", {
             key: 1,
             class: "text-sm",
-            style: N({ color: t.error ? "#dc2626" : "#565656" })
-          }, M(t.suffix), 5)) : m("", !0)
-        ])) : m("", !0),
-        t.error && !t.suffix && !t.clearable ? (l(), a("span", ll, [...h[1] || (h[1] = [
-          s("svg", {
+            style: q({ color: t.error ? "#dc2626" : "#565656" })
+          }, M(t.suffix), 5)) : v("", !0)
+        ])) : v("", !0),
+        t.error && !t.suffix && !t.clearable ? (l(), a("span", al, [...y[1] || (y[1] = [
+          o("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             class: "h-5 w-5",
             viewBox: "0 0 20 20",
             fill: "currentColor"
           }, [
-            s("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)
+        ])])) : v("", !0)
       ]),
-      t.error ? (l(), a("p", al, M(t.error), 1)) : t.helperText ? (l(), a("p", sl, M(t.helperText), 1)) : m("", !0)
+      t.error ? (l(), a("p", ol, M(t.error), 1)) : t.helperText ? (l(), a("p", sl, M(t.helperText), 1)) : v("", !0)
     ]));
   }
-}), as = /* @__PURE__ */ Z(ol, [["__scopeId", "data-v-37a70082"]]), rl = ["stroke-width"], nl = {
+}), so = /* @__PURE__ */ Z(rl, [["__scopeId", "data-v-37a70082"]]), nl = ["stroke-width"], il = {
   class: "w-full h-full rounded-lg overflow-hidden",
   style: { "background-color": "#f7f7f7" }
-}, il = /* @__PURE__ */ q({
+}, dl = /* @__PURE__ */ E({
   __name: "Loader",
   props: {
     type: { default: "circular" },
@@ -1205,24 +1282,24 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       warning: "text-warning-500",
       danger: "text-danger-500",
       info: "text-info-500"
-    }, b = {
+    }, m = {
       primary: "bg-primary-700",
       secondary: "bg-secondary-500",
       success: "bg-success-500",
       warning: "bg-warning-500",
       danger: "bg-danger-500",
       info: "bg-info-500"
-    }, r = o(() => [e[g.color]]), p = o(() => [b[g.color]]);
+    }, r = s(() => [e[g.color]]), f = s(() => [m[g.color]]);
     return (u, n) => t.type === "circular" ? (l(), a("div", {
       key: 0,
       class: d(r.value)
     }, [
       (l(), a("svg", {
         class: "animate-spin",
-        style: N({ width: t.size, height: t.size }),
+        style: q({ width: t.size, height: t.size }),
         viewBox: "0 0 24 24"
       }, [
-        s("circle", {
+        o("circle", {
           class: "opacity-25",
           cx: "12",
           cy: "12",
@@ -1230,8 +1307,8 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           stroke: "currentColor",
           "stroke-width": t.strokeWidth,
           fill: "none"
-        }, null, 8, rl),
-        n[0] || (n[0] = s("path", {
+        }, null, 8, nl),
+        n[0] || (n[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"
@@ -1240,32 +1317,32 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
     ], 2)) : t.type === "linear" ? (l(), a("div", {
       key: 1,
       class: "w-full",
-      style: N({ height: t.height })
+      style: q({ height: t.height })
     }, [
-      s("div", nl, [
-        s("div", {
-          class: d([[p.value, { "animate-linear-loader": t.progress === void 0 }], "h-full rounded-lg"]),
-          style: N({ width: t.progress !== void 0 ? `${Math.min(Math.max(t.progress, 0), 100)}%` : "100%" })
+      o("div", il, [
+        o("div", {
+          class: d([[f.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)) : v("", !0);
   }
-}), ss = /* @__PURE__ */ Z(il, [["__scopeId", "data-v-f369fb46"]]), dl = ["disabled", "aria-expanded"], cl = ["disabled", "onClick"], ul = {
+}), ro = /* @__PURE__ */ Z(dl, [["__scopeId", "data-v-f369fb46"]]), cl = ["disabled", "aria-expanded"], ul = ["disabled", "onClick"], fl = {
   key: 0,
   class: "flex-shrink-0"
-}, fl = { class: "flex-1 min-w-0 mr-2" }, pl = { class: "flex flex-col items-start" }, ml = ["title"], bl = ["title"], vl = {
+}, pl = { class: "flex-1 min-w-0 mr-2" }, ml = { class: "flex flex-col items-start" }, bl = ["title"], vl = ["title"], gl = {
   key: 1,
   class: "flex-shrink-0"
-}, gl = {
+}, hl = {
   key: 0,
   class: "text-xs text-secondary-400 font-mono whitespace-nowrap"
-}, yl = { key: 1 }, hl = {
+}, yl = { key: 1 }, xl = {
   key: 2,
   class: "w-4 h-4 ml-2 flex-shrink-0",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, xl = /* @__PURE__ */ q({
+}, wl = /* @__PURE__ */ E({
   __name: "Menu",
   props: {
     items: { default: () => [] },
@@ -1289,84 +1366,84 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["open", "close", "select"],
   setup(t, { emit: g }) {
-    let e = null, b = null;
-    const r = t, p = g, u = R(!1), n = R(null), v = R(null), z = R({}), w = o(() => [
+    let e = null, m = null;
+    const r = t, f = g, u = R(!1), n = R(null), b = R(null), z = R({}), x = s(() => [
       "inline-flex items-center justify-center px-4 py-2 text-sm font-medium",
       "bg-white border border-secondary-300 rounded-md text-secondary-700",
       "hover:bg-secondary-100 hover:text-secondary-900 hover:border-secondary-400",
       "focus:outline-none focus:ring-2 focus:ring-primary-500",
       "disabled:opacity-50 disabled:cursor-not-allowed",
       "transition-all duration-200"
-    ].join(" ")), y = o(() => [...[
+    ].join(" ")), h = s(() => [...[
       "fixed bg-white rounded-lg shadow-lg border border-secondary-200",
       "flex flex-col",
       "focus:outline-none"
-    ], `z-${r.zIndex}`].join(" ")), B = o(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), h = o(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), T = o(() => "py-1 overflow-y-auto flex-1 min-h-0"), V = o(() => "my-1 border-t border-secondary-200"), j = o(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), W = (c) => {
+    ], `z-${r.zIndex}`].join(" ")), k = s(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), y = s(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), T = s(() => "py-1 overflow-y-auto flex-1 min-h-0"), V = s(() => "my-1 border-t border-secondary-200"), j = s(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), W = (c) => {
       const D = [
         "w-full flex items-center gap-3 px-4 py-2.5 text-sm text-left",
         "transition-all duration-150 focus:outline-none cursor-pointer",
         "disabled:opacity-50 disabled:cursor-not-allowed"
-      ], x = c.variant || "default", X = {
+      ], w = c.variant || "default", X = {
         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 E = "";
-      return c.color && (E = c.color, (c.color.includes("white") || c.color.includes("50")) && (E += " hover:text-black")), [...D, E || X[x]].join(" ");
+      let N = "";
+      return c.color && (N = c.color, (c.color.includes("white") || c.color.includes("50")) && (N += " hover:text-black")), [...D, N || X[w]].join(" ");
     }, I = () => {
-      r.disabled || (u.value ? A() : (b && clearTimeout(b), e = setTimeout(() => {
+      r.disabled || (u.value ? A() : (m && clearTimeout(m), e = setTimeout(() => {
         L();
       }, r.openDelay)));
     }, L = () => {
-      u.value = !0, p("open"), be(() => {
-        $(), document.addEventListener("click", C), document.addEventListener("keydown", f);
+      u.value = !0, f("open"), be(() => {
+        B(), document.addEventListener("click", $), document.addEventListener("keydown", p);
       });
     }, A = () => {
-      e && clearTimeout(e), b = setTimeout(() => {
-        u.value = !1, p("close"), document.removeEventListener("click", C), document.removeEventListener("keydown", f);
+      e && clearTimeout(e), m = setTimeout(() => {
+        u.value = !1, f("close"), document.removeEventListener("click", $), document.removeEventListener("keydown", p);
       }, r.closeDelay);
     }, F = (c) => {
-      c.disabled || (c.action && c.action(), p("select", c), (r.closeOnClick || r.closeOnSelect) && !c.children && A());
-    }, C = (c) => {
+      c.disabled || (c.action && c.action(), f("select", c), (r.closeOnClick || r.closeOnSelect) && !c.children && A());
+    }, $ = (c) => {
       const D = c.target;
-      n.value && !n.value.contains(D) && v.value && !v.value.contains(D) && A();
-    }, f = (c) => {
+      n.value && !n.value.contains(D) && b.value && !b.value.contains(D) && A();
+    }, p = (c) => {
       c.key === "Escape" && A();
     }, i = (c) => {
       (c.key === "Enter" || c.key === " ") && (c.preventDefault(), I());
-    }, $ = () => {
-      if (!n.value || !v.value) return;
-      const c = n.value.getBoundingClientRect(), D = v.value.getBoundingClientRect(), x = window.innerWidth, X = window.innerHeight;
-      let E = 0, K = 0;
+    }, B = () => {
+      if (!n.value || !b.value) return;
+      const c = n.value.getBoundingClientRect(), D = b.value.getBoundingClientRect(), w = window.innerWidth, X = window.innerHeight;
+      let N = 0, K = 0;
       switch (r.position) {
         case "bottom-start":
-          E = c.bottom + r.offset.y, K = c.left + r.offset.x;
+          N = c.bottom + r.offset.y, K = c.left + r.offset.x;
           break;
         case "bottom-end":
-          E = c.bottom + r.offset.y, K = c.right - D.width + r.offset.x;
+          N = c.bottom + r.offset.y, K = c.right - D.width + r.offset.x;
           break;
         case "top-start":
-          E = c.top - D.height - r.offset.y, K = c.left + r.offset.x;
+          N = c.top - D.height - r.offset.y, K = c.left + r.offset.x;
           break;
         case "top-end":
-          E = c.top - D.height - r.offset.y, K = c.right - D.width + r.offset.x;
+          N = c.top - D.height - r.offset.y, K = c.right - D.width + r.offset.x;
           break;
         case "right-start":
-          E = c.top + r.offset.y, K = c.right + r.offset.x;
+          N = c.top + r.offset.y, K = c.right + r.offset.x;
           break;
         case "right-end":
-          E = c.bottom - D.height + r.offset.y, K = c.right + r.offset.x;
+          N = c.bottom - D.height + r.offset.y, K = c.right + r.offset.x;
           break;
         case "left-start":
-          E = c.top + r.offset.y, K = c.left - D.width - r.offset.x;
+          N = c.top + r.offset.y, K = c.left - D.width - r.offset.x;
           break;
         case "left-end":
-          E = c.bottom - D.height + r.offset.y, K = c.left - D.width - r.offset.x;
+          N = c.bottom - D.height + r.offset.y, K = c.left - D.width - r.offset.x;
           break;
       }
-      K + D.width > x && (K = x - D.width - 8), K < 8 && (K = 8), E + D.height > X && (E = X - D.height - 8), E < 8 && (E = 8), z.value = {
-        top: `${E}px`,
+      K + D.width > w && (K = w - D.width - 8), K < 8 && (K = 8), N + D.height > X && (N = X - D.height - 8), N < 8 && (N = 8), z.value = {
+        top: `${N}px`,
         left: `${K}px`,
         width: r.width === "auto" ? `${Math.max(c.width, 240)}px` : r.width,
         maxHeight: r.maxHeight,
@@ -1374,15 +1451,15 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       };
     };
     return ve(() => {
-      window.addEventListener("scroll", $, !0), window.addEventListener("resize", $);
+      window.addEventListener("scroll", B, !0), window.addEventListener("resize", B);
     }), ge(() => {
-      window.removeEventListener("scroll", $, !0), window.removeEventListener("resize", $), document.removeEventListener("click", C), document.removeEventListener("keydown", f);
+      window.removeEventListener("scroll", B, !0), window.removeEventListener("resize", B), document.removeEventListener("click", $), document.removeEventListener("keydown", p);
     }), de(() => r.items, () => {
-      u.value && be($);
+      u.value && be(B);
     }, { deep: !0 }), (c, D) => (l(), a("div", {
       class: d(["menu-wrapper", { "w-full": t.fullWidth }])
     }, [
-      s("div", {
+      o("div", {
         ref_key: "triggerRef",
         ref: n
       }, [
@@ -1390,9 +1467,9 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           isOpen: u.value,
           toggle: I
         }, () => [
-          s("button", {
+          o("button", {
             type: "button",
-            class: d(w.value),
+            class: d(x.value),
             disabled: t.disabled,
             onClick: I,
             onKeydown: i,
@@ -1411,149 +1488,149 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
               stroke: "currentColor",
               viewBox: "0 0 24 24"
             }, [...D[1] || (D[1] = [
-              s("path", {
+              o("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
                 d: "M19 9l-7 7-7-7"
               }, null, -1)
-            ])], 2)) : m("", !0)
-          ], 42, dl)
+            ])], 2)) : v("", !0)
+          ], 42, cl)
         ], !0)
       ], 512),
-      (l(), le(ye, { to: "body" }, [
+      (l(), le(he, { to: "body" }, [
         u.value ? (l(), a("div", {
           key: 0,
           ref_key: "menuRef",
-          ref: v,
-          class: d(y.value),
-          style: N(z.value),
+          ref: b,
+          class: d(h.value),
+          style: q(z.value),
           onClick: D[0] || (D[0] = J(() => {
           }, ["stop"]))
         }, [
           c.$slots.header ? (l(), a("div", {
             key: 0,
-            class: d(B.value)
+            class: d(k.value)
           }, [
             P(c.$slots, "header", { close: A }, void 0, !0)
-          ], 2)) : m("", !0),
-          s("div", {
+          ], 2)) : v("", !0),
+          o("div", {
             class: d(T.value)
           }, [
             P(c.$slots, "default", {
               close: A,
               isOpen: u.value
             }, () => [
-              (l(!0), a(U, null, Q(t.items, (x, X) => (l(), a(U, {
-                key: x.id || X
+              (l(!0), a(U, null, Q(t.items, (w, X) => (l(), a(U, {
+                key: w.id || X
               }, [
-                x.type === "divider" ? (l(), a("div", {
+                w.type === "divider" ? (l(), a("div", {
                   key: 0,
                   class: d(V.value)
-                }, null, 2)) : x.type === "header" ? (l(), a("div", {
+                }, null, 2)) : w.type === "header" ? (l(), a("div", {
                   key: 1,
                   class: d(j.value)
-                }, M(x.label), 3)) : (l(), a("button", {
+                }, M(w.label), 3)) : (l(), a("button", {
                   key: 2,
                   type: "button",
-                  class: d(W(x)),
-                  disabled: x.disabled,
-                  onClick: (E) => F(x)
+                  class: d(W(w)),
+                  disabled: w.disabled,
+                  onClick: (N) => F(w)
                 }, [
-                  x.icon || c.$slots[`icon-${x.id}`] ? (l(), a("span", ul, [
-                    P(c.$slots, `icon-${x.id}`, { item: x }, () => [
-                      typeof x.icon == "string" ? (l(), le(ee, {
+                  w.icon || c.$slots[`icon-${w.id}`] ? (l(), a("span", fl, [
+                    P(c.$slots, `icon-${w.id}`, { item: w }, () => [
+                      typeof w.icon == "string" ? (l(), le(ee, {
                         key: 0,
-                        name: x.icon,
+                        name: w.icon,
                         size: "sm"
-                      }, null, 8, ["name"])) : (l(), le(he(x.icon), {
+                      }, null, 8, ["name"])) : (l(), le(ye(w.icon), {
                         key: 1,
                         class: "w-5 h-5"
                       }))
                     ], !0)
-                  ])) : m("", !0),
-                  s("div", fl, [
-                    P(c.$slots, `item-${x.id}`, {
-                      item: x,
+                  ])) : v("", !0),
+                  o("div", pl, [
+                    P(c.$slots, `item-${w.id}`, {
+                      item: w,
                       close: A
                     }, () => [
-                      s("div", pl, [
-                        s("span", {
+                      o("div", ml, [
+                        o("span", {
                           class: "truncate w-full",
-                          title: x.label
-                        }, M(x.label), 9, ml),
-                        x.description ? (l(), a("span", {
+                          title: w.label
+                        }, M(w.label), 9, bl),
+                        w.description ? (l(), a("span", {
                           key: 0,
                           class: "text-xs text-secondary-500 truncate w-full",
-                          title: x.description
-                        }, M(x.description), 9, bl)) : m("", !0)
+                          title: w.description
+                        }, M(w.description), 9, vl)) : v("", !0)
                       ])
                     ], !0)
                   ]),
-                  x.suffix || x.shortcut || c.$slots[`suffix-${x.id}`] ? (l(), a("span", vl, [
-                    P(c.$slots, `suffix-${x.id}`, { item: x }, () => [
-                      x.shortcut ? (l(), a("span", gl, M(x.shortcut), 1)) : x.suffix ? (l(), a("span", yl, M(x.suffix), 1)) : m("", !0)
+                  w.suffix || w.shortcut || c.$slots[`suffix-${w.id}`] ? (l(), a("span", gl, [
+                    P(c.$slots, `suffix-${w.id}`, { item: w }, () => [
+                      w.shortcut ? (l(), a("span", hl, M(w.shortcut), 1)) : w.suffix ? (l(), a("span", yl, M(w.suffix), 1)) : v("", !0)
                     ], !0)
-                  ])) : m("", !0),
-                  x.children && x.children.length > 0 ? (l(), a("svg", hl, [...D[2] || (D[2] = [
-                    s("path", {
+                  ])) : v("", !0),
+                  w.children && w.children.length > 0 ? (l(), a("svg", xl, [...D[2] || (D[2] = [
+                    o("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M9 5l7 7-7 7"
                     }, null, -1)
-                  ])])) : m("", !0)
-                ], 10, cl))
+                  ])])) : v("", !0)
+                ], 10, ul))
               ], 64))), 128))
             ], !0)
           ], 2),
           c.$slots.footer ? (l(), a("div", {
             key: 1,
-            class: d(h.value)
+            class: d(y.value)
           }, [
             P(c.$slots, "footer", { close: A }, void 0, !0)
-          ], 2)) : m("", !0)
-        ], 6)) : m("", !0),
+          ], 2)) : v("", !0)
+        ], 6)) : v("", !0),
         u.value && t.overlay ? (l(), a("div", {
           key: 1,
           class: "fixed inset-0 bg-black/20 z-40",
           onClick: A
-        })) : m("", !0)
+        })) : v("", !0)
       ]))
     ], 2));
   }
-}), os = /* @__PURE__ */ Z(xl, [["__scopeId", "data-v-ad88f878"]]), wl = ["for"], kl = {
+}), no = /* @__PURE__ */ Z(wl, [["__scopeId", "data-v-ad88f878"]]), kl = ["for"], Cl = {
   key: 0,
   class: "text-danger-600"
-}, Cl = ["id", "disabled", "aria-expanded"], $l = { class: "flex-1 text-left truncate" }, Bl = {
+}, $l = ["id", "disabled", "aria-expanded"], Bl = { class: "flex-1 text-left truncate" }, zl = {
   key: 0,
   class: "flex items-center justify-center gap-2 p-6 text-secondary-600"
-}, zl = {
+}, Ml = {
   key: 1,
   class: "p-2 border-b border-secondary-200"
-}, Ml = ["placeholder"], Vl = {
+}, Vl = ["placeholder"], Dl = {
   key: 2,
   class: "max-h-64 overflow-y-auto"
-}, Dl = {
+}, Sl = {
   key: 0,
   class: "px-4 py-3 text-sm text-secondary-500 text-center"
-}, Sl = ["onClick"], Tl = { class: "flex items-center justify-between w-full" }, Il = { class: "truncate" }, jl = {
+}, Tl = ["onClick"], Il = { class: "flex items-center justify-between w-full" }, jl = { class: "truncate" }, Ll = {
   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"
-}, Ll = {
+}, Ol = {
   key: 0,
   class: "border-t border-secondary-200 my-1"
-}, Ol = ["onClick"], Al = ["innerHTML"], Wl = {
+}, Al = ["onClick"], Wl = ["innerHTML"], Fl = {
   key: 1,
   class: "mt-1 text-sm text-danger-600"
-}, Fl = {
+}, Pl = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, Pl = /* @__PURE__ */ q({
+}, Rl = /* @__PURE__ */ E({
   __name: "Select",
   props: {
     modelValue: { default: null },
@@ -1578,82 +1655,82 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["update:modelValue", "change", "action"],
   setup(t, { emit: g }) {
-    const e = t, b = g, r = R(!1), p = R(""), u = R(null), n = o(
+    const e = t, m = g, r = R(!1), f = R(""), u = R(null), n = s(
       () => `select-${Math.random().toString(36).substr(2, 9)}`
-    ), v = o(() => e.options.find((f) => f.value === e.modelValue) || null), z = o(() => {
-      if (!e.searchable || !p.value)
+    ), b = s(() => e.options.find((p) => p.value === e.modelValue) || null), z = s(() => {
+      if (!e.searchable || !f.value)
         return e.options;
-      const f = p.value.toLowerCase();
-      return e.options.filter((i) => i.label.toLowerCase().includes(f));
-    }), w = o(() => "ds-label"), y = o(() => e.bordered ? "border border-neutral-300 rounded-md" : "rounded-md"), B = o(() => {
-      const f = "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", i = {
+      const p = f.value.toLowerCase();
+      return e.options.filter((i) => i.label.toLowerCase().includes(p));
+    }), x = s(() => "ds-label"), h = s(() => e.bordered ? "border border-neutral-300 rounded-md" : "rounded-md"), k = s(() => {
+      const p = "w-full rounded-md flex items-center justify-between gap-2 transition-colors focus:outline-none focus:ring-2 focus:ring-primary-500 disabled:opacity-50 disabled:cursor-not-allowed", i = {
         sm: e.compact ? "px-2 py-1 text-xs" : "px-3 py-1.5 text-sm",
         md: e.compact ? "px-3 py-1.5 text-sm" : "px-4 py-2 text-base",
         lg: e.compact ? "px-4 py-2 text-base" : "px-5 py-3 text-lg"
-      }, $ = {
+      }, B = {
         default: "bg-white",
         outline: "bg-transparent",
         filled: "bg-secondary-100"
       }, c = e.error ? "border-danger-600 focus:ring-danger-500" : "";
       return [
-        f,
+        p,
         i[e.size],
-        $[e.variant],
+        B[e.variant],
         c
       ].join(" ");
-    }), h = o(() => `absolute ${e.menuPosition === "top" ? "bottom-full mb-1" : "top-full mt-1"} left-0 right-0 bg-white rounded-lg shadow-lg border border-secondary-200 z-50 overflow-hidden`), T = (f) => {
-      const i = "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", $ = j(f) ? "bg-primary-50" : "";
-      return [i, $].join(" ");
-    }, V = (f) => {
+    }), y = s(() => `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`), T = (p) => {
+      const i = "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", B = j(p) ? "bg-primary-50" : "";
+      return [i, B].join(" ");
+    }, V = (p) => {
       const i = "w-full px-4 py-2 text-left text-sm font-semibold transition-colors focus:outline-none flex items-center gap-3";
-      return f.variant === "danger" ? `${i} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${i} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
-    }, j = (f) => f.value === e.modelValue, W = () => {
+      return p.variant === "danger" ? `${i} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${i} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
+    }, j = (p) => p.value === e.modelValue, W = () => {
       e.disabled || e.loading || (r.value = !r.value, r.value && e.searchable && be(() => {
-        var f;
-        (f = u.value) == null || f.focus();
+        var p;
+        (p = u.value) == null || p.focus();
       }));
     }, I = () => {
-      r.value = !1, p.value = "";
-    }, L = (f) => {
-      f.disabled || (b("update:modelValue", f.value), b("change", f), I());
-    }, A = (f) => {
-      f.action && f.action(), b("action", f), I();
-    }, F = (f) => {
-      const i = f.relatedTarget;
+      r.value = !1, f.value = "";
+    }, L = (p) => {
+      p.disabled || (m("update:modelValue", p.value), m("change", p), I());
+    }, A = (p) => {
+      p.action && p.action(), m("action", p), I();
+    }, F = (p) => {
+      const i = p.relatedTarget;
       i && i.closest(".select-wrapper") || setTimeout(() => {
         I();
       }, 200);
-    }, C = (f) => {
-      f.key === "Escape" ? I() : (f.key === "Enter" || f.key === " ") && (f.preventDefault(), W());
+    }, $ = (p) => {
+      p.key === "Escape" ? I() : (p.key === "Enter" || p.key === " ") && (p.preventDefault(), W());
     };
-    return de(r, (f) => {
-      f && (p.value = "");
-    }), (f, i) => (l(), a("div", {
+    return de(r, (p) => {
+      p && (f.value = "");
+    }), (p, i) => (l(), a("div", {
       class: d(["select-wrapper", { "w-full": t.fullWidth }])
     }, [
       t.label ? (l(), a("label", {
         key: 0,
         for: n.value,
-        class: d(w.value)
+        class: d(x.value)
       }, [
         H(M(t.label) + " ", 1),
-        t.required ? (l(), a("span", kl, "*")) : m("", !0)
-      ], 10, wl)) : m("", !0),
-      s("div", {
-        class: d(["relative", y.value])
+        t.required ? (l(), a("span", Cl, "*")) : v("", !0)
+      ], 10, kl)) : v("", !0),
+      o("div", {
+        class: d(["relative", h.value])
       }, [
-        s("button", {
+        o("button", {
           id: n.value,
           type: "button",
-          class: d(B.value),
+          class: d(k.value),
           disabled: t.disabled,
           "aria-expanded": r.value,
           "aria-haspopup": !0,
           onClick: W,
           onBlur: F,
-          onKeydown: C
+          onKeydown: $
         }, [
-          s("span", $l, M(v.value ? v.value.label : t.placeholder), 1),
+          o("span", Bl, M(b.value ? b.value.label : t.placeholder), 1),
           (l(), a("svg", {
             class: d(["w-5 h-5 flex-shrink-0 transition-transform text-[#565656] opacity-80", r.value ? "rotate-180" : ""]),
             fill: "none",
@@ -1661,28 +1738,28 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             viewBox: "0 0 24 24",
             xmlns: "http://www.w3.org/2000/svg"
           }, [...i[3] || (i[3] = [
-            s("path", {
+            o("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M19 9l-7 7-7-7"
             }, null, -1)
           ])], 2))
-        ], 42, Cl),
+        ], 42, $l),
         r.value ? (l(), a("div", {
           key: 0,
-          class: d(h.value),
+          class: d(y.value),
           onClick: i[2] || (i[2] = J(() => {
           }, ["stop"]))
         }, [
-          t.loading ? (l(), a("div", Bl, [...i[4] || (i[4] = [
-            s("svg", {
+          t.loading ? (l(), a("div", zl, [...i[4] || (i[4] = [
+            o("svg", {
               class: "w-5 h-5 animate-spin",
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24"
             }, [
-              s("circle", {
+              o("circle", {
                 class: "opacity-25",
                 cx: "12",
                 cy: "12",
@@ -1690,81 +1767,81 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                 stroke: "currentColor",
                 "stroke-width": "4"
               }),
-              s("path", {
+              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"
               })
             ], -1),
-            s("span", null, "Cargando...", -1)
-          ])])) : t.searchable ? (l(), a("div", zl, [
-            me(s("input", {
+            o("span", null, "Cargando...", -1)
+          ])])) : t.searchable ? (l(), a("div", Ml, [
+            me(o("input", {
               ref_key: "searchInput",
               ref: u,
-              "onUpdate:modelValue": i[0] || (i[0] = ($) => p.value = $),
+              "onUpdate:modelValue": i[0] || (i[0] = (B) => f.value = B),
               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: i[1] || (i[1] = J(() => {
               }, ["stop"]))
-            }, null, 40, Ml), [
-              [Ee, p.value]
+            }, null, 40, Vl), [
+              [qe, f.value]
             ])
-          ])) : m("", !0),
-          t.loading ? m("", !0) : (l(), a("div", Vl, [
-            z.value.length === 0 ? (l(), a("div", Dl, M(t.emptyText), 1)) : (l(), a(U, { key: 1 }, [
-              (l(!0), a(U, null, Q(z.value, ($) => (l(), a("button", {
-                key: $.value,
+          ])) : v("", !0),
+          t.loading ? v("", !0) : (l(), a("div", Dl, [
+            z.value.length === 0 ? (l(), a("div", Sl, M(t.emptyText), 1)) : (l(), a(U, { key: 1 }, [
+              (l(!0), a(U, null, Q(z.value, (B) => (l(), a("button", {
+                key: B.value,
                 type: "button",
-                class: d(T($)),
-                onClick: (c) => L($)
+                class: d(T(B)),
+                onClick: (c) => L(B)
               }, [
-                s("div", Tl, [
-                  s("span", Il, M($.label), 1),
-                  j($) ? (l(), a("svg", jl, [...i[5] || (i[5] = [
-                    s("path", {
+                o("div", Il, [
+                  o("span", jl, M(B.label), 1),
+                  j(B) ? (l(), a("svg", Ll, [...i[5] || (i[5] = [
+                    o("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M5 13l4 4L19 7"
                     }, null, -1)
-                  ])])) : m("", !0)
+                  ])])) : v("", !0)
                 ])
-              ], 10, Sl))), 128)),
-              t.actionItems.length > 0 ? (l(), a("div", Ll)) : m("", !0),
-              (l(!0), a(U, null, Q(t.actionItems, ($) => (l(), a("button", {
-                key: $.id,
+              ], 10, Tl))), 128)),
+              t.actionItems.length > 0 ? (l(), a("div", Ol)) : v("", !0),
+              (l(!0), a(U, null, Q(t.actionItems, (B) => (l(), a("button", {
+                key: B.id,
                 type: "button",
-                class: d(V($)),
-                onClick: (c) => A($)
+                class: d(V(B)),
+                onClick: (c) => A(B)
               }, [
-                $.icon ? (l(), a("svg", {
+                B.icon ? (l(), a("svg", {
                   key: 0,
                   class: "w-4 h-4 flex-shrink-0",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg",
-                  innerHTML: $.icon
-                }, null, 8, Al)) : m("", !0),
-                H(" " + M($.label), 1)
-              ], 10, Ol))), 128))
+                  innerHTML: B.icon
+                }, null, 8, Wl)) : v("", !0),
+                H(" " + M(B.label), 1)
+              ], 10, Al))), 128))
             ], 64))
           ]))
-        ], 2)) : m("", !0)
+        ], 2)) : v("", !0)
       ], 2),
-      t.error ? (l(), a("p", Wl, M(t.error), 1)) : t.helperText ? (l(), a("p", Fl, M(t.helperText), 1)) : m("", !0),
+      t.error ? (l(), a("p", Fl, M(t.error), 1)) : t.helperText ? (l(), a("p", Pl, M(t.helperText), 1)) : v("", !0),
       r.value ? (l(), a("div", {
         key: 3,
         onClick: I,
         class: "fixed inset-0 z-40"
-      })) : m("", !0)
+      })) : v("", !0)
     ], 2));
   }
-}), rs = /* @__PURE__ */ Z(Pl, [["__scopeId", "data-v-7fce9a5d"]]), Rl = ["title"], ql = {
+}), io = /* @__PURE__ */ Z(Rl, [["__scopeId", "data-v-7fce9a5d"]]), El = ["title"], ql = {
   key: 0,
   class: "space-y-1"
-}, El = ["href", "onClick", "aria-current"], Nl = { key: 2 }, Yl = /* @__PURE__ */ q({
+}, Nl = ["href", "onClick", "aria-current"], Yl = { key: 2 }, Hl = /* @__PURE__ */ E({
   __name: "Sidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1789,36 +1866,36 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["update:modelValue", "update:activeItem", "update:collapsed", "close", "open", "itemClick", "toggleCollapse"],
   setup(t, { emit: g }) {
-    const e = t, b = R(e.collapsed), r = o(() => e.mini || b.value), p = g, u = o({
+    const e = t, m = R(e.collapsed), r = s(() => e.mini || m.value), f = g, u = s({
       get: () => e.modelValue,
-      set: (C) => p("update:modelValue", C)
-    }), n = (C = !1) => {
-      const f = e.keepOpen && !C;
-      !e.persistent && !f && (u.value = !1, p("close"));
-    }, v = () => {
-      b.value = !b.value, p("update:collapsed", b.value), p("toggleCollapse");
+      set: ($) => f("update:modelValue", $)
+    }), n = ($ = !1) => {
+      const p = e.keepOpen && !$;
+      !e.persistent && !p && (u.value = !1, f("close"));
+    }, b = () => {
+      m.value = !m.value, f("update:collapsed", m.value), f("toggleCollapse");
     };
     de(
       () => e.collapsed,
-      (C) => {
-        b.value = C;
+      ($) => {
+        m.value = $;
       },
       { immediate: !0 }
     );
-    const z = (C, f) => {
-      f.id && p("update:activeItem", f.id), f.onClick && (C.preventDefault(), f.onClick(f)), p("itemClick", f), !e.keepOpen && !e.persistent && n();
-    }, w = (C) => C.active !== void 0 ? C.active : e.activeItem && C.id ? e.activeItem === C.id : !1, y = (C) => {
-      const f = r.value ? "flex items-center justify-center p-3 rounded-lg transition-all duration-200" : "flex items-center gap-3 px-4 py-3 rounded-lg transition-all duration-200 text-sm font-medium", i = w(C) ? r.value ? "bg-primary-100 text-primary-700" : "bg-primary-100 text-primary-700 border-l-4 border-primary-600" : "text-gray-700 hover:bg-gray-100 hover:text-gray-900";
-      return `${f} ${i}`;
-    }, B = (C) => {
-      const f = "w-5 h-5 flex-shrink-0", i = w(C) ? "text-primary-600" : "text-gray-500";
-      return `${f} ${i}`;
-    }, h = o(() => e.position === "left" ? "slide-right" : "slide-left"), T = o(() => {
-      const C = "fixed top-0 h-full z-50 flex flex-col w-full max-w-full sm:max-w-none transition-all duration-300", f = e.position === "left" ? "left-0" : "right-0", i = e.shadow ? e.position === "left" ? "shadow-[2px_0_8px_rgba(0,0,0,0.1)]" : "shadow-[-2px_0_8px_rgba(0,0,0,0.1)]" : "", $ = e.bordered ? "border-r border-gray-200" : "";
-      return [C, f, i, $].filter(Boolean).join(" ");
-    }), V = o(() => ({
+    const z = ($, p) => {
+      p.id && f("update:activeItem", p.id), p.onClick && ($.preventDefault(), p.onClick(p)), f("itemClick", p), !e.keepOpen && !e.persistent && n();
+    }, x = ($) => $.active !== void 0 ? $.active : e.activeItem && $.id ? e.activeItem === $.id : !1, h = ($) => {
+      const p = r.value ? "flex items-center justify-center p-3 rounded-lg transition-all duration-200" : "flex items-center gap-3 px-4 py-3 rounded-lg transition-all duration-200 text-sm font-medium", i = x($) ? r.value ? "bg-primary-100 text-primary-700" : "bg-primary-100 text-primary-700 border-l-4 border-primary-600" : "text-gray-700 hover:bg-gray-100 hover:text-gray-900";
+      return `${p} ${i}`;
+    }, k = ($) => {
+      const p = "w-5 h-5 flex-shrink-0", i = x($) ? "text-primary-600" : "text-gray-500";
+      return `${p} ${i}`;
+    }, y = s(() => e.position === "left" ? "slide-right" : "slide-left"), T = s(() => {
+      const $ = "fixed top-0 h-full z-50 flex flex-col w-full max-w-full sm:max-w-none transition-all duration-300", p = e.position === "left" ? "left-0" : "right-0", i = 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)]" : "", B = e.bordered ? "border-r border-gray-200" : "";
+      return [$, p, i, B].filter(Boolean).join(" ");
+    }), V = s(() => ({
       width: "100%",
-      maxWidth: e.mini || b.value ? e.miniWidth : e.width,
+      maxWidth: e.mini || m.value ? e.miniWidth : e.width,
       backgroundColor: e.backgroundColor,
       top: e.overlayTop,
       height: e.overlayTop !== "0" ? `calc(100vh - ${e.overlayTop})` : "100vh"
@@ -1827,136 +1904,136 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       sm: "p-2",
       md: "p-4",
       lg: "p-6"
-    }, W = o(() => `flex items-center justify-between border-b border-gray-200 ${r.value ? "p-2" : j[e.padding]}`), I = o(() => r.value ? "flex gap-1 items-center" : "flex gap-2 items-center"), L = o(() => r.value ? "p-1.5 hover:bg-gray-100 rounded-md transition-colors" : "p-2 hover:bg-gray-100 rounded-md transition-colors"), A = o(() => `flex-1 overflow-y-auto ${j[e.padding]}`), F = o(() => `border-t border-gray-200 ${j[e.padding]}`);
-    return (C, f) => (l(), le(ye, { to: "body" }, [
+    }, W = s(() => `flex items-center justify-between border-b border-gray-200 ${r.value ? "p-2" : j[e.padding]}`), I = s(() => r.value ? "flex gap-1 items-center" : "flex gap-2 items-center"), L = s(() => r.value ? "p-1.5 hover:bg-gray-100 rounded-md transition-colors" : "p-2 hover:bg-gray-100 rounded-md transition-colors"), A = s(() => `flex-1 overflow-y-auto ${j[e.padding]}`), F = s(() => `border-t border-gray-200 ${j[e.padding]}`);
+    return ($, p) => (l(), le(he, { to: "body" }, [
       _(ie, { name: "fade" }, {
         default: re(() => [
           u.value && t.overlay && !t.keepOpen ? (l(), a("div", {
             key: 0,
-            onClick: f[0] || (f[0] = (i) => n()),
+            onClick: p[0] || (p[0] = (i) => n()),
             class: "fixed inset-0 z-40",
-            style: N({ top: t.overlayTop, backgroundColor: `rgba(0, 0, 0, ${t.scrimOpacity || 0.5})` })
-          }, null, 4)) : m("", !0)
+            style: q({ top: t.overlayTop, backgroundColor: `rgba(0, 0, 0, ${t.scrimOpacity || 0.5})` })
+          }, null, 4)) : v("", !0)
         ]),
         _: 1
       }),
-      _(ie, { name: h.value }, {
+      _(ie, { name: y.value }, {
         default: re(() => [
           u.value ? (l(), a("aside", {
             key: 0,
             class: d(T.value),
-            style: N(V.value)
+            style: q(V.value)
           }, [
-            C.$slots.header ? (l(), a("div", {
+            $.$slots.header ? (l(), a("div", {
               key: 0,
               class: d(W.value)
             }, [
-              P(C.$slots, "header", {}, void 0, !0),
-              s("div", {
+              P($.$slots, "header", {}, void 0, !0),
+              o("div", {
                 class: d(I.value)
               }, [
                 t.collapsible ? (l(), a("button", {
                   key: 0,
-                  onClick: v,
+                  onClick: b,
                   class: d(L.value),
-                  title: b.value ? "Expandir" : "Contraer",
+                  title: m.value ? "Expandir" : "Contraer",
                   "aria-label": "Toggle sidebar collapse"
-                }, [...f[2] || (f[2] = [
-                  s("svg", {
+                }, [...p[2] || (p[2] = [
+                  o("svg", {
                     class: "w-5 h-5",
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24"
                   }, [
-                    s("path", {
+                    o("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M15 19l-7-7 7-7"
                     })
                   ], -1)
-                ])], 10, Rl)) : m("", !0),
+                ])], 10, El)) : v("", !0),
                 t.closable ? (l(), a("button", {
                   key: 1,
-                  onClick: f[1] || (f[1] = (i) => n(!0)),
+                  onClick: p[1] || (p[1] = (i) => n(!0)),
                   class: d(L.value),
                   "aria-label": "Cerrar menú"
-                }, [...f[3] || (f[3] = [
-                  s("svg", {
+                }, [...p[3] || (p[3] = [
+                  o("svg", {
                     class: "w-5 h-5",
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24"
                   }, [
-                    s("path", {
+                    o("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M6 18L18 6M6 6l12 12"
                     })
                   ], -1)
-                ])], 2)) : m("", !0)
+                ])], 2)) : v("", !0)
               ], 2)
-            ], 2)) : m("", !0),
-            s("div", {
+            ], 2)) : v("", !0),
+            o("div", {
               class: d(A.value)
             }, [
               t.items && t.items.length ? (l(), a("nav", ql, [
                 (l(!0), a(U, null, Q(t.items, (i) => (l(), a("a", {
                   key: i.id || i.label,
                   href: i.href,
-                  onClick: ($) => z($, i),
-                  class: d(y(i)),
-                  "aria-current": w(i) ? "page" : void 0
+                  onClick: (B) => z(B, i),
+                  class: d(h(i)),
+                  "aria-current": x(i) ? "page" : void 0
                 }, [
                   i.icon && typeof i.icon == "string" ? (l(), le(ee, {
                     key: 0,
                     name: i.icon,
                     size: "md",
-                    class: d(B(i))
-                  }, null, 8, ["name", "class"])) : i.icon ? (l(), le(he(i.icon), {
+                    class: d(k(i))
+                  }, null, 8, ["name", "class"])) : i.icon ? (l(), le(ye(i.icon), {
                     key: 1,
-                    class: d(B(i))
-                  }, null, 8, ["class"])) : m("", !0),
-                  r.value ? m("", !0) : (l(), a("span", Nl, M(i.label), 1))
-                ], 10, El))), 128))
-              ])) : m("", !0),
-              P(C.$slots, "default", {}, void 0, !0)
+                    class: d(k(i))
+                  }, null, 8, ["class"])) : v("", !0),
+                  r.value ? v("", !0) : (l(), a("span", Yl, M(i.label), 1))
+                ], 10, Nl))), 128))
+              ])) : v("", !0),
+              P($.$slots, "default", {}, void 0, !0)
             ], 2),
-            C.$slots.footer ? (l(), a("div", {
+            $.$slots.footer ? (l(), a("div", {
               key: 1,
               class: d(F.value)
             }, [
-              P(C.$slots, "footer", {}, void 0, !0)
-            ], 2)) : m("", !0)
-          ], 6)) : m("", !0)
+              P($.$slots, "footer", {}, void 0, !0)
+            ], 2)) : v("", !0)
+          ], 6)) : v("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ]));
   }
-}), ns = /* @__PURE__ */ Z(Yl, [["__scopeId", "data-v-1431a87b"]]), Hl = { class: "w-full space-y-4" }, Kl = { class: "flex flex-col gap-3 md:hidden" }, Ul = {
+}), co = /* @__PURE__ */ Z(Hl, [["__scopeId", "data-v-1431a87b"]]), Kl = { class: "w-full space-y-4" }, Ul = { class: "flex flex-col gap-3 md:hidden" }, Gl = {
   key: 0,
   class: "flex items-center gap-2 px-1 text-sm text-gray-600"
-}, Gl = ["checked", "indeterminate"], Jl = {
+}, Jl = ["checked", "indeterminate"], Ql = {
   key: 0,
   class: "flex items-center gap-2 pb-2"
-}, Ql = ["checked", "onChange", "aria-label"], Zl = { class: "text-[11px] uppercase tracking-wide text-gray-400" }, Xl = { class: "text-sm text-gray-700" }, _l = {
+}, Zl = ["checked", "onChange", "aria-label"], Xl = { class: "text-[11px] uppercase tracking-wide text-gray-400" }, _l = { class: "text-sm text-gray-700" }, ea = {
   key: 1,
   class: "rounded-lg border border-dashed border-gray-200 bg-white p-4 text-gray-400 text-center"
-}, ea = { class: "hidden md:block w-full overflow-x-auto" }, ta = { class: "w-full border-collapse" }, la = { class: "w-full" }, aa = {
+}, ta = { class: "hidden md:block w-full overflow-x-auto" }, la = { class: "w-full border-collapse" }, aa = { class: "w-full" }, oa = {
   key: 0,
   class: "px-3 py-3 text-left text-xs font-semibold text-gray-700 border-l border-gray-100 first:border-l-0 w-10"
-}, sa = ["checked", "indeterminate"], oa = ["onClick"], ra = { class: "flex items-center gap-2" }, na = {
+}, sa = ["checked", "indeterminate"], ra = ["onClick"], na = { class: "flex items-center gap-2" }, ia = {
   key: 0,
   class: "text-xs text-gray-400"
-}, ia = { key: 0 }, da = { key: 1 }, ca = { class: "w-full" }, ua = ["checked", "onChange", "aria-label"], fa = {
+}, da = { key: 0 }, ca = { key: 1 }, ua = { class: "w-full" }, fa = ["checked", "onChange", "aria-label"], pa = {
   key: 0,
   class: "flex items-center justify-center py-12 text-gray-400"
-}, pa = {
+}, ma = {
   key: 0,
   class: "w-full px-6 py-4 bg-white"
-}, ma = /* @__PURE__ */ q({
+}, ba = /* @__PURE__ */ E({
   __name: "Table",
   props: {
     columns: {},
@@ -1974,113 +2051,113 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["update:selectedKeys"],
   setup(t, { emit: g }) {
-    const e = t, b = o(() => ({
+    const e = t, m = s(() => ({
       compact: "py-1.5",
       normal: "py-3",
       spacious: "py-5"
-    })[e.density]), r = o(() => e.striped), p = o(() => e.hover), u = g, n = R(null), v = R("asc"), z = (i) => {
-      n.value === i ? v.value = v.value === "asc" ? "desc" : "asc" : (n.value = i, v.value = "asc");
-    }, w = o(() => {
+    })[e.density]), r = s(() => e.striped), f = s(() => e.hover), u = g, n = R(null), b = R("asc"), z = (i) => {
+      n.value === i ? b.value = b.value === "asc" ? "desc" : "asc" : (n.value = i, b.value = "asc");
+    }, x = s(() => {
       if (!n.value)
         return e.data;
       const i = [...e.data];
-      return i.sort(($, c) => {
-        const D = $[n.value], x = c[n.value];
-        return typeof D == "string" && typeof x == "string" ? v.value === "asc" ? D.localeCompare(x) : x.localeCompare(D) : typeof D == "number" && typeof x == "number" ? v.value === "asc" ? D - x : x - D : 0;
+      return i.sort((B, c) => {
+        const D = B[n.value], w = c[n.value];
+        return typeof D == "string" && typeof w == "string" ? b.value === "asc" ? D.localeCompare(w) : w.localeCompare(D) : typeof D == "number" && typeof w == "number" ? b.value === "asc" ? D - w : w - D : 0;
       }), i;
-    }), y = o(() => e.columns.filter((i) => !i.hideOnMobile)), B = o(() => e.selectable), h = o({
+    }), h = s(() => e.columns.filter((i) => !i.hideOnMobile)), k = s(() => e.selectable), y = s({
       get: () => e.selectedKeys || [],
       set: (i) => u("update:selectedKeys", i)
-    }), T = (i, $) => {
+    }), T = (i, B) => {
       const c = e.rowKey;
-      return (c && i ? i[c] : void 0) ?? $;
-    }, V = o(() => w.value.map((i, $) => T(i, $))), j = o(() => V.value.length > 0 && V.value.every((i) => h.value.includes(i))), W = o(() => !j.value && h.value.length > 0), I = (i) => {
-      B.value && (h.value = i ? [...V.value] : []);
-    }, L = (i, $) => {
-      const c = T(i, $);
-      return h.value.includes(c);
-    }, A = (i, $, c) => {
-      if (!B.value) return;
-      const D = T(i, $), x = new Set(h.value);
-      c ? x.add(D) : x.delete(D), h.value = Array.from(x);
+      return (c && i ? i[c] : void 0) ?? B;
+    }, V = s(() => x.value.map((i, B) => T(i, B))), j = s(() => V.value.length > 0 && V.value.every((i) => y.value.includes(i))), W = s(() => !j.value && y.value.length > 0), I = (i) => {
+      k.value && (y.value = i ? [...V.value] : []);
+    }, L = (i, B) => {
+      const c = T(i, B);
+      return y.value.includes(c);
+    }, A = (i, B, c) => {
+      if (!k.value) return;
+      const D = T(i, B), w = new Set(y.value);
+      c ? w.add(D) : w.delete(D), y.value = Array.from(w);
     }, F = (i) => {
-      const $ = i.target;
-      return !!($ != null && $.checked);
-    }, C = (i) => {
+      const B = i.target;
+      return !!(B != null && B.checked);
+    }, $ = (i) => {
       I(F(i));
-    }, f = (i, $, c) => {
-      A(i, $, F(c));
+    }, p = (i, B, c) => {
+      A(i, B, F(c));
     };
-    return (i, $) => (l(), a("div", Hl, [
-      s("div", Kl, [
-        B.value ? (l(), a("div", Ul, [
-          s("input", {
+    return (i, B) => (l(), a("div", Kl, [
+      o("div", Ul, [
+        k.value ? (l(), a("div", Gl, [
+          o("input", {
             type: "checkbox",
             class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
             checked: j.value,
             indeterminate: W.value,
-            onChange: C,
+            onChange: $,
             "aria-label": "Seleccionar todas las filas"
-          }, null, 40, Gl),
-          $[0] || ($[0] = s("span", null, "Seleccionar todas", -1))
-        ])) : m("", !0),
-        (l(!0), a(U, null, Q(w.value, (c, D) => (l(), a("div", {
+          }, null, 40, Jl),
+          B[0] || (B[0] = o("span", null, "Seleccionar todas", -1))
+        ])) : v("", !0),
+        (l(!0), a(U, null, Q(x.value, (c, D) => (l(), a("div", {
           key: `card-${D}`,
           class: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm"
         }, [
-          B.value ? (l(), a("div", Jl, [
-            s("input", {
+          k.value ? (l(), a("div", Ql, [
+            o("input", {
               type: "checkbox",
               class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
               checked: L(c, D),
-              onChange: (x) => f(c, D, x),
+              onChange: (w) => p(c, D, w),
               "aria-label": `Seleccionar fila ${D + 1}`
-            }, null, 40, Ql),
-            $[1] || ($[1] = s("span", { class: "text-sm text-gray-700" }, "Seleccionar fila", -1))
-          ])) : m("", !0),
-          (l(!0), a(U, null, Q(y.value, (x) => (l(), a("div", {
-            key: `card-${D}-${x.key}`,
+            }, null, 40, Zl),
+            B[1] || (B[1] = o("span", { class: "text-sm text-gray-700" }, "Seleccionar fila", -1))
+          ])) : v("", !0),
+          (l(!0), a(U, null, Q(h.value, (w) => (l(), a("div", {
+            key: `card-${D}-${w.key}`,
             class: "flex flex-col gap-1 py-1"
           }, [
-            s("span", Zl, M(x.label), 1),
-            s("span", Xl, [
-              P(i.$slots, `cell-${x.key}`, {
-                value: c[x.key],
+            o("span", Xl, M(w.label), 1),
+            o("span", _l, [
+              P(i.$slots, `cell-${w.key}`, {
+                value: c[w.key],
                 row: c
               }, () => [
-                H(M(c[x.key]), 1)
+                H(M(c[w.key]), 1)
               ], !0)
             ])
           ]))), 128))
         ]))), 128)),
-        w.value.length === 0 ? (l(), a("div", _l, [
+        x.value.length === 0 ? (l(), a("div", ea, [
           P(i.$slots, "empty", {}, () => [
-            $[2] || ($[2] = H("No hay datos disponibles", -1))
+            B[2] || (B[2] = H("No hay datos disponibles", -1))
           ], !0)
-        ])) : m("", !0)
+        ])) : v("", !0)
       ]),
-      s("div", ea, [
-        s("table", ta, [
-          s("thead", la, [
-            s("tr", {
+      o("div", ta, [
+        o("table", la, [
+          o("thead", aa, [
+            o("tr", {
               class: d([
                 "w-full bg-neutral-50 border-b border-gray-100",
                 e.headerClass || ""
               ])
             }, [
-              B.value ? (l(), a("th", aa, [
-                s("input", {
+              k.value ? (l(), a("th", oa, [
+                o("input", {
                   type: "checkbox",
                   class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
                   checked: j.value,
                   indeterminate: W.value,
-                  onChange: C,
+                  onChange: $,
                   "aria-label": "Seleccionar todas las filas"
                 }, null, 40, sa)
-              ])) : m("", !0),
+              ])) : v("", !0),
               (l(!0), a(U, null, Q(t.columns, (c) => (l(), a("th", {
                 key: c.key,
-                style: N(c.width ? { width: c.width } : {}),
+                style: q(c.width ? { width: c.width } : {}),
                 class: d([
                   "px-4 py-3 text-left text-xs font-semibold text-gray-700 border-l border-gray-100 first:border-l-0",
                   c.sortable ? "cursor-pointer hover:text-primary-600 select-none transition-colors" : "",
@@ -2089,69 +2166,69 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
                 ]),
                 onClick: (D) => c.sortable && z(c.key)
               }, [
-                s("div", ra, [
-                  s("span", null, M(c.label), 1),
-                  c.sortable ? (l(), a("span", na, [
-                    n.value !== c.key ? (l(), a("span", ia, "⇅")) : (l(), a("span", da, M(v.value === "asc" ? "↑" : "↓"), 1))
-                  ])) : m("", !0)
+                o("div", na, [
+                  o("span", null, M(c.label), 1),
+                  c.sortable ? (l(), a("span", ia, [
+                    n.value !== c.key ? (l(), a("span", da, "⇅")) : (l(), a("span", ca, M(b.value === "asc" ? "↑" : "↓"), 1))
+                  ])) : v("", !0)
                 ])
-              ], 14, oa))), 128))
+              ], 14, ra))), 128))
             ], 2)
           ]),
-          s("tbody", ca, [
-            (l(!0), a(U, null, Q(w.value, (c, D) => (l(), a("tr", {
+          o("tbody", ua, [
+            (l(!0), a(U, null, Q(x.value, (c, D) => (l(), a("tr", {
               key: D,
               class: d([
                 "w-full border-b border-gray-200 transition-colors bg-white",
                 r.value && D % 2 === 1 ? "bg-gray-50" : "",
-                p.value ? "hover:bg-blue-50" : "",
+                f.value ? "hover:bg-blue-50" : "",
                 e.rowClass,
-                b.value
+                m.value
               ])
             }, [
-              B.value ? (l(), a("td", {
+              k.value ? (l(), a("td", {
                 key: 0,
-                class: d(["px-3 text-xs text-gray-600 border-l border-gray-100 first:border-l-0 w-10", b.value])
+                class: d(["px-3 text-xs text-gray-600 border-l border-gray-100 first:border-l-0 w-10", m.value])
               }, [
-                s("input", {
+                o("input", {
                   type: "checkbox",
                   class: "h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500",
                   checked: L(c, D),
-                  onChange: (x) => f(c, D, x),
+                  onChange: (w) => p(c, D, w),
                   "aria-label": `Seleccionar fila ${D + 1}`
-                }, null, 40, ua)
-              ], 2)) : m("", !0),
-              (l(!0), a(U, null, Q(t.columns, (x) => (l(), a("td", {
-                key: `${D}-${x.key}`,
+                }, null, 40, fa)
+              ], 2)) : v("", !0),
+              (l(!0), a(U, null, Q(t.columns, (w) => (l(), a("td", {
+                key: `${D}-${w.key}`,
                 class: d([
                   "px-4 text-xs text-gray-600 border-l border-gray-100 first:border-l-0 bg-white",
                   e.rowClass,
                   e.cellClass,
-                  b.value
+                  m.value
                 ])
               }, [
-                P(i.$slots, `cell-${x.key}`, {
-                  value: c[x.key],
+                P(i.$slots, `cell-${w.key}`, {
+                  value: c[w.key],
                   row: c
                 }, () => [
-                  H(M(c[x.key]), 1)
+                  H(M(c[w.key]), 1)
                 ], !0)
               ], 2))), 128))
             ], 2))), 128))
           ])
         ]),
-        w.value.length === 0 ? (l(), a("div", fa, [
+        x.value.length === 0 ? (l(), a("div", pa, [
           P(i.$slots, "empty", {}, () => [
-            $[3] || ($[3] = H("No hay datos disponibles", -1))
+            B[3] || (B[3] = H("No hay datos disponibles", -1))
           ], !0)
-        ])) : m("", !0)
+        ])) : v("", !0)
       ]),
-      i.$slots.footer ? (l(), a("div", pa, [
+      i.$slots.footer ? (l(), a("div", ma, [
         P(i.$slots, "footer", {}, void 0, !0)
-      ])) : m("", !0)
+      ])) : v("", !0)
     ]));
   }
-}), is = /* @__PURE__ */ Z(ma, [["__scopeId", "data-v-9020135c"]]), ba = { class: "tabs-wrapper" }, va = ["aria-selected", "onClick"], ga = /* @__PURE__ */ q({
+}), uo = /* @__PURE__ */ Z(ba, [["__scopeId", "data-v-9020135c"]]), va = { class: "tabs-wrapper" }, ga = ["aria-selected", "onClick"], ha = /* @__PURE__ */ E({
   __name: "Tabs",
   props: {
     modelValue: {},
@@ -2163,34 +2240,34 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: g }) {
-    const e = t, b = g, r = o(
+    const e = t, m = g, r = s(
       () => e.compact ? "relative w-full sm:w-auto text-left sm:text-center px-3 sm:px-4 py-2 text-sm tracking-wide transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500" : "relative w-full sm:w-auto text-left sm:text-center px-4 sm:px-6 py-3 text-base tracking-wide transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500"
-    ), p = o(() => ({
+    ), f = s(() => ({
       default: "border-b-3",
       bordered: "border border-secondary-200 rounded-t-lg",
       pill: "rounded-full bg-secondary-100 mx-1"
-    })[e.variant]), u = o(() => ({
+    })[e.variant]), u = s(() => ({
       default: "border-b border-gray-200",
       bordered: "gap-0",
       pill: "gap-2 bg-white p-1 rounded-full border border-secondary-200"
-    })[e.variant]), n = o(() => ({
+    })[e.variant]), n = s(() => ({
       default: "text-primary-600 border-primary-600 font-semibold",
       bordered: "text-primary-600 border-primary-600 bg-primary-50 font-semibold",
       pill: "text-white bg-primary-600 font-semibold"
-    })[e.variant]), v = o(() => ({
+    })[e.variant]), b = s(() => ({
       default: "hover:text-secondary-700 border-transparent font-normal",
       bordered: "text-secondary-600 hover:text-primary-600 font-normal",
       pill: "text-secondary-600 hover:text-secondary-900 font-normal"
-    })[e.variant]), z = (h) => e.modelValue === h, w = (h) => {
-      z(h) || b("update:modelValue", h);
-    }, y = o(() => e.modelValue), B = o(
-      () => e.tabs.find((h) => h.value === y.value)
+    })[e.variant]), z = (y) => e.modelValue === y, x = (y) => {
+      z(y) || m("update:modelValue", y);
+    }, h = s(() => e.modelValue), k = s(
+      () => e.tabs.find((y) => y.value === h.value)
     );
-    return (h, T) => (l(), a("div", ba, [
-      s("div", {
+    return (y, T) => (l(), a("div", va, [
+      o("div", {
         class: d(["tabs-header", t.headerClass])
       }, [
-        s("div", {
+        o("div", {
           class: d(["tabs-container", u.value]),
           role: "tablist"
         }, [
@@ -2199,27 +2276,27 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             type: "button",
             class: d([
               r.value,
-              p.value,
-              z(V.value) ? n.value : v.value
+              f.value,
+              z(V.value) ? n.value : b.value
             ]),
             "aria-selected": z(V.value),
             role: "tab",
-            onClick: (j) => w(V.value)
-          }, M(V.label), 11, va))), 128))
+            onClick: (j) => x(V.value)
+          }, M(V.label), 11, ga))), 128))
         ], 2)
       ], 2),
-      s("div", {
+      o("div", {
         class: d(["tabs-content", t.contentClass]),
         role: "tabpanel"
       }, [
-        P(h.$slots, y.value, {
-          active: y.value,
-          tab: B.value
+        P(y.$slots, h.value, {
+          active: h.value,
+          tab: k.value
         }, void 0, !0)
       ], 2)
     ]));
   }
-}), ds = /* @__PURE__ */ Z(ga, [["__scopeId", "data-v-17d67e55"]]), ya = "font-sans", cs = /* @__PURE__ */ q({
+}), fo = /* @__PURE__ */ Z(ha, [["__scopeId", "data-v-17d67e55"]]), ya = "font-sans", po = /* @__PURE__ */ E({
   __name: "Text",
   props: {
     variant: { default: "body1" },
@@ -2271,7 +2348,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       button3: "span",
       caption: "span",
       overline: "span"
-    }, b = {
+    }, m = {
       left: "text-left",
       center: "text-center",
       right: "text-right",
@@ -2284,34 +2361,34 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       danger: "text-danger-600",
       success: "text-success-600",
       warning: "text-warning-600"
-    }, p = {
+    }, f = {
       light: "font-light",
       normal: "font-normal",
       medium: "font-medium",
       semibold: "font-semibold",
       bold: "font-bold",
       extrabold: "font-extrabold"
-    }, u = t, n = o(() => u.variant), v = o(() => u.align), z = o(() => u.as || e[n.value] || "span"), w = o(() => u.color && u.color.startsWith("#")), y = o(() => w.value ? "" : r[u.color] || r.default), B = o(() => w.value ? { color: u.color } : {}), h = o(() => u.weight ? { fontWeight: {
+    }, u = t, n = s(() => u.variant), b = s(() => u.align), z = s(() => u.as || e[n.value] || "span"), x = s(() => u.color && u.color.startsWith("#")), h = s(() => x.value ? "" : r[u.color] || r.default), k = s(() => x.value ? { color: u.color } : {}), y = s(() => u.weight ? { fontWeight: {
       light: 300,
       normal: 400,
       medium: 500,
       semibold: 600,
       bold: 700,
       extrabold: 800
-    }[u.weight] } : {}), T = o(() => u.weight ? p[u.weight] : "");
-    return (V, j) => (l(), le(he(z.value), {
+    }[u.weight] } : {}), T = s(() => u.weight ? f[u.weight] : "");
+    return (V, j) => (l(), le(ye(z.value), {
       class: d([
         ya,
         g[n.value],
-        y.value,
-        b[v.value],
+        h.value,
+        m[b.value],
         T.value,
         {
           uppercase: t.uppercase || n.value === "overline",
           truncate: t.truncate
         }
       ]),
-      style: N([B.value, h.value])
+      style: q([k.value, y.value])
     }, {
       default: re(() => [
         P(V.$slots, "default")
@@ -2319,14 +2396,14 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       _: 3
     }, 8, ["class", "style"]));
   }
-}), ha = { class: "w-full flex items-center justify-between gap-3 py-2" }, xa = {
+}), xa = { class: "w-full flex items-center justify-between gap-3 py-2" }, wa = {
   key: 0,
   class: "text-xs pagination-text"
-}, wa = { key: 0 }, ka = {
+}, ka = { key: 0 }, Ca = {
   class: "ml-auto inline-flex items-center gap-1",
   role: "navigation",
   "aria-label": "Pagination"
-}, Ca = ["disabled"], $a = ["aria-label", "onClick"], Ba = ["disabled"], za = /* @__PURE__ */ q({
+}, $a = ["disabled"], Ba = ["aria-label", "onClick"], za = ["disabled"], Ma = /* @__PURE__ */ E({
   __name: "Pagination",
   props: {
     modelValue: { default: 1 },
@@ -2341,55 +2418,55 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: g }) {
-    const e = t, b = g, r = o(() => {
-      const y = Math.ceil(e.totalItems / e.pageSize);
-      return y > 0 ? y : 1;
-    }), p = o(() => {
-      const y = Number(e.modelValue || 1);
-      return y < 1 ? 1 : y > r.value ? r.value : y;
-    }), u = o(() => e.totalItems === 0 ? 0 : (p.value - 1) * e.pageSize + 1), n = o(() => Math.min(p.value * e.pageSize, e.totalItems)), v = o(() => `Mostrando ${u.value} a ${n.value} de ${e.totalItems}`), z = o(() => {
-      const y = r.value, B = Math.max(3, e.maxPages), h = p.value;
-      if (y <= B)
-        return Array.from({ length: y }, (I, L) => L + 1);
-      const T = Math.floor(B / 2);
-      let V = Math.max(1, h - T), j = Math.min(y, V + B - 1);
-      V = Math.max(1, Math.min(V, j - B + 1));
+    const e = t, m = g, r = s(() => {
+      const h = Math.ceil(e.totalItems / e.pageSize);
+      return h > 0 ? h : 1;
+    }), f = s(() => {
+      const h = Number(e.modelValue || 1);
+      return h < 1 ? 1 : h > r.value ? r.value : h;
+    }), u = s(() => e.totalItems === 0 ? 0 : (f.value - 1) * e.pageSize + 1), n = s(() => Math.min(f.value * e.pageSize, e.totalItems)), b = s(() => `Mostrando ${u.value} a ${n.value} de ${e.totalItems}`), z = s(() => {
+      const h = r.value, k = Math.max(3, e.maxPages), y = f.value;
+      if (h <= k)
+        return Array.from({ length: h }, (I, L) => L + 1);
+      const T = Math.floor(k / 2);
+      let V = Math.max(1, y - T), j = Math.min(h, V + k - 1);
+      V = Math.max(1, Math.min(V, j - k + 1));
       const W = [];
       V > 1 && (W.push(1), V > 2 && W.push("…"));
       for (let I = V; I <= j; I++)
         W.push(I);
-      return j < y && (j < y - 1 && W.push("…"), W.push(y)), W;
+      return j < h && (j < h - 1 && W.push("…"), W.push(h)), W;
     });
-    function w(y) {
-      const B = Math.max(1, Math.min(y, r.value));
-      B !== p.value && (b("update:modelValue", B), b("change", B));
+    function x(h) {
+      const k = Math.max(1, Math.min(h, r.value));
+      k !== f.value && (m("update:modelValue", k), m("change", k));
     }
-    return (y, B) => (l(), a("div", ha, [
-      t.showSummary ? (l(), a("div", xa, [
-        P(y.$slots, "summary", {
+    return (h, k) => (l(), a("div", xa, [
+      t.showSummary ? (l(), a("div", wa, [
+        P(h.$slots, "summary", {
           start: u.value,
           end: n.value,
           total: t.totalItems
         }, () => [
-          H(M(v.value) + " ", 1),
-          t.itemLabel ? (l(), a("span", wa, M(t.itemLabel), 1)) : m("", !0)
+          H(M(b.value) + " ", 1),
+          t.itemLabel ? (l(), a("span", ka, M(t.itemLabel), 1)) : v("", !0)
         ], !0)
-      ])) : m("", !0),
-      s("nav", ka, [
-        s("button", {
+      ])) : v("", !0),
+      o("nav", Ca, [
+        o("button", {
           type: "button",
           class: d([
             e.compact ? "h-6 px-2 text-xs" : "h-8 px-3",
             "rounded-full pagination-text hover:bg-secondary-100 disabled:opacity-50 disabled:cursor-not-allowed"
           ]),
-          disabled: p.value <= 1,
-          onClick: B[0] || (B[0] = (h) => w(p.value - 1)),
+          disabled: f.value <= 1,
+          onClick: k[0] || (k[0] = (y) => x(f.value - 1)),
           "aria-label": "Anterior"
-        }, M(t.previousText), 11, Ca),
-        (l(!0), a(U, null, Q(z.value, (h, T) => (l(), a(U, {
-          key: `page-${T}-${h}`
+        }, M(t.previousText), 11, $a),
+        (l(!0), a(U, null, Q(z.value, (y, T) => (l(), a(U, {
+          key: `page-${T}-${y}`
         }, [
-          h === "…" ? (l(), a("span", {
+          y === "…" ? (l(), a("span", {
             key: 0,
             class: d([
               e.compact ? "h-6 min-w-6 px-1" : "h-8 min-w-8 px-2",
@@ -2398,29 +2475,29 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           }, " … ", 2)) : (l(), a("button", {
             key: 1,
             type: "button",
-            "aria-label": `Página ${h}`,
+            "aria-label": `Página ${y}`,
             class: d([
               e.compact ? "h-6 min-w-6 px-2 text-xs" : "h-8 min-w-8 px-3",
               "rounded-full transition-colors",
-              h === p.value ? "bg-primary-500 text-white font-semibold" : "pagination-text hover:bg-secondary-100"
+              y === f.value ? "bg-primary-500 text-white font-semibold" : "pagination-text hover:bg-secondary-100"
             ]),
-            onClick: (V) => w(Number(h))
-          }, M(h), 11, $a))
+            onClick: (V) => x(Number(y))
+          }, M(y), 11, Ba))
         ], 64))), 128)),
-        s("button", {
+        o("button", {
           type: "button",
           class: d([
             e.compact ? "h-6 px-2 text-xs" : "h-8 px-3",
             "rounded-full pagination-text hover:bg-secondary-100 disabled:opacity-50 disabled:cursor-not-allowed"
           ]),
-          disabled: p.value >= r.value,
-          onClick: B[1] || (B[1] = (h) => w(p.value + 1)),
+          disabled: f.value >= r.value,
+          onClick: k[1] || (k[1] = (y) => x(f.value + 1)),
           "aria-label": "Siguiente"
-        }, M(t.nextText), 11, Ba)
+        }, M(t.nextText), 11, za)
       ])
     ]));
   }
-}), us = /* @__PURE__ */ Z(za, [["__scopeId", "data-v-621d6bba"]]), fs = /* @__PURE__ */ q({
+}), mo = /* @__PURE__ */ Z(Ma, [["__scopeId", "data-v-621d6bba"]]), bo = /* @__PURE__ */ E({
   __name: "Tooltip",
   props: {
     content: { default: "" },
@@ -2434,59 +2511,59 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   setup(t) {
     const g = t, e = R(!1);
-    let b = null, r = null;
-    const p = () => {
-      g.trigger === "hover" && (clearTimeout(r), b = setTimeout(() => {
+    let m = null, r = null;
+    const f = () => {
+      g.trigger === "hover" && (clearTimeout(r), m = setTimeout(() => {
         e.value = !0;
       }, g.openDelay));
     }, u = () => {
-      g.trigger === "hover" && (clearTimeout(b), r = setTimeout(() => {
+      g.trigger === "hover" && (clearTimeout(m), r = setTimeout(() => {
         e.value = !1;
       }, g.closeDelay));
     }, n = () => {
       g.trigger === "click" && (e.value = !e.value);
-    }, v = () => {
+    }, b = () => {
       g.trigger === "focus" && (e.value = !0);
     }, z = () => {
       g.trigger === "focus" && (e.value = !1);
-    }, w = {
+    }, x = {
       sm: "px-2 py-1 text-xs",
       md: "px-3 py-2 text-sm",
       lg: "px-4 py-3 text-base"
-    }, y = {
+    }, h = {
       // Deja un pequeño espacio entre el activador y el tooltip
       top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
       bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
       left: "right-full top-1/2 -translate-y-1/2 mr-2",
       right: "left-full top-1/2 -translate-y-1/2 ml-2"
-    }, B = o(() => `absolute w-0 h-0 border-solid border-4 border-transparent ${{
+    }, k = s(() => `absolute w-0 h-0 border-solid border-4 border-transparent ${{
       top: "bottom-[-8px] rotate-180 left-1/2 -translate-x-1/2",
       bottom: "top-[-8px] rotate-180 left-1/2 -translate-x-1/2",
       left: "right-[-8px] rotate-180 top-1/2 -translate-y-1/2",
       right: "left-[-8px] rotate-180 top-1/2 -translate-y-1/2"
-    }[g.position]}`), h = o(() => ({
+    }[g.position]}`), y = s(() => ({
       "bg-gray-900": "#111827",
       "bg-primary-500": "#0ea5e9",
       "bg-green-600": "#16a34a",
       "bg-yellow-600": "#ca8a04",
       "bg-danger-600": "#dc2626"
-    })[g.backgroundColor] || "#111827"), T = o(() => ({
+    })[g.backgroundColor] || "#111827"), T = s(() => ({
       // Orden: top, right, bottom, left
-      top: `transparent transparent ${h.value} transparent`,
+      top: `transparent transparent ${y.value} transparent`,
       // tooltip arriba → flecha apunta hacia abajo (borde inferior coloreado)
-      bottom: `${h.value} transparent transparent transparent`,
+      bottom: `${y.value} transparent transparent transparent`,
       // tooltip abajo → flecha apunta hacia arriba (borde superior coloreado)
-      left: `transparent ${h.value} transparent transparent`,
+      left: `transparent ${y.value} transparent transparent`,
       // tooltip a la izquierda → flecha apunta hacia la derecha (borde derecho coloreado)
-      right: `transparent transparent transparent ${h.value}`
+      right: `transparent transparent transparent ${y.value}`
       // tooltip a la derecha → flecha apunta hacia la izquierda (borde izquierdo coloreado)
-    })[g.position]), V = o(() => `absolute ${y[g.position]} ${g.textColor} ${w[g.size]} rounded-md shadow-lg whitespace-nowrap z-50`);
+    })[g.position]), V = s(() => `absolute ${h[g.position]} ${g.textColor} ${x[g.size]} rounded-md shadow-lg whitespace-nowrap z-50`);
     return (j, W) => (l(), a("div", {
       class: "relative inline-flex",
-      onMouseenter: p,
+      onMouseenter: f,
       onMouseleave: u,
       onClick: n,
-      onFocus: v,
+      onFocus: b,
       onBlur: z
     }, [
       P(j.$slots, "default"),
@@ -2502,23 +2579,23 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           e.value ? (l(), a("div", {
             key: 0,
             class: d(V.value),
-            style: N({ backgroundColor: h.value }),
+            style: q({ backgroundColor: y.value }),
             role: "tooltip"
           }, [
             P(j.$slots, "content", {}, () => [
               H(M(t.content), 1)
             ]),
-            s("div", {
-              class: d(B.value),
-              style: N({ borderColor: T.value })
+            o("div", {
+              class: d(k.value),
+              style: q({ borderColor: T.value })
             }, null, 6)
-          ], 6)) : m("", !0)
+          ], 6)) : v("", !0)
         ]),
         _: 3
       })
     ], 32));
   }
-}), Ma = { class: "truncate" }, Va = ["aria-label", "disabled"], ps = /* @__PURE__ */ q({
+}), Va = { class: "truncate" }, Da = ["aria-label", "disabled"], vo = /* @__PURE__ */ E({
   __name: "Chip",
   props: {
     label: { default: "" },
@@ -2533,7 +2610,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["click", "close"],
   setup(t, { emit: g }) {
-    const e = t, b = g, r = o(() => !!e.icon), p = o(() => e.icon || ""), u = o(() => ({
+    const e = t, m = g, r = s(() => !!e.icon), f = s(() => e.icon || ""), u = s(() => ({
       sm: e.compact ? "h-6 text-xs px-2 gap-1 font-semibold leading-none" : "h-7 text-xs px-3 gap-1.5 font-semibold leading-none",
       md: e.compact ? "h-7 text-xs px-2.5 gap-1.5 font-semibold leading-none" : "h-8 text-sm px-3.5 gap-2 font-semibold leading-none"
     })), n = {
@@ -2572,8 +2649,8 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         outlined: "bg-white text-sky-700 border border-sky-300",
         tonal: "bg-sky-50 text-sky-700 border border-sky-100"
       }
-    }, v = o(() => {
-      const B = n[e.color] ?? n.default, h = B[e.variant] ?? B.filled;
+    }, b = s(() => {
+      const k = n[e.color] ?? n.default, y = k[e.variant] ?? k.filled;
       return [
         "inline-flex items-center select-none",
         "transition-colors duration-150",
@@ -2581,29 +2658,29 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         u.value[e.size],
         "rounded-full",
         e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-default",
-        h
+        y
       ].join(" ");
-    }), z = o(() => "text-current flex items-center"), w = () => {
-      e.disabled || b("close");
-    }, y = () => {
-      e.disabled || b("click");
+    }), z = s(() => "text-current flex items-center"), x = () => {
+      e.disabled || m("close");
+    }, h = () => {
+      e.disabled || m("click");
     };
-    return (B, h) => (l(), a("div", {
-      class: d(v.value),
+    return (k, y) => (l(), a("div", {
+      class: d(b.value),
       role: "status",
-      onClick: y
+      onClick: h
     }, [
       r.value ? (l(), a("span", {
         key: 0,
         class: d(z.value)
       }, [
         _(ee, {
-          name: p.value,
+          name: f.value,
           size: "sm"
         }, null, 8, ["name"])
-      ], 2)) : m("", !0),
-      s("span", Ma, [
-        P(B.$slots, "default", {}, () => [
+      ], 2)) : v("", !0),
+      o("span", Va, [
+        P(k.$slots, "default", {}, () => [
           H(M(t.label), 1)
         ])
       ]),
@@ -2612,23 +2689,23 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         type: "button",
         class: "shrink-0 rounded-full p-1 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-primary-500",
         "aria-label": t.closeAriaLabel,
-        onClick: J(w, ["stop"]),
+        onClick: J(x, ["stop"]),
         disabled: t.disabled
       }, [
         _(ee, {
           name: "close",
           size: "sm"
         })
-      ], 8, Va)) : m("", !0)
+      ], 8, Da)) : v("", !0)
     ], 2));
   }
-}), Da = { class: "checkbox-wrapper" }, Sa = ["for"], Ta = {
+}), Sa = { class: "checkbox-wrapper" }, Ta = ["for"], Ia = {
   key: 0,
   class: "relative inline-block"
-}, Ia = ["id", "checked", "disabled"], ja = {
+}, ja = ["id", "checked", "disabled"], La = {
   key: 1,
   class: "relative inline-flex items-center"
-}, La = ["id", "checked", "disabled"], Oa = /* @__PURE__ */ q({
+}, Oa = ["id", "checked", "disabled"], Aa = /* @__PURE__ */ E({
   __name: "Checkbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2640,7 +2717,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: g }) {
-    const e = t, b = g, r = o(() => `checkbox-${Math.random().toString(36).substr(2, 9)}`), p = {
+    const e = t, m = g, r = s(() => `checkbox-${Math.random().toString(36).substr(2, 9)}`), f = {
       primary: {
         50: "#f1fbfc",
         100: "#d3f4f6",
@@ -2677,15 +2754,15 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
         700: "#15803d",
         800: "#166534"
       }
-    }, u = (f) => {
+    }, u = (p) => {
       if (e.color.startsWith("#"))
         return e.color;
-      const i = p[e.color];
-      return i ? i[f] : p.primary[f];
-    }, n = (f, i) => {
-      const $ = parseInt(f.replace("#", ""), 16), c = Math.round(2.55 * i), D = ($ >> 16) + c, x = ($ >> 8 & 255) + c, X = ($ & 255) + c;
-      return "#" + (16777216 + (D < 255 ? D < 1 ? 0 : D : 255) * 65536 + (x < 255 ? x < 1 ? 0 : x : 255) * 256 + (X < 255 ? X < 1 ? 0 : X : 255)).toString(16).slice(1);
-    }, v = {
+      const i = f[e.color];
+      return i ? i[p] : f.primary[p];
+    }, n = (p, i) => {
+      const B = parseInt(p.replace("#", ""), 16), c = Math.round(2.55 * i), D = (B >> 16) + c, w = (B >> 8 & 255) + c, X = (B & 255) + c;
+      return "#" + (16777216 + (D < 255 ? D < 1 ? 0 : D : 255) * 65536 + (w < 255 ? w < 1 ? 0 : w : 255) * 256 + (X < 255 ? X < 1 ? 0 : X : 255)).toString(16).slice(1);
+    }, b = {
       sm: { box: "w-4 h-4", icon: "w-3 h-3", label: "text-sm" },
       md: { box: "w-5 h-5", icon: "w-4 h-4", label: "text-base" },
       lg: { box: "w-6 h-6", icon: "w-5 h-5", label: "text-lg" }
@@ -2693,85 +2770,85 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       sm: { track: "w-9 h-5", thumb: "w-6 h-6", label: "text-sm", offsetActive: "15px", offsetInactive: "-1px" },
       md: { track: "w-11 h-6", thumb: "w-7 h-7", label: "text-base", offsetActive: "18px", offsetInactive: "-1px" },
       lg: { track: "w-14 h-8", thumb: "w-9 h-9", label: "text-lg", offsetActive: "22px", offsetInactive: "-1px" }
-    }, w = o(() => v[e.size]), y = o(() => z[e.size]), B = o(() => e.variant === "switch" ? y.value.label : w.value.label), h = o(() => [
+    }, x = s(() => b[e.size]), h = s(() => z[e.size]), k = s(() => e.variant === "switch" ? h.value.label : x.value.label), y = s(() => [
       "appearance-none rounded cursor-pointer transition-all duration-200",
-      w.value.box,
+      x.value.box,
       e.disabled ? "opacity-50 cursor-not-allowed" : ""
-    ]), T = o(() => {
-      const f = e.color.startsWith("#") ? e.color : u(500);
+    ]), T = s(() => {
+      const p = e.color.startsWith("#") ? e.color : u(500);
       return {
         border: "2px solid",
-        borderColor: e.modelValue ? f : "#9ca3af",
-        backgroundColor: e.modelValue ? f : "white"
+        borderColor: e.modelValue ? p : "#9ca3af",
+        backgroundColor: e.modelValue ? p : "white"
       };
-    }), V = o(() => [
+    }), V = s(() => [
       "text-white",
-      w.value.icon,
+      x.value.icon,
       "top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
-    ]), j = o(() => [
+    ]), j = s(() => [
       "rounded-full transition-all duration-300 flex items-center relative",
-      y.value.track,
+      h.value.track,
       e.disabled ? "opacity-50 cursor-not-allowed" : ""
-    ]), W = o(() => {
-      const f = e.color.startsWith("#") ? n(e.color, 60) : u(200);
+    ]), W = s(() => {
+      const p = e.color.startsWith("#") ? n(e.color, 60) : u(200);
       return {
-        backgroundColor: e.modelValue ? f : "#cbd5e1"
+        backgroundColor: e.modelValue ? p : "#cbd5e1"
       };
-    }), I = o(() => [
+    }), I = s(() => [
       "rounded-full shadow-lg transition-all duration-300 absolute",
-      y.value.thumb
-    ]), L = o(() => {
-      const f = e.color.startsWith("#") ? n(e.color, -30) : u(700), i = e.color.startsWith("#") ? n(e.color, -40) : u(800);
+      h.value.thumb
+    ]), L = s(() => {
+      const p = e.color.startsWith("#") ? n(e.color, -30) : u(700), i = e.color.startsWith("#") ? n(e.color, -40) : u(800);
       return {
         top: "50%",
         transform: "translateY(-50%)",
-        left: e.modelValue ? y.value.offsetActive : y.value.offsetInactive,
-        backgroundColor: e.modelValue ? f : "#ffffff",
+        left: e.modelValue ? h.value.offsetActive : h.value.offsetInactive,
+        backgroundColor: e.modelValue ? p : "#ffffff",
         border: e.modelValue ? `2px solid ${i}` : "2px solid #e5e7eb"
       };
-    }), A = o(() => [
+    }), A = s(() => [
       "select-none",
-      B.value,
+      k.value,
       e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
-    ]), F = o(() => ({
+    ]), F = s(() => ({
       color: "#565656"
-    })), C = (f) => {
-      const $ = f.target.checked;
-      b("update:modelValue", $), b("change", $);
+    })), $ = (p) => {
+      const B = p.target.checked;
+      m("update:modelValue", B), m("change", B);
     };
-    return (f, i) => (l(), a("div", Da, [
-      s("label", {
+    return (p, i) => (l(), a("div", Sa, [
+      o("label", {
         for: r.value,
         class: "flex items-center cursor-pointer gap-2"
       }, [
-        t.variant === "switch" ? (l(), a("div", Ta, [
-          s("input", {
+        t.variant === "switch" ? (l(), a("div", Ia, [
+          o("input", {
             id: r.value,
             type: "checkbox",
             checked: t.modelValue,
             disabled: t.disabled,
             class: "sr-only",
-            onChange: C
-          }, null, 40, Ia),
-          s("div", {
+            onChange: $
+          }, null, 40, ja),
+          o("div", {
             class: d(j.value),
-            style: N(W.value)
+            style: q(W.value)
           }, [
-            s("div", {
+            o("div", {
               class: d(I.value),
-              style: N(L.value)
+              style: q(L.value)
             }, null, 6)
           ], 6)
-        ])) : (l(), a("div", ja, [
-          s("input", {
+        ])) : (l(), a("div", La, [
+          o("input", {
             id: r.value,
             type: "checkbox",
             checked: t.modelValue,
             disabled: t.disabled,
-            class: d(h.value),
-            style: N(T.value),
-            onChange: C
-          }, null, 46, La),
+            class: d(y.value),
+            style: q(T.value),
+            onChange: $
+          }, null, 46, Oa),
           t.modelValue ? (l(), a("svg", {
             key: 0,
             class: d(["absolute pointer-events-none", V.value]),
@@ -2779,22 +2856,22 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             viewBox: "0 0 20 20",
             fill: "currentColor"
           }, [...i[0] || (i[0] = [
-            s("path", {
+            o("path", {
               "fill-rule": "evenodd",
               d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
               "clip-rule": "evenodd"
             }, null, -1)
-          ])], 2)) : m("", !0)
+          ])], 2)) : v("", !0)
         ])),
         t.label ? (l(), a("span", {
           key: 2,
           class: d(A.value),
-          style: N(F.value)
-        }, M(t.label), 7)) : m("", !0)
-      ], 8, Sa)
+          style: q(F.value)
+        }, M(t.label), 7)) : v("", !0)
+      ], 8, Ta)
     ]));
   }
-}), ms = /* @__PURE__ */ Z(Oa, [["__scopeId", "data-v-0d2c6db5"]]), Aa = { class: "slider-wrapper" }, Wa = ["for"], Fa = { class: "relative w-full" }, Pa = ["id", "min", "max", "step", "value", "disabled"], Ra = /* @__PURE__ */ q({
+}), go = /* @__PURE__ */ Z(Aa, [["__scopeId", "data-v-0d2c6db5"]]), Wa = { class: "slider-wrapper" }, Fa = ["for"], Pa = { class: "relative w-full" }, Ra = ["id", "min", "max", "step", "value", "disabled"], Ea = /* @__PURE__ */ E({
   __name: "Slider",
   props: {
     modelValue: { default: 0 },
@@ -2808,7 +2885,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: g }) {
-    const e = t, b = g, r = o(() => `slider-${Math.random().toString(36).slice(2, 9)}`), p = {
+    const e = t, m = g, r = s(() => `slider-${Math.random().toString(36).slice(2, 9)}`), f = {
       primary: {
         50: "#f1fbfc",
         100: "#d3f4f6",
@@ -2847,47 +2924,47 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
       }
     }, u = (T) => {
       if (typeof e.color == "string" && e.color.startsWith("#")) return e.color;
-      const V = p[e.color];
-      return V ? V[T] : p.primary[T];
+      const V = f[e.color];
+      return V ? V[T] : f.primary[T];
     }, n = (T, V) => {
       const j = parseInt(T.replace("#", ""), 16), W = Math.round(2.55 * V), I = (j >> 16) + W, L = (j >> 8 & 255) + W, A = (j & 255) + W;
       return "#" + (16777216 + (I < 255 ? I < 1 ? 0 : I : 255) * 65536 + (L < 255 ? L < 1 ? 0 : L : 255) * 256 + (A < 255 ? A < 1 ? 0 : A : 255)).toString(16).slice(1);
-    }, v = o(() => ({
+    }, b = s(() => ({
       sm: { trackHeight: "0.375rem", thumbSize: "1.1rem", shadow: "0 3px 8px rgba(0,0,0,0.2)" },
       md: { trackHeight: "0.5rem", thumbSize: "1.3rem", shadow: "0 4px 10px rgba(0,0,0,0.22)" },
       lg: { trackHeight: "0.625rem", thumbSize: "1.5rem", shadow: "0 5px 12px rgba(0,0,0,0.24)" }
-    })[e.size]), z = o(() => {
+    })[e.size]), z = s(() => {
       const T = e.max - e.min;
       return T <= 0 ? 0 : (Math.min(e.max, Math.max(e.min, e.modelValue)) - e.min) / T * 100;
-    }), w = o(() => [
+    }), x = s(() => [
       e.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
-    ]), y = o(() => {
+    ]), h = s(() => {
       const T = u(500), V = typeof e.color == "string" && e.color.startsWith("#") ? n(e.color, -20) : u(700), j = typeof e.color == "string" && e.color.startsWith("#") ? n(e.color, -30) : u(800), W = typeof e.color == "string" && e.color.startsWith("#") ? n(e.color, 55) : u(200), I = Math.min(100, Math.max(0, z.value));
       return {
         background: `linear-gradient(90deg, ${T} 0%, ${T} ${I}%, #e5e7eb ${I}%, #e5e7eb 100%)`,
-        "--slider-track-height": v.value.trackHeight,
-        "--slider-thumb-size": v.value.thumbSize,
+        "--slider-track-height": b.value.trackHeight,
+        "--slider-thumb-size": b.value.thumbSize,
         "--slider-thumb-color": V,
         "--slider-thumb-border": `2px solid ${j}`,
-        "--slider-thumb-shadow": v.value.shadow,
+        "--slider-thumb-shadow": b.value.shadow,
         "--slider-track-active": W
       };
-    }), B = (T) => {
+    }), k = (T) => {
       const V = T.target, j = Number(V.value);
-      b("update:modelValue", j);
-    }, h = (T) => {
+      m("update:modelValue", j);
+    }, y = (T) => {
       const V = T.target, j = Number(V.value);
-      b("change", j);
+      m("change", j);
     };
-    return (T, V) => (l(), a("div", Aa, [
+    return (T, V) => (l(), a("div", Wa, [
       t.label ? (l(), a("label", {
         key: 0,
         for: r.value,
         class: "mb-2 block text-sm font-medium",
         style: { color: "#565656" }
-      }, M(t.label), 9, Wa)) : m("", !0),
-      s("div", Fa, [
-        s("input", {
+      }, M(t.label), 9, Fa)) : v("", !0),
+      o("div", Pa, [
+        o("input", {
           id: r.value,
           type: "range",
           min: t.min,
@@ -2895,18 +2972,18 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           step: t.step,
           value: t.modelValue,
           disabled: t.disabled,
-          class: d(["slider-input w-full", w.value]),
-          style: N(y.value),
-          onInput: B,
-          onChange: h
-        }, null, 46, Pa)
+          class: d(["slider-input w-full", x.value]),
+          style: q(h.value),
+          onInput: k,
+          onChange: y
+        }, null, 46, Ra)
       ])
     ]));
   }
-}), bs = /* @__PURE__ */ Z(Ra, [["__scopeId", "data-v-89541d1a"]]), qa = ["data-node-id"], Ea = {
+}), ho = /* @__PURE__ */ Z(Ea, [["__scopeId", "data-v-89541d1a"]]), qa = ["data-node-id"], Na = {
   key: 0,
   class: "shrink-0 size-12 rounded-full bg-[var(--neutrales/fondo-general-claro,#f7f7f7)] grid place-items-center"
-}, Na = {
+}, Ya = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -2917,7 +2994,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Ya = {
+}, Ha = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -2928,7 +3005,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Ha = {
+}, Ka = {
   key: 2,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -2939,7 +3016,7 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Ka = {
+}, Ua = {
   key: 3,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -2950,10 +3027,10 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Ua = {
+}, Ga = {
   key: 1,
   class: "flex flex-wrap items-center justify-end gap-2 px-6 pb-6 pt-4"
-}, vs = /* @__PURE__ */ q({
+}, yo = /* @__PURE__ */ E({
   __name: "Alert",
   props: {
     variant: { default: "info" },
@@ -2970,21 +3047,21 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   emits: ["close", "accept", "cancel"],
   setup(t, { emit: g }) {
     const e = g;
-    let b = null;
-    const r = t, p = o(() => r.variant), u = o(() => r.multiline), n = o(() => r.actions), v = o(() => r.nodeId), z = o(() => r.showIcon), w = () => {
-      y(), e("close");
-    }, y = () => {
-      b !== null && (clearTimeout(b), b = null);
+    let m = null;
+    const r = t, f = s(() => r.variant), u = s(() => r.multiline), n = s(() => r.actions), b = s(() => r.nodeId), z = s(() => r.showIcon), x = () => {
+      h(), e("close");
+    }, h = () => {
+      m !== null && (clearTimeout(m), m = null);
     };
     ve(() => {
-      r.autoClose && r.autoClose > 0 && (b = setTimeout(() => {
+      r.autoClose && r.autoClose > 0 && (m = setTimeout(() => {
         e("close");
       }, r.autoClose));
     }), ge(() => {
-      y();
+      h();
     });
-    const B = o(() => !!r.title), h = o(() => r.title ?? ""), T = o(() => r.description ?? ""), V = o(() => {
-      switch (p.value) {
+    const k = s(() => !!r.title), y = s(() => r.title ?? ""), T = s(() => r.description ?? ""), V = s(() => {
+      switch (f.value) {
         case "info":
           return {
             border: "border-[var(--semantica/info,#0064ff)]",
@@ -3006,36 +3083,36 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
             bg: "bg-[#fdf7f9] outline outline-1 outline-[rgba(214,0,64,0.5)]"
           };
       }
-    }), j = o(() => "bg-[var(--color-primario/500,#56ced4)]"), W = o(() => {
+    }), j = s(() => "bg-[var(--color-primario/500,#56ced4)]"), W = s(() => {
       const F = "flex w-full items-start gap-4 flex-col";
       if (!r.stackOn) return `${F} sm:flex-row sm:items-center`;
-      const C = r.stackOn, f = `${C}:flex-row ${C}:items-center`;
-      return `${F} ${f}`;
-    }), I = o(() => {
+      const $ = r.stackOn, p = `${$}:flex-row ${$}:items-center`;
+      return `${F} ${p}`;
+    }), I = s(() => {
       if (!r.stackOn) return "flex-col sm:flex-row items-start sm:items-center";
       const F = r.stackOn;
       return `flex-col ${F}:flex-row items-start ${F}:items-center`;
-    }), L = o(() => {
+    }), L = s(() => {
       if (!r.stackOn) return "flex-col sm:flex-row sm:items-center w-full";
       const F = r.stackOn;
       return `flex-col ${F}:flex-row ${F}:items-center w-full`;
-    }), A = o(() => r.stackOn ? `self-start ${r.stackOn}:self-auto` : "self-start sm:self-auto");
-    return (F, C) => (l(), a("div", {
+    }), A = s(() => r.stackOn ? `self-start ${r.stackOn}:self-auto` : "self-start sm:self-auto");
+    return (F, $) => (l(), a("div", {
       class: d(["relative w-full rounded-xl border", [
         V.value.border,
         V.value.bg
       ]]),
       role: "alert",
-      "data-node-id": v.value
+      "data-node-id": b.value
     }, [
       t.closable ? (l(), a("button", {
         key: 0,
         type: "button",
         class: "absolute top-3 right-3 text-[color:var(--neutrales/texto-principal,#565656)]/70 hover:opacity-100 opacity-70",
         "aria-label": "Cerrar",
-        onClick: w
-      }, [...C[2] || (C[2] = [
-        s("svg", {
+        onClick: x
+      }, [...$[2] || ($[2] = [
+        o("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "18",
           height: "18",
@@ -3046,89 +3123,89 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
         }, [
-          s("line", {
+          o("line", {
             x1: "18",
             y1: "6",
             x2: "6",
             y2: "18"
           }),
-          s("line", {
+          o("line", {
             x1: "6",
             y1: "6",
             x2: "18",
             y2: "18"
           })
         ], -1)
-      ])])) : m("", !0),
-      s("div", {
+      ])])) : v("", !0),
+      o("div", {
         class: d(["p-6", { "pb-0": n.value }])
       }, [
-        s("div", {
+        o("div", {
           class: d(W.value)
         }, [
-          z.value ? (l(), a("div", Ea, [
-            p.value === "info" ? (l(), a("svg", Na, [...C[3] || (C[3] = [
-              s("circle", {
+          z.value ? (l(), a("div", Na, [
+            f.value === "info" ? (l(), a("svg", Ya, [...$[3] || ($[3] = [
+              o("circle", {
                 cx: "12",
                 cy: "12",
                 r: "10"
               }, null, -1),
-              s("line", {
+              o("line", {
                 x1: "12",
                 y1: "16",
                 x2: "12",
                 y2: "12"
               }, null, -1),
-              s("line", {
+              o("line", {
                 x1: "12",
                 y1: "8",
                 x2: "12",
                 y2: "8"
               }, null, -1)
-            ])])) : p.value === "warning" ? (l(), a("svg", Ya, [...C[4] || (C[4] = [
-              s("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z" }, null, -1),
-              s("line", {
+            ])])) : f.value === "warning" ? (l(), a("svg", Ha, [...$[4] || ($[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),
-              s("line", {
+              o("line", {
                 x1: "12",
                 y1: "17",
                 x2: "12",
                 y2: "17"
               }, null, -1)
-            ])])) : p.value === "success" ? (l(), a("svg", Ha, [...C[5] || (C[5] = [
-              s("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }, null, -1),
-              s("polyline", { points: "22 4 12 14.01 9 11.01" }, null, -1)
-            ])])) : (l(), a("svg", Ka, [...C[6] || (C[6] = [
-              s("polygon", { points: "7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" }, null, -1),
-              s("line", {
+            ])])) : f.value === "success" ? (l(), a("svg", Ka, [...$[5] || ($[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)
+            ])])) : (l(), a("svg", Ua, [...$[6] || ($[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),
-              s("line", {
+              o("line", {
                 x1: "12",
                 y1: "16",
                 x2: "12",
                 y2: "16"
               }, null, -1)
             ])]))
-          ])) : m("", !0),
-          s("div", {
+          ])) : v("", !0),
+          o("div", {
             class: d(["flex-1 flex gap-4 text-[14px]", [I.value, t.closable ? "pr-6" : "", { "whitespace-nowrap": !u.value, "whitespace-pre-wrap": u.value }]])
           }, [
-            s("div", {
+            o("div", {
               class: d(["flex flex-1 gap-3 items-start", L.value])
             }, [
-              B.value ? (l(), a("div", {
+              k.value ? (l(), a("div", {
                 key: 0,
                 class: d(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", A.value])
-              }, M(h.value), 3)) : m("", !0),
-              s("div", {
+              }, M(y.value), 3)) : v("", !0),
+              o("div", {
                 class: d(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !u.value }])
               }, [
                 P(F.$slots, "description", {}, () => [
@@ -3139,49 +3216,50 @@ const Ye = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
           ], 2)
         ], 2)
       ], 2),
-      n.value ? (l(), a("div", Ua, [
-        s("button", {
+      n.value ? (l(), a("div", Ga, [
+        o("button", {
           type: "button",
           class: "px-3 py-1.5 rounded-lg text-sm tracking-[0.25px] font-semibold text-[color:var(--neutrales/texto-principal,#565656)]",
-          onClick: C[0] || (C[0] = (f) => F.$emit("cancel"))
+          onClick: $[0] || ($[0] = (p) => F.$emit("cancel"))
         }, [
           P(F.$slots, "cancel", {}, () => [
-            C[7] || (C[7] = H("Cancelar", -1))
+            $[7] || ($[7] = H("Cancelar", -1))
           ])
         ]),
-        s("button", {
+        o("button", {
           type: "button",
           class: d(["px-3 py-1.5 rounded-lg text-sm tracking-[0.25px] font-semibold text-white", j.value]),
-          onClick: C[1] || (C[1] = (f) => F.$emit("accept"))
+          onClick: $[1] || ($[1] = (p) => F.$emit("accept"))
         }, [
           P(F.$slots, "accept", {}, () => [
-            C[8] || (C[8] = H("Aceptar", -1))
+            $[8] || ($[8] = H("Aceptar", -1))
           ])
         ], 2)
-      ])) : m("", !0)
+      ])) : v("", !0)
     ], 10, qa));
   }
 });
 export {
-  vs as Alert,
-  Za as AppBar,
-  Xa as Button,
-  _a as Calendar,
-  es as Card,
-  ms as Checkbox,
-  ps as Chip,
-  ts as Dialog,
-  ls as FileUpload,
+  yo as Alert,
+  Xa as AppBar,
+  _a as Button,
+  eo as Calendar,
+  to as Card,
+  go as Checkbox,
+  vo as Chip,
+  lo as Dialog,
+  ao as FileUpload,
   ee as Icon,
-  as as Input,
-  ss as Loader,
-  os as Menu,
-  us as Pagination,
-  rs as Select,
-  ns as Sidebar,
-  bs as Slider,
-  is as Table,
-  ds as Tabs,
-  cs as Text,
-  fs as Tooltip
+  oo as Image,
+  so as Input,
+  ro as Loader,
+  no as Menu,
+  mo as Pagination,
+  io as Select,
+  co as Sidebar,
+  ho as Slider,
+  uo as Table,
+  fo as Tabs,
+  po as Text,
+  bo as Tooltip
 };