@iaclinical/components 1.0.4 → 1.0.5

package/dist/iaclinical-components.js

@@ -1,11 +1,18 @@
-import { defineComponent as L, computed as g, createElementBlock as o, openBlock as s, normalizeClass as v, createElementVNode as a, createCommentVNode as f, renderSlot as $, toDisplayString as C, createBlock as P, Teleport as X, createVNode as G, Transition as Q, withCtx as U, withModifiers as I, createTextVNode as K, ref as V, normalizeStyle as W, onMounted as ee, onUnmounted as te, watch as Y, nextTick as J, Fragment as E, renderList as A, resolveDynamicComponent as Z, withDirectives as se, vModelText as oe } from "vue";
+import { defineComponent as L, computed as g, createElementBlock as o, openBlock as s, normalizeClass as v, createElementVNode as a, createCommentVNode as c, renderSlot as C, toDisplayString as $, createBlock as q, Teleport as X, createVNode as G, Transition as Q, withCtx as U, withModifiers as I, createTextVNode as A, ref as V, normalizeStyle as P, onMounted as ee, onUnmounted as te, watch as Y, nextTick as J, Fragment as E, renderList as W, resolveDynamicComponent as Z, withDirectives as se, vModelText as oe } from "vue";
 const le = { class: "flex items-center gap-4" }, ae = {
   key: 1,
   class: "text-lg font-bold text-primary-50 font-poppins"
-}, ne = { class: "flex-1 flex justify-center" }, re = { class: "flex items-center gap-3" }, ie = /* @__PURE__ */ L({
+}, ne = { class: "flex-1 flex justify-center" }, re = {
+  key: 0,
+  class: "text-lg font-bold text-primary-50 font-poppins"
+}, ie = { class: "flex items-center gap-3" }, de = {
+  key: 0,
+  class: "text-lg font-bold text-primary-50 font-poppins"
+}, ue = /* @__PURE__ */ L({
   __name: "AppBar",
   props: {
     title: { default: "" },
+    titlePosition: { default: "left" },
     showMenuButton: { type: Boolean, default: !0 },
     variant: { default: "default" },
     sticky: { type: Boolean, default: !0 },
@@ -19,7 +26,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
         default: "bg-primary-700 text-primary-50",
         dark: "bg-secondary-900 text-white",
         light: "bg-white text-secondary-900 border-b border-secondary-200"
-      }, c = {
+      }, f = {
         sm: "h-12",
         md: "h-14",
         lg: "h-16"
@@ -27,7 +34,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
       return [
         d,
         r[e.variant],
-        c[e.height],
+        f[e.height],
         i,
         x
       ].join(" ");
@@ -38,7 +45,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
       a("div", le, [
         t.showMenuButton ? (s(), o("button", {
           key: 0,
-          onClick: r[0] || (r[0] = (c) => u("toggle-menu")),
+          onClick: r[0] || (r[0] = (f) => u("toggle-menu")),
           class: "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"
         }, [...r[1] || (r[1] = [
@@ -56,27 +63,29 @@ const le = { class: "flex items-center gap-4" }, ae = {
               d: "M4 6h16M4 12h16M4 18h16"
             })
           ], -1)
-        ])])) : f("", !0),
-        t.title ? (s(), o("div", ae, C(t.title), 1)) : f("", !0),
-        $(d.$slots, "left", {}, void 0, !0)
+        ])])) : c("", !0),
+        t.title && t.titlePosition === "left" ? (s(), o("div", ae, $(t.title), 1)) : c("", !0),
+        C(d.$slots, "left", {}, void 0, !0)
       ]),
       a("div", ne, [
-        $(d.$slots, "center", {}, void 0, !0)
+        t.title && t.titlePosition === "center" ? (s(), o("div", re, $(t.title), 1)) : c("", !0),
+        C(d.$slots, "center", {}, void 0, !0)
       ]),
-      a("div", re, [
-        $(d.$slots, "right", {}, void 0, !0)
+      a("div", ie, [
+        t.title && t.titlePosition === "right" ? (s(), o("div", de, $(t.title), 1)) : c("", !0),
+        C(d.$slots, "right", {}, void 0, !0)
       ])
     ], 2));
   }
-}), R = (t, y) => {
+}), K = (t, y) => {
   const e = t.__vccOpts || t;
   for (const [u, n] of y)
     e[u] = n;
   return e;
-}, Et = /* @__PURE__ */ R(ie, [["__scopeId", "data-v-8c81fc6d"]]), de = ["type", "disabled", "aria-label"], ue = {
+}, Ft = /* @__PURE__ */ K(ue, [["__scopeId", "data-v-883474b5"]]), 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]"
-}, Ht = /* @__PURE__ */ L({
+}, Pt = /* @__PURE__ */ L({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -110,27 +119,27 @@ const le = { class: "flex items-center gap-4" }, ae = {
         none: "rounded-none"
       };
       return `${i} ${x[e.variant]} ${m[e.size]} ${j[e.radius]}`;
-    }), c = (i) => {
+    }), f = (i) => {
       e.disabled || u("click", i);
     };
     return (i, x) => (s(), o("button", {
       class: v(r.value),
       type: t.type,
       disabled: t.disabled,
-      onClick: c,
+      onClick: f,
       "aria-label": t.ariaLabel
     }, [
-      $(i.$slots, "default"),
-      n.value && t.badge && t.badge > 0 ? (s(), o("span", ue, C(d.value), 1)) : f("", !0)
-    ], 10, de));
+      C(i.$slots, "default"),
+      n.value && t.badge && t.badge > 0 ? (s(), o("span", fe, $(d.value), 1)) : c("", !0)
+    ], 10, ce));
   }
