@iaclinical/components 1.0.3 → 1.0.5

package/dist/iaclinical-components.js

@@ -1,11 +1,18 @@
-import { defineComponent as T, computed as g, createElementBlock as l, openBlock as s, normalizeClass as k, createElementVNode as o, createCommentVNode as f, renderSlot as w, toDisplayString as x, createBlock as P, Teleport as W, createVNode as H, Transition as K, withCtx as q, withModifiers as S, createTextVNode as F, ref as j, normalizeStyle as I, watch as X, withDirectives as Y, vModelText as Z, Fragment as L, renderList as O, nextTick as ee, resolveDynamicComponent as te } from "vue";
-const se = { class: "flex items-center gap-4" }, le = {
+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"
-}, oe = { class: "flex-1 flex justify-center" }, ae = { class: "flex items-center gap-3" }, ne = /* @__PURE__ */ T({
+}, 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 },
@@ -13,70 +20,72 @@ const se = { class: "flex items-center gap-4" }, le = {
     height: { default: "md" }
   },
   emits: ["toggle-menu"],
-  setup(e, { emit: h }) {
-    const t = e, d = h, r = g(() => {
-      const i = "flex items-center justify-between px-6 z-50", n = {
+  setup(t, { emit: y }) {
+    const e = t, u = y, n = g(() => {
+      const d = "flex items-center justify-between px-6 z-50", r = {
         default: "bg-primary-700 text-primary-50",
         dark: "bg-secondary-900 text-white",
         light: "bg-white text-secondary-900 border-b border-secondary-200"
-      }, u = {
+      }, f = {
         sm: "h-12",
         md: "h-14",
         lg: "h-16"
-      }, a = t.sticky ? "sticky top-0" : "", b = t.shadow ? "shadow-md" : "";
+      }, i = e.sticky ? "sticky top-0" : "", x = e.shadow ? "shadow-md" : "";
       return [
+        d,
+        r[e.variant],
+        f[e.height],
         i,
-        n[t.variant],
-        u[t.height],
-        a,
-        b
+        x
       ].join(" ");
     });
-    return (i, n) => (s(), l("header", {
-      class: k(r.value)
+    return (d, r) => (s(), o("header", {
+      class: v(n.value)
     }, [
-      o("div", se, [
-        e.showMenuButton ? (s(), l("button", {
+      a("div", le, [
+        t.showMenuButton ? (s(), o("button", {
           key: 0,
-          onClick: n[0] || (n[0] = (u) => d("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"
-        }, [...n[1] || (n[1] = [
-          o("svg", {
+        }, [...r[1] || (r[1] = [
+          a("svg", {
             class: "w-6 h-6 text-primary-50",
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24",
             xmlns: "http://www.w3.org/2000/svg"
           }, [
-            o("path", {
+            a("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M4 6h16M4 12h16M4 18h16"
             })
           ], -1)
-        ])])) : f("", !0),
-        e.title ? (s(), l("div", le, x(e.title), 1)) : f("", !0),
-        w(i.$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)
       ]),
-      o("div", oe, [
-        w(i.$slots, "center", {}, void 0, !0)
+      a("div", ne, [
+        t.title && t.titlePosition === "center" ? (s(), o("div", re, $(t.title), 1)) : c("", !0),
+        C(d.$slots, "center", {}, void 0, !0)
       ]),
-      o("div", ae, [
-        w(i.$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));
   }
-}), A = (e, h) => {
-  const t = e.__vccOpts || e;
-  for (const [d, r] of h)
-    t[d] = r;
-  return t;
-}, Ot = /* @__PURE__ */ A(ne, [["__scopeId", "data-v-8c81fc6d"]]), re = ["type", "disabled", "aria-label"], ie = {
+}), K = (t, y) => {
+  const e = t.__vccOpts || t;
+  for (const [u, n] of y)
+    e[u] = n;
+  return e;
+}, 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]"
-}, Ft = /* @__PURE__ */ T({
+}, Pt = /* @__PURE__ */ L({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -88,20 +97,20 @@ const se = { class: "flex items-center gap-4" }, le = {
     ariaLabel: { default: "" }
   },
   emits: ["click"],
-  setup(e, { emit: h }) {
-    const t = e, d = h, r = g(() => t.variant === "icon"), i = g(() => t.badge > 99 ? "99+" : t.badge.toString()), n = g(() => {
-      const a = "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", b = {
+  setup(t, { emit: y }) {
+    const e = t, u = y, n = g(() => e.variant === "icon"), d = g(() => e.badge > 99 ? "99+" : e.badge.toString()), r = g(() => {
+      const i = "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",
         ghost: "hover:bg-secondary-100 focus-visible:ring-secondary-500",
         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"
-      }, v = {
-        sm: r.value ? "p-1.5" : "h-8 px-3 text-sm",
-        md: r.value ? "p-2" : "h-10 px-4 text-base",
-        lg: r.value ? "p-3" : "h-12 px-6 text-lg"
-      }, V = {
+      }, m = {
+        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"
+      }, j = {
         full: "rounded-full",
         xl: "rounded-2xl",
         lg: "rounded-xl",
@@ -109,72 +118,72 @@ const se = { class: "flex items-center gap-4" }, le = {
         sm: "rounded-md",
         none: "rounded-none"
       };
-      return `${a} ${b[t.variant]} ${v[t.size]} ${V[t.radius]}`;
-    }), u = (a) => {
-      t.disabled || d("click", a);
+      return `${i} ${x[e.variant]} ${m[e.size]} ${j[e.radius]}`;
+    }), f = (i) => {
+      e.disabled || u("click", i);
     };
-    return (a, b) => (s(), l("button", {
-      class: k(n.value),
-      type: e.type,
-      disabled: e.disabled,
-      onClick: u,
-      "aria-label": e.ariaLabel
+    return (i, x) => (s(), o("button", {
+      class: v(r.value),
+      type: t.type,
+      disabled: t.disabled,
+      onClick: f,
+      "aria-label": t.ariaLabel
     }, [
-      w(a.$slots, "default"),
-      r.value && e.badge && e.badge > 0 ? (s(), l("span", ie, x(i.value), 1)) : f("", !0)
-    ], 10, re));
+      C(i.$slots, "default"),
+      n.value && t.badge && t.badge > 0 ? (s(), o("span", fe, $(d.value), 1)) : c("", !0)
+    ], 10, ce));
   }
-}), de = {
+}), pe = {
   key: 0,
   class: "border-b border-gray-100 px-6 py-4"
-}, ue = { class: "px-6 py-4" }, ce = {
+}, ge = { class: "px-6 py-4" }, he = {
   key: 1,
   class: "border-t border-gray-100 px-6 py-4 bg-gray-50"
-}, At = /* @__PURE__ */ T({
+}, Wt = /* @__PURE__ */ L({
   __name: "Card",
   props: {
     shadow: { default: "md" },
     rounded: { default: "lg" },
     bordered: { type: Boolean, default: !1 }
   },
-  setup(e) {
-    const h = e, t = {
+  setup(t) {
+    const y = t, e = {
       none: "",
       sm: "shadow-sm",
       md: "shadow",
       lg: "shadow-lg",
       xl: "shadow-xl"
-    }, d = {
+    }, u = {
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
       lg: "rounded-lg",
       xl: "rounded-xl",
       full: "rounded-full"
-    }, r = g(() => [
+    }, n = g(() => [
       "w-full bg-white",
-      t[h.shadow],
-      d[h.rounded],
-      h.bordered ? "border border-gray-200" : ""
+      e[y.shadow],
+      u[y.rounded],
+      y.bordered ? "border border-gray-200" : ""
     ]);
-    return (i, n) => (s(), l("div", {
-      class: k(r.value)
+    return (d, r) => (s(), o("div", {
+      class: v(n.value)
     }, [
-      i.$slots.header ? (s(), l("div", de, [
-        w(i.$slots, "header")
-      ])) : f("", !0),
-      o("div", ue, [
-        w(i.$slots, "default")
+      d.$slots.header ? (s(), o("div", pe, [
+        C(d.$slots, "header")
+      ])) : c("", !0),
+      a("div", ge, [
+        C(d.$slots, "default")
       ]),
-      i.$slots.footer ? (s(), l("div", ce, [
-        w(i.$slots, "footer")
-      ])) : f("", !0)
+      d.$slots.footer ? (s(), o("div", he, [
+        C(d.$slots, "footer")
+      ])) : c("", !0)
     ], 2));
   }
-}), fe = { class: "flex items-center justify-between border-b border-gray-100 px-8 py-6" }, pe = { class: "text-xl font-semibold text-gray-900" }, ge = { class: "px-8 py-6" }, he = {
+}), 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"
-}, be = /* @__PURE__ */ T({
+}, me = /* @__PURE__ */ L({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -182,47 +191,47 @@ const se = { class: "flex items-center gap-4" }, le = {
     closeOnBackdrop: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: h }) {
-    const t = e, d = h, r = g({
-      get: () => t.modelValue,
-      set: (u) => d("update:modelValue", u)
-    }), i = () => {
-      r.value = !1;
-    }, n = () => {
-      t.closeOnBackdrop && i();
+  setup(t, { emit: y }) {
+    const e = t, u = y, n = g({
+      get: () => e.modelValue,
+      set: (f) => u("update:modelValue", f)
+    }), d = () => {
+      n.value = !1;
+    }, r = () => {
+      e.closeOnBackdrop && d();
     };
-    return (u, a) => (s(), P(W, { to: "body" }, [
-      H(K, { name: "dialog" }, {
-        default: q(() => [
-          r.value ? (s(), l("div", {
+    return (f, i) => (s(), q(X, { to: "body" }, [
+      G(Q, { name: "dialog" }, {
+        default: U(() => [
+          n.value ? (s(), o("div", {
             key: 0,
             class: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
-            onClick: n
+            onClick: r
           }, [
-            o("div", {
+            a("div", {
               class: "relative w-full max-w-2xl rounded-lg bg-white shadow-xl",
-              onClick: a[0] || (a[0] = S(() => {
+              onClick: i[0] || (i[0] = I(() => {
               }, ["stop"]))
             }, [
-              o("div", fe, [
-                o("h2", pe, [
-                  w(u.$slots, "title", {}, () => [
-                    F(x(e.title), 1)
+              a("div", be, [
+                a("h2", ve, [
+                  C(f.$slots, "title", {}, () => [
+                    A($(t.title), 1)
                   ], !0)
                 ]),
-                o("button", {
+                a("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
-                }, [...a[1] || (a[1] = [
-                  o("svg", {
+                  onClick: d
+                }, [...i[1] || (i[1] = [
+                  a("svg", {
                     class: "h-6 w-6",
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24"
                   }, [
-                    o("path", {
+                    a("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
@@ -231,32 +240,32 @@ const se = { class: "flex items-center gap-4" }, le = {
                   ], -1)
                 ])])
               ]),
-              o("div", ge, [
-                w(u.$slots, "default", {}, void 0, !0)
+              a("div", ye, [
+                C(f.$slots, "default", {}, void 0, !0)
               ]),
-              u.$slots.footer ? (s(), l("div", he, [
-                w(u.$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
       })
     ]));
   }
-}), Nt = /* @__PURE__ */ A(be, [["__scopeId", "data-v-091e8739"]]), ve = ["accept", "multiple", "disabled"], xe = { class: "flex flex-col items-center justify-center gap-4 text-center" }, ye = { class: "w-32 h-32 flex items-center justify-center" }, me = ["src", "alt"], ke = {
+}), 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"
-}, we = { class: "text-center" }, Ce = { class: "text-base font-medium text-gray-700" }, $e = { class: "text-primary-700" }, _e = { class: "flex items-center gap-3 flex-1 min-w-0" }, Be = { class: "flex-1 min-w-0" }, Te = { 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"
-}, ze = {
+}, De = {
   key: 2,
   class: "text-sm text-danger-500 mt-2"
-}, qt = /* @__PURE__ */ T({
+}, Kt = /* @__PURE__ */ L({
   __name: "FileUpload",
   props: {
     modelValue: { default: null },
@@ -271,67 +280,67 @@ const se = { class: "flex items-center gap-4" }, le = {
     maxSize: { default: void 0 }
   },
   emits: ["update:modelValue", "change", "error"],
-  setup(e, { emit: h }) {
-    const t = e, d = h, r = j(null), i = j(!1), n = j(t.modelValue), u = j(""), a = () => {
-      var C;
-      (C = r.value) == null || C.click();
-    }, b = () => {
-      t.disabled || a();
-    }, v = (C) => {
-      t.disabled || (i.value = !0);
-    }, V = () => {
-      i.value = !1;
-    }, z = (C) => {
-      if (u.value = "", t.maxSize && C.size > t.maxSize) {
-        const m = (t.maxSize / 1048576).toFixed(2);
-        return u.value = `El archivo excede el tamaño máximo de ${m}MB`, d("error", u.value), !1;
+  setup(t, { emit: y }) {
+    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 = () => {
+      e.disabled || i();
+    }, m = (B) => {
+      e.disabled || (d.value = !0);
+    }, j = () => {
+      d.value = !1;
+    }, D = (B) => {
+      if (f.value = "", e.maxSize && B.size > e.maxSize) {
+        const b = (e.maxSize / 1048576).toFixed(2);
+        return f.value = `El archivo excede el tamaño máximo de ${b}MB`, u("error", f.value), !1;
       }
       return !0;
-    }, $ = (C) => {
-      var B;
-      const _ = (B = C.target.files) == null ? void 0 : B[0];
-      _ && z(_) && (n.value = _, d("update:modelValue", _), d("change", _));
-    }, M = (C) => {
-      var _;
-      i.value = !1;
-      const m = (_ = C.dataTransfer) == null ? void 0 : _.files[0];
-      m && z(m) && (n.value = m, d("update:modelValue", m), d("change", m));
-    }, N = () => {
-      n.value = null, u.value = "", r.value && (r.value.value = ""), d("update:modelValue", null), d("change", null);
-    }, E = (C) => {
-      if (C === 0) return "0 Bytes";
-      const m = 1024, _ = ["Bytes", "KB", "MB", "GB"], B = Math.floor(Math.log(C) / Math.log(m));
-      return Math.round(C / Math.pow(m, B) * 100) / 100 + " " + _[B];
+    }, _ = (B) => {
+      var S;
+      const T = (S = B.target.files) == null ? void 0 : S[0];
+      T && D(T) && (r.value = T, u("update:modelValue", T), u("change", T));
+    }, O = (B) => {
+      var T;
+      d.value = !1;
+      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, 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));
+      return Math.round(B / Math.pow(b, S) * 100) / 100 + " " + T[S];
     };
-    return (C, m) => (s(), l("div", {
-      class: k(["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",
-        e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+    return (B, b) => (s(), o("div", {
+      class: v(["relative border-2 border-dashed rounded-lg p-8 transition-colors", [
+        d.value ? "border-primary-700 bg-primary-50" : "border-gray-300 bg-white hover:border-primary-500",
+        t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
       ]]),
-      onClick: b,
-      onDragover: S(v, ["prevent"]),
-      onDragleave: S(V, ["prevent"]),
-      onDrop: S(M, ["prevent"])
+      onClick: x,
+      onDragover: I(m, ["prevent"]),
+      onDragleave: I(j, ["prevent"]),
+      onDrop: I(O, ["prevent"])
     }, [
-      o("input", {
+      a("input", {
         ref_key: "fileInput",
-        ref: r,
+        ref: n,
         type: "file",
-        accept: e.accept,
-        multiple: e.multiple,
-        disabled: e.disabled,
+        accept: t.accept,
+        multiple: t.multiple,
+        disabled: t.disabled,
         class: "hidden",
-        onChange: $
-      }, null, 40, ve),
-      o("div", xe, [
-        o("div", ye, [
-          e.illustration ? (s(), l("img", {
+        onChange: _
+      }, null, 40, ke),
+      a("div", we, [
+        a("div", $e, [
+          t.illustration ? (s(), o("img", {
             key: 0,
-            src: e.illustration,
-            alt: e.illustrationAlt,
+            src: t.illustration,
+            alt: t.illustrationAlt,
             class: "max-w-full max-h-full object-contain"
-          }, null, 8, me)) : (s(), l("svg", ke, [...m[1] || (m[1] = [
-            o("path", {
+          }, null, 8, Ce)) : (s(), o("svg", Be, [...b[1] || (b[1] = [
+            a("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "1.5",
@@ -339,64 +348,64 @@ const se = { class: "flex items-center gap-4" }, le = {
             }, null, -1)
           ])]))
         ]),
-        o("div", we, [
-          o("p", Ce, [
-            F(x(e.mainText) + " ", 1),
-            o("span", $e, x(e.linkText), 1)
+        a("div", _e, [
+          a("p", Te, [
+            A($(t.mainText) + " ", 1),
+            a("span", Me, $(t.linkText), 1)
           ])
         ]),
-        n.value ? (s(), l("div", {
+        r.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] = S(() => {
+          onClick: b[0] || (b[0] = I(() => {
           }, ["stop"]))
         }, [
-          o("div", _e, [
-            m[2] || (m[2] = o("svg", {
+          a("div", ze, [
+            b[2] || (b[2] = a("svg", {
               class: "w-6 h-6 text-gray-600 flex-shrink-0",
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24"
             }, [
-              o("path", {
+              a("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
                 d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
               })
             ], -1)),
-            o("div", Be, [
-              o("p", Te, x(n.value.name), 1),
-              o("p", Ve, x(E(n.value.size)), 1)
+            a("div", Ve, [
+              a("p", je, $(r.value.name), 1),
+              a("p", Le, $(F(r.value.size)), 1)
             ])
           ]),
-          e.disabled ? f("", !0) : (s(), l("button", {
+          t.disabled ? c("", !0) : (s(), o("button", {
             key: 0,
-            onClick: S(N, ["stop"]),
+            onClick: I(H, ["stop"]),
             class: "ml-3 text-gray-400 hover:text-danger-500 transition-colors"
-          }, [...m[3] || (m[3] = [
-            o("svg", {
+          }, [...b[3] || (b[3] = [
+            a("svg", {
               class: "w-5 h-5",
               fill: "currentColor",
               viewBox: "0 0 20 20"
             }, [
-              o("path", {
+              a("path", {
                 "fill-rule": "evenodd",
                 d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
                 "clip-rule": "evenodd"
               })
             ], -1)
           ])]))
-        ])) : f("", !0),
-        e.helperText ? (s(), l("p", je, x(e.helperText), 1)) : f("", !0),
-        u.value ? (s(), l("p", ze, x(u.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));
   }
-}), Me = ["stroke-width"], Se = {
+}), Oe = ["stroke-width"], Ie = {
   class: "w-full h-full rounded-lg overflow-hidden",
   style: { "background-color": "#f7f7f7" }
-}, Le = /* @__PURE__ */ T({
+}, Ee = /* @__PURE__ */ L({
   __name: "Loader",
   props: {
     type: { default: "circular" },
@@ -406,128 +415,351 @@ const se = { class: "flex items-center gap-4" }, le = {
     strokeWidth: { default: 4 },
     progress: { default: void 0 }
   },
-  setup(e) {
-    const h = e, t = {
+  setup(t) {
+    const y = 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"
-    }, d = {
+    }, u = {
       primary: "bg-primary-700",
       secondary: "bg-secondary-500",
       success: "bg-success-500",
       warning: "bg-warning-500",
       danger: "bg-danger-500",
       info: "bg-info-500"
-    }, r = g(() => [t[h.color]]), i = g(() => [d[h.color]]);
-    return (n, u) => e.type === "circular" ? (s(), l("div", {
+    }, n = g(() => [e[y.color]]), d = g(() => [u[y.color]]);
+    return (r, f) => t.type === "circular" ? (s(), o("div", {
       key: 0,
-      class: k(r.value)
+      class: v(n.value)
     }, [
-      (s(), l("svg", {
+      (s(), o("svg", {
         class: "animate-spin",
-        style: I({ width: e.size, height: e.size }),
+        style: P({ width: t.size, height: t.size }),
         viewBox: "0 0 24 24"
       }, [
-        o("circle", {
+        a("circle", {
           class: "opacity-25",
           cx: "12",
           cy: "12",
           r: "10",
           stroke: "currentColor",
-          "stroke-width": e.strokeWidth,
+          "stroke-width": t.strokeWidth,
           fill: "none"
-        }, null, 8, Me),
-        u[0] || (u[0] = o("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"
         }, null, -1))
       ], 4))
-    ], 2)) : e.type === "linear" ? (s(), l("div", {
+    ], 2)) : t.type === "linear" ? (s(), o("div", {
       key: 1,
       class: "w-full",
-      style: I({ height: e.height })
+      style: P({ height: t.height })
     }, [
-      o("div", Se, [
-        o("div", {
-          class: k([i.value, "h-full rounded-lg animate-linear-loader"]),
-          style: I({ width: e.progress ? `${e.progress}%` : void 0 })
+      a("div", Ie, [
+        a("div", {
+          class: v([d.value, "h-full rounded-lg animate-linear-loader"]),
+          style: P({ width: t.progress ? `${t.progress}%` : void 0 })
         }, null, 6)
       ])
-    ], 4)) : f("", !0);
+    ], 4)) : c("", !0);
   }
-}), Et = /* @__PURE__ */ A(Le, [["__scopeId", "data-v-8df4ec38"]]), De = ["for"], Ie = {
+}), Rt = /* @__PURE__ */ K(Ee, [["__scopeId", "data-v-8df4ec38"]]), He = ["disabled", "aria-expanded"], Fe = ["disabled", "onClick"], Pe = {
   key: 0,
-  class: "text-danger-600"
-}, Oe = { class: "relative" }, Fe = ["id", "disabled", "aria-expanded"], Ae = {
+  class: "flex-shrink-0"
+}, 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"
+}, Ue = {
   key: 0,
-  class: "flex items-center gap-3 flex-1"
-}, Ne = {
+  class: "text-xs text-secondary-400 font-mono whitespace-nowrap"
+}, 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"
+}, Je = /* @__PURE__ */ L({
+  __name: "Menu",
+  props: {
+    items: { default: () => [] },
+    triggerText: { default: "Menu" },
+    showChevron: { type: Boolean, default: !0 },
+    position: { default: "bottom-start" },
+    align: { default: "start" },
+    offset: { default: () => ({ x: 0, y: 4 }) },
+    width: { default: "auto" },
+    maxHeight: { default: "400px" },
+    closeOnClick: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    fullWidth: { type: Boolean, default: !1 },
+    overlay: { type: Boolean, default: !1 },
+    teleport: { type: Boolean, default: !0 },
+    zIndex: { default: 50 }
+  },
+  emits: ["open", "close", "select"],
+  setup(t, { emit: y }) {
+    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",
+      "disabled:opacity-50 disabled:cursor-not-allowed",
+      "transition-colors"
+    ].join(" ")), x = g(() => [...[
+      "fixed bg-white rounded-lg shadow-lg border border-secondary-200",
+      "flex flex-col",
+      "focus:outline-none"
+    ], `z-${e.zIndex}`].join(" ")), m = g(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), j = g(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), D = g(() => "py-1 overflow-y-auto flex-1 min-h-0"), _ = g(() => "my-1 border-t border-secondary-200"), O = g(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), H = (l) => {
+      const w = [
+        "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", 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, 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", N);
+      });
+    }, b = () => {
+      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();
+    }, 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, R = window.innerHeight;
+      let M = 0, z = 0;
+      switch (e.position) {
+        case "bottom-start":
+          M = l.bottom + e.offset.y, z = l.left + e.offset.x;
+          break;
+        case "bottom-end":
+          M = l.bottom + e.offset.y, z = l.right - w.width + e.offset.x;
+          break;
+        case "top-start":
+          M = l.top - w.height - e.offset.y, z = l.left + e.offset.x;
+          break;
+        case "top-end":
+          M = l.top - w.height - e.offset.y, z = l.right - w.width + e.offset.x;
+          break;
+        case "right-start":
+          M = l.top + e.offset.y, z = l.right + e.offset.x;
+          break;
+        case "right-end":
+          M = l.bottom - w.height + e.offset.y, z = l.right + e.offset.x;
+          break;
+        case "left-start":
+          M = l.top + e.offset.y, z = l.left - w.width - e.offset.x;
+          break;
+        case "left-end":
+          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 > 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,
+        maxHeight: e.maxHeight,
+        minWidth: "240px"
+      };
+    };
+    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", N);
+    }), Y(() => e.items, () => {
+      n.value && J(k);
+    }, { deep: !0 }), (l, w) => (s(), o("div", {
+      class: v(["menu-wrapper", { "w-full": t.fullWidth }])
+    }, [
+      a("div", {
+        ref_key: "triggerRef",
+        ref: d
+      }, [
+        C(l.$slots, "trigger", {
+          isOpen: n.value,
+          toggle: F
+        }, () => [
+          a("button", {
+            type: "button",
+            class: v(i.value),
+            disabled: t.disabled,
+            onClick: F,
+            onKeydown: h,
+            tabindex: 0,
+            role: "button",
+            "aria-expanded": n.value,
+            "aria-haspopup": !0
+          }, [
+            C(l.$slots, "trigger-content", {}, () => [
+              A($(t.triggerText), 1)
+            ], !0),
+            t.showChevron ? (s(), o("svg", {
+              key: 0,
+              class: v(["w-4 h-4 ml-2 transition-transform", n.value ? "rotate-180" : ""]),
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [...w[1] || (w[1] = [
+              a("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M19 9l-7 7-7-7"
+              }, null, -1)
+            ])], 2)) : c("", !0)
+          ], 42, He)
+        ], !0)
+      ], 512),
+      (s(), q(X, { to: "body" }, [
+        n.value ? (s(), o("div", {
+          key: 0,
+          ref_key: "menuRef",
+          ref: r,
+          class: v(x.value),
+          style: P(f.value),
+          onClick: w[0] || (w[0] = I(() => {
+          }, ["stop"]))
+        }, [
+          l.$slots.header ? (s(), o("div", {
+            key: 0,
+            class: v(m.value)
+          }, [
+            C(l.$slots, "header", { close: b }, void 0, !0)
+          ], 2)) : c("", !0),
+          a("div", {
+            class: v(D.value)
+          }, [
+            C(l.$slots, "default", {
+              close: b,
+              isOpen: n.value
+            }, () => [
+              (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,
+                  class: v(_.value)
+                }, null, 2)) : p.type === "header" ? (s(), o("div", {
+                  key: 1,
+                  class: v(O.value)
+                }, $(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", 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, We))
+                    ], !0)
+                  ])) : c("", !0),
+                  a("div", Ae, [
+                    C(l.$slots, `item-${p.id}`, {
+                      item: p,
+                      close: b
+                    }, () => [
+                      a("div", Ke, [
+                        a("span", {
+                          class: "truncate w-full",
+                          title: p.label
+                        }, $(p.label), 9, Re),
+                        p.description ? (s(), o("span", {
+                          key: 0,
+                          class: "text-xs text-secondary-500 truncate w-full",
+                          title: p.description
+                        }, $(p.description), 9, Ne)) : c("", !0)
+                      ])
+                    ], !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)
+                  ])) : 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)
+                  ])])) : c("", !0)
+                ], 10, Fe))
+              ], 64))), 128))
+            ], !0)
+          ], 2),
+          l.$slots.footer ? (s(), o("div", {
+            key: 1,
+            class: v(j.value)
+          }, [
+            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
+        })) : c("", !0)
+      ]))
+    ], 2));
+  }
+}), Nt = /* @__PURE__ */ K(Je, [["__scopeId", "data-v-e155a86b"]]), Xe = ["for"], Ye = {
   key: 0,
-  class: "w-8 h-8 rounded-full overflow-hidden bg-primary-50 flex-shrink-0"
-}, qe = ["src", "alt"], Ee = {
-  key: 1,
-  class: "w-8 h-8 rounded-full bg-primary-700 flex items-center justify-center flex-shrink-0 font-bold text-white text-sm"
-}, He = { class: "flex flex-col items-start flex-1 min-w-0" }, Ke = {
-  key: 1,
-  class: "flex-1 text-left truncate"
-}, Pe = {
+  class: "text-danger-600"
+}, 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"
-}, We = ["placeholder"], Ue = { class: "max-h-64 overflow-y-auto" }, Ge = {
+}, 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"
-}, Qe = ["onClick"], Je = {
-  key: 0,
-  class: "flex items-center gap-3 w-full"
-}, Re = {
-  key: 0,
-  class: "w-10 h-10 rounded-full overflow-hidden bg-primary-50 flex-shrink-0"
-}, Xe = ["src", "alt"], Ye = {
-  key: 1,
-  class: "w-10 h-10 rounded-full bg-primary-700 flex items-center justify-center flex-shrink-0 font-bold text-white"
-}, Ze = { class: "flex flex-col items-start flex-1 min-w-0" }, et = { class: "text-sm font-semibold text-secondary-900 truncate w-full" }, tt = {
-  key: 0,
-  class: "text-xs text-secondary-600 truncate w-full"
-}, st = {
-  key: 1,
-  class: "text-xs text-secondary-500 truncate w-full"
-}, lt = {
-  key: 2,
-  class: "w-5 h-5 text-primary-600 flex-shrink-0",
-  fill: "none",
-  stroke: "currentColor",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-}, ot = {
-  key: 1,
-  class: "flex items-center justify-between w-full"
-}, at = { class: "truncate" }, nt = {
+}, 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"
-}, rt = {
+}, ut = {
   key: 0,
   class: "border-t border-secondary-200 my-1"
-}, it = ["onClick"], dt = ["innerHTML"], ut = {
+}, ct = ["onClick"], ft = ["innerHTML"], pt = {
   key: 1,
   class: "mt-1 text-sm text-danger-600"
-}, ct = {
+}, gt = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, ft = /* @__PURE__ */ T({
+}, ht = /* @__PURE__ */ L({
   __name: "Select",
   props: {
     modelValue: { default: null },
     options: { default: () => [] },
     actionItems: { default: () => [] },
-    mode: { default: "normal" },
     label: { default: "" },
     placeholder: { default: "Seleccionar..." },
     size: { default: "md" },
@@ -543,208 +775,167 @@ const se = { class: "flex items-center gap-4" }, le = {
     menuPosition: { default: "bottom" }
   },
   emits: ["update:modelValue", "change", "action"],
-  setup(e, { emit: h }) {
-    const t = e, d = h, r = j(!1), i = j(""), n = j(null), u = g(
+  setup(t, { emit: y }) {
+    const e = t, u = y, n = V(!1), d = V(""), r = V(null), f = g(
       () => `select-${Math.random().toString(36).substr(2, 9)}`
-    ), a = g(() => t.options.find((c) => c.value === t.modelValue) || null), b = g(() => {
-      if (!t.searchable || !i.value)
-        return t.options;
-      const c = i.value.toLowerCase();
-      return t.options.filter((y) => {
-        var p, D;
-        return y.label.toLowerCase().includes(c) || ((p = y.subtitle) == null ? void 0 : p.toLowerCase().includes(c)) || ((D = y.description) == null ? void 0 : D.toLowerCase().includes(c));
-      });
-    }), v = g(() => "block text-sm font-semibold text-secondary-700 mb-1"), V = g(() => {
-      const c = "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", y = {
+    ), i = g(() => e.options.find((h) => h.value === e.modelValue) || null), x = g(() => {
+      if (!e.searchable || !d.value)
+        return e.options;
+      const h = d.value.toLowerCase();
+      return e.options.filter((k) => k.label.toLowerCase().includes(h));
+    }), m = g(() => "block text-sm font-semibold text-secondary-700 mb-1"), j = g(() => {
+      const h = "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", k = {
         sm: "px-3 py-1.5 text-sm",
         md: "px-4 py-2 text-base",
         lg: "px-5 py-3 text-lg"
-      }, p = {
+      }, l = {
         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"
-      }, D = t.mode === "menu" ? "bg-primary-700 border-primary-700 hover:bg-primary-600" : "", R = t.error ? "border-danger-600 focus:ring-danger-500" : "";
+      }, w = e.error ? "border-danger-600 focus:ring-danger-500" : "";
       return [
-        c,
-        y[t.size],
-        D || p[t.variant],
-        R
+        h,
+        k[e.size],
+        l[e.variant],
+        w
       ].join(" ");
-    }), z = g(() => t.mode === "menu" ? "text-white" : "text-secondary-900"), $ = g(() => t.mode === "menu" ? "text-primary-100" : "text-secondary-600"), M = g(() => t.mode === "menu" ? "text-white" : "text-secondary-600"), N = g(() => `absolute ${t.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`), E = (c) => {
-      const y = "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", p = m(c) ? "bg-primary-50" : "";
-      return [y, p].join(" ");
-    }, C = (c) => {
-      const y = "w-full px-4 py-2 text-left text-sm font-semibold transition-colors focus:outline-none flex items-center gap-3";
-      return c.variant === "danger" ? `${y} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${y} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
-    }, m = (c) => c.value === t.modelValue, _ = () => {
-      t.disabled || (r.value = !r.value, r.value && t.searchable && ee(() => {
-        var c;
-        (c = n.value) == null || c.focus();
+    }), D = g(() => `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`), _ = (h) => {
+      const k = "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", l = H(h) ? "bg-primary-50" : "";
+      return [k, l].join(" ");
+    }, O = (h) => {
+      const k = "w-full px-4 py-2 text-left text-sm font-semibold transition-colors focus:outline-none flex items-center gap-3";
+      return h.variant === "danger" ? `${k} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${k} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
+    }, H = (h) => h.value === e.modelValue, F = () => {
+      e.disabled || (n.value = !n.value, n.value && e.searchable && J(() => {
+        var h;
+        (h = r.value) == null || h.focus();
       }));
     }, B = () => {
-      r.value = !1, i.value = "";
-    }, U = (c) => {
-      c.disabled || (d("update:modelValue", c.value), d("change", c), B());
-    }, G = (c) => {
-      c.action && c.action(), d("action", c), B();
-    }, Q = (c) => {
-      const y = c.relatedTarget;
-      y && y.closest(".select-wrapper") || setTimeout(() => {
+      n.value = !1, d.value = "";
+    }, b = (h) => {
+      h.disabled || (u("update:modelValue", h.value), u("change", h), B());
+    }, T = (h) => {
+      h.action && h.action(), u("action", h), B();
+    }, S = (h) => {
+      const k = h.relatedTarget;
+      k && k.closest(".select-wrapper") || setTimeout(() => {
         B();
       }, 200);
-    }, J = (c) => {
-      c.key === "Escape" ? B() : (c.key === "Enter" || c.key === " ") && (c.preventDefault(), _());
+    }, N = (h) => {
+      h.key === "Escape" ? B() : (h.key === "Enter" || h.key === " ") && (h.preventDefault(), F());
     };
-    return X(r, (c) => {
-      c && (i.value = "");
-    }), (c, y) => (s(), l("div", {
-      class: k(["select-wrapper", { "w-full": e.fullWidth }])
+    return Y(n, (h) => {
+      h && (d.value = "");
+    }), (h, k) => (s(), o("div", {
+      class: v(["select-wrapper", { "w-full": t.fullWidth }])
     }, [
-      e.label ? (s(), l("label", {
+      t.label ? (s(), o("label", {
         key: 0,
-        for: u.value,
-        class: k(v.value)
+        for: f.value,
+        class: v(m.value)
       }, [
-        F(x(e.label) + " ", 1),
-        e.required ? (s(), l("span", Ie, "*")) : f("", !0)
-      ], 10, De)) : f("", !0),
-      o("div", Oe, [
-        o("button", {
-          id: u.value,
+        A($(t.label) + " ", 1),
+        t.required ? (s(), o("span", Ye, "*")) : c("", !0)
+      ], 10, Xe)) : c("", !0),
+      a("div", Ze, [
+        a("button", {
+          id: f.value,
           type: "button",
-          class: k(V.value),
-          disabled: e.disabled,
-          "aria-expanded": r.value,
+          class: v(j.value),
+          disabled: t.disabled,
+          "aria-expanded": n.value,
           "aria-haspopup": !0,
-          onClick: _,
-          onBlur: Q,
-          onKeydown: J
+          onClick: F,
+          onBlur: S,
+          onKeydown: N
         }, [
-          e.mode === "menu" && a.value ? (s(), l("div", Ae, [
-            a.value.avatar ? (s(), l("div", Ne, [
-              o("img", {
-                src: a.value.avatar,
-                alt: a.value.label,
-                class: "w-full h-full object-cover"
-              }, null, 8, qe)
-            ])) : a.value.initials ? (s(), l("div", Ee, x(a.value.initials), 1)) : f("", !0),
-            o("div", He, [
-              o("span", {
-                class: k(["text-sm font-semibold truncate w-full", z.value])
-              }, x(a.value.label), 3),
-              a.value.subtitle ? (s(), l("span", {
-                key: 0,
-                class: k(["text-xs truncate w-full", $.value])
-              }, x(a.value.subtitle), 3)) : f("", !0)
-            ])
-          ])) : (s(), l("span", Ke, x(a.value ? a.value.label : e.placeholder), 1)),
-          (s(), l("svg", {
-            class: k(["w-5 h-5 flex-shrink-0 transition-transform", [r.value ? "rotate-180" : "", M.value]]),
+          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",
             stroke: "currentColor",
             viewBox: "0 0 24 24",
             xmlns: "http://www.w3.org/2000/svg"
-          }, [...y[3] || (y[3] = [
-            o("path", {
+          }, [...k[3] || (k[3] = [
+            a("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M19 9l-7 7-7-7"
             }, null, -1)
           ])], 2))
-        ], 42, Fe),
-        r.value ? (s(), l("div", {
+        ], 42, et),
+        n.value ? (s(), o("div", {
           key: 0,
-          class: k(N.value),
-          onClick: y[2] || (y[2] = S(() => {
+          class: v(D.value),
+          onClick: k[2] || (k[2] = I(() => {
           }, ["stop"]))
         }, [
-          e.searchable ? (s(), l("div", Pe, [
-            Y(o("input", {
+          t.searchable ? (s(), o("div", st, [
+            se(a("input", {
               ref_key: "searchInput",
-              ref: n,
-              "onUpdate:modelValue": y[0] || (y[0] = (p) => i.value = p),
+              ref: r,
+              "onUpdate:modelValue": k[0] || (k[0] = (l) => d.value = l),
               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: e.searchPlaceholder,
-              onKeydown: y[1] || (y[1] = S(() => {
+              placeholder: t.searchPlaceholder,
+              onKeydown: k[1] || (k[1] = I(() => {
               }, ["stop"]))
-            }, null, 40, We), [
-              [Z, i.value]
+            }, null, 40, ot), [
+              [oe, d.value]
             ])
-          ])) : f("", !0),
-          o("div", Ue, [
-            b.value.length === 0 ? (s(), l("div", Ge, x(e.emptyText), 1)) : (s(), l(L, { key: 1 }, [
-              (s(!0), l(L, null, O(b.value, (p) => (s(), l("button", {
-                key: p.value,
+          ])) : 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: k(E(p)),
-                onClick: (D) => U(p)
+                class: v(_(l)),
+                onClick: (w) => b(l)
               }, [
-                e.mode === "menu" ? (s(), l("div", Je, [
-                  p.avatar ? (s(), l("div", Re, [
-                    o("img", {
-                      src: p.avatar,
-                      alt: p.label,
-                      class: "w-full h-full object-cover"
-                    }, null, 8, Xe)
-                  ])) : p.initials ? (s(), l("div", Ye, x(p.initials), 1)) : f("", !0),
-                  o("div", Ze, [
-                    o("span", et, x(p.label), 1),
-                    p.subtitle ? (s(), l("span", tt, x(p.subtitle), 1)) : f("", !0),
-                    p.description ? (s(), l("span", st, x(p.description), 1)) : f("", !0)
-                  ]),
-                  m(p) ? (s(), l("svg", lt, [...y[4] || (y[4] = [
-                    o("path", {
-                      "stroke-linecap": "round",
-                      "stroke-linejoin": "round",
-                      "stroke-width": "2",
-                      d: "M5 13l4 4L19 7"
-                    }, null, -1)
-                  ])])) : f("", !0)
-                ])) : (s(), l("div", ot, [
-                  o("span", at, x(p.label), 1),
-                  m(p) ? (s(), l("svg", nt, [...y[5] || (y[5] = [
-                    o("path", {
+                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)
-                ]))
-              ], 10, Qe))), 128)),
-              e.actionItems.length > 0 ? (s(), l("div", rt)) : f("", !0),
-              (s(!0), l(L, null, O(e.actionItems, (p) => (s(), l("button", {
-                key: p.id,
+                  ])])) : c("", !0)
+                ])
+              ], 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: k(C(p)),
-                onClick: (D) => G(p)
+                class: v(O(l)),
+                onClick: (w) => T(l)
               }, [
-                p.icon ? (s(), l("svg", {
+                l.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: p.icon
-                }, null, 8, dt)) : f("", !0),
-                F(" " + x(p.label), 1)
-              ], 10, it))), 128))
+                  innerHTML: l.icon
+                }, null, 8, ft)) : c("", !0),
+                A(" " + $(l.label), 1)
+              ], 10, ct))), 128))
             ], 64))
           ])
-        ], 2)) : f("", !0)
+        ], 2)) : c("", !0)
       ]),
-      e.error ? (s(), l("p", ut, x(e.error), 1)) : e.helperText ? (s(), l("p", ct, x(e.helperText), 1)) : f("", !0),
-      r.value ? (s(), l("div", {
+      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));
   }
-}), Ht = /* @__PURE__ */ A(ft, [["__scopeId", "data-v-5644cc74"]]), pt = /* @__PURE__ */ T({
+}), qt = /* @__PURE__ */ K(ht, [["__scopeId", "data-v-f016a03c"]]), bt = /* @__PURE__ */ L({
   __name: "Sidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -759,205 +950,205 @@ const se = { class: "flex items-center gap-4" }, le = {
     padding: { default: "md" }
   },
   emits: ["update:modelValue", "close", "open"],
-  setup(e, { emit: h }) {
-    const t = e, d = h, r = g({
-      get: () => t.modelValue,
-      set: ($) => d("update:modelValue", $)
-    }), i = () => {
-      t.persistent || (r.value = !1, d("close"));
-    }, n = g(() => t.position === "left" ? "slide-right" : "slide-left"), u = g(() => {
-      const $ = "fixed top-0 h-full z-50 flex flex-col", M = t.position === "left" ? "left-0" : "right-0", N = t.shadow ? t.position === "left" ? "shadow-[2px_0_8px_rgba(0,0,0,0.1)]" : "shadow-[-2px_0_8px_rgba(0,0,0,0.1)]" : "";
-      return [$, M, N].filter(Boolean).join(" ");
-    }), a = g(() => ({
-      width: t.width,
-      backgroundColor: t.backgroundColor,
-      top: t.overlayTop,
-      height: t.overlayTop !== "0" ? `calc(100vh - ${t.overlayTop})` : "100vh"
-    })), b = {
+  setup(t, { emit: y }) {
+    const e = t, u = y, n = g({
+      get: () => e.modelValue,
+      set: (_) => u("update:modelValue", _)
+    }), d = () => {
+      e.persistent || (n.value = !1, u("close"));
+    }, 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(() => ({
+      width: e.width,
+      backgroundColor: e.backgroundColor,
+      top: e.overlayTop,
+      height: e.overlayTop !== "0" ? `calc(100vh - ${e.overlayTop})` : "100vh"
+    })), x = {
       none: "",
       sm: "p-2",
       md: "p-4",
       lg: "p-6"
-    }, v = g(() => `flex items-center justify-between border-b border-gray-200 ${b[t.padding]}`), V = g(() => `flex-1 overflow-y-auto ${b[t.padding]}`), z = g(() => `border-t border-gray-200 ${b[t.padding]}`);
-    return ($, M) => (s(), P(W, { to: "body" }, [
-      H(K, { name: "fade" }, {
-        default: q(() => [
-          r.value && e.overlay ? (s(), l("div", {
+    }, 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(), q(X, { to: "body" }, [
+      G(Q, { name: "fade" }, {
+        default: U(() => [
+          n.value && t.overlay ? (s(), o("div", {
             key: 0,
-            onClick: i,
+            onClick: d,
             class: "fixed inset-0 bg-black/50 z-40",
-            style: I({ top: e.overlayTop })
-          }, null, 4)) : f("", !0)
+            style: P({ top: t.overlayTop })
+          }, null, 4)) : c("", !0)
         ]),
         _: 1
       }),
-      H(K, { name: n.value }, {
-        default: q(() => [
-          r.value ? (s(), l("aside", {
+      G(Q, { name: r.value }, {
+        default: U(() => [
+          n.value ? (s(), o("aside", {
             key: 0,
-            class: k(u.value),
-            style: I(a.value)
+            class: v(f.value),
+            style: P(i.value)
           }, [
-            $.$slots.header ? (s(), l("div", {
+            _.$slots.header ? (s(), o("div", {
               key: 0,
-              class: k(v.value)
+              class: v(m.value)
             }, [
-              w($.$slots, "header", {}, void 0, !0),
-              e.closable ? (s(), l("button", {
+              C(_.$slots, "header", {}, void 0, !0),
+              t.closable ? (s(), o("button", {
                 key: 0,
-                onClick: i,
+                onClick: d,
                 class: "p-2 hover:bg-gray-100 rounded-md transition-colors",
                 "aria-label": "Cerrar menú"
-              }, [...M[0] || (M[0] = [
-                o("svg", {
+              }, [...O[0] || (O[0] = [
+                a("svg", {
                   class: "w-5 h-5",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
                 }, [
-                  o("path", {
+                  a("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: "M6 18L18 6M6 6l12 12"
                   })
                 ], -1)
-              ])])) : f("", !0)
-            ], 2)) : f("", !0),
-            o("div", {
-              class: k(V.value)
+              ])])) : c("", !0)
+            ], 2)) : c("", !0),
+            a("div", {
+              class: v(j.value)
             }, [
-              w($.$slots, "default", {}, void 0, !0)
+              C(_.$slots, "default", {}, void 0, !0)
             ], 2),
-            $.$slots.footer ? (s(), l("div", {
+            _.$slots.footer ? (s(), o("div", {
               key: 1,
-              class: k(z.value)
+              class: v(D.value)
             }, [
-              w($.$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"])
     ]));
   }
-}), Kt = /* @__PURE__ */ A(pt, [["__scopeId", "data-v-fffb0e44"]]), gt = { class: "w-full overflow-x-auto" }, ht = { class: "w-full border-collapse" }, bt = { class: "w-full" }, vt = { class: "bg-white border-b border-gray-100 w-full" }, xt = ["onClick"], yt = { class: "flex items-center gap-2" }, mt = {
+}), 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"
-}, kt = { key: 0 }, wt = { key: 1 }, Ct = { class: "w-full" }, $t = {
+}, 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"
-}, Bt = /* @__PURE__ */ T({
+}, zt = /* @__PURE__ */ L({
   __name: "Table",
   props: {
     columns: {},
     data: {}
   },
-  setup(e) {
-    const h = e, t = j(null), d = j("asc"), r = (n) => {
-      t.value === n ? d.value = d.value === "asc" ? "desc" : "asc" : (t.value = n, d.value = "asc");
-    }, i = g(() => {
-      if (!t.value)
-        return h.data;
-      const n = [...h.data];
-      return n.sort((u, a) => {
-        const b = u[t.value], v = a[t.value];
-        return typeof b == "string" && typeof v == "string" ? d.value === "asc" ? b.localeCompare(v) : v.localeCompare(b) : typeof b == "number" && typeof v == "number" ? d.value === "asc" ? b - v : v - b : 0;
-      }), n;
+  setup(t) {
+    const y = t, e = V(null), u = V("asc"), n = (r) => {
+      e.value === r ? u.value = u.value === "asc" ? "desc" : "asc" : (e.value = r, u.value = "asc");
+    }, d = g(() => {
+      if (!e.value)
+        return y.data;
+      const r = [...y.data];
+      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 (n, u) => (s(), l("div", gt, [
-      o("table", ht, [
-        o("thead", bt, [
-          o("tr", vt, [
-            (s(!0), l(L, null, O(e.columns, (a) => (s(), l("th", {
-              key: a.key,
-              style: I(a.width ? { width: a.width } : {}),
-              class: k([
+    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: P(i.width ? { width: i.width } : {}),
+              class: v([
                 "px-8 py-4 text-left text-base font-semibold text-gray-900 border-0",
-                a.sortable ? "cursor-pointer hover:text-primary-700 select-none transition-colors" : ""
+                i.sortable ? "cursor-pointer hover:text-primary-700 select-none transition-colors" : ""
               ]),
-              onClick: (b) => a.sortable && r(a.key)
+              onClick: (x) => i.sortable && n(i.key)
             }, [
-              o("div", yt, [
-                o("span", null, x(a.label), 1),
-                a.sortable ? (s(), l("span", mt, [
-                  t.value !== a.key ? (s(), l("span", kt, "⇅")) : (s(), l("span", wt, x(d.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))
           ])
         ]),
-        o("tbody", Ct, [
-          (s(!0), l(L, null, O(i.value, (a, b) => (s(), l("tr", {
-            key: b,
+        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), l(L, null, O(e.columns, (v) => (s(), l("td", {
-              key: `${b}-${v.key}`,
+            (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"
             }, [
-              w(n.$slots, `cell-${v.key}`, {
-                value: a[v.key],
-                row: a
+              C(r.$slots, `cell-${m.key}`, {
+                value: i[m.key],
+                row: i
               }, () => [
-                F(x(a[v.key]), 1)
+                A($(i[m.key]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
         ])
       ]),
-      i.value.length === 0 ? (s(), l("div", $t, [
-        w(n.$slots, "empty", {}, () => [
-          u[0] || (u[0] = F("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),
-      n.$slots.footer ? (s(), l("div", _t, [
-        w(n.$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__ */ A(Bt, [["__scopeId", "data-v-6b3ff0a8"]]), Tt = { class: "w-full" }, Vt = {
+}), Gt = /* @__PURE__ */ K(zt, [["__scopeId", "data-v-6b3ff0a8"]]), Vt = { class: "w-full" }, jt = {
   class: "flex border-b border-gray-100",
   role: "tablist"
-}, jt = ["aria-selected", "onClick"], zt = { role: "tabpanel" }, Mt = "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", Lt = "text-gray-600 border-b-4 border-transparent hover:text-gray-800", Wt = /* @__PURE__ */ T({
+}, 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: {},
     tabs: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: h }) {
-    const t = e, d = h, r = (a) => t.modelValue === a, i = (a) => {
-      r(a) || d("update:modelValue", a);
-    }, n = g(() => t.modelValue), u = g(
-      () => t.tabs.find((a) => a.value === n.value)
+  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), f = g(
+      () => e.tabs.find((i) => i.value === r.value)
     );
-    return (a, b) => (s(), l("div", Tt, [
-      o("div", Vt, [
-        (s(!0), l(L, null, O(e.tabs, (v) => (s(), l("button", {
-          key: v.value,
+    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: k([
-            Mt,
-            r(v.value) ? St : Lt
+          class: v([
+            Dt,
+            n(m.value) ? Ot : It
           ]),
-          "aria-selected": r(v.value),
+          "aria-selected": n(m.value),
           role: "tab",
-          onClick: (V) => i(v.value)
-        }, x(v.label), 11, jt))), 128))
+          onClick: (j) => d(m.value)
+        }, $(m.label), 11, Lt))), 128))
       ]),
-      o("div", zt, [
-        w(a.$slots, n.value, {
-          active: n.value,
-          tab: u.value
+      a("div", St, [
+        C(i.$slots, r.value, {
+          active: r.value,
+          tab: f.value
         })
       ])
     ]));
   }
-}), Dt = "font-sans", Ut = /* @__PURE__ */ T({
+}), Et = "font-sans", Jt = /* @__PURE__ */ L({
   __name: "Text",
   props: {
     variant: { default: "body1" },
@@ -968,8 +1159,8 @@ const se = { class: "flex items-center gap-4" }, le = {
     truncate: { type: Boolean, default: !1 },
     weight: {}
   },
-  setup(e) {
-    const h = {
+  setup(t) {
+    const y = {
       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",
@@ -989,7 +1180,7 @@ const se = { class: "flex items-center gap-4" }, le = {
       button3: "text-[12px] leading-[18px] tracking-[1.25px] font-bold",
       caption: "text-[12px] leading-[18px] tracking-[0.4px] font-normal",
       overline: "text-[10px] leading-[15px] tracking-[1.5px] font-medium"
-    }, t = {
+    }, e = {
       h1: "h1",
       h2: "h2",
       h3: "h3",
@@ -1009,12 +1200,12 @@ const se = { class: "flex items-center gap-4" }, le = {
       button3: "span",
       caption: "span",
       overline: "span"
-    }, d = {
+    }, u = {
       left: "text-left",
       center: "text-center",
       right: "text-right",
       justify: "text-justify"
-    }, r = {
+    }, n = {
       default: "text-secondary-900",
       muted: "text-secondary-600",
       primary: "text-primary-600",
@@ -1022,44 +1213,45 @@ const se = { class: "flex items-center gap-4" }, le = {
       danger: "text-danger-600",
       success: "text-success-600",
       warning: "text-warning-600"
-    }, i = {
+    }, d = {
       light: "font-light",
       normal: "font-normal",
       medium: "font-medium",
       semibold: "font-semibold",
       bold: "font-bold",
       extrabold: "font-extrabold"
-    }, n = e, u = g(() => n.variant), a = g(() => n.color), b = g(() => n.align), v = g(() => n.as || t[u.value] || "span"), V = g(() => n.weight ? i[n.weight] : "");
-    return (z, $) => (s(), P(te(v.value), {
-      class: k([
-        Dt,
-        h[u.value],
-        r[a.value],
-        d[b.value],
-        V.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([
+        Et,
+        y[f.value],
+        n[i.value],
+        u[x.value],
+        j.value,
         {
-          uppercase: e.uppercase || u.value === "overline",
-          truncate: e.truncate
+          uppercase: t.uppercase || f.value === "overline",
+          truncate: t.truncate
         }
       ])
     }, {
-      default: q(() => [
-        w(z.$slots, "default")
+      default: U(() => [
+        C(D.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  Ot as AppBar,
-  Ft as Button,
-  At as Card,
-  Nt as Dialog,
-  qt as FileUpload,
-  Et as Loader,
-  Ht as Select,
-  Kt as Sidebar,
-  Pt as Table,
-  Wt as Tabs,
-  Ut 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
 };