@iaclinical/components 1.0.13 → 1.0.15

package/dist/iaclinical-components.js

@@ -1,14 +1,14 @@
-import { defineComponent as E, computed as u, createElementBlock as o, openBlock as s, normalizeClass as f, createElementVNode as l, createCommentVNode as p, renderSlot as C, toDisplayString as w, createBlock as q, Teleport as J, createVNode as G, Transition as Q, withCtx as U, withModifiers as F, createTextVNode as A, ref as I, normalizeStyle as K, onMounted as ee, onUnmounted as te, watch as X, nextTick as Z, Fragment as W, renderList as P, resolveDynamicComponent as Y, withDirectives as se, vModelText as oe } from "vue";
-const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
+import { defineComponent as O, computed as d, createElementBlock as o, openBlock as s, normalizeClass as p, createElementVNode as l, createCommentVNode as g, renderSlot as B, toDisplayString as w, createBlock as q, Teleport as J, createVNode as G, Transition as Q, withCtx as U, withModifiers as F, createTextVNode as E, ref as P, normalizeStyle as R, onMounted as ee, onUnmounted as te, watch as X, nextTick as Z, Fragment as A, renderList as W, resolveDynamicComponent as Y, withDirectives as se, vModelText as oe } from "vue";
+const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ae = {
   key: 1,
   class: "text-base sm:text-lg font-bold text-primary-50 font-poppins whitespace-nowrap"
-}, ae = { class: "flex flex-1 justify-center items-center min-w-0" }, re = {
+}, ne = { class: "flex flex-1 justify-center items-center min-w-0" }, re = {
   key: 0,
   class: "text-base sm:text-lg font-bold text-primary-50 font-poppins truncate"
 }, ie = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, de = {
   key: 0,
   class: "text-base sm:text-lg font-bold text-primary-50 font-poppins whitespace-nowrap"
-}, ue = /* @__PURE__ */ E({
+}, ue = /* @__PURE__ */ O({
   __name: "AppBar",
   props: {
     title: { default: "" },
@@ -20,35 +20,35 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
     height: { default: "md" }
   },
   emits: ["toggle-menu"],
-  setup(t, { emit: h }) {
-    const e = t, r = h, a = u(() => {
-      const i = "flex flex-row items-center justify-between gap-2 sm:gap-4 px-3 sm:px-6 z-50 w-full", c = {
+  setup(t, { emit: b }) {
+    const e = t, i = b, n = d(() => {
+      const r = "flex flex-row items-center justify-between gap-2 sm:gap-4 px-3 sm:px-6 z-50 w-full", f = {
         default: "bg-primary-700 text-primary-50",
         dark: "bg-secondary-900 text-white",
         light: "bg-white text-secondary-900 border-b border-secondary-200"
-      }, d = {
+      }, u = {
         sm: "h-12",
         md: "h-14",
         lg: "h-16"
-      }, g = e.sticky ? "sticky top-0" : "", v = e.shadow ? "shadow-md" : "";
+      }, v = e.sticky ? "sticky top-0" : "", x = e.shadow ? "shadow-md" : "";
       return [
-        i,
-        c[e.variant],
-        d[e.height],
-        g,
-        v
+        r,
+        f[e.variant],
+        u[e.height],
+        v,
+        x
       ].join(" ");
     });
-    return (i, c) => (s(), o("header", {
-      class: f(a.value)
+    return (r, f) => (s(), o("header", {
+      class: p(n.value)
     }, [
       l("div", le, [
         t.showMenuButton ? (s(), o("button", {
           key: 0,
-          onClick: c[0] || (c[0] = (d) => r("toggle-menu")),
+          onClick: f[0] || (f[0] = (u) => i("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"
-        }, [...c[1] || (c[1] = [
+        }, [...f[1] || (f[1] = [
           l("svg", {
             class: "w-5 h-5 sm:w-6 sm:h-6 text-primary-50",
             fill: "none",
@@ -63,29 +63,29 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
               d: "M4 6h16M4 12h16M4 18h16"
             })
           ], -1)
-        ])])) : p("", !0),
-        t.title && t.titlePosition === "left" ? (s(), o("div", ne, w(t.title), 1)) : p("", !0),
-        C(i.$slots, "left", {}, void 0, !0)
+        ])])) : g("", !0),
+        t.title && t.titlePosition === "left" ? (s(), o("div", ae, w(t.title), 1)) : g("", !0),
+        B(r.$slots, "left", {}, void 0, !0)
       ]),
-      l("div", ae, [
-        t.title && t.titlePosition === "center" ? (s(), o("div", re, w(t.title), 1)) : p("", !0),
-        C(i.$slots, "center", {}, void 0, !0)
+      l("div", ne, [
+        t.title && t.titlePosition === "center" ? (s(), o("div", re, w(t.title), 1)) : g("", !0),
+        B(r.$slots, "center", {}, void 0, !0)
       ]),
       l("div", ie, [
-        t.title && t.titlePosition === "right" ? (s(), o("div", de, w(t.title), 1)) : p("", !0),
-        C(i.$slots, "right", {}, void 0, !0)
+        t.title && t.titlePosition === "right" ? (s(), o("div", de, w(t.title), 1)) : g("", !0),
+        B(r.$slots, "right", {}, void 0, !0)
       ])
     ], 2));
   }
-}), N = (t, h) => {
+}), N = (t, b) => {
   const e = t.__vccOpts || t;
-  for (const [r, a] of h)
-    e[r] = a;
+  for (const [i, n] of b)
+    e[i] = n;
   return e;
-}, Rt = /* @__PURE__ */ N(ue, [["__scopeId", "data-v-c5861315"]]), ce = ["type", "disabled", "aria-label"], fe = {
+}, ts = /* @__PURE__ */ N(ue, [["__scopeId", "data-v-c5861315"]]), ce = ["type", "disabled", "aria-label"], fe = {
   key: 0,
   class: "absolute top-0 right-0 inline-flex items-center justify-center px-1.5 py-0.5 text-xs font-bold leading-none text-white transform translate-x-1/2 -translate-y-1/2 bg-danger-600 rounded-full min-w-[1.25rem]"
-}, qt = /* @__PURE__ */ E({
+}, ss = /* @__PURE__ */ O({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -99,9 +99,9 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
     textColorHover: { default: void 0 }
   },
   emits: ["click"],
-  setup(t, { emit: h }) {
-    const e = t, r = h, a = u(() => e.variant === "icon"), i = u(() => e.badge > 99 ? "99+" : e.badge.toString()), c = u(() => {
-      const g = "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", v = {
+  setup(t, { emit: b }) {
+    const e = t, i = b, n = d(() => e.variant === "icon"), r = d(() => e.badge > 99 ? "99+" : e.badge.toString()), f = d(() => {
+      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", x = {
         primary: "bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700 focus-visible:ring-primary-700",
         secondary: "bg-secondary-200 text-secondary-900 hover:bg-secondary-300 focus-visible:ring-secondary-500",
         outline: "border border-secondary-300 bg-transparent hover:bg-secondary-100 focus-visible:ring-secondary-500",
@@ -109,34 +109,34 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
         danger: "bg-danger-600 text-white hover:bg-danger-700 focus-visible:ring-danger-600",
         icon: "hover:bg-secondary-100 focus-visible:ring-secondary-500 relative",
         text: "bg-transparent border-0 focus-visible:ring-0 focus-visible:ring-offset-0"
-      }, m = {
-        sm: a.value ? "p-1.5" : "h-8 px-3 text-sm",
-        md: a.value ? "p-2" : "h-10 px-4 text-base",
-        lg: a.value ? "p-3" : "h-12 px-6 text-lg"
-      }, x = {
+      }, y = {
+        sm: n.value ? "p-1.5" : "h-8 px-3 text-sm",
+        md: n.value ? "p-2" : "h-10 px-4 text-base",
+        lg: n.value ? "p-3" : "h-12 px-6 text-lg"
+      }, c = {
         full: "rounded-full",
         xl: "rounded-2xl",
         lg: "rounded-xl",
         md: "rounded-lg",
         sm: "rounded-md",
         none: "rounded-none"
-      }, O = e.textColor ? e.textColor : "", z = u(() => {
-        var L, S;
-        return e.textColorHover ? e.textColorHover : (L = e.textColor) != null && L.includes("white") || (S = e.textColor) != null && S.includes("50") ? "hover:text-black" : "";
+      }, _ = e.textColor ? e.textColor : "", C = d(() => {
+        var S, V;
+        return e.textColorHover ? e.textColorHover : (S = e.textColor) != null && S.includes("white") || (V = e.textColor) != null && V.includes("50") ? "hover:text-black" : "";
       });
-      return `${g} ${v[e.variant]} ${m[e.size]} ${x[e.radius]} ${O} ${z.value}`;
-    }), d = (g) => {
-      e.disabled || r("click", g);
+      return `${v} ${x[e.variant]} ${y[e.size]} ${c[e.radius]} ${_} ${C.value}`;
+    }), u = (v) => {
+      e.disabled || i("click", v);
     };
-    return (g, v) => (s(), o("button", {
-      class: f(c.value),
+    return (v, x) => (s(), o("button", {
+      class: p(f.value),
       type: t.type,
       disabled: t.disabled,
-      onClick: d,
+      onClick: u,
       "aria-label": t.ariaLabel
     }, [
-      C(g.$slots, "default"),
-      a.value && t.badge && t.badge > 0 ? (s(), o("span", fe, w(i.value), 1)) : p("", !0)
+      B(v.$slots, "default"),
+      n.value && t.badge && t.badge > 0 ? (s(), o("span", fe, w(r.value), 1)) : g("", !0)
     ], 10, ce));
   }
 }), pe = {
@@ -145,7 +145,7 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
 }, ge = { class: "px-6 py-4" }, ve = {
   key: 1,
   class: "border-t border-gray-100 px-6 py-4 bg-gray-50"
-}, Ut = /* @__PURE__ */ E({
+}, os = /* @__PURE__ */ O({
   __name: "Card",
   props: {
     shadow: { default: "md" },
@@ -153,43 +153,43 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
     bordered: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const h = t, e = {
+    const b = t, e = {
       none: "",
       sm: "shadow-sm",
       md: "shadow",
       lg: "shadow-lg",
       xl: "shadow-xl"
-    }, r = {
+    }, i = {
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
       lg: "rounded-lg",
       xl: "rounded-xl",
       full: "rounded-full"
-    }, a = u(() => [
+    }, n = d(() => [
       "w-full bg-white",
-      e[h.shadow],
-      r[h.rounded],
-      h.bordered ? "border border-gray-200" : ""
+      e[b.shadow],
+      i[b.rounded],
+      b.bordered ? "border border-gray-200" : ""
     ]);
-    return (i, c) => (s(), o("div", {
-      class: f(a.value)
+    return (r, f) => (s(), o("div", {
+      class: p(n.value)
     }, [
-      i.$slots.header ? (s(), o("div", pe, [
-        C(i.$slots, "header")
-      ])) : p("", !0),
+      r.$slots.header ? (s(), o("div", pe, [
+        B(r.$slots, "header")
+      ])) : g("", !0),
       l("div", ge, [
-        C(i.$slots, "default")
+        B(r.$slots, "default")
       ]),
-      i.$slots.footer ? (s(), o("div", ve, [
-        C(i.$slots, "footer")
-      ])) : p("", !0)
+      r.$slots.footer ? (s(), o("div", ve, [
+        B(r.$slots, "footer")
+      ])) : g("", !0)
     ], 2));
   }
 }), xe = { class: "flex items-center justify-between border-b border-gray-100/60 px-8 py-6" }, be = { class: "text-xl font-semibold text-gray-900" }, he = { class: "px-8 py-6" }, ye = {
   key: 0,
   class: "border-t border-gray-100 px-8 py-6 bg-gray-50"
-}, me = /* @__PURE__ */ E({
+}, me = /* @__PURE__ */ O({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -197,40 +197,40 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
     closeOnBackdrop: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "close"],
-  setup(t, { emit: h }) {
-    const e = t, r = h, a = u({
+  setup(t, { emit: b }) {
+    const e = t, i = b, n = d({
       get: () => e.modelValue,
-      set: (d) => r("update:modelValue", d)
-    }), i = () => {
-      a.value = !1, r("close");
-    }, c = () => {
-      e.closeOnBackdrop && i();
+      set: (u) => i("update:modelValue", u)
+    }), r = () => {
+      n.value = !1, i("close");
+    }, f = () => {
+      e.closeOnBackdrop && r();
     };
-    return (d, g) => (s(), q(J, { to: "body" }, [
+    return (u, v) => (s(), q(J, { to: "body" }, [
       G(Q, { name: "dialog" }, {
         default: U(() => [
-          a.value ? (s(), o("div", {
+          n.value ? (s(), o("div", {
             key: 0,
             class: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4",
-            onClick: c
+            onClick: f
           }, [
             l("div", {
               class: "relative w-full rounded-lg bg-white shadow-xl sm:max-w-lg md:max-w-2xl",
-              onClick: g[0] || (g[0] = F(() => {
+              onClick: v[0] || (v[0] = F(() => {
               }, ["stop"]))
             }, [
               l("div", xe, [
                 l("h2", be, [
-                  C(d.$slots, "title", {}, () => [
-                    A(w(t.title), 1)
+                  B(u.$slots, "title", {}, () => [
+                    E(w(t.title), 1)
                   ], !0)
                 ]),
                 l("button", {
                   type: "button",
                   class: "inline-flex items-center justify-center rounded-md p-1 text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
                   "aria-label": "Cerrar diálogo",
-                  onClick: i
-                }, [...g[1] || (g[1] = [
+                  onClick: r
+                }, [...v[1] || (v[1] = [
                   l("svg", {
                     class: "h-6 w-6",
                     fill: "none",
@@ -247,31 +247,31 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
                 ])])
               ]),
               l("div", he, [
-                C(d.$slots, "default", {}, void 0, !0)
+                B(u.$slots, "default", {}, void 0, !0)
               ]),
-              d.$slots.footer ? (s(), o("div", ye, [
-                C(d.$slots, "footer", {}, void 0, !0)
-              ])) : p("", !0)
+              u.$slots.footer ? (s(), o("div", ye, [
+                B(u.$slots, "footer", {}, void 0, !0)
+              ])) : g("", !0)
             ])
-          ])) : p("", !0)
+          ])) : g("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), Gt = /* @__PURE__ */ N(me, [["__scopeId", "data-v-37e19754"]]), we = ["accept", "multiple", "disabled"], ke = { class: "flex flex-col items-center justify-center gap-4 text-center" }, $e = ["src", "alt"], Ce = {
+}), ls = /* @__PURE__ */ N(me, [["__scopeId", "data-v-37e19754"]]), we = ["accept", "multiple", "disabled"], ke = { class: "flex flex-col items-center justify-center gap-4 text-center" }, $e = ["src", "alt"], Ce = {
   key: 1,
   class: "w-full h-full text-gray-400",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, Be = { class: "text-center" }, Te = { class: "text-base font-medium text-gray-700" }, Me = { class: "text-primary-700" }, ze = { class: "flex items-center gap-3 flex-1 min-w-0" }, _e = { class: "flex-1 min-w-0" }, je = { class: "text-sm font-medium text-gray-900 truncate" }, Ve = { class: "text-xs text-gray-500" }, Le = {
+}, Be = { class: "text-center" }, Me = { class: "text-base font-medium text-gray-700" }, Te = { class: "text-primary-700" }, _e = { class: "flex items-center gap-3 flex-1 min-w-0" }, ze = { class: "flex-1 min-w-0" }, je = { class: "text-sm font-medium text-gray-900 truncate" }, Ve = { class: "text-xs text-gray-500" }, Se = {
   key: 1,
   class: "text-xs text-gray-500 mt-2"
-}, Oe = {
+}, Le = {
   key: 2,
   class: "text-sm text-danger-500 mt-2"
-}, Qt = /* @__PURE__ */ E({
+}, as = /* @__PURE__ */ O({
   __name: "FileUpload",
   props: {
     modelValue: { default: null },
@@ -287,73 +287,73 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
     maxSize: { default: void 0 }
   },
   emits: ["update:modelValue", "change", "error"],
-  setup(t, { emit: h }) {
-    const e = t, r = h, a = I(null), i = I(!1), c = I(e.modelValue), d = I(""), g = u(() => ({
+  setup(t, { emit: b }) {
+    const e = t, i = b, n = P(null), r = P(!1), f = P(e.modelValue), u = P(""), v = d(() => ({
       sm: "w-20 h-20",
       md: "w-32 h-32",
       lg: "w-48 h-48",
       xl: "w-64 h-64"
-    })[e.illustrationSize]), v = () => {
-      var $;
-      ($ = a.value) == null || $.click();
-    }, m = () => {
-      e.disabled || v();
-    }, x = ($) => {
-      e.disabled || (i.value = !0);
-    }, O = () => {
-      i.value = !1;
-    }, z = ($) => {
-      if (d.value = "", e.maxSize && $.size > e.maxSize) {
-        const M = (e.maxSize / 1048576).toFixed(2);
-        return d.value = `El archivo excede el tamaño máximo de ${M}MB`, r("error", d.value), !1;
+    })[e.illustrationSize]), x = () => {
+      var k;
+      (k = n.value) == null || k.click();
+    }, y = () => {
+      e.disabled || x();
+    }, c = (k) => {
+      e.disabled || (r.value = !0);
+    }, _ = () => {
+      r.value = !1;
+    }, C = (k) => {
+      if (u.value = "", e.maxSize && k.size > e.maxSize) {
+        const j = (e.maxSize / 1048576).toFixed(2);
+        return u.value = `El archivo excede el tamaño máximo de ${j}MB`, i("error", u.value), !1;
       }
       return !0;
-    }, L = ($) => {
+    }, S = (k) => {
       var H;
-      const V = (H = $.target.files) == null ? void 0 : H[0];
-      V && z(V) && (c.value = V, r("update:modelValue", V), r("change", V));
-    }, S = ($) => {
-      var V;
-      i.value = !1;
-      const M = (V = $.dataTransfer) == null ? void 0 : V.files[0];
-      M && z(M) && (c.value = M, r("update:modelValue", M), r("change", M));
-    }, _ = () => {
-      c.value = null, d.value = "", a.value && (a.value.value = ""), r("update:modelValue", null), r("change", null);
-    }, k = ($) => {
-      if ($ === 0) return "0 Bytes";
-      const M = 1024, V = ["Bytes", "KB", "MB", "GB"], H = Math.floor(Math.log($) / Math.log(M));
-      return Math.round($ / Math.pow(M, H) * 100) / 100 + " " + V[H];
+      const I = (H = k.target.files) == null ? void 0 : H[0];
+      I && C(I) && (f.value = I, i("update:modelValue", I), i("change", I));
+    }, V = (k) => {
+      var I;
+      r.value = !1;
+      const j = (I = k.dataTransfer) == null ? void 0 : I.files[0];
+      j && C(j) && (f.value = j, i("update:modelValue", j), i("change", j));
+    }, z = () => {
+      f.value = null, u.value = "", n.value && (n.value.value = ""), i("update:modelValue", null), i("change", null);
+    }, h = (k) => {
+      if (k === 0) return "0 Bytes";
+      const j = 1024, I = ["Bytes", "KB", "MB", "GB"], H = Math.floor(Math.log(k) / Math.log(j));
+      return Math.round(k / Math.pow(j, H) * 100) / 100 + " " + I[H];
     };
-    return ($, M) => (s(), o("div", {
-      class: f(["relative border-2 border-dashed rounded-lg p-8 transition-colors", [
-        i.value ? "border-primary-700 bg-primary-50" : "border-gray-300 bg-white hover:border-primary-500",
+    return (k, j) => (s(), o("div", {
+      class: p(["relative border-2 border-dashed rounded-lg p-8 transition-colors", [
+        r.value ? "border-primary-700 bg-primary-50" : "border-gray-300 bg-white hover:border-primary-500",
         t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
       ]]),
-      onClick: m,
-      onDragover: F(x, ["prevent"]),
-      onDragleave: F(O, ["prevent"]),
-      onDrop: F(S, ["prevent"])
+      onClick: y,
+      onDragover: F(c, ["prevent"]),
+      onDragleave: F(_, ["prevent"]),
+      onDrop: F(V, ["prevent"])
     }, [
       l("input", {
         ref_key: "fileInput",
-        ref: a,
+        ref: n,
         type: "file",
         accept: t.accept,
         multiple: t.multiple,
         disabled: t.disabled,
         class: "hidden",
-        onChange: L
+        onChange: S
       }, null, 40, we),
       l("div", ke, [
         l("div", {
-          class: f([g.value, "flex items-center justify-center"])
+          class: p([v.value, "flex items-center justify-center"])
         }, [
           t.illustration ? (s(), o("img", {
             key: 0,
             src: t.illustration,
             alt: t.illustrationAlt,
             class: "max-w-full max-h-full object-contain"
-          }, null, 8, $e)) : (s(), o("svg", Ce, [...M[1] || (M[1] = [
+          }, null, 8, $e)) : (s(), o("svg", Ce, [...j[1] || (j[1] = [
             l("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -363,19 +363,19 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
           ])]))
         ], 2),
         l("div", Be, [
-          l("p", Te, [
-            A(w(t.mainText) + " ", 1),
-            l("span", Me, w(t.linkText), 1)
+          l("p", Me, [
+            E(w(t.mainText) + " ", 1),
+            l("span", Te, w(t.linkText), 1)
           ])
         ]),
-        c.value ? (s(), o("div", {
+        f.value ? (s(), o("div", {
           key: 0,
           class: "w-full max-w-md bg-gray-50 rounded-lg p-4 flex items-center justify-between",
-          onClick: M[0] || (M[0] = F(() => {
+          onClick: j[0] || (j[0] = F(() => {
           }, ["stop"]))
         }, [
-          l("div", ze, [
-            M[2] || (M[2] = l("svg", {
+          l("div", _e, [
+            j[2] || (j[2] = l("svg", {
               class: "w-6 h-6 text-gray-600 flex-shrink-0",
               fill: "none",
               stroke: "currentColor",
@@ -388,16 +388,16 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
                 d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
               })
             ], -1)),
-            l("div", _e, [
-              l("p", je, w(c.value.name), 1),
-              l("p", Ve, w(k(c.value.size)), 1)
+            l("div", ze, [
+              l("p", je, w(f.value.name), 1),
+              l("p", Ve, w(h(f.value.size)), 1)
             ])
           ]),
-          t.disabled ? p("", !0) : (s(), o("button", {
+          t.disabled ? g("", !0) : (s(), o("button", {
             key: 0,
-            onClick: F(_, ["stop"]),
+            onClick: F(z, ["stop"]),
             class: "ml-3 text-gray-400 hover:text-danger-500 transition-colors"
-          }, [...M[3] || (M[3] = [
+          }, [...j[3] || (j[3] = [
             l("svg", {
               class: "w-5 h-5",
               fill: "currentColor",
@@ -410,16 +410,16 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
               })
             ], -1)
           ])]))
-        ])) : p("", !0),
-        t.helperText ? (s(), o("p", Le, w(t.helperText), 1)) : p("", !0),
-        d.value ? (s(), o("p", Oe, w(d.value), 1)) : p("", !0)
+        ])) : g("", !0),
+        t.helperText ? (s(), o("p", Se, w(t.helperText), 1)) : g("", !0),
+        u.value ? (s(), o("p", Le, w(u.value), 1)) : g("", !0)
       ])
     ], 34));
   }
-}), Se = ["stroke-width"], De = {
+}), Ie = ["stroke-width"], Oe = {
   class: "w-full h-full rounded-lg overflow-hidden",
   style: { "background-color": "#f7f7f7" }
-}, Ie = /* @__PURE__ */ E({
+}, De = /* @__PURE__ */ O({
   __name: "Loader",
   props: {
     type: { default: "circular" },
@@ -430,28 +430,28 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
     progress: { default: void 0 }
   },
   setup(t) {
-    const h = t, e = {
+    const b = t, e = {
       primary: "text-primary-700",
       secondary: "text-secondary-500",
       success: "text-success-500",
       warning: "text-warning-500",
       danger: "text-danger-500",
       info: "text-info-500"
-    }, r = {
+    }, i = {
       primary: "bg-primary-700",
       secondary: "bg-secondary-500",
       success: "bg-success-500",
       warning: "bg-warning-500",
       danger: "bg-danger-500",
       info: "bg-info-500"
-    }, a = u(() => [e[h.color]]), i = u(() => [r[h.color]]);
-    return (c, d) => t.type === "circular" ? (s(), o("div", {
+    }, n = d(() => [e[b.color]]), r = d(() => [i[b.color]]);
+    return (f, u) => t.type === "circular" ? (s(), o("div", {
       key: 0,
-      class: f(a.value)
+      class: p(n.value)
     }, [
       (s(), o("svg", {
         class: "animate-spin",
-        style: K({ width: t.size, height: t.size }),
+        style: R({ width: t.size, height: t.size }),
         viewBox: "0 0 24 24"
       }, [
         l("circle", {
@@ -462,8 +462,8 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
           stroke: "currentColor",
           "stroke-width": t.strokeWidth,
           fill: "none"
-        }, null, 8, Se),
-        d[0] || (d[0] = l("path", {
+        }, null, 8, Ie),
+        u[0] || (u[0] = l("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"
@@ -472,20 +472,20 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
     ], 2)) : t.type === "linear" ? (s(), o("div", {
       key: 1,
       class: "w-full",
-      style: K({ height: t.height })
+      style: R({ height: t.height })
     }, [
-      l("div", De, [
+      l("div", Oe, [
         l("div", {
-          class: f([i.value, "h-full rounded-lg animate-linear-loader"]),
-          style: K({ width: t.progress ? `${t.progress}%` : void 0 })
+          class: p([r.value, "h-full rounded-lg animate-linear-loader"]),
+          style: R({ width: t.progress ? `${t.progress}%` : void 0 })
         }, null, 6)
       ])
-    ], 4)) : p("", !0);
+    ], 4)) : g("", !0);
   }
-}), Zt = /* @__PURE__ */ N(Ie, [["__scopeId", "data-v-8df4ec38"]]), Ee = ["disabled", "aria-expanded"], Ae = ["disabled", "onClick"], He = {
+}), ns = /* @__PURE__ */ N(De, [["__scopeId", "data-v-8df4ec38"]]), Ae = ["disabled", "aria-expanded"], Ee = ["disabled", "onClick"], Pe = {
   key: 0,
   class: "flex-shrink-0"
-}, We = ["innerHTML"], Fe = { class: "flex-1 min-w-0 mr-2" }, Pe = { class: "flex flex-col items-start" }, Ke = ["title"], Ne = ["title"], Re = {
+}, He = ["innerHTML"], We = { class: "flex-1 min-w-0 mr-2" }, Fe = { class: "flex flex-col items-start" }, Ne = ["title"], Re = ["title"], Ke = {
   key: 1,
   class: "flex-shrink-0"
 }, qe = {
@@ -497,7 +497,7 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, Qe = /* @__PURE__ */ E({
+}, Qe = /* @__PURE__ */ O({
   __name: "Menu",
   props: {
     items: { default: () => [] },
@@ -516,119 +516,119 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
     zIndex: { default: 50 }
   },
   emits: ["open", "close", "select"],
-  setup(t, { emit: h }) {
-    const e = t, r = h, a = I(!1), i = I(null), c = I(null), d = I({}), g = u(() => [
+  setup(t, { emit: b }) {
+    const e = t, i = b, n = P(!1), r = P(null), f = P(null), u = P({}), v = d(() => [
       "inline-flex items-center justify-center px-4 py-2 text-sm font-medium",
       "bg-white border border-secondary-300 rounded-md",
       "hover:bg-secondary-50 focus:outline-none focus:ring-2 focus:ring-primary-500",
       "disabled:opacity-50 disabled:cursor-not-allowed",
       "transition-colors"
-    ].join(" ")), v = u(() => [...[
+    ].join(" ")), x = d(() => [...[
       "fixed bg-white rounded-lg shadow-lg border border-secondary-200",
       "flex flex-col",
       "focus:outline-none"
-    ], `z-${e.zIndex}`].join(" ")), m = u(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), x = u(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), O = u(() => "py-1 overflow-y-auto flex-1 min-h-0"), z = u(() => "my-1 border-t border-secondary-200"), L = u(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), S = (n) => {
+    ], `z-${e.zIndex}`].join(" ")), y = d(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), c = d(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), _ = d(() => "py-1 overflow-y-auto flex-1 min-h-0"), C = d(() => "my-1 border-t border-secondary-200"), S = d(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), V = (a) => {
       const T = [
         "w-full flex items-center gap-3 px-4 py-2 text-sm text-left",
         "transition-colors focus:outline-none",
         "disabled:opacity-50 disabled:cursor-not-allowed"
-      ], b = n.variant || "default", R = {
+      ], m = a.variant || "default", K = {
         default: "text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50",
         danger: "text-danger-600 hover:bg-danger-50 focus:bg-danger-50",
         success: "text-success-600 hover:bg-success-50 focus:bg-success-50",
         warning: "text-warning-600 hover:bg-warning-50 focus:bg-warning-50"
       };
-      let j = "";
-      return n.color && (j = n.color, (n.color.includes("white") || n.color.includes("50")) && (j += " hover:text-black")), [...T, j || R[b]].join(" ");
-    }, _ = () => {
-      e.disabled || (a.value ? $() : k());
-    }, k = () => {
-      a.value = !0, r("open"), Z(() => {
-        B(), document.addEventListener("click", V), document.addEventListener("keydown", H);
+      let L = "";
+      return a.color && (L = a.color, (a.color.includes("white") || a.color.includes("50")) && (L += " hover:text-black")), [...T, L || K[m]].join(" ");
+    }, z = () => {
+      e.disabled || (n.value ? k() : h());
+    }, h = () => {
+      n.value = !0, i("open"), Z(() => {
+        M(), document.addEventListener("click", I), document.addEventListener("keydown", H);
       });
-    }, $ = () => {
-      a.value = !1, r("close"), document.removeEventListener("click", V), document.removeEventListener("keydown", H);
-    }, M = (n) => {
-      n.disabled || (n.action && n.action(), r("select", n), e.closeOnClick && !n.children && $());
-    }, V = (n) => {
-      const T = n.target;
-      i.value && !i.value.contains(T) && c.value && !c.value.contains(T) && $();
-    }, H = (n) => {
-      n.key === "Escape" && $();
-    }, y = (n) => {
-      (n.key === "Enter" || n.key === " ") && (n.preventDefault(), _());
-    }, B = () => {
-      if (!i.value || !c.value) return;
-      const n = i.value.getBoundingClientRect(), T = c.value.getBoundingClientRect(), b = window.innerWidth, R = window.innerHeight;
-      let j = 0, D = 0;
+    }, k = () => {
+      n.value = !1, i("close"), document.removeEventListener("click", I), document.removeEventListener("keydown", H);
+    }, j = (a) => {
+      a.disabled || (a.action && a.action(), i("select", a), e.closeOnClick && !a.children && k());
+    }, I = (a) => {
+      const T = a.target;
+      r.value && !r.value.contains(T) && f.value && !f.value.contains(T) && k();
+    }, H = (a) => {
+      a.key === "Escape" && k();
+    }, $ = (a) => {
+      (a.key === "Enter" || a.key === " ") && (a.preventDefault(), z());
+    }, M = () => {
+      if (!r.value || !f.value) return;
+      const a = r.value.getBoundingClientRect(), T = f.value.getBoundingClientRect(), m = window.innerWidth, K = window.innerHeight;
+      let L = 0, D = 0;
       switch (e.position) {
         case "bottom-start":
-          j = n.bottom + e.offset.y, D = n.left + e.offset.x;
+          L = a.bottom + e.offset.y, D = a.left + e.offset.x;
           break;
         case "bottom-end":
-          j = n.bottom + e.offset.y, D = n.right - T.width + e.offset.x;
+          L = a.bottom + e.offset.y, D = a.right - T.width + e.offset.x;
           break;
         case "top-start":
-          j = n.top - T.height - e.offset.y, D = n.left + e.offset.x;
+          L = a.top - T.height - e.offset.y, D = a.left + e.offset.x;
           break;
         case "top-end":
-          j = n.top - T.height - e.offset.y, D = n.right - T.width + e.offset.x;
+          L = a.top - T.height - e.offset.y, D = a.right - T.width + e.offset.x;
           break;
         case "right-start":
-          j = n.top + e.offset.y, D = n.right + e.offset.x;
+          L = a.top + e.offset.y, D = a.right + e.offset.x;
           break;
         case "right-end":
-          j = n.bottom - T.height + e.offset.y, D = n.right + e.offset.x;
+          L = a.bottom - T.height + e.offset.y, D = a.right + e.offset.x;
           break;
         case "left-start":
-          j = n.top + e.offset.y, D = n.left - T.width - e.offset.x;
+          L = a.top + e.offset.y, D = a.left - T.width - e.offset.x;
           break;
         case "left-end":
-          j = n.bottom - T.height + e.offset.y, D = n.left - T.width - e.offset.x;
+          L = a.bottom - T.height + e.offset.y, D = a.left - T.width - e.offset.x;
           break;
       }
-      D + T.width > b && (D = b - T.width - 8), D < 8 && (D = 8), j + T.height > R && (j = R - T.height - 8), j < 8 && (j = 8), d.value = {
-        top: `${j}px`,
+      D + T.width > m && (D = m - T.width - 8), D < 8 && (D = 8), L + T.height > K && (L = K - T.height - 8), L < 8 && (L = 8), u.value = {
+        top: `${L}px`,
         left: `${D}px`,
-        width: e.width === "auto" ? `${Math.max(n.width, 240)}px` : e.width,
+        width: e.width === "auto" ? `${Math.max(a.width, 240)}px` : e.width,
         maxHeight: e.maxHeight,
         minWidth: "240px"
       };
     };
     return ee(() => {
-      window.addEventListener("scroll", B, !0), window.addEventListener("resize", B);
+      window.addEventListener("scroll", M, !0), window.addEventListener("resize", M);
     }), te(() => {
-      window.removeEventListener("scroll", B, !0), window.removeEventListener("resize", B), document.removeEventListener("click", V), document.removeEventListener("keydown", H);
+      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M), document.removeEventListener("click", I), document.removeEventListener("keydown", H);
     }), X(() => e.items, () => {
-      a.value && Z(B);
-    }, { deep: !0 }), (n, T) => (s(), o("div", {
-      class: f(["menu-wrapper", { "w-full": t.fullWidth }])
+      n.value && Z(M);
+    }, { deep: !0 }), (a, T) => (s(), o("div", {
+      class: p(["menu-wrapper", { "w-full": t.fullWidth }])
     }, [
       l("div", {
         ref_key: "triggerRef",
-        ref: i
+        ref: r
       }, [
-        C(n.$slots, "trigger", {
-          isOpen: a.value,
-          toggle: _
+        B(a.$slots, "trigger", {
+          isOpen: n.value,
+          toggle: z
         }, () => [
           l("button", {
             type: "button",
-            class: f(g.value),
+            class: p(v.value),
             disabled: t.disabled,
-            onClick: _,
-            onKeydown: y,
+            onClick: z,
+            onKeydown: $,
             tabindex: 0,
             role: "button",
-            "aria-expanded": a.value,
+            "aria-expanded": n.value,
             "aria-haspopup": !0
           }, [
-            C(n.$slots, "trigger-content", {}, () => [
-              A(w(t.triggerText), 1)
+            B(a.$slots, "trigger-content", {}, () => [
+              E(w(t.triggerText), 1)
             ], !0),
             t.showChevron ? (s(), o("svg", {
               key: 0,
-              class: f(["w-4 h-4 ml-2 transition-transform", a.value ? "rotate-180" : ""]),
+              class: p(["w-4 h-4 ml-2 transition-transform", n.value ? "rotate-180" : ""]),
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24"
@@ -639,112 +639,112 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
                 "stroke-width": "2",
                 d: "M19 9l-7 7-7-7"
               }, null, -1)
-            ])], 2)) : p("", !0)
-          ], 42, Ee)
+            ])], 2)) : g("", !0)
+          ], 42, Ae)
         ], !0)
       ], 512),
       (s(), q(J, { to: "body" }, [
-        a.value ? (s(), o("div", {
+        n.value ? (s(), o("div", {
           key: 0,
           ref_key: "menuRef",
-          ref: c,
-          class: f(v.value),
-          style: K(d.value),
+          ref: f,
+          class: p(x.value),
+          style: R(u.value),
           onClick: T[0] || (T[0] = F(() => {
           }, ["stop"]))
         }, [
-          n.$slots.header ? (s(), o("div", {
+          a.$slots.header ? (s(), o("div", {
             key: 0,
-            class: f(m.value)
+            class: p(y.value)
           }, [
-            C(n.$slots, "header", { close: $ }, void 0, !0)
-          ], 2)) : p("", !0),
+            B(a.$slots, "header", { close: k }, void 0, !0)
+          ], 2)) : g("", !0),
           l("div", {
-            class: f(O.value)
+            class: p(_.value)
           }, [
-            C(n.$slots, "default", {
-              close: $,
-              isOpen: a.value
+            B(a.$slots, "default", {
+              close: k,
+              isOpen: n.value
             }, () => [
-              (s(!0), o(W, null, P(t.items, (b, R) => (s(), o(W, {
-                key: b.id || R
+              (s(!0), o(A, null, W(t.items, (m, K) => (s(), o(A, {
+                key: m.id || K
               }, [
-                b.type === "divider" ? (s(), o("div", {
+                m.type === "divider" ? (s(), o("div", {
                   key: 0,
-                  class: f(z.value)
-                }, null, 2)) : b.type === "header" ? (s(), o("div", {
+                  class: p(C.value)
+                }, null, 2)) : m.type === "header" ? (s(), o("div", {
                   key: 1,
-                  class: f(L.value)
-                }, w(b.label), 3)) : (s(), o("button", {
+                  class: p(S.value)
+                }, w(m.label), 3)) : (s(), o("button", {
                   key: 2,
                   type: "button",
-                  class: f(S(b)),
-                  disabled: b.disabled,
-                  onClick: (j) => M(b)
+                  class: p(V(m)),
+                  disabled: m.disabled,
+                  onClick: (L) => j(m)
                 }, [
-                  b.icon || n.$slots[`icon-${b.id}`] ? (s(), o("span", He, [
-                    C(n.$slots, `icon-${b.id}`, { item: b }, () => [
-                      typeof b.icon != "string" ? (s(), q(Y(b.icon), {
+                  m.icon || a.$slots[`icon-${m.id}`] ? (s(), o("span", Pe, [
+                    B(a.$slots, `icon-${m.id}`, { item: m }, () => [
+                      typeof m.icon != "string" ? (s(), q(Y(m.icon), {
                         key: 0,
                         class: "w-5 h-5"
                       })) : (s(), o("span", {
                         key: 1,
-                        innerHTML: b.icon,
+                        innerHTML: m.icon,
                         class: "w-5 h-5 inline-block"
-                      }, null, 8, We))
+                      }, null, 8, He))
                     ], !0)
-                  ])) : p("", !0),
-                  l("div", Fe, [
-                    C(n.$slots, `item-${b.id}`, {
-                      item: b,
-                      close: $
+                  ])) : g("", !0),
+                  l("div", We, [
+                    B(a.$slots, `item-${m.id}`, {
+                      item: m,
+                      close: k
                     }, () => [
-                      l("div", Pe, [
+                      l("div", Fe, [
                         l("span", {
                           class: "truncate w-full",
-                          title: b.label
-                        }, w(b.label), 9, Ke),
-                        b.description ? (s(), o("span", {
+                          title: m.label
+                        }, w(m.label), 9, Ne),
+                        m.description ? (s(), o("span", {
                           key: 0,
                           class: "text-xs text-secondary-500 truncate w-full",
-                          title: b.description
-                        }, w(b.description), 9, Ne)) : p("", !0)
+                          title: m.description
+                        }, w(m.description), 9, Re)) : g("", !0)
                       ])
                     ], !0)
                   ]),
-                  b.suffix || b.shortcut || n.$slots[`suffix-${b.id}`] ? (s(), o("span", Re, [
-                    C(n.$slots, `suffix-${b.id}`, { item: b }, () => [
-                      b.shortcut ? (s(), o("span", qe, w(b.shortcut), 1)) : b.suffix ? (s(), o("span", Ue, w(b.suffix), 1)) : p("", !0)
+                  m.suffix || m.shortcut || a.$slots[`suffix-${m.id}`] ? (s(), o("span", Ke, [
+                    B(a.$slots, `suffix-${m.id}`, { item: m }, () => [
+                      m.shortcut ? (s(), o("span", qe, w(m.shortcut), 1)) : m.suffix ? (s(), o("span", Ue, w(m.suffix), 1)) : g("", !0)
                     ], !0)
-                  ])) : p("", !0),
-                  b.children && b.children.length > 0 ? (s(), o("svg", Ge, [...T[2] || (T[2] = [
+                  ])) : g("", !0),
+                  m.children && m.children.length > 0 ? (s(), o("svg", Ge, [...T[2] || (T[2] = [
                     l("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M9 5l7 7-7 7"
                     }, null, -1)
-                  ])])) : p("", !0)
-                ], 10, Ae))
+                  ])])) : g("", !0)
+                ], 10, Ee))
               ], 64))), 128))
             ], !0)
           ], 2),
-          n.$slots.footer ? (s(), o("div", {
+          a.$slots.footer ? (s(), o("div", {
             key: 1,
-            class: f(x.value)
+            class: p(c.value)
           }, [
-            C(n.$slots, "footer", { close: $ }, void 0, !0)
-          ], 2)) : p("", !0)
-        ], 6)) : p("", !0),
-        a.value && t.overlay ? (s(), o("div", {
+            B(a.$slots, "footer", { close: k }, void 0, !0)
+          ], 2)) : g("", !0)
+        ], 6)) : g("", !0),
+        n.value && t.overlay ? (s(), o("div", {
           key: 1,
           class: "fixed inset-0 bg-black/20 z-40",
-          onClick: $
-        })) : p("", !0)
+          onClick: k
+        })) : g("", !0)
       ]))
     ], 2));
   }
-}), Jt = /* @__PURE__ */ N(Qe, [["__scopeId", "data-v-335f2699"]]), Ze = ["for"], Je = {
+}), rs = /* @__PURE__ */ N(Qe, [["__scopeId", "data-v-335f2699"]]), Ze = ["for"], Je = {
   key: 0,
   class: "text-danger-600"
 }, Xe = { class: "relative" }, Ye = ["id", "disabled", "aria-expanded"], et = { class: "flex-1 text-left truncate" }, tt = {
@@ -753,7 +753,7 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
 }, st = ["placeholder"], ot = { class: "max-h-64 overflow-y-auto" }, lt = {
   key: 0,
   class: "px-4 py-3 text-sm text-secondary-500 text-center"
-}, nt = ["onClick"], at = { class: "flex items-center justify-between w-full" }, rt = { class: "truncate" }, it = {
+}, at = ["onClick"], nt = { class: "flex items-center justify-between w-full" }, rt = { class: "truncate" }, it = {
   key: 0,
   class: "w-5 h-5 text-primary-600 flex-shrink-0 ml-2",
   fill: "none",
@@ -769,7 +769,7 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
 }, pt = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, gt = /* @__PURE__ */ E({
+}, gt = /* @__PURE__ */ O({
   __name: "Select",
   props: {
     modelValue: { default: null },
@@ -790,88 +790,88 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
     menuPosition: { default: "bottom" }
   },
   emits: ["update:modelValue", "change", "action"],
-  setup(t, { emit: h }) {
-    const e = t, r = h, a = I(!1), i = I(""), c = I(null), d = u(
+  setup(t, { emit: b }) {
+    const e = t, i = b, n = P(!1), r = P(""), f = P(null), u = d(
       () => `select-${Math.random().toString(36).substr(2, 9)}`
-    ), g = u(() => e.options.find((y) => y.value === e.modelValue) || null), v = u(() => {
-      if (!e.searchable || !i.value)
+    ), v = d(() => e.options.find(($) => $.value === e.modelValue) || null), x = d(() => {
+      if (!e.searchable || !r.value)
         return e.options;
-      const y = i.value.toLowerCase();
-      return e.options.filter((B) => B.label.toLowerCase().includes(y));
-    }), m = u(() => "block text-sm font-semibold text-secondary-700 mb-1"), x = u(() => {
-      const y = "w-full flex items-center justify-between gap-2 border rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-primary-500 disabled:opacity-50 disabled:cursor-not-allowed", B = {
+      const $ = r.value.toLowerCase();
+      return e.options.filter((M) => M.label.toLowerCase().includes($));
+    }), y = d(() => "block text-sm font-semibold text-secondary-700 mb-1"), c = d(() => {
+      const $ = "w-full flex items-center justify-between gap-2 border rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-primary-500 disabled:opacity-50 disabled:cursor-not-allowed", M = {
         sm: "px-3 py-1.5 text-sm",
         md: "px-4 py-2 text-base",
         lg: "px-5 py-3 text-lg"
-      }, n = {
+      }, a = {
         default: "bg-white border-secondary-300 hover:border-secondary-400",
         outline: "bg-transparent border-secondary-300 hover:border-primary-500",
         filled: "bg-secondary-100 border-transparent hover:bg-secondary-200"
       }, T = e.error ? "border-danger-600 focus:ring-danger-500" : "";
       return [
-        y,
-        B[e.size],
-        n[e.variant],
+        $,
+        M[e.size],
+        a[e.variant],
         T
       ].join(" ");
-    }), O = u(() => `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`), z = (y) => {
-      const B = "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", n = S(y) ? "bg-primary-50" : "";
-      return [B, n].join(" ");
-    }, L = (y) => {
-      const B = "w-full px-4 py-2 text-left text-sm font-semibold transition-colors focus:outline-none flex items-center gap-3";
-      return y.variant === "danger" ? `${B} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${B} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
-    }, S = (y) => y.value === e.modelValue, _ = () => {
-      e.disabled || (a.value = !a.value, a.value && e.searchable && Z(() => {
-        var y;
-        (y = c.value) == null || y.focus();
+    }), _ = d(() => `absolute ${e.menuPosition === "top" ? "bottom-full mb-1" : "top-full mt-1"} left-0 right-0 bg-white rounded-lg shadow-lg border border-secondary-200 z-50 overflow-hidden`), C = ($) => {
+      const M = "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", a = V($) ? "bg-primary-50" : "";
+      return [M, a].join(" ");
+    }, S = ($) => {
+      const M = "w-full px-4 py-2 text-left text-sm font-semibold transition-colors focus:outline-none flex items-center gap-3";
+      return $.variant === "danger" ? `${M} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${M} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
+    }, V = ($) => $.value === e.modelValue, z = () => {
+      e.disabled || (n.value = !n.value, n.value && e.searchable && Z(() => {
+        var $;
+        ($ = f.value) == null || $.focus();
       }));
-    }, k = () => {
-      a.value = !1, i.value = "";
-    }, $ = (y) => {
-      y.disabled || (r("update:modelValue", y.value), r("change", y), k());
-    }, M = (y) => {
-      y.action && y.action(), r("action", y), k();
-    }, V = (y) => {
-      const B = y.relatedTarget;
-      B && B.closest(".select-wrapper") || setTimeout(() => {
-        k();
+    }, h = () => {
+      n.value = !1, r.value = "";
+    }, k = ($) => {
+      $.disabled || (i("update:modelValue", $.value), i("change", $), h());
+    }, j = ($) => {
+      $.action && $.action(), i("action", $), h();
+    }, I = ($) => {
+      const M = $.relatedTarget;
+      M && M.closest(".select-wrapper") || setTimeout(() => {
+        h();
       }, 200);
-    }, H = (y) => {
-      y.key === "Escape" ? k() : (y.key === "Enter" || y.key === " ") && (y.preventDefault(), _());
+    }, H = ($) => {
+      $.key === "Escape" ? h() : ($.key === "Enter" || $.key === " ") && ($.preventDefault(), z());
     };
-    return X(a, (y) => {
-      y && (i.value = "");
-    }), (y, B) => (s(), o("div", {
-      class: f(["select-wrapper", { "w-full": t.fullWidth }])
+    return X(n, ($) => {
+      $ && (r.value = "");
+    }), ($, M) => (s(), o("div", {
+      class: p(["select-wrapper", { "w-full": t.fullWidth }])
     }, [
       t.label ? (s(), o("label", {
         key: 0,
-        for: d.value,
-        class: f(m.value)
+        for: u.value,
+        class: p(y.value)
       }, [
-        A(w(t.label) + " ", 1),
-        t.required ? (s(), o("span", Je, "*")) : p("", !0)
-      ], 10, Ze)) : p("", !0),
+        E(w(t.label) + " ", 1),
+        t.required ? (s(), o("span", Je, "*")) : g("", !0)
+      ], 10, Ze)) : g("", !0),
       l("div", Xe, [
         l("button", {
-          id: d.value,
+          id: u.value,
           type: "button",
-          class: f(x.value),
+          class: p(c.value),
           disabled: t.disabled,
-          "aria-expanded": a.value,
+          "aria-expanded": n.value,
           "aria-haspopup": !0,
-          onClick: _,
-          onBlur: V,
+          onClick: z,
+          onBlur: I,
           onKeydown: H
         }, [
-          l("span", et, w(g.value ? g.value.label : t.placeholder), 1),
+          l("span", et, w(v.value ? v.value.label : t.placeholder), 1),
           (s(), o("svg", {
-            class: f(["w-5 h-5 flex-shrink-0 transition-transform text-secondary-600", a.value ? "rotate-180" : ""]),
+            class: p(["w-5 h-5 flex-shrink-0 transition-transform text-secondary-600", n.value ? "rotate-180" : ""]),
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24",
             xmlns: "http://www.w3.org/2000/svg"
-          }, [...B[3] || (B[3] = [
+          }, [...M[3] || (M[3] = [
             l("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -880,77 +880,77 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
             }, null, -1)
           ])], 2))
         ], 42, Ye),
-        a.value ? (s(), o("div", {
+        n.value ? (s(), o("div", {
           key: 0,
-          class: f(O.value),
-          onClick: B[2] || (B[2] = F(() => {
+          class: p(_.value),
+          onClick: M[2] || (M[2] = F(() => {
           }, ["stop"]))
         }, [
           t.searchable ? (s(), o("div", tt, [
             se(l("input", {
               ref_key: "searchInput",
-              ref: c,
-              "onUpdate:modelValue": B[0] || (B[0] = (n) => i.value = n),
+              ref: f,
+              "onUpdate:modelValue": M[0] || (M[0] = (a) => r.value = a),
               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: B[1] || (B[1] = F(() => {
+              onKeydown: M[1] || (M[1] = F(() => {
               }, ["stop"]))
             }, null, 40, st), [
-              [oe, i.value]
+              [oe, r.value]
             ])
-          ])) : p("", !0),
+          ])) : g("", !0),
           l("div", ot, [
-            v.value.length === 0 ? (s(), o("div", lt, w(t.emptyText), 1)) : (s(), o(W, { key: 1 }, [
-              (s(!0), o(W, null, P(v.value, (n) => (s(), o("button", {
-                key: n.value,
+            x.value.length === 0 ? (s(), o("div", lt, w(t.emptyText), 1)) : (s(), o(A, { key: 1 }, [
+              (s(!0), o(A, null, W(x.value, (a) => (s(), o("button", {
+                key: a.value,
                 type: "button",
-                class: f(z(n)),
-                onClick: (T) => $(n)
+                class: p(C(a)),
+                onClick: (T) => k(a)
               }, [
-                l("div", at, [
-                  l("span", rt, w(n.label), 1),
-                  S(n) ? (s(), o("svg", it, [...B[4] || (B[4] = [
+                l("div", nt, [
+                  l("span", rt, w(a.label), 1),
+                  V(a) ? (s(), o("svg", it, [...M[4] || (M[4] = [
                     l("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M5 13l4 4L19 7"
                     }, null, -1)
-                  ])])) : p("", !0)
+                  ])])) : g("", !0)
                 ])
-              ], 10, nt))), 128)),
-              t.actionItems.length > 0 ? (s(), o("div", dt)) : p("", !0),
-              (s(!0), o(W, null, P(t.actionItems, (n) => (s(), o("button", {
-                key: n.id,
+              ], 10, at))), 128)),
+              t.actionItems.length > 0 ? (s(), o("div", dt)) : g("", !0),
+              (s(!0), o(A, null, W(t.actionItems, (a) => (s(), o("button", {
+                key: a.id,
                 type: "button",
-                class: f(L(n)),
-                onClick: (T) => M(n)
+                class: p(S(a)),
+                onClick: (T) => j(a)
               }, [
-                n.icon ? (s(), o("svg", {
+                a.icon ? (s(), o("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: n.icon
-                }, null, 8, ct)) : p("", !0),
-                A(" " + w(n.label), 1)
+                  innerHTML: a.icon
+                }, null, 8, ct)) : g("", !0),
+                E(" " + w(a.label), 1)
               ], 10, ut))), 128))
             ], 64))
           ])
-        ], 2)) : p("", !0)
+        ], 2)) : g("", !0)
       ]),
-      t.error ? (s(), o("p", ft, w(t.error), 1)) : t.helperText ? (s(), o("p", pt, w(t.helperText), 1)) : p("", !0),
-      a.value ? (s(), o("div", {
+      t.error ? (s(), o("p", ft, w(t.error), 1)) : t.helperText ? (s(), o("p", pt, w(t.helperText), 1)) : g("", !0),
+      n.value ? (s(), o("div", {
         key: 3,
-        onClick: k,
+        onClick: h,
         class: "fixed inset-0 z-40"
-      })) : p("", !0)
+      })) : g("", !0)
     ], 2));
   }
-}), Xt = /* @__PURE__ */ N(gt, [["__scopeId", "data-v-f016a03c"]]), vt = /* @__PURE__ */ E({
+}), is = /* @__PURE__ */ N(gt, [["__scopeId", "data-v-f016a03c"]]), vt = /* @__PURE__ */ O({
   __name: "Sidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -965,58 +965,58 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
     padding: { default: "md" }
   },
   emits: ["update:modelValue", "close", "open"],
-  setup(t, { emit: h }) {
-    const e = t, r = h, a = u({
+  setup(t, { emit: b }) {
+    const e = t, i = b, n = d({
       get: () => e.modelValue,
-      set: (z) => r("update:modelValue", z)
-    }), i = () => {
-      e.persistent || (a.value = !1, r("close"));
-    }, c = u(() => e.position === "left" ? "slide-right" : "slide-left"), d = u(() => {
-      const z = "fixed top-0 h-full z-50 flex flex-col w-full max-w-full sm:max-w-none", L = e.position === "left" ? "left-0" : "right-0", S = e.shadow ? e.position === "left" ? "shadow-[2px_0_8px_rgba(0,0,0,0.1)]" : "shadow-[-2px_0_8px_rgba(0,0,0,0.1)]" : "";
-      return [z, L, S].filter(Boolean).join(" ");
-    }), g = u(() => ({
+      set: (C) => i("update:modelValue", C)
+    }), r = () => {
+      e.persistent || (n.value = !1, i("close"));
+    }, f = d(() => e.position === "left" ? "slide-right" : "slide-left"), u = d(() => {
+      const C = "fixed top-0 h-full z-50 flex flex-col w-full max-w-full sm:max-w-none", S = e.position === "left" ? "left-0" : "right-0", V = e.shadow ? e.position === "left" ? "shadow-[2px_0_8px_rgba(0,0,0,0.1)]" : "shadow-[-2px_0_8px_rgba(0,0,0,0.1)]" : "";
+      return [C, S, V].filter(Boolean).join(" ");
+    }), v = d(() => ({
       // Base fluid width; respect custom width as max constraint
       width: "100%",
       maxWidth: e.width,
       backgroundColor: e.backgroundColor,
       top: e.overlayTop,
       height: e.overlayTop !== "0" ? `calc(100vh - ${e.overlayTop})` : "100vh"
-    })), v = {
+    })), x = {
       none: "",
       sm: "p-2",
       md: "p-4",
       lg: "p-6"
-    }, m = u(() => `flex items-center justify-between border-b border-gray-200 ${v[e.padding]}`), x = u(() => `flex-1 overflow-y-auto ${v[e.padding]}`), O = u(() => `border-t border-gray-200 ${v[e.padding]}`);
-    return (z, L) => (s(), q(J, { to: "body" }, [
+    }, y = d(() => `flex items-center justify-between border-b border-gray-200 ${x[e.padding]}`), c = d(() => `flex-1 overflow-y-auto ${x[e.padding]}`), _ = d(() => `border-t border-gray-200 ${x[e.padding]}`);
+    return (C, S) => (s(), q(J, { to: "body" }, [
       G(Q, { name: "fade" }, {
         default: U(() => [
-          a.value && t.overlay ? (s(), o("div", {
+          n.value && t.overlay ? (s(), o("div", {
             key: 0,
-            onClick: i,
+            onClick: r,
             class: "fixed inset-0 bg-black/50 z-40",
-            style: K({ top: t.overlayTop })
-          }, null, 4)) : p("", !0)
+            style: R({ top: t.overlayTop })
+          }, null, 4)) : g("", !0)
         ]),
         _: 1
       }),
-      G(Q, { name: c.value }, {
+      G(Q, { name: f.value }, {
         default: U(() => [
-          a.value ? (s(), o("aside", {
+          n.value ? (s(), o("aside", {
             key: 0,
-            class: f(d.value),
-            style: K(g.value)
+            class: p(u.value),
+            style: R(v.value)
           }, [
-            z.$slots.header ? (s(), o("div", {
+            C.$slots.header ? (s(), o("div", {
               key: 0,
-              class: f(m.value)
+              class: p(y.value)
             }, [
-              C(z.$slots, "header", {}, void 0, !0),
+              B(C.$slots, "header", {}, void 0, !0),
               t.closable ? (s(), o("button", {
                 key: 0,
-                onClick: i,
+                onClick: r,
                 class: "p-2 hover:bg-gray-100 rounded-md transition-colors",
                 "aria-label": "Cerrar menú"
-              }, [...L[0] || (L[0] = [
+              }, [...S[0] || (S[0] = [
                 l("svg", {
                   class: "w-5 h-5",
                   fill: "none",
@@ -1030,38 +1030,38 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
                     d: "M6 18L18 6M6 6l12 12"
                   })
                 ], -1)
-              ])])) : p("", !0)
-            ], 2)) : p("", !0),
+              ])])) : g("", !0)
+            ], 2)) : g("", !0),
             l("div", {
-              class: f(x.value)
+              class: p(c.value)
             }, [
-              C(z.$slots, "default", {}, void 0, !0)
+              B(C.$slots, "default", {}, void 0, !0)
             ], 2),
-            z.$slots.footer ? (s(), o("div", {
+            C.$slots.footer ? (s(), o("div", {
               key: 1,
-              class: f(O.value)
+              class: p(_.value)
             }, [
-              C(z.$slots, "footer", {}, void 0, !0)
-            ], 2)) : p("", !0)
-          ], 6)) : p("", !0)
+              B(C.$slots, "footer", {}, void 0, !0)
+            ], 2)) : g("", !0)
+          ], 6)) : g("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ]));
   }
-}), Yt = /* @__PURE__ */ N(vt, [["__scopeId", "data-v-b208234c"]]), xt = { class: "w-full space-y-4" }, bt = { class: "flex flex-col gap-3 md:hidden" }, ht = { class: "text-[11px] uppercase tracking-wide text-gray-400" }, yt = { class: "text-sm text-gray-700" }, mt = {
+}), ds = /* @__PURE__ */ N(vt, [["__scopeId", "data-v-b208234c"]]), xt = { class: "w-full space-y-4" }, bt = { class: "flex flex-col gap-3 md:hidden" }, ht = { class: "text-[11px] uppercase tracking-wide text-gray-400" }, yt = { class: "text-sm text-gray-700" }, mt = {
   key: 0,
   class: "rounded-lg border border-dashed border-gray-200 bg-white p-4 text-gray-400 text-center"
-}, wt = { class: "hidden md:block w-full overflow-x-auto" }, kt = { class: "w-full border-collapse" }, $t = { class: "w-full" }, Ct = ["onClick"], Bt = { class: "flex items-center gap-2" }, Tt = {
+}, wt = { class: "hidden md:block w-full overflow-x-auto" }, kt = { class: "w-full border-collapse" }, $t = { class: "w-full" }, Ct = ["onClick"], Bt = { class: "flex items-center gap-2" }, Mt = {
   key: 0,
   class: "text-xs text-gray-400"
-}, Mt = { key: 0 }, zt = { key: 1 }, _t = { class: "w-full" }, jt = {
+}, Tt = { key: 0 }, _t = { key: 1 }, zt = { class: "w-full" }, jt = {
   key: 0,
   class: "flex items-center justify-center py-12 text-gray-400"
 }, Vt = {
   key: 0,
   class: "w-full px-6 py-4 bg-white"
-}, Lt = /* @__PURE__ */ E({
+}, St = /* @__PURE__ */ O({
   __name: "Table",
   props: {
     columns: {},
@@ -1072,147 +1072,147 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
     rowClass: { default: void 0 }
   },
   setup(t) {
-    const h = t, e = I(null), r = I("asc"), a = (d) => {
-      e.value === d ? r.value = r.value === "asc" ? "desc" : "asc" : (e.value = d, r.value = "asc");
-    }, i = u(() => {
+    const b = t, e = P(null), i = P("asc"), n = (u) => {
+      e.value === u ? i.value = i.value === "asc" ? "desc" : "asc" : (e.value = u, i.value = "asc");
+    }, r = d(() => {
       if (!e.value)
-        return h.data;
-      const d = [...h.data];
-      return d.sort((g, v) => {
-        const m = g[e.value], x = v[e.value];
-        return typeof m == "string" && typeof x == "string" ? r.value === "asc" ? m.localeCompare(x) : x.localeCompare(m) : typeof m == "number" && typeof x == "number" ? r.value === "asc" ? m - x : x - m : 0;
-      }), d;
-    }), c = u(() => h.columns.filter((d) => !d.hideOnMobile));
-    return (d, g) => (s(), o("div", xt, [
+        return b.data;
+      const u = [...b.data];
+      return u.sort((v, x) => {
+        const y = v[e.value], c = x[e.value];
+        return typeof y == "string" && typeof c == "string" ? i.value === "asc" ? y.localeCompare(c) : c.localeCompare(y) : typeof y == "number" && typeof c == "number" ? i.value === "asc" ? y - c : c - y : 0;
+      }), u;
+    }), f = d(() => b.columns.filter((u) => !u.hideOnMobile));
+    return (u, v) => (s(), o("div", xt, [
       l("div", bt, [
-        (s(!0), o(W, null, P(i.value, (v, m) => (s(), o("div", {
-          key: `card-${m}`,
+        (s(!0), o(A, null, W(r.value, (x, y) => (s(), o("div", {
+          key: `card-${y}`,
           class: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm"
         }, [
-          (s(!0), o(W, null, P(c.value, (x) => (s(), o("div", {
-            key: `card-${m}-${x.key}`,
+          (s(!0), o(A, null, W(f.value, (c) => (s(), o("div", {
+            key: `card-${y}-${c.key}`,
             class: "flex flex-col gap-1 py-1"
           }, [
-            l("span", ht, w(x.label), 1),
+            l("span", ht, w(c.label), 1),
             l("span", yt, [
-              C(d.$slots, `cell-${x.key}`, {
-                value: v[x.key],
-                row: v
+              B(u.$slots, `cell-${c.key}`, {
+                value: x[c.key],
+                row: x
               }, () => [
-                A(w(v[x.key]), 1)
+                E(w(x[c.key]), 1)
               ], !0)
             ])
           ]))), 128))
         ]))), 128)),
-        i.value.length === 0 ? (s(), o("div", mt, [
-          C(d.$slots, "empty", {}, () => [
-            g[0] || (g[0] = A("No hay datos disponibles", -1))
+        r.value.length === 0 ? (s(), o("div", mt, [
+          B(u.$slots, "empty", {}, () => [
+            v[0] || (v[0] = E("No hay datos disponibles", -1))
           ], !0)
-        ])) : p("", !0)
+        ])) : g("", !0)
       ]),
       l("div", wt, [
         l("table", kt, [
           l("thead", $t, [
             l("tr", {
-              class: f([
+              class: p([
                 "w-full",
-                h.headerClass || "bg-neutral-50 border-b border-gray-100"
+                b.headerClass || "bg-neutral-50 border-b border-gray-100"
               ])
             }, [
-              (s(!0), o(W, null, P(t.columns, (v) => (s(), o("th", {
-                key: v.key,
-                style: K(v.width ? { width: v.width } : {}),
-                class: f([
+              (s(!0), o(A, null, W(t.columns, (x) => (s(), o("th", {
+                key: x.key,
+                style: R(x.width ? { width: x.width } : {}),
+                class: p([
                   "px-4 py-3 text-left text-xs font-semibold text-gray-700 border-l border-gray-100 first:border-l-0",
-                  v.sortable ? "cursor-pointer hover:text-primary-600 select-none transition-colors" : "",
-                  h.headerCellClass
+                  x.sortable ? "cursor-pointer hover:text-primary-600 select-none transition-colors" : "",
+                  b.headerCellClass
                 ]),
-                onClick: (m) => v.sortable && a(v.key)
+                onClick: (y) => x.sortable && n(x.key)
               }, [
                 l("div", Bt, [
-                  l("span", null, w(v.label), 1),
-                  v.sortable ? (s(), o("span", Tt, [
-                    e.value !== v.key ? (s(), o("span", Mt, "⇅")) : (s(), o("span", zt, w(r.value === "asc" ? "↑" : "↓"), 1))
-                  ])) : p("", !0)
+                  l("span", null, w(x.label), 1),
+                  x.sortable ? (s(), o("span", Mt, [
+                    e.value !== x.key ? (s(), o("span", Tt, "⇅")) : (s(), o("span", _t, w(i.value === "asc" ? "↑" : "↓"), 1))
+                  ])) : g("", !0)
                 ])
               ], 14, Ct))), 128))
             ], 2)
           ]),
-          l("tbody", _t, [
-            (s(!0), o(W, null, P(i.value, (v, m) => (s(), o("tr", {
-              key: m,
-              class: f([
+          l("tbody", zt, [
+            (s(!0), o(A, null, W(r.value, (x, y) => (s(), o("tr", {
+              key: y,
+              class: p([
                 "w-full border-b border-gray-200 hover:bg-gray-50 transition-colors",
-                h.rowClass
+                b.rowClass
               ])
             }, [
-              (s(!0), o(W, null, P(t.columns, (x) => (s(), o("td", {
-                key: `${m}-${x.key}`,
-                class: f([
+              (s(!0), o(A, null, W(t.columns, (c) => (s(), o("td", {
+                key: `${y}-${c.key}`,
+                class: p([
                   "px-4 py-3 text-xs text-gray-600 border-l border-gray-100 first:border-l-0",
-                  h.cellClass
+                  b.cellClass
                 ])
               }, [
-                C(d.$slots, `cell-${x.key}`, {
-                  value: v[x.key],
-                  row: v
+                B(u.$slots, `cell-${c.key}`, {
+                  value: x[c.key],
+                  row: x
                 }, () => [
-                  A(w(v[x.key]), 1)
+                  E(w(x[c.key]), 1)
                 ], !0)
               ], 2))), 128))
             ], 2))), 128))
           ])
         ]),
-        i.value.length === 0 ? (s(), o("div", jt, [
-          C(d.$slots, "empty", {}, () => [
-            g[1] || (g[1] = A("No hay datos disponibles", -1))
+        r.value.length === 0 ? (s(), o("div", jt, [
+          B(u.$slots, "empty", {}, () => [
+            v[1] || (v[1] = E("No hay datos disponibles", -1))
           ], !0)
-        ])) : p("", !0)
+        ])) : g("", !0)
       ]),
-      d.$slots.footer ? (s(), o("div", Vt, [
-        C(d.$slots, "footer", {}, void 0, !0)
-      ])) : p("", !0)
+      u.$slots.footer ? (s(), o("div", Vt, [
+        B(u.$slots, "footer", {}, void 0, !0)
+      ])) : g("", !0)
     ]));
   }
-}), es = /* @__PURE__ */ N(Lt, [["__scopeId", "data-v-8e7ce66d"]]), Ot = { class: "w-full" }, St = {
-  class: "flex flex-col sm:flex-row border-b border-gray-100",
+}), us = /* @__PURE__ */ N(St, [["__scopeId", "data-v-8e7ce66d"]]), Lt = { class: "w-full" }, It = {
+  class: "tabs-container flex flex-col sm:flex-row",
   role: "tablist"
-}, Dt = ["aria-selected", "onClick"], It = { role: "tabpanel" }, Et = "relative w-full sm:w-auto text-left sm:text-center px-4 sm:px-6 py-3 text-base font-semibold tracking-wide transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500", At = "text-primary-700 border-b-4 border-primary-700", Ht = "text-gray-600 border-b-4 border-transparent hover:text-gray-800", ts = /* @__PURE__ */ E({
+}, Ot = ["aria-selected", "onClick"], Dt = { role: "tabpanel" }, At = "relative w-full sm:w-auto text-left sm:text-center px-4 sm:px-6 py-3 text-base font-semibold tracking-wide transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500 border-b-2", Et = "text-primary-600 border-primary-600", Pt = "hover:text-secondary-700 border-gray-100", Ht = /* @__PURE__ */ O({
   __name: "Tabs",
   props: {
     modelValue: {},
     tabs: {}
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: h }) {
-    const e = t, r = h, a = (g) => e.modelValue === g, i = (g) => {
-      a(g) || r("update:modelValue", g);
-    }, c = u(() => e.modelValue), d = u(
-      () => e.tabs.find((g) => g.value === c.value)
+  setup(t, { emit: b }) {
+    const e = t, i = b, n = (v) => e.modelValue === v, r = (v) => {
+      n(v) || i("update:modelValue", v);
+    }, f = d(() => e.modelValue), u = d(
+      () => e.tabs.find((v) => v.value === f.value)
     );
-    return (g, v) => (s(), o("div", Ot, [
-      l("div", St, [
-        (s(!0), o(W, null, P(t.tabs, (m) => (s(), o("button", {
-          key: m.value,
+    return (v, x) => (s(), o("div", Lt, [
+      l("div", It, [
+        (s(!0), o(A, null, W(t.tabs, (y) => (s(), o("button", {
+          key: y.value,
           type: "button",
-          class: f([
-            Et,
-            a(m.value) ? At : Ht
+          class: p([
+            At,
+            n(y.value) ? Et : Pt
           ]),
-          "aria-selected": a(m.value),
+          "aria-selected": n(y.value),
           role: "tab",
-          onClick: (x) => i(m.value)
-        }, w(m.label), 11, Dt))), 128))
+          onClick: (c) => r(y.value)
+        }, w(y.label), 11, Ot))), 128))
       ]),
-      l("div", It, [
-        C(g.$slots, c.value, {
-          active: c.value,
-          tab: d.value
-        })
+      l("div", Dt, [
+        B(v.$slots, f.value, {
+          active: f.value,
+          tab: u.value
+        }, void 0, !0)
       ])
     ]));
   }
-}), Wt = "font-sans", ss = /* @__PURE__ */ E({
+}), cs = /* @__PURE__ */ N(Ht, [["__scopeId", "data-v-b5a754bd"]]), Wt = "font-sans", fs = /* @__PURE__ */ O({
   __name: "Text",
   props: {
     variant: { default: "body1" },
@@ -1224,7 +1224,7 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
     weight: {}
   },
   setup(t) {
-    const h = {
+    const b = {
       h1: "text-[40px] leading-[57px] tracking-[0px] font-extrabold",
       h2: "text-[40px] leading-[57px] tracking-[0px] font-bold",
       h3: "text-[28px] leading-[39px] tracking-[0px] font-extrabold",
@@ -1264,12 +1264,12 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
       button3: "span",
       caption: "span",
       overline: "span"
-    }, r = {
+    }, i = {
       left: "text-left",
       center: "text-center",
       right: "text-right",
       justify: "text-justify"
-    }, a = {
+    }, n = {
       default: "text-secondary-900",
       muted: "text-secondary-600",
       primary: "text-primary-600",
@@ -1277,37 +1277,127 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
       danger: "text-danger-600",
       success: "text-success-600",
       warning: "text-warning-600"
-    }, i = {
+    }, r = {
       light: "font-light",
       normal: "font-normal",
       medium: "font-medium",
       semibold: "font-semibold",
       bold: "font-bold",
       extrabold: "font-extrabold"
-    }, c = t, d = u(() => c.variant), g = u(() => c.color), v = u(() => c.align), m = u(() => c.as || e[d.value] || "span"), x = u(() => c.weight ? i[c.weight] : "");
-    return (O, z) => (s(), q(Y(m.value), {
-      class: f([
+    }, f = t, u = d(() => f.variant), v = d(() => f.color), x = d(() => f.align), y = d(() => f.as || e[u.value] || "span"), c = d(() => f.weight ? r[f.weight] : "");
+    return (_, C) => (s(), q(Y(y.value), {
+      class: p([
         Wt,
-        h[d.value],
-        a[g.value],
-        r[v.value],
-        x.value,
+        b[u.value],
+        n[v.value],
+        i[x.value],
+        c.value,
         {
-          uppercase: t.uppercase || d.value === "overline",
+          uppercase: t.uppercase || u.value === "overline",
           truncate: t.truncate
         }
       ])
     }, {
       default: U(() => [
-        C(O.$slots, "default")
+        B(_.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Ft = ["data-node-id"], Pt = { class: "shrink-0 size-12 rounded-full bg-[var(--neutrales/fondo-general-claro,#f7f7f7)] grid place-items-center" }, Kt = {
+}), Ft = { class: "w-full flex items-center justify-between gap-3 py-2" }, Nt = {
+  key: 0,
+  class: "text-xs text-secondary-600"
+}, Rt = { key: 0 }, Kt = {
+  class: "ml-auto inline-flex items-center gap-1",
+  role: "navigation",
+  "aria-label": "Pagination"
+}, qt = ["disabled"], Ut = {
+  key: 0,
+  class: "h-8 min-w-8 px-2 inline-flex items-center justify-center text-secondary-500"
+}, Gt = ["aria-label", "onClick"], Qt = ["disabled"], Zt = /* @__PURE__ */ O({
+  __name: "Pagination",
+  props: {
+    modelValue: { default: 1 },
+    totalItems: { default: 0 },
+    pageSize: { default: 10 },
+    maxPages: { default: 5 },
+    previousText: { default: "Anterior" },
+    nextText: { default: "Siguiente" },
+    showSummary: { type: Boolean, default: !0 },
+    itemLabel: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: b }) {
+    const e = t, i = b, n = d(() => {
+      const c = Math.ceil(e.totalItems / e.pageSize);
+      return c > 0 ? c : 1;
+    }), r = d(() => {
+      const c = Number(e.modelValue || 1);
+      return c < 1 ? 1 : c > n.value ? n.value : c;
+    }), f = d(() => e.totalItems === 0 ? 0 : (r.value - 1) * e.pageSize + 1), u = d(() => Math.min(r.value * e.pageSize, e.totalItems)), v = d(() => `Mostrando ${f.value} a ${u.value} de ${e.totalItems}`), x = d(() => {
+      const c = n.value, _ = Math.max(3, e.maxPages), C = r.value;
+      if (c <= _)
+        return Array.from({ length: c }, (k, j) => j + 1);
+      const S = Math.floor(_ / 2);
+      let V = Math.max(1, C - S), z = Math.min(c, V + _ - 1);
+      V = Math.max(1, Math.min(V, z - _ + 1));
+      const h = [];
+      V > 1 && (h.push(1), V > 2 && h.push("…"));
+      for (let k = V; k <= z; k++)
+        h.push(k);
+      return z < c && (z < c - 1 && h.push("…"), h.push(c)), h;
+    });
+    function y(c) {
+      const _ = Math.max(1, Math.min(c, n.value));
+      _ !== r.value && (i("update:modelValue", _), i("change", _));
+    }
+    return (c, _) => (s(), o("div", Ft, [
+      t.showSummary ? (s(), o("div", Nt, [
+        B(c.$slots, "summary", {
+          start: f.value,
+          end: u.value,
+          total: t.totalItems
+        }, () => [
+          E(w(v.value), 1),
+          t.itemLabel ? (s(), o("span", Rt, w(t.itemLabel), 1)) : g("", !0)
+        ], !0)
+      ])) : g("", !0),
+      l("nav", Kt, [
+        l("button", {
+          type: "button",
+          class: "h-8 px-3 rounded-full text-sm font-semibold text-secondary-700 hover:bg-secondary-100 disabled:opacity-50 disabled:cursor-not-allowed",
+          disabled: r.value <= 1,
+          onClick: _[0] || (_[0] = (C) => y(r.value - 1)),
+          "aria-label": "Anterior"
+        }, w(t.previousText), 9, qt),
+        (s(!0), o(A, null, W(x.value, (C, S) => (s(), o(A, {
+          key: `page-${S}-${C}`
+        }, [
+          C === "…" ? (s(), o("span", Ut, " … ")) : (s(), o("button", {
+            key: 1,
+            type: "button",
+            "aria-label": `Página ${C}`,
+            class: p([
+              "h-8 min-w-8 px-3 rounded-full text-sm font-semibold transition-colors",
+              C === r.value ? "bg-primary-500 text-white" : "text-secondary-700 hover:bg-secondary-100"
+            ]),
+            onClick: (V) => y(C)
+          }, w(C), 11, Gt))
+        ], 64))), 128)),
+        l("button", {
+          type: "button",
+          class: "h-8 px-3 rounded-full text-sm font-semibold text-secondary-700 hover:bg-secondary-100 disabled:opacity-50 disabled:cursor-not-allowed",
+          disabled: r.value >= n.value,
+          onClick: _[1] || (_[1] = (C) => y(r.value + 1)),
+          "aria-label": "Siguiente"
+        }, w(t.nextText), 9, Qt)
+      ])
+    ]));
+  }
+}), ps = /* @__PURE__ */ N(Zt, [["__scopeId", "data-v-87417cc4"]]), Jt = ["data-node-id"], Xt = { class: "shrink-0 size-12 rounded-full bg-[var(--neutrales/fondo-general-claro,#f7f7f7)] grid place-items-center" }, Yt = {
   key: 1,
   class: "flex justify-end gap-1 px-6 pb-6 pt-4"
-}, os = /* @__PURE__ */ E({
+}, gs = /* @__PURE__ */ O({
   __name: "Alert",
   props: {
     variant: {},
@@ -1320,10 +1410,10 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
     stackOn: {}
   },
   emits: ["close", "accept", "cancel"],
-  setup(t, { emit: h }) {
-    const e = h, r = t, a = u(() => r.variant ?? "info"), i = u(() => r.multiline ?? !1), c = u(() => r.actions ?? !1), d = u(() => r.nodeId ?? void 0), g = () => e("close"), v = u(() => {
-      if (r.title) return r.title;
-      switch (a.value) {
+  setup(t, { emit: b }) {
+    const e = b, i = t, n = d(() => i.variant ?? "info"), r = d(() => i.multiline ?? !1), f = d(() => i.actions ?? !1), u = d(() => i.nodeId ?? void 0), v = () => e("close"), x = d(() => {
+      if (i.title) return i.title;
+      switch (n.value) {
         case "info":
           return "Alerta de información";
         case "warning":
@@ -1333,8 +1423,8 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
         case "error":
           return "Alerta de error";
       }
-    }), m = u(() => r.description ?? ""), x = u(() => {
-      switch (a.value) {
+    }), y = d(() => i.description ?? ""), c = d(() => {
+      switch (n.value) {
         case "info":
           return {
             border: "border-[var(--semantica/info,#0064ff)]",
@@ -1360,31 +1450,31 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
             icon: "text-[#ff4235]"
           };
       }
-    }), O = u(() => "bg-[var(--color-primario/700,#269ea4)]"), z = u(() => {
-      const _ = "flex w-full items-start gap-4 flex-col";
-      if (!r.stackOn) return `${_} sm:flex-row sm:items-center`;
-      const k = r.stackOn, $ = `${k}:flex-row ${k}:items-center`;
-      return `${_} ${$}`;
-    }), L = u(() => {
-      if (!r.stackOn) return "flex-col sm:flex-row items-start sm:items-center";
-      const _ = r.stackOn;
-      return `flex-col ${_}:flex-row items-start ${_}:items-center`;
-    }), S = u(() => r.stackOn ? `self-start ${r.stackOn}:self-auto` : "self-start sm:self-auto");
-    return (_, k) => (s(), o("div", {
-      class: f(["relative w-full rounded-xl border", [
-        x.value.border,
-        x.value.bg
+    }), _ = d(() => "bg-[var(--color-primario/700,#269ea4)]"), C = d(() => {
+      const z = "flex w-full items-start gap-4 flex-col";
+      if (!i.stackOn) return `${z} sm:flex-row sm:items-center`;
+      const h = i.stackOn, k = `${h}:flex-row ${h}:items-center`;
+      return `${z} ${k}`;
+    }), S = d(() => {
+      if (!i.stackOn) return "flex-col sm:flex-row items-start sm:items-center";
+      const z = i.stackOn;
+      return `flex-col ${z}:flex-row items-start ${z}:items-center`;
+    }), V = d(() => i.stackOn ? `self-start ${i.stackOn}:self-auto` : "self-start sm:self-auto");
+    return (z, h) => (s(), o("div", {
+      class: p(["relative w-full rounded-xl border", [
+        c.value.border,
+        c.value.bg
       ]]),
       role: "alert",
-      "data-node-id": d.value
+      "data-node-id": u.value
     }, [
       t.closable ? (s(), o("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: g
-      }, [...k[2] || (k[2] = [
+        onClick: v
+      }, [...h[2] || (h[2] = [
         l("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "18",
@@ -1409,27 +1499,27 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
             y2: "18"
           })
         ], -1)
-      ])])) : p("", !0),
+      ])])) : g("", !0),
       l("div", {
-        class: f(["p-6", { "pb-0": c.value }])
+        class: p(["p-6", { "pb-0": f.value }])
       }, [
         l("div", {
-          class: f(z.value)
+          class: p(C.value)
         }, [
-          l("div", Pt, [
-            a.value === "info" ? (s(), o("svg", {
+          l("div", Xt, [
+            n.value === "info" ? (s(), o("svg", {
               key: 0,
               xmlns: "http://www.w3.org/2000/svg",
               width: "24",
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: f(x.value.icon),
+              class: p(c.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...k[3] || (k[3] = [
+            }, [...h[3] || (h[3] = [
               l("circle", {
                 cx: "12",
                 cy: "12",
@@ -1447,19 +1537,19 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
                 x2: "12",
                 y2: "8"
               }, null, -1)
-            ])], 2)) : a.value === "warning" ? (s(), o("svg", {
+            ])], 2)) : n.value === "warning" ? (s(), o("svg", {
               key: 1,
               xmlns: "http://www.w3.org/2000/svg",
               width: "24",
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: f(x.value.icon),
+              class: p(c.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...k[4] || (k[4] = [
+            }, [...h[4] || (h[4] = [
               l("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z" }, null, -1),
               l("line", {
                 x1: "12",
@@ -1473,19 +1563,19 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
                 x2: "12",
                 y2: "17"
               }, null, -1)
-            ])], 2)) : a.value === "success" ? (s(), o("svg", {
+            ])], 2)) : n.value === "success" ? (s(), o("svg", {
               key: 2,
               xmlns: "http://www.w3.org/2000/svg",
               width: "24",
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: f(x.value.icon),
+              class: p(c.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...k[5] || (k[5] = [
+            }, [...h[5] || (h[5] = [
               l("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }, null, -1),
               l("polyline", { points: "22 4 12 14.01 9 11.01" }, null, -1)
             ])], 2)) : (s(), o("svg", {
@@ -1495,12 +1585,12 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: f(x.value.icon),
+              class: p(c.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...k[6] || (k[6] = [
+            }, [...h[6] || (h[6] = [
               l("polygon", { points: "7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" }, null, -1),
               l("line", {
                 x1: "12",
@@ -1517,56 +1607,57 @@ const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
             ])], 2))
           ]),
           l("div", {
-            class: f(["flex-1 flex gap-4 text-[14px]", [L.value, t.closable ? "pr-6" : "", { "whitespace-nowrap": !i.value, "whitespace-pre-wrap": i.value }]])
+            class: p(["flex-1 flex gap-4 text-[14px]", [S.value, t.closable ? "pr-6" : "", { "whitespace-nowrap": !r.value, "whitespace-pre-wrap": r.value }]])
           }, [
             l("div", {
-              class: f(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", S.value])
-            }, w(v.value), 3),
+              class: p(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", V.value])
+            }, w(x.value), 3),
             l("div", {
-              class: f(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !i.value }])
+              class: p(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !r.value }])
             }, [
-              C(_.$slots, "description", {}, () => [
-                A(w(m.value), 1)
+              B(z.$slots, "description", {}, () => [
+                E(w(y.value), 1)
               ])
             ], 2)
           ], 2)
         ], 2)
       ], 2),
-      c.value ? (s(), o("div", Kt, [
+      f.value ? (s(), o("div", Yt, [
         l("button", {
           type: "button",
           class: "px-4 py-1.5 rounded-[18px] text-[14px] tracking-[1.25px] font-bold text-[color:var(--neutrales/texto-principal,#565656)]",
-          onClick: k[0] || (k[0] = ($) => _.$emit("cancel"))
+          onClick: h[0] || (h[0] = (k) => z.$emit("cancel"))
         }, [
-          C(_.$slots, "cancel", {}, () => [
-            k[7] || (k[7] = A("Cancelar", -1))
+          B(z.$slots, "cancel", {}, () => [
+            h[7] || (h[7] = E("Cancelar", -1))
           ])
         ]),
         l("button", {
           type: "button",
-          class: f(["px-4 py-1.5 rounded-[18px] text-[14px] tracking-[1.25px] font-bold text-white", O.value]),
-          onClick: k[1] || (k[1] = ($) => _.$emit("accept"))
+          class: p(["px-4 py-1.5 rounded-[18px] text-[14px] tracking-[1.25px] font-bold text-white", _.value]),
+          onClick: h[1] || (h[1] = (k) => z.$emit("accept"))
         }, [
-          C(_.$slots, "accept", {}, () => [
-            k[8] || (k[8] = A("Aceptar", -1))
+          B(z.$slots, "accept", {}, () => [
+            h[8] || (h[8] = E("Aceptar", -1))
           ])
         ], 2)
-      ])) : p("", !0)
-    ], 10, Ft));
+      ])) : g("", !0)
+    ], 10, Jt));
   }
 });
 export {
-  os as Alert,
-  Rt as AppBar,
-  qt as Button,
-  Ut as Card,
-  Gt as Dialog,
-  Qt as FileUpload,
-  Zt as Loader,
-  Jt as Menu,
-  Xt as Select,
-  Yt as Sidebar,
-  es as Table,
-  ts as Tabs,
-  ss as Text
+  gs as Alert,
+  ts as AppBar,
+  ss as Button,
+  os as Card,
+  ls as Dialog,
+  as as FileUpload,
+  ns as Loader,
+  rs as Menu,
+  ps as Pagination,
+  is as Select,
+  ds as Sidebar,
+  us as Table,
+  cs as Tabs,
+  fs as Text
 };