@iaclinical/components 1.0.2 → 1.0.4

package/dist/iaclinical-components.js

@@ -1,8 +1,8 @@
-import { defineComponent as B, computed as v, createElementBlock as s, openBlock as t, normalizeClass as k, createElementVNode as a, createCommentVNode as p, renderSlot as $, toDisplayString as x, createBlock as E, Teleport as Q, createVNode as J, Transition as R, withCtx as H, withModifiers as j, createTextVNode as S, ref as T, normalizeStyle as F, watch as X, withDirectives as Y, vModelText as Z, Fragment as z, renderList as L, 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 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";
+const le = { class: "flex items-center gap-4" }, ae = {
   key: 1,
   class: "text-lg font-bold text-primary-50 font-poppins"
-}, ae = { class: "flex-1 flex justify-center" }, oe = { class: "flex items-center gap-3" }, ne = /* @__PURE__ */ B({
+}, ne = { class: "flex-1 flex justify-center" }, re = { class: "flex items-center gap-3" }, ie = /* @__PURE__ */ L({
   __name: "AppBar",
   props: {
     title: { default: "" },
@@ -13,35 +13,35 @@ const se = { class: "flex items-center gap-4" }, le = {
     height: { default: "md" }
   },
   emits: ["toggle-menu"],
-  setup(e, { emit: h }) {
-    const l = e, u = h, r = v(() => {
-      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"
-      }, d = {
+      }, c = {
         sm: "h-12",
         md: "h-14",
         lg: "h-16"
-      }, o = l.sticky ? "sticky top-0" : "", m = l.shadow ? "shadow-md" : "";
+      }, i = e.sticky ? "sticky top-0" : "", x = e.shadow ? "shadow-md" : "";
       return [
+        d,
+        r[e.variant],
+        c[e.height],
         i,
-        n[l.variant],
-        d[l.height],
-        o,
-        m
+        x
       ].join(" ");
     });
-    return (i, n) => (t(), s("header", {
-      class: k(r.value)
+    return (d, r) => (s(), o("header", {
+      class: v(n.value)
     }, [
-      a("div", se, [
-        e.showMenuButton ? (t(), s("button", {
+      a("div", le, [
+        t.showMenuButton ? (s(), o("button", {
           key: 0,
-          onClick: n[0] || (n[0] = (d) => u("toggle-menu")),
+          onClick: r[0] || (r[0] = (c) => 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] = [
+        }, [...r[1] || (r[1] = [
           a("svg", {
             class: "w-6 h-6 text-primary-50",
             fill: "none",
@@ -56,27 +56,27 @@ const se = { class: "flex items-center gap-4" }, le = {
               d: "M4 6h16M4 12h16M4 18h16"
             })
           ], -1)
-        ])])) : p("", !0),
-        e.title ? (t(), s("div", le, x(e.title), 1)) : p("", !0),
-        $(i.$slots, "left", {}, void 0, !0)
+        ])])) : f("", !0),
+        t.title ? (s(), o("div", ae, C(t.title), 1)) : f("", !0),
+        $(d.$slots, "left", {}, void 0, !0)
       ]),
-      a("div", ae, [
-        $(i.$slots, "center", {}, void 0, !0)
+      a("div", ne, [
+        $(d.$slots, "center", {}, void 0, !0)
       ]),
-      a("div", oe, [
-        $(i.$slots, "right", {}, void 0, !0)
+      a("div", re, [
+        $(d.$slots, "right", {}, void 0, !0)
       ])
     ], 2));
   }
-}), I = (e, h) => {
-  const l = e.__vccOpts || e;
-  for (const [u, r] of h)
-    l[u] = r;
-  return l;
-}, It = /* @__PURE__ */ I(ne, [["__scopeId", "data-v-8c81fc6d"]]), re = ["type", "disabled", "aria-label"], ie = {
+}), R = (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 = {
   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]"
-}, Ot = /* @__PURE__ */ B({
+}, Ht = /* @__PURE__ */ L({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -88,20 +88,20 @@ const se = { class: "flex items-center gap-4" }, le = {
     ariaLabel: { default: "" }
   },
   emits: ["click"],
-  setup(e, { emit: h }) {
-    const l = e, u = h, r = v(() => l.variant === "icon"), i = v(() => l.badge > 99 ? "99+" : l.badge.toString()), n = v(() => {
-      const o = "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", m = {
+  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"
-      }, b = {
-        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,36 +109,36 @@ const se = { class: "flex items-center gap-4" }, le = {
         sm: "rounded-md",
         none: "rounded-none"
       };
-      return `${o} ${m[l.variant]} ${b[l.size]} ${V[l.radius]}`;
-    }), d = (o) => {
-      l.disabled || u("click", o);
+      return `${i} ${x[e.variant]} ${m[e.size]} ${j[e.radius]}`;
+    }), c = (i) => {
+      e.disabled || u("click", i);
     };
-    return (o, m) => (t(), s("button", {
-      class: k(n.value),
-      type: e.type,
-      disabled: e.disabled,
-      onClick: d,
-      "aria-label": e.ariaLabel
+    return (i, x) => (s(), o("button", {
+      class: v(r.value),
+      type: t.type,
+      disabled: t.disabled,
+      onClick: c,
+      "aria-label": t.ariaLabel
     }, [
-      $(o.$slots, "default"),
-      r.value && e.badge && e.badge > 0 ? (t(), s("span", ie, x(i.value), 1)) : p("", !0)
-    ], 10, re));
+      $(i.$slots, "default"),
+      n.value && t.badge && t.badge > 0 ? (s(), o("span", ue, C(d.value), 1)) : f("", !0)
+    ], 10, de));
   }
-}), de = {
+}), ce = {
   key: 0,
   class: "border-b border-gray-100 px-6 py-4"
-}, ce = { class: "px-6 py-4" }, ue = {
+}, fe = { class: "px-6 py-4" }, pe = {
   key: 1,
   class: "border-t border-gray-100 px-6 py-4 bg-gray-50"
-}, Ft = /* @__PURE__ */ B({
+}, Ft = /* @__PURE__ */ L({
   __name: "Card",
   props: {
     shadow: { default: "md" },
     rounded: { default: "lg" },
     bordered: { type: Boolean, default: !1 }
   },
-  setup(e) {
-    const h = e, l = {
+  setup(t) {
+    const y = t, e = {
       none: "",
       sm: "shadow-sm",
       md: "shadow",
@@ -151,30 +151,30 @@ const se = { class: "flex items-center gap-4" }, le = {
       lg: "rounded-lg",
       xl: "rounded-xl",
       full: "rounded-full"
-    }, r = v(() => [
+    }, n = g(() => [
       "w-full bg-white",
-      l[h.shadow],
-      u[h.rounded],
-      h.bordered ? "border border-gray-200" : ""
+      e[y.shadow],
+      u[y.rounded],
+      y.bordered ? "border border-gray-200" : ""
     ]);
-    return (i, n) => (t(), s("div", {
-      class: k(r.value)
+    return (d, r) => (s(), o("div", {
+      class: v(n.value)
     }, [
-      i.$slots.header ? (t(), s("div", de, [
-        $(i.$slots, "header")
-      ])) : p("", !0),
-      a("div", ce, [
-        $(i.$slots, "default")
+      d.$slots.header ? (s(), o("div", ce, [
+        $(d.$slots, "header")
+      ])) : f("", !0),
+      a("div", fe, [
+        $(d.$slots, "default")
       ]),
-      i.$slots.footer ? (t(), s("div", ue, [
-        $(i.$slots, "footer")
-      ])) : p("", !0)
+      d.$slots.footer ? (s(), o("div", pe, [
+        $(d.$slots, "footer")
+      ])) : f("", !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" }, xe = { class: "px-8 py-6" }, ge = {
+}), 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 = {
   key: 0,
   class: "border-t border-gray-100 px-8 py-6 bg-gray-50"
-}, he = /* @__PURE__ */ B({
+}, ye = /* @__PURE__ */ L({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -182,40 +182,40 @@ const se = { class: "flex items-center gap-4" }, le = {
     closeOnBackdrop: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: h }) {
-    const l = e, u = h, r = v({
-      get: () => l.modelValue,
-      set: (d) => u("update:modelValue", d)
-    }), i = () => {
-      r.value = !1;
-    }, n = () => {
-      l.closeOnBackdrop && i();
+  setup(t, { emit: y }) {
+    const e = t, u = y, n = g({
+      get: () => e.modelValue,
+      set: (c) => u("update:modelValue", c)
+    }), d = () => {
+      n.value = !1;
+    }, r = () => {
+      e.closeOnBackdrop && d();
     };
-    return (d, o) => (t(), E(Q, { to: "body" }, [
-      J(R, { name: "dialog" }, {
-        default: H(() => [
-          r.value ? (t(), s("div", {
+    return (c, i) => (s(), P(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
           }, [
             a("div", {
               class: "relative w-full max-w-2xl rounded-lg bg-white shadow-xl",
-              onClick: o[0] || (o[0] = j(() => {
+              onClick: i[0] || (i[0] = I(() => {
               }, ["stop"]))
             }, [
-              a("div", fe, [
-                a("h2", pe, [
-                  $(d.$slots, "title", {}, () => [
-                    S(x(e.title), 1)
+              a("div", ge, [
+                a("h2", he, [
+                  $(c.$slots, "title", {}, () => [
+                    K(C(t.title), 1)
                   ], !0)
                 ]),
                 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
-                }, [...o[1] || (o[1] = [
+                  onClick: d
+                }, [...i[1] || (i[1] = [
                   a("svg", {
                     class: "h-6 w-6",
                     fill: "none",
@@ -231,32 +231,32 @@ const se = { class: "flex items-center gap-4" }, le = {
                   ], -1)
                 ])])
               ]),
-              a("div", xe, [
-                $(d.$slots, "default", {}, void 0, !0)
+              a("div", be, [
+                $(c.$slots, "default", {}, void 0, !0)
               ]),
-              d.$slots.footer ? (t(), s("div", ge, [
-                $(d.$slots, "footer", {}, void 0, !0)
-              ])) : p("", !0)
+              c.$slots.footer ? (s(), o("div", ve, [
+                $(c.$slots, "footer", {}, void 0, !0)
+              ])) : f("", !0)
             ])
-          ])) : p("", !0)
+          ])) : f("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), At = /* @__PURE__ */ I(he, [["__scopeId", "data-v-091e8739"]]), be = ["accept", "multiple", "disabled"], ve = { 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 = {
+}), 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 = {
   key: 1,
   class: "w-full h-full text-gray-400",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, we = { class: "text-center" }, $e = { class: "text-base font-medium text-gray-700" }, Ce = { 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 = {
+}, 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 = {
   key: 1,
   class: "text-xs text-gray-500 mt-2"
-}, ze = {
+}, Le = {
   key: 2,
   class: "text-sm text-danger-500 mt-2"
-}, Nt = /* @__PURE__ */ B({
+}, At = /* @__PURE__ */ L({
   __name: "FileUpload",
   props: {
     modelValue: { default: null },
@@ -271,66 +271,66 @@ const se = { class: "flex items-center gap-4" }, le = {
     maxSize: { default: void 0 }
   },
   emits: ["update:modelValue", "change", "error"],
-  setup(e, { emit: h }) {
-    const l = e, u = h, r = T(null), i = T(!1), n = T(l.modelValue), d = T(""), o = () => {
-      var w;
-      (w = r.value) == null || w.click();
-    }, m = () => {
-      l.disabled || o();
-    }, b = (w) => {
-      l.disabled || (i.value = !0);
-    }, V = () => {
-      i.value = !1;
-    }, M = (w) => {
-      if (d.value = "", l.maxSize && w.size > l.maxSize) {
-        const y = (l.maxSize / 1048576).toFixed(2);
-        return d.value = `El archivo excede el tamaño máximo de ${y}MB`, u("error", d.value), !1;
+  setup(t, { emit: y }) {
+    const e = t, u = y, n = V(null), d = V(!1), r = V(e.modelValue), c = 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 (c.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 !0;
-    }, O = (w) => {
-      var _;
-      const C = (_ = w.target.files) == null ? void 0 : _[0];
-      C && M(C) && (n.value = C, u("update:modelValue", C), u("change", C));
-    }, A = (w) => {
-      var C;
-      i.value = !1;
-      const y = (C = w.dataTransfer) == null ? void 0 : C.files[0];
-      y && M(y) && (n.value = y, u("update:modelValue", y), u("change", y));
-    }, N = () => {
-      n.value = null, d.value = "", r.value && (r.value.value = ""), u("update:modelValue", null), u("change", null);
-    }, q = (w) => {
-      if (w === 0) return "0 Bytes";
-      const y = 1024, C = ["Bytes", "KB", "MB", "GB"], _ = Math.floor(Math.log(w) / Math.log(y));
-      return Math.round(w / Math.pow(y, _) * 100) / 100 + " " + C[_];
+    }, _ = (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, c.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 (w, y) => (t(), s("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: m,
-      onDragover: j(b, ["prevent"]),
-      onDragleave: j(V, ["prevent"]),
-      onDrop: j(A, ["prevent"])
+      onClick: x,
+      onDragover: I(m, ["prevent"]),
+      onDragleave: I(j, ["prevent"]),
+      onDrop: I(O, ["prevent"])
     }, [
       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: O
-      }, null, 40, be),
-      a("div", ve, [
-        a("div", ye, [
-          e.illustration ? (t(), s("img", {
+        onChange: _
+      }, null, 40, xe),
+      a("div", me, [
+        a("div", ke, [
+          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)) : (t(), s("svg", ke, [...y[1] || (y[1] = [
+          }, null, 8, we)) : (s(), o("svg", $e, [...b[1] || (b[1] = [
             a("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -339,20 +339,20 @@ const se = { class: "flex items-center gap-4" }, le = {
             }, null, -1)
           ])]))
         ]),
-        a("div", we, [
-          a("p", $e, [
-            S(x(e.mainText) + " ", 1),
-            a("span", Ce, x(e.linkText), 1)
+        a("div", Ce, [
+          a("p", Be, [
+            K(C(t.mainText) + " ", 1),
+            a("span", _e, C(t.linkText), 1)
           ])
         ]),
-        n.value ? (t(), s("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: y[0] || (y[0] = j(() => {
+          onClick: b[0] || (b[0] = I(() => {
           }, ["stop"]))
         }, [
-          a("div", _e, [
-            y[2] || (y[2] = a("svg", {
+          a("div", Te, [
+            b[2] || (b[2] = a("svg", {
               class: "w-6 h-6 text-gray-600 flex-shrink-0",
               fill: "none",
               stroke: "currentColor",
@@ -365,16 +365,16 @@ const se = { class: "flex items-center gap-4" }, le = {
                 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", Be, [
-              a("p", Te, x(n.value.name), 1),
-              a("p", Ve, x(q(n.value.size)), 1)
+            a("div", Me, [
+              a("p", ze, C(r.value.name), 1),
+              a("p", Ve, C(F(r.value.size)), 1)
             ])
           ]),
-          e.disabled ? p("", !0) : (t(), s("button", {
+          t.disabled ? f("", !0) : (s(), o("button", {
             key: 0,
-            onClick: j(N, ["stop"]),
+            onClick: I(H, ["stop"]),
             class: "ml-3 text-gray-400 hover:text-danger-500 transition-colors"
-          }, [...y[3] || (y[3] = [
+          }, [...b[3] || (b[3] = [
             a("svg", {
               class: "w-5 h-5",
               fill: "currentColor",
@@ -387,16 +387,16 @@ const se = { class: "flex items-center gap-4" }, le = {
               })
             ], -1)
           ])]))
-        ])) : p("", !0),
-        e.helperText ? (t(), s("p", je, x(e.helperText), 1)) : p("", !0),
-        d.value ? (t(), s("p", ze, x(d.value), 1)) : p("", !0)
+        ])) : 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)
       ])
     ], 34));
   }
-}), Me = ["stroke-width"], De = {
+}), Se = ["stroke-width"], De = {
   class: "w-full h-full rounded-lg overflow-hidden",
   style: { "background-color": "#f7f7f7" }
-}, Le = /* @__PURE__ */ B({
+}, Oe = /* @__PURE__ */ L({
   __name: "Loader",
   props: {
     type: { default: "circular" },
@@ -406,8 +406,8 @@ const se = { class: "flex items-center gap-4" }, le = {
     strokeWidth: { default: 4 },
     progress: { default: void 0 }
   },
-  setup(e) {
-    const h = e, l = {
+  setup(t) {
+    const y = t, e = {
       primary: "text-primary-700",
       secondary: "text-secondary-500",
       success: "text-success-500",
@@ -421,14 +421,14 @@ const se = { class: "flex items-center gap-4" }, le = {
       warning: "bg-warning-500",
       danger: "bg-danger-500",
       info: "bg-info-500"
-    }, r = v(() => [l[h.color]]), i = v(() => [u[h.color]]);
-    return (n, d) => e.type === "circular" ? (t(), s("div", {
+    }, n = g(() => [e[y.color]]), d = g(() => [u[y.color]]);
+    return (r, c) => t.type === "circular" ? (s(), o("div", {
       key: 0,
-      class: k(r.value)
+      class: v(n.value)
     }, [
-      (t(), s("svg", {
+      (s(), o("svg", {
         class: "animate-spin",
-        style: F({ width: e.size, height: e.size }),
+        style: W({ width: t.size, height: t.size }),
         viewBox: "0 0 24 24"
       }, [
         a("circle", {
@@ -437,97 +437,320 @@ const se = { class: "flex items-center gap-4" }, le = {
           cy: "12",
           r: "10",
           stroke: "currentColor",
-          "stroke-width": e.strokeWidth,
+          "stroke-width": t.strokeWidth,
           fill: "none"
-        }, null, 8, Me),
-        d[0] || (d[0] = a("path", {
+        }, null, 8, Se),
+        c[0] || (c[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" ? (t(), s("div", {
+    ], 2)) : t.type === "linear" ? (s(), o("div", {
       key: 1,
       class: "w-full",
-      style: F({ height: e.height })
+      style: W({ height: t.height })
     }, [
       a("div", De, [
         a("div", {
-          class: k([i.value, "h-full rounded-lg animate-linear-loader"]),
-          style: F({ width: e.progress ? `${e.progress}%` : void 0 })
+          class: v([d.value, "h-full rounded-lg animate-linear-loader"]),
+          style: W({ width: t.progress ? `${t.progress}%` : void 0 })
         }, null, 6)
       ])
-    ], 4)) : p("", !0);
+    ], 4)) : f("", !0);
   }
-}), qt = /* @__PURE__ */ I(Le, [["__scopeId", "data-v-8df4ec38"]]), Se = ["for"], Ie = {
+}), Kt = /* @__PURE__ */ R(Oe, [["__scopeId", "data-v-8df4ec38"]]), Ie = ["disabled", "aria-expanded"], Ee = ["disabled", "onClick"], He = {
   key: 0,
-  class: "text-danger-600"
-}, Oe = { class: "relative" }, Fe = ["id", "disabled", "aria-expanded"], Ae = {
+  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 = {
+  key: 1,
+  class: "flex-shrink-0"
+}, qe = {
   key: 0,
-  class: "flex items-center gap-3 flex-1"
-}, Ne = {
+  class: "text-xs text-secondary-400 font-mono whitespace-nowrap"
+}, Pe = { key: 1 }, Ue = {
+  key: 2,
+  class: "w-4 h-4 ml-2 flex-shrink-0",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+}, Ge = /* @__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), c = 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", N = {
+        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(" ");
+    }, F = () => {
+      e.disabled || (n.value ? b() : B());
+    }, B = () => {
+      n.value = !0, u("open"), J(() => {
+        k(), document.addEventListener("click", S), document.addEventListener("keydown", q);
+      });
+    }, b = () => {
+      n.value = !1, u("close"), document.removeEventListener("click", S), document.removeEventListener("keydown", q);
+    }, 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) => {
+      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;
+      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 > N && (M = N - w.height - 8), M < 8 && (M = 8), c.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", q);
+    }), 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
+      }, [
+        $(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
+          }, [
+            $(l.$slots, "trigger-content", {}, () => [
+              K(C(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)) : f("", !0)
+          ], 42, Ie)
+        ], !0)
+      ], 512),
+      (s(), P(X, { to: "body" }, [
+        n.value ? (s(), o("div", {
+          key: 0,
+          ref_key: "menuRef",
+          ref: r,
+          class: v(x.value),
+          style: W(c.value),
+          onClick: w[0] || (w[0] = I(() => {
+          }, ["stop"]))
+        }, [
+          l.$slots.header ? (s(), o("div", {
+            key: 0,
+            class: v(m.value)
+          }, [
+            $(l.$slots, "header", { close: b }, void 0, !0)
+          ], 2)) : f("", !0),
+          a("div", {
+            class: v(D.value)
+          }, [
+            $(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
+              }, [
+                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)
+                }, C(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), {
+                        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))
+                    ], !0)
+                  ])) : f("", !0),
+                  a("div", We, [
+                    $(l.$slots, `item-${p.id}`, {
+                      item: p,
+                      close: b
+                    }, () => [
+                      a("div", Ae, [
+                        a("span", {
+                          class: "truncate w-full",
+                          title: p.label
+                        }, C(p.label), 9, Ke),
+                        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)
+                      ])
+                    ], !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)
+                    ], !0)
+                  ])) : f("", !0),
+                  p.children && p.children.length > 0 ? (s(), o("svg", Ue, [...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))
+              ], 64))), 128))
+            ], !0)
+          ], 2),
+          l.$slots.footer ? (s(), o("div", {
+            key: 1,
+            class: v(j.value)
+          }, [
+            $(l.$slots, "footer", { close: b }, void 0, !0)
+          ], 2)) : f("", !0)
+        ], 6)) : f("", !0),
+        n.value && t.overlay ? (s(), o("div", {
+          key: 1,
+          class: "fixed inset-0 bg-black/20 z-40",
+          onClick: b
+        })) : f("", !0)
+      ]))
+    ], 2));
+  }
+}), Rt = /* @__PURE__ */ R(Ge, [["__scopeId", "data-v-e155a86b"]]), Qe = ["for"], Je = {
   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"
+}, Xe = { class: "relative" }, Ye = ["id", "disabled", "aria-expanded"], Ze = { class: "flex-1 text-left truncate" }, et = {
   key: 0,
   class: "p-2 border-b border-secondary-200"
-}, We = ["placeholder"], Ue = { class: "max-h-64 overflow-y-auto" }, Ge = {
+}, tt = ["placeholder"], st = { class: "max-h-64 overflow-y-auto" }, ot = {
   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"
-}, at = {
-  key: 1,
-  class: "flex items-center justify-between w-full"
-}, ot = { class: "truncate" }, nt = {
+}, lt = ["onClick"], at = { class: "flex items-center justify-between w-full" }, nt = { class: "truncate" }, rt = {
   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 = {
+}, it = {
   key: 0,
   class: "border-t border-secondary-200 my-1"
-}, it = ["onClick"], dt = ["innerHTML"], ct = {
+}, dt = ["onClick"], ut = ["innerHTML"], ct = {
   key: 1,
   class: "mt-1 text-sm text-danger-600"
-}, ut = {
+}, ft = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, ft = /* @__PURE__ */ B({
+}, pt = /* @__PURE__ */ L({
   __name: "Select",
   props: {
     modelValue: { default: null },
     options: { default: () => [] },
     actionItems: { default: () => [] },
-    mode: { default: "normal" },
     label: { default: "" },
     placeholder: { default: "Seleccionar..." },
     size: { default: "md" },
@@ -543,108 +766,88 @@ const se = { class: "flex items-center gap-4" }, le = {
     menuPosition: { default: "bottom" }
   },
   emits: ["update:modelValue", "change", "action"],
-  setup(e, { emit: h }) {
-    const l = e, u = h, r = T(!1), i = T(""), n = T(null), d = v(
+  setup(t, { emit: y }) {
+    const e = t, u = y, n = V(!1), d = V(""), r = V(null), c = g(
       () => `select-${Math.random().toString(36).substr(2, 9)}`
-    ), o = v(() => l.options.find((c) => c.value === l.modelValue) || null), m = v(() => {
-      if (!l.searchable || !i.value)
-        return l.options;
-      const c = i.value.toLowerCase();
-      return l.options.filter((g) => {
-        var f, D;
-        return g.label.toLowerCase().includes(c) || ((f = g.subtitle) == null ? void 0 : f.toLowerCase().includes(c)) || ((D = g.description) == null ? void 0 : D.toLowerCase().includes(c));
-      });
-    }), b = v(() => "block text-sm font-semibold text-secondary-700 mb-1"), V = v(() => {
-      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", g = {
+    ), 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"
-      }, f = {
+      }, 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 = l.mode === "menu" ? "bg-primary-700 border-primary-700 hover:bg-primary-600" : "", G = l.error ? "border-danger-600 focus:ring-danger-500" : "";
+      }, w = e.error ? "border-danger-600 focus:ring-danger-500" : "";
       return [
-        c,
-        g[l.size],
-        D || f[l.variant],
-        G
+        h,
+        k[e.size],
+        l[e.variant],
+        w
       ].join(" ");
-    }), M = v(() => l.mode === "menu" ? "text-white" : "text-secondary-900"), O = v(() => l.mode === "menu" ? "text-primary-100" : "text-secondary-600"), A = v(() => l.mode === "menu" ? "text-white" : "text-secondary-600"), N = v(() => `absolute ${l.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`), q = (c) => {
-      const g = "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", f = y(c) ? "bg-primary-50" : "";
-      return [g, f].join(" ");
-    }, w = (c) => {
-      const g = "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" ? `${g} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${g} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
-    }, y = (c) => c.value === l.modelValue, C = () => {
-      l.disabled || (r.value = !r.value, r.value && l.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();
       }));
-    }, _ = () => {
-      r.value = !1, i.value = "";
-    }, K = (c) => {
-      c.disabled || (u("update:modelValue", c.value), u("change", c), _());
-    }, P = (c) => {
-      c.action && c.action(), u("action", c), _();
-    }, W = (c) => {
-      const g = c.relatedTarget;
-      g && g.closest(".select-wrapper") || setTimeout(() => {
-        _();
+    }, B = () => {
+      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);
-    }, U = (c) => {
-      c.key === "Escape" ? _() : (c.key === "Enter" || c.key === " ") && (c.preventDefault(), C());
+    }, q = (h) => {
+      h.key === "Escape" ? B() : (h.key === "Enter" || h.key === " ") && (h.preventDefault(), F());
     };
-    return X(r, (c) => {
-      c && (i.value = "");
-    }), (c, g) => (t(), s("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 ? (t(), s("label", {
+      t.label ? (s(), o("label", {
         key: 0,
-        for: d.value,
-        class: k(b.value)
+        for: c.value,
+        class: v(m.value)
       }, [
-        S(x(e.label) + " ", 1),
-        e.required ? (t(), s("span", Ie, "*")) : p("", !0)
-      ], 10, Se)) : p("", !0),
-      a("div", Oe, [
+        K(C(t.label) + " ", 1),
+        t.required ? (s(), o("span", Je, "*")) : f("", !0)
+      ], 10, Qe)) : f("", !0),
+      a("div", Xe, [
         a("button", {
-          id: d.value,
+          id: c.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: C,
-          onBlur: W,
-          onKeydown: U
+          onClick: F,
+          onBlur: S,
+          onKeydown: q
         }, [
-          e.mode === "menu" && o.value ? (t(), s("div", Ae, [
-            o.value.avatar ? (t(), s("div", Ne, [
-              a("img", {
-                src: o.value.avatar,
-                alt: o.value.label,
-                class: "w-full h-full object-cover"
-              }, null, 8, qe)
-            ])) : o.value.initials ? (t(), s("div", Ee, x(o.value.initials), 1)) : p("", !0),
-            a("div", He, [
-              a("span", {
-                class: k(["text-sm font-semibold truncate w-full", M.value])
-              }, x(o.value.label), 3),
-              o.value.subtitle ? (t(), s("span", {
-                key: 0,
-                class: k(["text-xs truncate w-full", O.value])
-              }, x(o.value.subtitle), 3)) : p("", !0)
-            ])
-          ])) : (t(), s("span", Ke, x(o.value ? o.value.label : e.placeholder), 1)),
-          (t(), s("svg", {
-            class: k(["w-5 h-5 flex-shrink-0 transition-transform", [r.value ? "rotate-180" : "", A.value]]),
+          a("span", Ze, C(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"
-          }, [...g[3] || (g[3] = [
+          }, [...k[3] || (k[3] = [
             a("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -652,215 +855,291 @@ const se = { class: "flex items-center gap-4" }, le = {
               d: "M19 9l-7 7-7-7"
             }, null, -1)
           ])], 2))
-        ], 42, Fe),
-        r.value ? (t(), s("div", {
+        ], 42, Ye),
+        n.value ? (s(), o("div", {
           key: 0,
-          class: k(N.value),
-          onClick: g[2] || (g[2] = j(() => {
+          class: v(D.value),
+          onClick: k[2] || (k[2] = I(() => {
           }, ["stop"]))
         }, [
-          e.searchable ? (t(), s("div", Pe, [
-            Y(a("input", {
+          t.searchable ? (s(), o("div", et, [
+            se(a("input", {
               ref_key: "searchInput",
-              ref: n,
-              "onUpdate:modelValue": g[0] || (g[0] = (f) => i.value = f),
+              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: g[1] || (g[1] = j(() => {
+              placeholder: t.searchPlaceholder,
+              onKeydown: k[1] || (k[1] = I(() => {
               }, ["stop"]))
-            }, null, 40, We), [
-              [Z, i.value]
+            }, null, 40, tt), [
+              [oe, d.value]
             ])
-          ])) : p("", !0),
-          a("div", Ue, [
-            m.value.length === 0 ? (t(), s("div", Ge, x(e.emptyText), 1)) : (t(), s(z, { key: 1 }, [
-              (t(!0), s(z, null, L(m.value, (f) => (t(), s("button", {
-                key: f.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", {
+                key: l.value,
                 type: "button",
-                class: k(q(f)),
-                onClick: (D) => K(f)
+                class: v(_(l)),
+                onClick: (w) => b(l)
               }, [
-                e.mode === "menu" ? (t(), s("div", Je, [
-                  f.avatar ? (t(), s("div", Re, [
-                    a("img", {
-                      src: f.avatar,
-                      alt: f.label,
-                      class: "w-full h-full object-cover"
-                    }, null, 8, Xe)
-                  ])) : f.initials ? (t(), s("div", Ye, x(f.initials), 1)) : p("", !0),
-                  a("div", Ze, [
-                    a("span", et, x(f.label), 1),
-                    f.subtitle ? (t(), s("span", tt, x(f.subtitle), 1)) : p("", !0),
-                    f.description ? (t(), s("span", st, x(f.description), 1)) : p("", !0)
-                  ]),
-                  y(f) ? (t(), s("svg", lt, [...g[4] || (g[4] = [
+                a("div", at, [
+                  a("span", nt, C(l.label), 1),
+                  H(l) ? (s(), o("svg", rt, [...k[4] || (k[4] = [
                     a("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M5 13l4 4L19 7"
                     }, null, -1)
-                  ])])) : p("", !0)
-                ])) : (t(), s("div", at, [
-                  a("span", ot, x(f.label), 1),
-                  y(f) ? (t(), s("svg", nt, [...g[5] || (g[5] = [
-                    a("path", {
-                      "stroke-linecap": "round",
-                      "stroke-linejoin": "round",
-                      "stroke-width": "2",
-                      d: "M5 13l4 4L19 7"
-                    }, null, -1)
-                  ])])) : p("", !0)
-                ]))
-              ], 10, Qe))), 128)),
-              e.actionItems.length > 0 ? (t(), s("div", rt)) : p("", !0),
-              (t(!0), s(z, null, L(e.actionItems, (f) => (t(), s("button", {
-                key: f.id,
+                  ])])) : f("", !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", {
+                key: l.id,
                 type: "button",
-                class: k(w(f)),
-                onClick: (D) => P(f)
+                class: v(O(l)),
+                onClick: (w) => T(l)
               }, [
-                f.icon ? (t(), s("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: f.icon
-                }, null, 8, dt)) : p("", !0),
-                S(" " + x(f.label), 1)
-              ], 10, it))), 128))
+                  innerHTML: l.icon
+                }, null, 8, ut)) : f("", !0),
+                K(" " + C(l.label), 1)
+              ], 10, dt))), 128))
             ], 64))
           ])
-        ], 2)) : p("", !0)
+        ], 2)) : f("", !0)
       ]),
-      e.error ? (t(), s("p", ct, x(e.error), 1)) : e.helperText ? (t(), s("p", ut, x(e.helperText), 1)) : p("", !0),
-      r.value ? (t(), s("div", {
+      t.error ? (s(), o("p", ct, C(t.error), 1)) : t.helperText ? (s(), o("p", ft, C(t.helperText), 1)) : f("", !0),
+      n.value ? (s(), o("div", {
         key: 3,
-        onClick: _,
+        onClick: B,
         class: "fixed inset-0 z-40"
-      })) : p("", !0)
+      })) : f("", !0)
     ], 2));
   }
-}), Et = /* @__PURE__ */ I(ft, [["__scopeId", "data-v-5644cc74"]]), pt = { class: "w-full overflow-x-auto" }, xt = { class: "w-full border-collapse" }, gt = { class: "w-full" }, ht = { class: "bg-white border-b border-gray-100 w-full" }, bt = ["onClick"], vt = { class: "flex items-center gap-2" }, yt = {
+}), Nt = /* @__PURE__ */ R(pt, [["__scopeId", "data-v-f016a03c"]]), gt = /* @__PURE__ */ L({
+  __name: "Sidebar",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    position: { default: "left" },
+    width: { default: "16rem" },
+    overlay: { type: Boolean, default: !0 },
+    overlayTop: { default: "0" },
+    closable: { type: Boolean, default: !0 },
+    persistent: { type: Boolean, default: !1 },
+    backgroundColor: { default: "white" },
+    shadow: { type: Boolean, default: !0 },
+    padding: { default: "md" }
+  },
+  emits: ["update:modelValue", "close", "open"],
+  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"), c = 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"
+    }, 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" }, [
+      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)
+        ]),
+        _: 1
+      }),
+      G(Q, { name: r.value }, {
+        default: U(() => [
+          n.value ? (s(), o("aside", {
+            key: 0,
+            class: v(c.value),
+            style: W(i.value)
+          }, [
+            _.$slots.header ? (s(), o("div", {
+              key: 0,
+              class: v(m.value)
+            }, [
+              $(_.$slots, "header", {}, void 0, !0),
+              t.closable ? (s(), o("button", {
+                key: 0,
+                onClick: d,
+                class: "p-2 hover:bg-gray-100 rounded-md transition-colors",
+                "aria-label": "Cerrar menú"
+              }, [...O[0] || (O[0] = [
+                a("svg", {
+                  class: "w-5 h-5",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [
+                  a("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M6 18L18 6M6 6l12 12"
+                  })
+                ], -1)
+              ])])) : f("", !0)
+            ], 2)) : f("", !0),
+            a("div", {
+              class: v(j.value)
+            }, [
+              $(_.$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)
+        ]),
+        _: 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 = {
   key: 0,
   class: "text-xs text-gray-400"
-}, mt = { key: 0 }, kt = { key: 1 }, wt = { class: "w-full" }, $t = {
+}, wt = { key: 0 }, $t = { key: 1 }, Ct = { class: "w-full" }, Bt = {
   key: 0,
   class: "flex items-center justify-center py-12 text-gray-400"
-}, Ct = {
+}, _t = {
   key: 1,
   class: "w-full px-6 py-4 bg-white"
-}, _t = /* @__PURE__ */ B({
+}, Tt = /* @__PURE__ */ L({
   __name: "Table",
   props: {
     columns: {},
     data: {}
   },
-  setup(e) {
-    const h = e, l = T(null), u = T("asc"), r = (n) => {
-      l.value === n ? u.value = u.value === "asc" ? "desc" : "asc" : (l.value = n, u.value = "asc");
-    }, i = v(() => {
-      if (!l.value)
-        return h.data;
-      const n = [...h.data];
-      return n.sort((d, o) => {
-        const m = d[l.value], b = o[l.value];
-        return typeof m == "string" && typeof b == "string" ? u.value === "asc" ? m.localeCompare(b) : b.localeCompare(m) : typeof m == "number" && typeof b == "number" ? u.value === "asc" ? m - b : b - m : 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((c, i) => {
+        const x = c[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, d) => (t(), s("div", pt, [
-      a("table", xt, [
-        a("thead", gt, [
-          a("tr", ht, [
-            (t(!0), s(z, null, L(e.columns, (o) => (t(), s("th", {
-              key: o.key,
-              style: F(o.width ? { width: o.width } : {}),
-              class: k([
+    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", {
+              key: i.key,
+              style: W(i.width ? { width: i.width } : {}),
+              class: v([
                 "px-8 py-4 text-left text-base font-semibold text-gray-900 border-0",
-                o.sortable ? "cursor-pointer hover:text-primary-700 select-none transition-colors" : ""
+                i.sortable ? "cursor-pointer hover:text-primary-700 select-none transition-colors" : ""
               ]),
-              onClick: (m) => o.sortable && r(o.key)
+              onClick: (x) => i.sortable && n(i.key)
             }, [
-              a("div", vt, [
-                a("span", null, x(o.label), 1),
-                o.sortable ? (t(), s("span", yt, [
-                  l.value !== o.key ? (t(), s("span", mt, "⇅")) : (t(), s("span", kt, x(u.value === "asc" ? "↑" : "↓"), 1))
-                ])) : p("", !0)
+              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)
               ])
-            ], 14, bt))), 128))
+            ], 14, xt))), 128))
           ])
         ]),
-        a("tbody", wt, [
-          (t(!0), s(z, null, L(i.value, (o, m) => (t(), s("tr", {
-            key: m,
+        a("tbody", Ct, [
+          (s(!0), o(E, null, A(d.value, (i, x) => (s(), o("tr", {
+            key: x,
             class: "w-full hover:bg-gray-50 transition-colors"
           }, [
-            (t(!0), s(z, null, L(e.columns, (b) => (t(), s("td", {
-              key: `${m}-${b.key}`,
+            (s(!0), o(E, null, A(t.columns, (m) => (s(), o("td", {
+              key: `${x}-${m.key}`,
               class: "px-8 py-4 text-base text-gray-700 border-0"
             }, [
-              $(n.$slots, `cell-${b.key}`, {
-                value: o[b.key],
-                row: o
+              $(r.$slots, `cell-${m.key}`, {
+                value: i[m.key],
+                row: i
               }, () => [
-                S(x(o[b.key]), 1)
+                K(C(i[m.key]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
         ])
       ]),
-      i.value.length === 0 ? (t(), s("div", $t, [
-        $(n.$slots, "empty", {}, () => [
-          d[0] || (d[0] = S("No hay datos disponibles", -1))
+      d.value.length === 0 ? (s(), o("div", Bt, [
+        $(r.$slots, "empty", {}, () => [
+          c[0] || (c[0] = K("No hay datos disponibles", -1))
         ], !0)
-      ])) : p("", !0),
-      n.$slots.footer ? (t(), s("div", Ct, [
-        $(n.$slots, "footer", {}, void 0, !0)
-      ])) : p("", !0)
+      ])) : f("", !0),
+      r.$slots.footer ? (s(), o("div", _t, [
+        $(r.$slots, "footer", {}, void 0, !0)
+      ])) : f("", !0)
     ]));
   }
-}), Ht = /* @__PURE__ */ I(_t, [["__scopeId", "data-v-6b3ff0a8"]]), Bt = { class: "w-full" }, Tt = {
+}), Pt = /* @__PURE__ */ R(Tt, [["__scopeId", "data-v-6b3ff0a8"]]), Mt = { class: "w-full" }, zt = {
   class: "flex border-b border-gray-100",
   role: "tablist"
-}, Vt = ["aria-selected", "onClick"], jt = { role: "tabpanel" }, zt = "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", Mt = "text-primary-700 border-b-4 border-primary-700", Dt = "text-gray-600 border-b-4 border-transparent hover:text-gray-800", Kt = /* @__PURE__ */ B({
+}, 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({
   __name: "Tabs",
   props: {
     modelValue: {},
     tabs: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: h }) {
-    const l = e, u = h, r = (o) => l.modelValue === o, i = (o) => {
-      r(o) || u("update:modelValue", o);
-    }, n = v(() => l.modelValue), d = v(
-      () => l.tabs.find((o) => o.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), c = g(
+      () => e.tabs.find((i) => i.value === r.value)
     );
-    return (o, m) => (t(), s("div", Bt, [
-      a("div", Tt, [
-        (t(!0), s(z, null, L(e.tabs, (b) => (t(), s("button", {
-          key: b.value,
+    return (i, x) => (s(), o("div", Mt, [
+      a("div", zt, [
+        (s(!0), o(E, null, A(t.tabs, (m) => (s(), o("button", {
+          key: m.value,
           type: "button",
-          class: k([
-            zt,
-            r(b.value) ? Mt : Dt
+          class: v([
+            Lt,
+            n(m.value) ? St : Dt
           ]),
-          "aria-selected": r(b.value),
+          "aria-selected": n(m.value),
           role: "tab",
-          onClick: (V) => i(b.value)
-        }, x(b.label), 11, Vt))), 128))
+          onClick: (j) => d(m.value)
+        }, C(m.label), 11, Vt))), 128))
       ]),
       a("div", jt, [
-        $(o.$slots, n.value, {
-          active: n.value,
-          tab: d.value
+        $(i.$slots, r.value, {
+          active: r.value,
+          tab: c.value
         })
       ])
     ]));
   }
-}), Lt = "font-sans", Pt = /* @__PURE__ */ B({
+}), Ot = "font-sans", Gt = /* @__PURE__ */ L({
   __name: "Text",
   props: {
     variant: { default: "body1" },
@@ -871,8 +1150,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",
@@ -892,7 +1171,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"
-    }, l = {
+    }, e = {
       h1: "h1",
       h2: "h2",
       h3: "h3",
@@ -917,7 +1196,7 @@ const se = { class: "flex items-center gap-4" }, le = {
       center: "text-center",
       right: "text-right",
       justify: "text-justify"
-    }, r = {
+    }, n = {
       default: "text-secondary-900",
       muted: "text-secondary-600",
       primary: "text-primary-600",
@@ -925,43 +1204,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, d = v(() => n.variant), o = v(() => n.color), m = v(() => n.align), b = v(() => n.as || l[d.value] || "span"), V = v(() => n.weight ? i[n.weight] : "");
-    return (M, O) => (t(), E(te(b.value), {
-      class: k([
-        Lt,
-        h[d.value],
-        r[o.value],
-        u[m.value],
-        V.value,
+    }, 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), {
+      class: v([
+        Ot,
+        y[c.value],
+        n[i.value],
+        u[x.value],
+        j.value,
         {
-          uppercase: e.uppercase || d.value === "overline",
-          truncate: e.truncate
+          uppercase: t.uppercase || c.value === "overline",
+          truncate: t.truncate
         }
       ])
     }, {
-      default: H(() => [
-        $(M.$slots, "default")
+      default: U(() => [
+        $(D.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  It as AppBar,
-  Ot as Button,
+  Et as AppBar,
+  Ht as Button,
   Ft as Card,
-  At as Dialog,
-  Nt as FileUpload,
-  qt as Loader,
-  Et as Select,
-  Ht as Table,
-  Kt as Tabs,
-  Pt as Text
+  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
 };