-}), ce = {
+}), pe = {
   key: 0,
   class: "border-b border-gray-100 px-6 py-4"
-}, fe = { class: "px-6 py-4" }, pe = {
+}, ge = { class: "px-6 py-4" }, he = {
   key: 1,
   class: "border-t border-gray-100 px-6 py-4 bg-gray-50"
-}, Ft = /* @__PURE__ */ L({
+}, Wt = /* @__PURE__ */ L({
   __name: "Card",
   props: {
     shadow: { default: "md" },
@@ -160,21 +169,21 @@ const le = { class: "flex items-center gap-4" }, ae = {
     return (d, r) => (s(), o("div", {
       class: v(n.value)
     }, [
-      d.$slots.header ? (s(), o("div", ce, [
-        $(d.$slots, "header")
-      ])) : f("", !0),
-      a("div", fe, [
-        $(d.$slots, "default")
+      d.$slots.header ? (s(), o("div", pe, [
+        C(d.$slots, "header")
+      ])) : c("", !0),
+      a("div", ge, [
+        C(d.$slots, "default")
       ]),
-      d.$slots.footer ? (s(), o("div", pe, [
-        $(d.$slots, "footer")
-      ])) : f("", !0)
+      d.$slots.footer ? (s(), o("div", he, [
+        C(d.$slots, "footer")
+      ])) : c("", !0)
     ], 2));
   }
-}), ge = { class: "flex items-center justify-between border-b border-gray-100 px-8 py-6" }, he = { class: "text-xl font-semibold text-gray-900" }, be = { class: "px-8 py-6" }, ve = {
+}), be = { class: "flex items-center justify-between border-b border-gray-100 px-8 py-6" }, ve = { class: "text-xl font-semibold text-gray-900" }, ye = { class: "px-8 py-6" }, xe = {
   key: 0,
   class: "border-t border-gray-100 px-8 py-6 bg-gray-50"
-}, ye = /* @__PURE__ */ L({
+}, me = /* @__PURE__ */ L({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -185,13 +194,13 @@ const le = { class: "flex items-center gap-4" }, ae = {
   setup(t, { emit: y }) {
     const e = t, u = y, n = g({
       get: () => e.modelValue,
-      set: (c) => u("update:modelValue", c)
+      set: (f) => u("update:modelValue", f)
     }), d = () => {
       n.value = !1;
     }, r = () => {
       e.closeOnBackdrop && d();
     };
-    return (c, i) => (s(), P(X, { to: "body" }, [
+    return (f, i) => (s(), q(X, { to: "body" }, [
       G(Q, { name: "dialog" }, {
         default: U(() => [
           n.value ? (s(), o("div", {
@@ -204,10 +213,10 @@ const le = { class: "flex items-center gap-4" }, ae = {
               onClick: i[0] || (i[0] = I(() => {
               }, ["stop"]))
             }, [
-              a("div", ge, [
-                a("h2", he, [
-                  $(c.$slots, "title", {}, () => [
-                    K(C(t.title), 1)
+              a("div", be, [
+                a("h2", ve, [
+                  C(f.$slots, "title", {}, () => [
+                    A($(t.title), 1)
                   ], !0)
                 ]),
                 a("button", {
@@ -231,32 +240,32 @@ const le = { class: "flex items-center gap-4" }, ae = {
                   ], -1)
                 ])])
               ]),
-              a("div", be, [
-                $(c.$slots, "default", {}, void 0, !0)
+              a("div", ye, [
+                C(f.$slots, "default", {}, void 0, !0)
               ]),
-              c.$slots.footer ? (s(), o("div", ve, [
-                $(c.$slots, "footer", {}, void 0, !0)
-              ])) : f("", !0)
+              f.$slots.footer ? (s(), o("div", xe, [
+                C(f.$slots, "footer", {}, void 0, !0)
+              ])) : c("", !0)
             ])
-          ])) : f("", !0)
+          ])) : c("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), Wt = /* @__PURE__ */ R(ye, [["__scopeId", "data-v-091e8739"]]), xe = ["accept", "multiple", "disabled"], me = { class: "flex flex-col items-center justify-center gap-4 text-center" }, ke = { class: "w-32 h-32 flex items-center justify-center" }, we = ["src", "alt"], $e = {
+}), At = /* @__PURE__ */ K(me, [["__scopeId", "data-v-091e8739"]]), ke = ["accept", "multiple", "disabled"], we = { class: "flex flex-col items-center justify-center gap-4 text-center" }, $e = { class: "w-32 h-32 flex items-center justify-center" }, Ce = ["src", "alt"], Be = {
   key: 1,
   class: "w-full h-full text-gray-400",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, Ce = { class: "text-center" }, Be = { class: "text-base font-medium text-gray-700" }, _e = { class: "text-primary-700" }, Te = { class: "flex items-center gap-3 flex-1 min-w-0" }, Me = { class: "flex-1 min-w-0" }, ze = { class: "text-sm font-medium text-gray-900 truncate" }, Ve = { class: "text-xs text-gray-500" }, je = {
+}, _e = { 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" }, Ve = { class: "flex-1 min-w-0" }, je = { class: "text-sm font-medium text-gray-900 truncate" }, Le = { class: "text-xs text-gray-500" }, Se = {
   key: 1,
   class: "text-xs text-gray-500 mt-2"
-}, Le = {
+}, De = {
   key: 2,
   class: "text-sm text-danger-500 mt-2"
-}, At = /* @__PURE__ */ L({
+}, Kt = /* @__PURE__ */ L({
   __name: "FileUpload",
   props: {
     modelValue: { default: null },
@@ -272,7 +281,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
   },
   emits: ["update:modelValue", "change", "error"],
   setup(t, { emit: y }) {
-    const e = t, u = y, n = V(null), d = V(!1), r = V(e.modelValue), c = V(""), i = () => {
+    const e = t, u = y, n = V(null), d = V(!1), r = V(e.modelValue), f = V(""), i = () => {
       var B;
       (B = n.value) == null || B.click();
     }, x = () => {
@@ -282,9 +291,9 @@ const le = { class: "flex items-center gap-4" }, ae = {
     }, j = () => {
       d.value = !1;
     }, D = (B) => {
-      if (c.value = "", e.maxSize && B.size > e.maxSize) {
+      if (f.value = "", e.maxSize && B.size > e.maxSize) {
         const b = (e.maxSize / 1048576).toFixed(2);
-        return c.value = `El archivo excede el tamaño máximo de ${b}MB`, u("error", c.value), !1;
+        return f.value = `El archivo excede el tamaño máximo de ${b}MB`, u("error", f.value), !1;
       }
       return !0;
     }, _ = (B) => {
@@ -297,7 +306,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
       const b = (T = B.dataTransfer) == null ? void 0 : T.files[0];
       b && D(b) && (r.value = b, u("update:modelValue", b), u("change", b));
     }, H = () => {
-      r.value = null, c.value = "", n.value && (n.value.value = ""), u("update:modelValue", null), u("change", null);
+      r.value = null, f.value = "", n.value && (n.value.value = ""), u("update:modelValue", null), u("change", null);
     }, F = (B) => {
       if (B === 0) return "0 Bytes";
       const b = 1024, T = ["Bytes", "KB", "MB", "GB"], S = Math.floor(Math.log(B) / Math.log(b));
@@ -322,15 +331,15 @@ const le = { class: "flex items-center gap-4" }, ae = {
         disabled: t.disabled,
         class: "hidden",
         onChange: _
-      }, null, 40, xe),
-      a("div", me, [
-        a("div", ke, [
+      }, null, 40, ke),
+      a("div", we, [
+        a("div", $e, [
           t.illustration ? (s(), o("img", {
             key: 0,
             src: t.illustration,
             alt: t.illustrationAlt,
             class: "max-w-full max-h-full object-contain"
-          }, null, 8, we)) : (s(), o("svg", $e, [...b[1] || (b[1] = [
+          }, null, 8, Ce)) : (s(), o("svg", Be, [...b[1] || (b[1] = [
             a("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -339,10 +348,10 @@ const le = { class: "flex items-center gap-4" }, ae = {
             }, null, -1)
           ])]))
         ]),
-        a("div", Ce, [
-          a("p", Be, [
-            K(C(t.mainText) + " ", 1),
-            a("span", _e, C(t.linkText), 1)
+        a("div", _e, [
+          a("p", Te, [
+            A($(t.mainText) + " ", 1),
+            a("span", Me, $(t.linkText), 1)
           ])
         ]),
         r.value ? (s(), o("div", {
@@ -351,7 +360,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
           onClick: b[0] || (b[0] = I(() => {
           }, ["stop"]))
         }, [
-          a("div", Te, [
+          a("div", ze, [
             b[2] || (b[2] = a("svg", {
               class: "w-6 h-6 text-gray-600 flex-shrink-0",
               fill: "none",
@@ -365,12 +374,12 @@ const le = { class: "flex items-center gap-4" }, ae = {
                 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)),
-            a("div", Me, [
-              a("p", ze, C(r.value.name), 1),
-              a("p", Ve, C(F(r.value.size)), 1)
+            a("div", Ve, [
+              a("p", je, $(r.value.name), 1),
+              a("p", Le, $(F(r.value.size)), 1)
             ])
           ]),
-          t.disabled ? f("", !0) : (s(), o("button", {
+          t.disabled ? c("", !0) : (s(), o("button", {
             key: 0,
             onClick: I(H, ["stop"]),
             class: "ml-3 text-gray-400 hover:text-danger-500 transition-colors"
@@ -387,16 +396,16 @@ const le = { class: "flex items-center gap-4" }, ae = {
               })
             ], -1)
           ])]))
-        ])) : f("", !0),
-        t.helperText ? (s(), o("p", je, C(t.helperText), 1)) : f("", !0),
-        c.value ? (s(), o("p", Le, C(c.value), 1)) : f("", !0)
+        ])) : c("", !0),
+        t.helperText ? (s(), o("p", Se, $(t.helperText), 1)) : c("", !0),
+        f.value ? (s(), o("p", De, $(f.value), 1)) : c("", !0)
       ])
     ], 34));
   }
-}), Se = ["stroke-width"], De = {
+}), Oe = ["stroke-width"], Ie = {
   class: "w-full h-full rounded-lg overflow-hidden",
   style: { "background-color": "#f7f7f7" }
-}, Oe = /* @__PURE__ */ L({
+}, Ee = /* @__PURE__ */ L({
   __name: "Loader",
   props: {
     type: { default: "circular" },
@@ -422,13 +431,13 @@ const le = { class: "flex items-center gap-4" }, ae = {
       danger: "bg-danger-500",
       info: "bg-info-500"
     }, n = g(() => [e[y.color]]), d = g(() => [u[y.color]]);
-    return (r, c) => t.type === "circular" ? (s(), o("div", {
+    return (r, f) => t.type === "circular" ? (s(), o("div", {
       key: 0,
       class: v(n.value)
     }, [
       (s(), o("svg", {
         class: "animate-spin",
-        style: W({ width: t.size, height: t.size }),
+        style: P({ width: t.size, height: t.size }),
         viewBox: "0 0 24 24"
       }, [
         a("circle", {
@@ -439,8 +448,8 @@ const le = { class: "flex items-center gap-4" }, ae = {
           stroke: "currentColor",
           "stroke-width": t.strokeWidth,
           fill: "none"
-        }, null, 8, Se),
-        c[0] || (c[0] = a("path", {
+        }, null, 8, Oe),
+        f[0] || (f[0] = a("path", {
           class: "opacity-75",
           fill: "currentColor",
           d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
@@ -449,32 +458,32 @@ const le = { class: "flex items-center gap-4" }, ae = {
     ], 2)) : t.type === "linear" ? (s(), o("div", {
       key: 1,
       class: "w-full",
-      style: W({ height: t.height })
+      style: P({ height: t.height })
     }, [
-      a("div", De, [
+      a("div", Ie, [
         a("div", {
           class: v([d.value, "h-full rounded-lg animate-linear-loader"]),
-          style: W({ width: t.progress ? `${t.progress}%` : void 0 })
+          style: P({ width: t.progress ? `${t.progress}%` : void 0 })
         }, null, 6)
       ])
-    ], 4)) : f("", !0);
+    ], 4)) : c("", !0);
   }
-}), Kt = /* @__PURE__ */ R(Oe, [["__scopeId", "data-v-8df4ec38"]]), Ie = ["disabled", "aria-expanded"], Ee = ["disabled", "onClick"], He = {
+}), Rt = /* @__PURE__ */ K(Ee, [["__scopeId", "data-v-8df4ec38"]]), He = ["disabled", "aria-expanded"], Fe = ["disabled", "onClick"], Pe = {
   key: 0,
   class: "flex-shrink-0"
-}, Fe = ["innerHTML"], We = { class: "flex-1 min-w-0 mr-2" }, Ae = { class: "flex flex-col items-start" }, Ke = ["title"], Re = ["title"], Ne = {
+}, We = ["innerHTML"], Ae = { class: "flex-1 min-w-0 mr-2" }, Ke = { class: "flex flex-col items-start" }, Re = ["title"], Ne = ["title"], qe = {
   key: 1,
   class: "flex-shrink-0"
-}, qe = {
+}, Ue = {
   key: 0,
   class: "text-xs text-secondary-400 font-mono whitespace-nowrap"
-}, Pe = { key: 1 }, Ue = {
+}, Ge = { key: 1 }, Qe = {
   key: 2,
   class: "w-4 h-4 ml-2 flex-shrink-0",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, Ge = /* @__PURE__ */ L({
+}, Je = /* @__PURE__ */ L({
   __name: "Menu",
   props: {
     items: { default: () => [] },
@@ -494,7 +503,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
   },
   emits: ["open", "close", "select"],
   setup(t, { emit: y }) {
-    const e = t, u = y, n = V(!1), d = V(null), r = V(null), c = V({}), i = g(() => [
+    const e = t, u = y, n = V(!1), d = V(null), r = V(null), f = V({}), i = g(() => [
       "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",
@@ -509,33 +518,33 @@ const le = { class: "flex items-center gap-4" }, ae = {
         "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"
-      ], p = l.variant || "default", N = {
+      ], p = l.variant || "default", R = {
         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"
       };
-      return [...w, N[p]].join(" ");
+      return [...w, R[p]].join(" ");
     }, F = () => {
       e.disabled || (n.value ? b() : B());
     }, B = () => {
       n.value = !0, u("open"), J(() => {
-        k(), document.addEventListener("click", S), document.addEventListener("keydown", q);
+        k(), document.addEventListener("click", S), document.addEventListener("keydown", N);
       });
     }, b = () => {
-      n.value = !1, u("close"), document.removeEventListener("click", S), document.removeEventListener("keydown", q);
+      n.value = !1, u("close"), document.removeEventListener("click", S), document.removeEventListener("keydown", N);
     }, T = (l) => {
       l.disabled || (l.action && l.action(), u("select", l), e.closeOnClick && !l.children && b());
     }, S = (l) => {
       const w = l.target;
       d.value && !d.value.contains(w) && r.value && !r.value.contains(w) && b();
-    }, q = (l) => {
+    }, N = (l) => {
       l.key === "Escape" && b();
     }, h = (l) => {
       (l.key === "Enter" || l.key === " ") && (l.preventDefault(), F());
     }, k = () => {
       if (!d.value || !r.value) return;
-      const l = d.value.getBoundingClientRect(), w = r.value.getBoundingClientRect(), p = window.innerWidth, N = window.innerHeight;
+      const l = d.value.getBoundingClientRect(), w = r.value.getBoundingClientRect(), p = window.innerWidth, R = window.innerHeight;
       let M = 0, z = 0;
       switch (e.position) {
         case "bottom-start":
@@ -563,7 +572,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
           M = l.bottom - w.height + e.offset.y, z = l.left - w.width - e.offset.x;
           break;
       }
-      z + w.width > p && (z = p - w.width - 8), z < 8 && (z = 8), M + w.height > N && (M = N - w.height - 8), M < 8 && (M = 8), c.value = {
+      z + w.width > p && (z = p - w.width - 8), z < 8 && (z = 8), M + w.height > R && (M = R - w.height - 8), M < 8 && (M = 8), f.value = {
         top: `${M}px`,
         left: `${z}px`,
         width: e.width === "auto" ? `${Math.max(l.width, 240)}px` : e.width,
@@ -574,7 +583,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
     return ee(() => {
       window.addEventListener("scroll", k, !0), window.addEventListener("resize", k);
     }), te(() => {
-      window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k), document.removeEventListener("click", S), document.removeEventListener("keydown", q);
+      window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k), document.removeEventListener("click", S), document.removeEventListener("keydown", N);
     }), Y(() => e.items, () => {
       n.value && J(k);
     }, { deep: !0 }), (l, w) => (s(), o("div", {
@@ -584,7 +593,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
         ref_key: "triggerRef",
         ref: d
       }, [
-        $(l.$slots, "trigger", {
+        C(l.$slots, "trigger", {
           isOpen: n.value,
           toggle: F
         }, () => [
@@ -599,8 +608,8 @@ const le = { class: "flex items-center gap-4" }, ae = {
             "aria-expanded": n.value,
             "aria-haspopup": !0
           }, [
-            $(l.$slots, "trigger-content", {}, () => [
-              K(C(t.triggerText), 1)
+            C(l.$slots, "trigger-content", {}, () => [
+              A($(t.triggerText), 1)
             ], !0),
             t.showChevron ? (s(), o("svg", {
               key: 0,
@@ -615,17 +624,17 @@ const le = { class: "flex items-center gap-4" }, ae = {
                 "stroke-width": "2",
                 d: "M19 9l-7 7-7-7"
               }, null, -1)
-            ])], 2)) : f("", !0)
-          ], 42, Ie)
+            ])], 2)) : c("", !0)
+          ], 42, He)
         ], !0)
       ], 512),
-      (s(), P(X, { to: "body" }, [
+      (s(), q(X, { to: "body" }, [
         n.value ? (s(), o("div", {
           key: 0,
           ref_key: "menuRef",
           ref: r,
           class: v(x.value),
-          style: W(c.value),
+          style: P(f.value),
           onClick: w[0] || (w[0] = I(() => {
           }, ["stop"]))
         }, [
@@ -633,17 +642,17 @@ const le = { class: "flex items-center gap-4" }, ae = {
             key: 0,
             class: v(m.value)
           }, [
-            $(l.$slots, "header", { close: b }, void 0, !0)
-          ], 2)) : f("", !0),
+            C(l.$slots, "header", { close: b }, void 0, !0)
+          ], 2)) : c("", !0),
           a("div", {
             class: v(D.value)
           }, [
-            $(l.$slots, "default", {
+            C(l.$slots, "default", {
               close: b,
               isOpen: n.value
             }, () => [
-              (s(!0), o(E, null, A(t.items, (p, N) => (s(), o(E, {
-                key: p.id || N
+              (s(!0), o(E, null, W(t.items, (p, R) => (s(), o(E, {
+                key: p.id || R
               }, [
                 p.type === "divider" ? (s(), o("div", {
                   key: 0,
@@ -651,57 +660,57 @@ const le = { class: "flex items-center gap-4" }, ae = {
                 }, null, 2)) : p.type === "header" ? (s(), o("div", {
                   key: 1,
                   class: v(O.value)
-                }, C(p.label), 3)) : (s(), o("button", {
+                }, $(p.label), 3)) : (s(), o("button", {
                   key: 2,
                   type: "button",
                   class: v(H(p)),
                   disabled: p.disabled,
                   onClick: (M) => T(p)
                 }, [
-                  p.icon || l.$slots[`icon-${p.id}`] ? (s(), o("span", He, [
-                    $(l.$slots, `icon-${p.id}`, { item: p }, () => [
-                      typeof p.icon != "string" ? (s(), P(Z(p.icon), {
+                  p.icon || l.$slots[`icon-${p.id}`] ? (s(), o("span", Pe, [
+                    C(l.$slots, `icon-${p.id}`, { item: p }, () => [
+                      typeof p.icon != "string" ? (s(), q(Z(p.icon), {
                         key: 0,
                         class: "w-5 h-5"
                       })) : (s(), o("span", {
                         key: 1,
                         innerHTML: p.icon,
                         class: "w-5 h-5 inline-block"
-                      }, null, 8, Fe))
+                      }, null, 8, We))
                     ], !0)
-                  ])) : f("", !0),
-                  a("div", We, [
-                    $(l.$slots, `item-${p.id}`, {
+                  ])) : c("", !0),
+                  a("div", Ae, [
+                    C(l.$slots, `item-${p.id}`, {
                       item: p,
                       close: b
                     }, () => [
-                      a("div", Ae, [
+                      a("div", Ke, [
                         a("span", {
                           class: "truncate w-full",
                           title: p.label
-                        }, C(p.label), 9, Ke),
+                        }, $(p.label), 9, Re),
                         p.description ? (s(), o("span", {
                           key: 0,
                           class: "text-xs text-secondary-500 truncate w-full",
                           title: p.description
-                        }, C(p.description), 9, Re)) : f("", !0)
+                        }, $(p.description), 9, Ne)) : c("", !0)
                       ])
                     ], !0)
                   ]),
-                  p.suffix || p.shortcut || l.$slots[`suffix-${p.id}`] ? (s(), o("span", Ne, [
-                    $(l.$slots, `suffix-${p.id}`, { item: p }, () => [
-                      p.shortcut ? (s(), o("span", qe, C(p.shortcut), 1)) : p.suffix ? (s(), o("span", Pe, C(p.suffix), 1)) : f("", !0)
+                  p.suffix || p.shortcut || l.$slots[`suffix-${p.id}`] ? (s(), o("span", qe, [
+                    C(l.$slots, `suffix-${p.id}`, { item: p }, () => [
+                      p.shortcut ? (s(), o("span", Ue, $(p.shortcut), 1)) : p.suffix ? (s(), o("span", Ge, $(p.suffix), 1)) : c("", !0)
                     ], !0)
-                  ])) : f("", !0),
-                  p.children && p.children.length > 0 ? (s(), o("svg", Ue, [...w[2] || (w[2] = [
+                  ])) : c("", !0),
+                  p.children && p.children.length > 0 ? (s(), o("svg", Qe, [...w[2] || (w[2] = [
                     a("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M9 5l7 7-7 7"
                     }, null, -1)
-                  ])])) : f("", !0)
-                ], 10, Ee))
+                  ])])) : c("", !0)
+                ], 10, Fe))
               ], 64))), 128))
             ], !0)
           ], 2),
@@ -709,43 +718,43 @@ const le = { class: "flex items-center gap-4" }, ae = {
             key: 1,
             class: v(j.value)
           }, [
-            $(l.$slots, "footer", { close: b }, void 0, !0)
-          ], 2)) : f("", !0)
-        ], 6)) : f("", !0),
+            C(l.$slots, "footer", { close: b }, void 0, !0)
+          ], 2)) : c("", !0)
+        ], 6)) : c("", !0),
         n.value && t.overlay ? (s(), o("div", {
           key: 1,
           class: "fixed inset-0 bg-black/20 z-40",
           onClick: b
-        })) : f("", !0)
+        })) : c("", !0)
       ]))
     ], 2));
   }
-}), Rt = /* @__PURE__ */ R(Ge, [["__scopeId", "data-v-e155a86b"]]), Qe = ["for"], Je = {
+}), Nt = /* @__PURE__ */ K(Je, [["__scopeId", "data-v-e155a86b"]]), Xe = ["for"], Ye = {
   key: 0,
   class: "text-danger-600"
-}, Xe = { class: "relative" }, Ye = ["id", "disabled", "aria-expanded"], Ze = { class: "flex-1 text-left truncate" }, et = {
+}, Ze = { class: "relative" }, et = ["id", "disabled", "aria-expanded"], tt = { class: "flex-1 text-left truncate" }, st = {
   key: 0,
   class: "p-2 border-b border-secondary-200"
-}, tt = ["placeholder"], st = { class: "max-h-64 overflow-y-auto" }, ot = {
+}, ot = ["placeholder"], lt = { class: "max-h-64 overflow-y-auto" }, at = {
   key: 0,
   class: "px-4 py-3 text-sm text-secondary-500 text-center"
-}, lt = ["onClick"], at = { class: "flex items-center justify-between w-full" }, nt = { class: "truncate" }, rt = {
+}, nt = ["onClick"], rt = { class: "flex items-center justify-between w-full" }, it = { class: "truncate" }, dt = {
   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"
-}, it = {
+}, ut = {
   key: 0,
   class: "border-t border-secondary-200 my-1"
-}, dt = ["onClick"], ut = ["innerHTML"], ct = {
+}, ct = ["onClick"], ft = ["innerHTML"], pt = {
   key: 1,
   class: "mt-1 text-sm text-danger-600"
-}, ft = {
+}, gt = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, pt = /* @__PURE__ */ L({
+}, ht = /* @__PURE__ */ L({
   __name: "Select",
   props: {
     modelValue: { default: null },
@@ -767,7 +776,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
   },
   emits: ["update:modelValue", "change", "action"],
   setup(t, { emit: y }) {
-    const e = t, u = y, n = V(!1), d = V(""), r = V(null), c = g(
+    const e = t, u = y, n = V(!1), d = V(""), r = V(null), f = g(
       () => `select-${Math.random().toString(36).substr(2, 9)}`
     ), i = g(() => e.options.find((h) => h.value === e.modelValue) || null), x = g(() => {
       if (!e.searchable || !d.value)
@@ -812,7 +821,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
       k && k.closest(".select-wrapper") || setTimeout(() => {
         B();
       }, 200);
-    }, q = (h) => {
+    }, N = (h) => {
       h.key === "Escape" ? B() : (h.key === "Enter" || h.key === " ") && (h.preventDefault(), F());
     };
     return Y(n, (h) => {
@@ -822,15 +831,15 @@ const le = { class: "flex items-center gap-4" }, ae = {
     }, [
       t.label ? (s(), o("label", {
         key: 0,
-        for: c.value,
+        for: f.value,
         class: v(m.value)
       }, [
-        K(C(t.label) + " ", 1),
-        t.required ? (s(), o("span", Je, "*")) : f("", !0)
-      ], 10, Qe)) : f("", !0),
-      a("div", Xe, [
+        A($(t.label) + " ", 1),
+        t.required ? (s(), o("span", Ye, "*")) : c("", !0)
+      ], 10, Xe)) : c("", !0),
+      a("div", Ze, [
         a("button", {
-          id: c.value,
+          id: f.value,
           type: "button",
           class: v(j.value),
           disabled: t.disabled,
@@ -838,9 +847,9 @@ const le = { class: "flex items-center gap-4" }, ae = {
           "aria-haspopup": !0,
           onClick: F,
           onBlur: S,
-          onKeydown: q
+          onKeydown: N
         }, [
-          a("span", Ze, C(i.value ? i.value.label : t.placeholder), 1),
+          a("span", tt, $(i.value ? i.value.label : t.placeholder), 1),
           (s(), o("svg", {
             class: v(["w-5 h-5 flex-shrink-0 transition-transform text-secondary-600", n.value ? "rotate-180" : ""]),
             fill: "none",
@@ -855,14 +864,14 @@ const le = { class: "flex items-center gap-4" }, ae = {
               d: "M19 9l-7 7-7-7"
             }, null, -1)
           ])], 2))
-        ], 42, Ye),
+        ], 42, et),
         n.value ? (s(), o("div", {
           key: 0,
           class: v(D.value),
           onClick: k[2] || (k[2] = I(() => {
           }, ["stop"]))
         }, [
-          t.searchable ? (s(), o("div", et, [
+          t.searchable ? (s(), o("div", st, [
             se(a("input", {
               ref_key: "searchInput",
               ref: r,
@@ -872,32 +881,32 @@ const le = { class: "flex items-center gap-4" }, ae = {
               placeholder: t.searchPlaceholder,
               onKeydown: k[1] || (k[1] = I(() => {
               }, ["stop"]))
-            }, null, 40, tt), [
+            }, null, 40, ot), [
               [oe, d.value]
             ])
-          ])) : f("", !0),
-          a("div", st, [
-            x.value.length === 0 ? (s(), o("div", ot, C(t.emptyText), 1)) : (s(), o(E, { key: 1 }, [
-              (s(!0), o(E, null, A(x.value, (l) => (s(), o("button", {
+          ])) : c("", !0),
+          a("div", lt, [
+            x.value.length === 0 ? (s(), o("div", at, $(t.emptyText), 1)) : (s(), o(E, { key: 1 }, [
+              (s(!0), o(E, null, W(x.value, (l) => (s(), o("button", {
                 key: l.value,
                 type: "button",
                 class: v(_(l)),
                 onClick: (w) => b(l)
               }, [
-                a("div", at, [
-                  a("span", nt, C(l.label), 1),
-                  H(l) ? (s(), o("svg", rt, [...k[4] || (k[4] = [
+                a("div", rt, [
+                  a("span", it, $(l.label), 1),
+                  H(l) ? (s(), o("svg", dt, [...k[4] || (k[4] = [
                     a("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M5 13l4 4L19 7"
                     }, null, -1)
-                  ])])) : f("", !0)
+                  ])])) : c("", !0)
                 ])
-              ], 10, lt))), 128)),
-              t.actionItems.length > 0 ? (s(), o("div", it)) : f("", !0),
-              (s(!0), o(E, null, A(t.actionItems, (l) => (s(), o("button", {
+              ], 10, nt))), 128)),
+              t.actionItems.length > 0 ? (s(), o("div", ut)) : c("", !0),
+              (s(!0), o(E, null, W(t.actionItems, (l) => (s(), o("button", {
                 key: l.id,
                 type: "button",
                 class: v(O(l)),
@@ -911,22 +920,22 @@ const le = { class: "flex items-center gap-4" }, ae = {
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg",
                   innerHTML: l.icon
-                }, null, 8, ut)) : f("", !0),
-                K(" " + C(l.label), 1)
-              ], 10, dt))), 128))
+                }, null, 8, ft)) : c("", !0),
+                A(" " + $(l.label), 1)
+              ], 10, ct))), 128))
             ], 64))
           ])
-        ], 2)) : f("", !0)
+        ], 2)) : c("", !0)
       ]),
-      t.error ? (s(), o("p", ct, C(t.error), 1)) : t.helperText ? (s(), o("p", ft, C(t.helperText), 1)) : f("", !0),
+      t.error ? (s(), o("p", pt, $(t.error), 1)) : t.helperText ? (s(), o("p", gt, $(t.helperText), 1)) : c("", !0),
       n.value ? (s(), o("div", {
         key: 3,
         onClick: B,
         class: "fixed inset-0 z-40"
-      })) : f("", !0)
+      })) : c("", !0)
     ], 2));
   }
-}), Nt = /* @__PURE__ */ R(pt, [["__scopeId", "data-v-f016a03c"]]), gt = /* @__PURE__ */ L({
+}), qt = /* @__PURE__ */ K(ht, [["__scopeId", "data-v-f016a03c"]]), bt = /* @__PURE__ */ L({
   __name: "Sidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -947,7 +956,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
       set: (_) => u("update:modelValue", _)
     }), d = () => {
       e.persistent || (n.value = !1, u("close"));
-    }, r = g(() => e.position === "left" ? "slide-right" : "slide-left"), c = g(() => {
+    }, r = g(() => e.position === "left" ? "slide-right" : "slide-left"), f = g(() => {
       const _ = "fixed top-0 h-full z-50 flex flex-col", O = e.position === "left" ? "left-0" : "right-0", H = 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 [_, O, H].filter(Boolean).join(" ");
     }), i = g(() => ({
@@ -961,15 +970,15 @@ const le = { class: "flex items-center gap-4" }, ae = {
       md: "p-4",
       lg: "p-6"
     }, m = g(() => `flex items-center justify-between border-b border-gray-200 ${x[e.padding]}`), j = g(() => `flex-1 overflow-y-auto ${x[e.padding]}`), D = g(() => `border-t border-gray-200 ${x[e.padding]}`);
-    return (_, O) => (s(), P(X, { to: "body" }, [
+    return (_, O) => (s(), q(X, { to: "body" }, [
       G(Q, { name: "fade" }, {
         default: U(() => [
           n.value && t.overlay ? (s(), o("div", {
             key: 0,
             onClick: d,
             class: "fixed inset-0 bg-black/50 z-40",
-            style: W({ top: t.overlayTop })
-          }, null, 4)) : f("", !0)
+            style: P({ top: t.overlayTop })
+          }, null, 4)) : c("", !0)
         ]),
         _: 1
       }),
@@ -977,14 +986,14 @@ const le = { class: "flex items-center gap-4" }, ae = {
         default: U(() => [
           n.value ? (s(), o("aside", {
             key: 0,
-            class: v(c.value),
-            style: W(i.value)
+            class: v(f.value),
+            style: P(i.value)
           }, [
             _.$slots.header ? (s(), o("div", {
               key: 0,
               class: v(m.value)
             }, [
-              $(_.$slots, "header", {}, void 0, !0),
+              C(_.$slots, "header", {}, void 0, !0),
               t.closable ? (s(), o("button", {
                 key: 0,
                 onClick: d,
@@ -1004,35 +1013,35 @@ const le = { class: "flex items-center gap-4" }, ae = {
                     d: "M6 18L18 6M6 6l12 12"
                   })
                 ], -1)
-              ])])) : f("", !0)
-            ], 2)) : f("", !0),
+              ])])) : c("", !0)
+            ], 2)) : c("", !0),
             a("div", {
               class: v(j.value)
             }, [
-              $(_.$slots, "default", {}, void 0, !0)
+              C(_.$slots, "default", {}, void 0, !0)
             ], 2),
             _.$slots.footer ? (s(), o("div", {
               key: 1,
               class: v(D.value)
             }, [
-              $(_.$slots, "footer", {}, void 0, !0)
-            ], 2)) : f("", !0)
-          ], 6)) : f("", !0)
+              C(_.$slots, "footer", {}, void 0, !0)
+            ], 2)) : c("", !0)
+          ], 6)) : c("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ]));
   }
-}), qt = /* @__PURE__ */ R(gt, [["__scopeId", "data-v-fffb0e44"]]), ht = { class: "w-full overflow-x-auto" }, bt = { class: "w-full border-collapse" }, vt = { class: "w-full" }, yt = { class: "bg-white border-b border-gray-100 w-full" }, xt = ["onClick"], mt = { class: "flex items-center gap-2" }, kt = {
+}), Ut = /* @__PURE__ */ K(bt, [["__scopeId", "data-v-fffb0e44"]]), vt = { class: "w-full overflow-x-auto" }, yt = { class: "w-full border-collapse" }, xt = { class: "w-full" }, mt = { class: "bg-white border-b border-gray-100 w-full" }, kt = ["onClick"], wt = { class: "flex items-center gap-2" }, $t = {
   key: 0,
   class: "text-xs text-gray-400"
-}, wt = { key: 0 }, $t = { key: 1 }, Ct = { class: "w-full" }, Bt = {
+}, Ct = { key: 0 }, Bt = { key: 1 }, _t = { class: "w-full" }, Tt = {
   key: 0,
   class: "flex items-center justify-center py-12 text-gray-400"
-}, _t = {
+}, Mt = {
   key: 1,
   class: "w-full px-6 py-4 bg-white"
-}, Tt = /* @__PURE__ */ L({
+}, zt = /* @__PURE__ */ L({
   __name: "Table",
   props: {
     columns: {},
@@ -1045,66 +1054,66 @@ const le = { class: "flex items-center gap-4" }, ae = {
       if (!e.value)
         return y.data;
       const r = [...y.data];
-      return r.sort((c, i) => {
-        const x = c[e.value], m = i[e.value];
+      return r.sort((f, i) => {
+        const x = f[e.value], m = i[e.value];
         return typeof x == "string" && typeof m == "string" ? u.value === "asc" ? x.localeCompare(m) : m.localeCompare(x) : typeof x == "number" && typeof m == "number" ? u.value === "asc" ? x - m : m - x : 0;
       }), r;
     });
-    return (r, c) => (s(), o("div", ht, [
-      a("table", bt, [
-        a("thead", vt, [
-          a("tr", yt, [
-            (s(!0), o(E, null, A(t.columns, (i) => (s(), o("th", {
+    return (r, f) => (s(), o("div", vt, [
+      a("table", yt, [
+        a("thead", xt, [
+          a("tr", mt, [
+            (s(!0), o(E, null, W(t.columns, (i) => (s(), o("th", {
               key: i.key,
-              style: W(i.width ? { width: i.width } : {}),
+              style: P(i.width ? { width: i.width } : {}),
               class: v([
                 "px-8 py-4 text-left text-base font-semibold text-gray-900 border-0",
                 i.sortable ? "cursor-pointer hover:text-primary-700 select-none transition-colors" : ""
               ]),
               onClick: (x) => i.sortable && n(i.key)
             }, [
-              a("div", mt, [
-                a("span", null, C(i.label), 1),
-                i.sortable ? (s(), o("span", kt, [
-                  e.value !== i.key ? (s(), o("span", wt, "⇅")) : (s(), o("span", $t, C(u.value === "asc" ? "↑" : "↓"), 1))
-                ])) : f("", !0)
+              a("div", wt, [
+                a("span", null, $(i.label), 1),
+                i.sortable ? (s(), o("span", $t, [
+                  e.value !== i.key ? (s(), o("span", Ct, "⇅")) : (s(), o("span", Bt, $(u.value === "asc" ? "↑" : "↓"), 1))
+                ])) : c("", !0)
               ])
-            ], 14, xt))), 128))
+            ], 14, kt))), 128))
           ])
         ]),
-        a("tbody", Ct, [
-          (s(!0), o(E, null, A(d.value, (i, x) => (s(), o("tr", {
+        a("tbody", _t, [
+          (s(!0), o(E, null, W(d.value, (i, x) => (s(), o("tr", {
             key: x,
             class: "w-full hover:bg-gray-50 transition-colors"
           }, [
-            (s(!0), o(E, null, A(t.columns, (m) => (s(), o("td", {
+            (s(!0), o(E, null, W(t.columns, (m) => (s(), o("td", {
               key: `${x}-${m.key}`,
               class: "px-8 py-4 text-base text-gray-700 border-0"
             }, [
-              $(r.$slots, `cell-${m.key}`, {
+              C(r.$slots, `cell-${m.key}`, {
                 value: i[m.key],
                 row: i
               }, () => [
-                K(C(i[m.key]), 1)
+                A($(i[m.key]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
         ])
       ]),
-      d.value.length === 0 ? (s(), o("div", Bt, [
-        $(r.$slots, "empty", {}, () => [
-          c[0] || (c[0] = K("No hay datos disponibles", -1))
+      d.value.length === 0 ? (s(), o("div", Tt, [
+        C(r.$slots, "empty", {}, () => [
+          f[0] || (f[0] = A("No hay datos disponibles", -1))
         ], !0)
-      ])) : f("", !0),
-      r.$slots.footer ? (s(), o("div", _t, [
-        $(r.$slots, "footer", {}, void 0, !0)
-      ])) : f("", !0)
+      ])) : c("", !0),
+      r.$slots.footer ? (s(), o("div", Mt, [
+        C(r.$slots, "footer", {}, void 0, !0)
+      ])) : c("", !0)
     ]));
   }
-}), Pt = /* @__PURE__ */ R(Tt, [["__scopeId", "data-v-6b3ff0a8"]]), Mt = { class: "w-full" }, zt = {
+}), Gt = /* @__PURE__ */ K(zt, [["__scopeId", "data-v-6b3ff0a8"]]), Vt = { class: "w-full" }, jt = {
   class: "flex border-b border-gray-100",
   role: "tablist"
-}, Vt = ["aria-selected", "onClick"], jt = { role: "tabpanel" }, Lt = "relative 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", St = "text-primary-700 border-b-4 border-primary-700", Dt = "text-gray-600 border-b-4 border-transparent hover:text-gray-800", Ut = /* @__PURE__ */ L({
+}, Lt = ["aria-selected", "onClick"], St = { role: "tabpanel" }, Dt = "relative 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", Ot = "text-primary-700 border-b-4 border-primary-700", It = "text-gray-600 border-b-4 border-transparent hover:text-gray-800", Qt = /* @__PURE__ */ L({
   __name: "Tabs",
   props: {
     modelValue: {},
@@ -1114,32 +1123,32 @@ const le = { class: "flex items-center gap-4" }, ae = {
   setup(t, { emit: y }) {
     const e = t, u = y, n = (i) => e.modelValue === i, d = (i) => {
       n(i) || u("update:modelValue", i);
-    }, r = g(() => e.modelValue), c = g(
+    }, r = g(() => e.modelValue), f = g(
       () => e.tabs.find((i) => i.value === r.value)
     );
-    return (i, x) => (s(), o("div", Mt, [
-      a("div", zt, [
-        (s(!0), o(E, null, A(t.tabs, (m) => (s(), o("button", {
+    return (i, x) => (s(), o("div", Vt, [
+      a("div", jt, [
+        (s(!0), o(E, null, W(t.tabs, (m) => (s(), o("button", {
           key: m.value,
           type: "button",
           class: v([
-            Lt,
-            n(m.value) ? St : Dt
+            Dt,
+            n(m.value) ? Ot : It
           ]),
           "aria-selected": n(m.value),
           role: "tab",
           onClick: (j) => d(m.value)
-        }, C(m.label), 11, Vt))), 128))
+        }, $(m.label), 11, Lt))), 128))
       ]),
-      a("div", jt, [
-        $(i.$slots, r.value, {
+      a("div", St, [
+        C(i.$slots, r.value, {
           active: r.value,
-          tab: c.value
+          tab: f.value
         })
       ])
     ]));
   }
-}), Ot = "font-sans", Gt = /* @__PURE__ */ L({
+}), Et = "font-sans", Jt = /* @__PURE__ */ L({
   __name: "Text",
   props: {
     variant: { default: "body1" },
@@ -1211,38 +1220,38 @@ const le = { class: "flex items-center gap-4" }, ae = {
       semibold: "font-semibold",
       bold: "font-bold",
       extrabold: "font-extrabold"
-    }, r = t, c = g(() => r.variant), i = g(() => r.color), x = g(() => r.align), m = g(() => r.as || e[c.value] || "span"), j = g(() => r.weight ? d[r.weight] : "");
-    return (D, _) => (s(), P(Z(m.value), {
+    }, r = t, f = g(() => r.variant), i = g(() => r.color), x = g(() => r.align), m = g(() => r.as || e[f.value] || "span"), j = g(() => r.weight ? d[r.weight] : "");
+    return (D, _) => (s(), q(Z(m.value), {
       class: v([
-        Ot,
-        y[c.value],
+        Et,
+        y[f.value],
         n[i.value],
         u[x.value],
         j.value,
         {
-          uppercase: t.uppercase || c.value === "overline",
+          uppercase: t.uppercase || f.value === "overline",
           truncate: t.truncate
         }
       ])
     }, {
       default: U(() => [
-        $(D.$slots, "default")
+        C(D.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  Et as AppBar,
-  Ht as Button,
-  Ft as Card,
-  Wt as Dialog,
-  At as FileUpload,
-  Kt as Loader,
-  Rt as Menu,
-  Nt as Select,
-  qt as Sidebar,
-  Pt as Table,
-  Ut as Tabs,
-  Gt as Text
+  Ft as AppBar,
+  Pt as Button,
+  Wt as Card,
+  At as Dialog,
+  Kt as FileUpload,
+  Rt as Loader,
+  Nt as Menu,
+  qt as Select,
+  Ut as Sidebar,
+  Gt as Table,
+  Qt as Tabs,
+  Jt as Text
 };