@iaclinical/components 1.0.6 → 1.0.8

package/dist/iaclinical-components.js

@@ -1,4 +1,4 @@
-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";
+import { defineComponent as S, computed as p, createElementBlock as o, openBlock as s, normalizeClass as v, createElementVNode as a, createCommentVNode as c, renderSlot as C, toDisplayString as w, createBlock as q, Teleport as X, createVNode as G, Transition as Q, withCtx as U, withModifiers as H, createTextVNode as K, ref as j, normalizeStyle as W, onMounted as ee, onUnmounted as te, watch as Y, nextTick as J, Fragment as F, 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"
@@ -8,7 +8,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
 }, ie = { class: "flex items-center gap-3" }, de = {
   key: 0,
   class: "text-lg font-bold text-primary-50 font-poppins"
-}, ue = /* @__PURE__ */ L({
+}, ue = /* @__PURE__ */ S({
   __name: "AppBar",
   props: {
     title: { default: "" },
@@ -20,8 +20,8 @@ const le = { class: "flex items-center gap-4" }, ae = {
     height: { default: "md" }
   },
   emits: ["toggle-menu"],
-  setup(t, { emit: y }) {
-    const e = t, u = y, n = g(() => {
+  setup(t, { emit: b }) {
+    const e = t, u = b, n = p(() => {
       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",
@@ -30,13 +30,13 @@ const le = { class: "flex items-center gap-4" }, ae = {
         sm: "h-12",
         md: "h-14",
         lg: "h-16"
-      }, i = e.sticky ? "sticky top-0" : "", x = e.shadow ? "shadow-md" : "";
+      }, i = e.sticky ? "sticky top-0" : "", y = e.shadow ? "shadow-md" : "";
       return [
         d,
         r[e.variant],
         f[e.height],
         i,
-        x
+        y
       ].join(" ");
     });
     return (d, r) => (s(), o("header", {
@@ -64,28 +64,28 @@ const le = { class: "flex items-center gap-4" }, ae = {
             })
           ], -1)
         ])])) : c("", !0),
-        t.title && t.titlePosition === "left" ? (s(), o("div", ae, $(t.title), 1)) : c("", !0),
+        t.title && t.titlePosition === "left" ? (s(), o("div", ae, w(t.title), 1)) : c("", !0),
         C(d.$slots, "left", {}, void 0, !0)
       ]),
       a("div", ne, [
-        t.title && t.titlePosition === "center" ? (s(), o("div", re, $(t.title), 1)) : c("", !0),
+        t.title && t.titlePosition === "center" ? (s(), o("div", re, w(t.title), 1)) : c("", !0),
         C(d.$slots, "center", {}, void 0, !0)
       ]),
       a("div", ie, [
-        t.title && t.titlePosition === "right" ? (s(), o("div", de, $(t.title), 1)) : c("", !0),
+        t.title && t.titlePosition === "right" ? (s(), o("div", de, w(t.title), 1)) : c("", !0),
         C(d.$slots, "right", {}, void 0, !0)
       ])
     ], 2));
   }
-}), K = (t, y) => {
+}), R = (t, b) => {
   const e = t.__vccOpts || t;
-  for (const [u, n] of y)
+  for (const [u, n] of b)
     e[u] = n;
   return e;
-}, Ft = /* @__PURE__ */ K(ue, [["__scopeId", "data-v-883474b5"]]), ce = ["type", "disabled", "aria-label"], fe = {
+}, Ht = /* @__PURE__ */ R(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]"
-}, Pt = /* @__PURE__ */ L({
+}, Ft = /* @__PURE__ */ S({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -94,12 +94,14 @@ const le = { class: "flex items-center gap-4" }, ae = {
     type: { default: "button" },
     disabled: { type: Boolean, default: !1 },
     badge: { default: 0 },
-    ariaLabel: { default: "" }
+    ariaLabel: { default: "" },
+    textColor: { default: void 0 },
+    textColorHover: { default: void 0 }
   },
   emits: ["click"],
-  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 = {
+  setup(t, { emit: b }) {
+    const e = t, u = b, n = p(() => e.variant === "icon"), d = p(() => e.badge > 99 ? "99+" : e.badge.toString()), r = p(() => {
+      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", y = {
         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",
@@ -107,23 +109,26 @@ const le = { class: "flex items-center gap-4" }, ae = {
         danger: "bg-danger-600 text-white hover:bg-danger-700 focus-visible:ring-danger-600",
         icon: "hover:bg-secondary-100 focus-visible:ring-secondary-500 relative",
         text: "bg-transparent border-0 focus-visible:ring-0 focus-visible:ring-offset-0"
-      }, m = {
+      }, x = {
         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 = {
+      }, L = {
         full: "rounded-full",
         xl: "rounded-2xl",
         lg: "rounded-xl",
         md: "rounded-lg",
         sm: "rounded-md",
         none: "rounded-none"
-      };
-      return `${i} ${x[e.variant]} ${m[e.size]} ${j[e.radius]}`;
+      }, D = e.textColor ? e.textColor : "", _ = p(() => {
+        var M, O;
+        return e.textColorHover ? e.textColorHover : (M = e.textColor) != null && M.includes("white") || (O = e.textColor) != null && O.includes("50") ? "hover:text-black" : "";
+      });
+      return `${i} ${y[e.variant]} ${x[e.size]} ${L[e.radius]} ${D} ${_.value}`;
     }), f = (i) => {
       e.disabled || u("click", i);
     };
-    return (i, x) => (s(), o("button", {
+    return (i, y) => (s(), o("button", {
       class: v(r.value),
       type: t.type,
       disabled: t.disabled,
@@ -131,7 +136,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
       "aria-label": t.ariaLabel
     }, [
       C(i.$slots, "default"),
-      n.value && t.badge && t.badge > 0 ? (s(), o("span", fe, $(d.value), 1)) : c("", !0)
+      n.value && t.badge && t.badge > 0 ? (s(), o("span", fe, w(d.value), 1)) : c("", !0)
     ], 10, ce));
   }
 }), pe = {
@@ -140,7 +145,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
 }, ge = { class: "px-6 py-4" }, he = {
   key: 1,
   class: "border-t border-gray-100 px-6 py-4 bg-gray-50"
-}, Wt = /* @__PURE__ */ L({
+}, Pt = /* @__PURE__ */ S({
   __name: "Card",
   props: {
     shadow: { default: "md" },
@@ -148,7 +153,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
     bordered: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const y = t, e = {
+    const b = t, e = {
       none: "",
       sm: "shadow-sm",
       md: "shadow",
@@ -161,11 +166,11 @@ const le = { class: "flex items-center gap-4" }, ae = {
       lg: "rounded-lg",
       xl: "rounded-xl",
       full: "rounded-full"
-    }, n = g(() => [
+    }, n = p(() => [
       "w-full bg-white",
-      e[y.shadow],
-      u[y.rounded],
-      y.bordered ? "border border-gray-200" : ""
+      e[b.shadow],
+      u[b.rounded],
+      b.bordered ? "border border-gray-200" : ""
     ]);
     return (d, r) => (s(), o("div", {
       class: v(n.value)
@@ -181,10 +186,10 @@ const le = { class: "flex items-center gap-4" }, ae = {
       ])) : c("", !0)
     ], 2));
   }
-}), 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 = {
+}), ve = { class: "flex items-center justify-between border-b border-gray-100 px-8 py-6" }, be = { 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"
-}, me = /* @__PURE__ */ L({
+}, me = /* @__PURE__ */ S({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -192,8 +197,8 @@ const le = { class: "flex items-center gap-4" }, ae = {
     closeOnBackdrop: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: y }) {
-    const e = t, u = y, n = g({
+  setup(t, { emit: b }) {
+    const e = t, u = b, n = p({
       get: () => e.modelValue,
       set: (f) => u("update:modelValue", f)
     }), d = () => {
@@ -211,13 +216,13 @@ const le = { class: "flex items-center gap-4" }, ae = {
           }, [
             a("div", {
               class: "relative w-full max-w-2xl rounded-lg bg-white shadow-xl",
-              onClick: i[0] || (i[0] = I(() => {
+              onClick: i[0] || (i[0] = H(() => {
               }, ["stop"]))
             }, [
-              a("div", be, [
-                a("h2", ve, [
+              a("div", ve, [
+                a("h2", be, [
                   C(f.$slots, "title", {}, () => [
-                    A($(t.title), 1)
+                    K(w(t.title), 1)
                   ], !0)
                 ]),
                 a("button", {
@@ -254,19 +259,19 @@ const le = { class: "flex items-center gap-4" }, ae = {
       })
     ]));
   }
-}), 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 = {
+}), Wt = /* @__PURE__ */ R(me, [["__scopeId", "data-v-091e8739"]]), ke = ["accept", "multiple", "disabled"], we = { class: "flex flex-col items-center justify-center gap-4 text-center" }, $e = ["src", "alt"], Ce = {
   key: 1,
   class: "w-full h-full text-gray-400",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, _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 = {
+}, Be = { class: "text-center" }, _e = { class: "text-base font-medium text-gray-700" }, Te = { class: "text-primary-700" }, ze = { class: "flex items-center gap-3 flex-1 min-w-0" }, Me = { class: "flex-1 min-w-0" }, Ve = { class: "text-sm font-medium text-gray-900 truncate" }, je = { class: "text-xs text-gray-500" }, Le = {
   key: 1,
   class: "text-xs text-gray-500 mt-2"
-}, De = {
+}, Se = {
   key: 2,
   class: "text-sm text-danger-500 mt-2"
-}, Kt = /* @__PURE__ */ L({
+}, At = /* @__PURE__ */ S({
   __name: "FileUpload",
   props: {
     modelValue: { default: null },
@@ -275,53 +280,58 @@ const le = { class: "flex items-center gap-4" }, ae = {
     disabled: { type: Boolean, default: !1 },
     illustration: { default: void 0 },
     illustrationAlt: { default: "Subir archivo" },
+    illustrationSize: { default: "md" },
     mainText: { default: "Suelta aquí un archivo o" },
     linkText: { default: "selecciónalo desde tu equipo" },
     helperText: { default: "" },
     maxSize: { default: void 0 }
   },
   emits: ["update:modelValue", "change", "error"],
-  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();
+  setup(t, { emit: b }) {
+    const e = t, u = b, n = j(null), d = j(!1), r = j(e.modelValue), f = j(""), i = p(() => ({
+      sm: "w-20 h-20",
+      md: "w-32 h-32",
+      lg: "w-48 h-48"
+    })[e.illustrationSize]), y = () => {
+      var $;
+      ($ = n.value) == null || $.click();
     }, x = () => {
-      e.disabled || i();
-    }, m = (B) => {
+      e.disabled || y();
+    }, L = ($) => {
       e.disabled || (d.value = !0);
-    }, j = () => {
+    }, D = () => {
       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;
+    }, _ = ($) => {
+      if (f.value = "", e.maxSize && $.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;
-    }, _ = (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;
+    }, M = ($) => {
+      var I;
+      const z = (I = $.target.files) == null ? void 0 : I[0];
+      z && _(z) && (r.value = z, u("update:modelValue", z), u("change", z));
+    }, O = ($) => {
+      var z;
       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 = () => {
+      const B = (z = $.dataTransfer) == null ? void 0 : z.files[0];
+      B && _(B) && (r.value = B, u("update:modelValue", B), u("change", B));
+    }, P = () => {
       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];
+    }, E = ($) => {
+      if ($ === 0) return "0 Bytes";
+      const B = 1024, z = ["Bytes", "KB", "MB", "GB"], I = Math.floor(Math.log($) / Math.log(B));
+      return Math.round($ / Math.pow(B, I) * 100) / 100 + " " + z[I];
     };
-    return (B, b) => (s(), o("div", {
+    return ($, 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: x,
-      onDragover: I(m, ["prevent"]),
-      onDragleave: I(j, ["prevent"]),
-      onDrop: I(O, ["prevent"])
+      onDragover: H(L, ["prevent"]),
+      onDragleave: H(D, ["prevent"]),
+      onDrop: H(O, ["prevent"])
     }, [
       a("input", {
         ref_key: "fileInput",
@@ -331,16 +341,18 @@ const le = { class: "flex items-center gap-4" }, ae = {
         multiple: t.multiple,
         disabled: t.disabled,
         class: "hidden",
-        onChange: _
+        onChange: M
       }, null, 40, ke),
       a("div", we, [
-        a("div", $e, [
+        a("div", {
+          class: v([i.value, "flex items-center justify-center"])
+        }, [
           t.illustration ? (s(), o("img", {
             key: 0,
             src: t.illustration,
             alt: t.illustrationAlt,
             class: "max-w-full max-h-full object-contain"
-          }, null, 8, Ce)) : (s(), o("svg", Be, [...b[1] || (b[1] = [
+          }, null, 8, $e)) : (s(), o("svg", Ce, [...B[1] || (B[1] = [
             a("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -348,21 +360,21 @@ const le = { class: "flex items-center gap-4" }, ae = {
               d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
             }, null, -1)
           ])]))
-        ]),
-        a("div", _e, [
-          a("p", Te, [
-            A($(t.mainText) + " ", 1),
-            a("span", Me, $(t.linkText), 1)
+        ], 2),
+        a("div", Be, [
+          a("p", _e, [
+            K(w(t.mainText) + " ", 1),
+            a("span", Te, w(t.linkText), 1)
           ])
         ]),
         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: b[0] || (b[0] = I(() => {
+          onClick: B[0] || (B[0] = H(() => {
           }, ["stop"]))
         }, [
           a("div", ze, [
-            b[2] || (b[2] = a("svg", {
+            B[2] || (B[2] = a("svg", {
               class: "w-6 h-6 text-gray-600 flex-shrink-0",
               fill: "none",
               stroke: "currentColor",
@@ -375,16 +387,16 @@ const le = { class: "flex items-center gap-4" }, ae = {
                 d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
               })
             ], -1)),
-            a("div", Ve, [
-              a("p", je, $(r.value.name), 1),
-              a("p", Le, $(F(r.value.size)), 1)
+            a("div", Me, [
+              a("p", Ve, w(r.value.name), 1),
+              a("p", je, w(E(r.value.size)), 1)
             ])
           ]),
           t.disabled ? c("", !0) : (s(), o("button", {
             key: 0,
-            onClick: I(H, ["stop"]),
+            onClick: H(P, ["stop"]),
             class: "ml-3 text-gray-400 hover:text-danger-500 transition-colors"
-          }, [...b[3] || (b[3] = [
+          }, [...B[3] || (B[3] = [
             a("svg", {
               class: "w-5 h-5",
               fill: "currentColor",
@@ -398,15 +410,15 @@ const le = { class: "flex items-center gap-4" }, ae = {
             ], -1)
           ])]))
         ])) : c("", !0),
-        t.helperText ? (s(), o("p", Se, $(t.helperText), 1)) : c("", !0),
-        f.value ? (s(), o("p", De, $(f.value), 1)) : c("", !0)
+        t.helperText ? (s(), o("p", Le, w(t.helperText), 1)) : c("", !0),
+        f.value ? (s(), o("p", Se, w(f.value), 1)) : c("", !0)
       ])
     ], 34));
   }
-}), Oe = ["stroke-width"], Ie = {
+}), De = ["stroke-width"], Oe = {
   class: "w-full h-full rounded-lg overflow-hidden",
   style: { "background-color": "#f7f7f7" }
-}, Ee = /* @__PURE__ */ L({
+}, Ie = /* @__PURE__ */ S({
   __name: "Loader",
   props: {
     type: { default: "circular" },
@@ -417,7 +429,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
     progress: { default: void 0 }
   },
   setup(t) {
-    const y = t, e = {
+    const b = t, e = {
       primary: "text-primary-700",
       secondary: "text-secondary-500",
       success: "text-success-500",
@@ -431,14 +443,14 @@ const le = { class: "flex items-center gap-4" }, ae = {
       warning: "bg-warning-500",
       danger: "bg-danger-500",
       info: "bg-info-500"
-    }, n = g(() => [e[y.color]]), d = g(() => [u[y.color]]);
+    }, n = p(() => [e[b.color]]), d = p(() => [u[b.color]]);
     return (r, f) => t.type === "circular" ? (s(), o("div", {
       key: 0,
       class: v(n.value)
     }, [
       (s(), o("svg", {
         class: "animate-spin",
-        style: P({ width: t.size, height: t.size }),
+        style: W({ width: t.size, height: t.size }),
         viewBox: "0 0 24 24"
       }, [
         a("circle", {
@@ -449,7 +461,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
           stroke: "currentColor",
           "stroke-width": t.strokeWidth,
           fill: "none"
-        }, null, 8, Oe),
+        }, null, 8, De),
         f[0] || (f[0] = a("path", {
           class: "opacity-75",
           fill: "currentColor",
@@ -459,32 +471,32 @@ const le = { class: "flex items-center gap-4" }, ae = {
     ], 2)) : t.type === "linear" ? (s(), o("div", {
       key: 1,
       class: "w-full",
-      style: P({ height: t.height })
+      style: W({ height: t.height })
     }, [
-      a("div", Ie, [
+      a("div", Oe, [
         a("div", {
           class: v([d.value, "h-full rounded-lg animate-linear-loader"]),
-          style: P({ width: t.progress ? `${t.progress}%` : void 0 })
+          style: W({ width: t.progress ? `${t.progress}%` : void 0 })
         }, null, 6)
       ])
     ], 4)) : c("", !0);
   }
-}), Rt = /* @__PURE__ */ K(Ee, [["__scopeId", "data-v-8df4ec38"]]), He = ["disabled", "aria-expanded"], Fe = ["disabled", "onClick"], Pe = {
+}), Kt = /* @__PURE__ */ R(Ie, [["__scopeId", "data-v-8df4ec38"]]), Ee = ["disabled", "aria-expanded"], He = ["disabled", "onClick"], Fe = {
   key: 0,
   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 = {
+}, Pe = ["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"
-}, Ue = {
+}, qe = {
   key: 0,
   class: "text-xs text-secondary-400 font-mono whitespace-nowrap"
-}, Ge = { key: 1 }, Qe = {
+}, Ue = { key: 1 }, Ge = {
   key: 2,
   class: "w-4 h-4 ml-2 flex-shrink-0",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, Je = /* @__PURE__ */ L({
+}, Qe = /* @__PURE__ */ S({
   __name: "Menu",
   props: {
     items: { default: () => [] },
@@ -503,91 +515,92 @@ const le = { class: "flex items-center gap-4" }, ae = {
     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(() => [
+  setup(t, { emit: b }) {
+    const e = t, u = b, n = j(!1), d = j(null), r = j(null), f = j({}), i = p(() => [
       "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(() => [...[
+    ].join(" ")), y = p(() => [...[
       "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 = [
+    ], `z-${e.zIndex}`].join(" ")), x = p(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), L = p(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), D = p(() => "py-1 overflow-y-auto flex-1 min-h-0"), _ = p(() => "my-1 border-t border-secondary-200"), M = p(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), O = (l) => {
+      const k = [
         "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 = {
+      ], g = 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, R[p]].join(" ");
-    }, F = () => {
-      e.disabled || (n.value ? b() : B());
-    }, B = () => {
+      let T = "";
+      return l.color && (T = l.color, (l.color.includes("white") || l.color.includes("50")) && (T += " hover:text-black")), [...k, T || N[g]].join(" ");
+    }, P = () => {
+      e.disabled || (n.value ? $() : E());
+    }, E = () => {
       n.value = !0, u("open"), J(() => {
-        k(), document.addEventListener("click", S), document.addEventListener("keydown", N);
+        m(), document.addEventListener("click", z), document.addEventListener("keydown", I);
       });
-    }, 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();
+    }, $ = () => {
+      n.value = !1, u("close"), document.removeEventListener("click", z), document.removeEventListener("keydown", I);
+    }, B = (l) => {
+      l.disabled || (l.action && l.action(), u("select", l), e.closeOnClick && !l.children && $());
+    }, z = (l) => {
+      const k = l.target;
+      d.value && !d.value.contains(k) && r.value && !r.value.contains(k) && $();
+    }, I = (l) => {
+      l.key === "Escape" && $();
     }, h = (l) => {
-      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), F());
-    }, k = () => {
+      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), P());
+    }, m = () => {
       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;
+      const l = d.value.getBoundingClientRect(), k = r.value.getBoundingClientRect(), g = window.innerWidth, N = window.innerHeight;
+      let T = 0, V = 0;
       switch (e.position) {
         case "bottom-start":
-          M = l.bottom + e.offset.y, z = l.left + e.offset.x;
+          T = l.bottom + e.offset.y, V = l.left + e.offset.x;
           break;
         case "bottom-end":
-          M = l.bottom + e.offset.y, z = l.right - w.width + e.offset.x;
+          T = l.bottom + e.offset.y, V = l.right - k.width + e.offset.x;
           break;
         case "top-start":
-          M = l.top - w.height - e.offset.y, z = l.left + e.offset.x;
+          T = l.top - k.height - e.offset.y, V = 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;
+          T = l.top - k.height - e.offset.y, V = l.right - k.width + e.offset.x;
           break;
         case "right-start":
-          M = l.top + e.offset.y, z = l.right + e.offset.x;
+          T = l.top + e.offset.y, V = l.right + e.offset.x;
           break;
         case "right-end":
-          M = l.bottom - w.height + e.offset.y, z = l.right + e.offset.x;
+          T = l.bottom - k.height + e.offset.y, V = l.right + e.offset.x;
           break;
         case "left-start":
-          M = l.top + e.offset.y, z = l.left - w.width - e.offset.x;
+          T = l.top + e.offset.y, V = l.left - k.width - e.offset.x;
           break;
         case "left-end":
-          M = l.bottom - w.height + e.offset.y, z = l.left - w.width - e.offset.x;
+          T = l.bottom - k.height + e.offset.y, V = l.left - k.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`,
+      V + k.width > g && (V = g - k.width - 8), V < 8 && (V = 8), T + k.height > N && (T = N - k.height - 8), T < 8 && (T = 8), f.value = {
+        top: `${T}px`,
+        left: `${V}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);
+      window.addEventListener("scroll", m, !0), window.addEventListener("resize", m);
     }), te(() => {
-      window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k), document.removeEventListener("click", S), document.removeEventListener("keydown", N);
+      window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m), document.removeEventListener("click", z), document.removeEventListener("keydown", I);
     }), Y(() => e.items, () => {
-      n.value && J(k);
-    }, { deep: !0 }), (l, w) => (s(), o("div", {
+      n.value && J(m);
+    }, { deep: !0 }), (l, k) => (s(), o("div", {
       class: v(["menu-wrapper", { "w-full": t.fullWidth }])
     }, [
       a("div", {
@@ -596,13 +609,13 @@ const le = { class: "flex items-center gap-4" }, ae = {
       }, [
         C(l.$slots, "trigger", {
           isOpen: n.value,
-          toggle: F
+          toggle: P
         }, () => [
           a("button", {
             type: "button",
             class: v(i.value),
             disabled: t.disabled,
-            onClick: F,
+            onClick: P,
             onKeydown: h,
             tabindex: 0,
             role: "button",
@@ -610,7 +623,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
             "aria-haspopup": !0
           }, [
             C(l.$slots, "trigger-content", {}, () => [
-              A($(t.triggerText), 1)
+              K(w(t.triggerText), 1)
             ], !0),
             t.showChevron ? (s(), o("svg", {
               key: 0,
@@ -618,7 +631,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24"
-            }, [...w[1] || (w[1] = [
+            }, [...k[1] || (k[1] = [
               a("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
@@ -626,7 +639,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
                 d: "M19 9l-7 7-7-7"
               }, null, -1)
             ])], 2)) : c("", !0)
-          ], 42, He)
+          ], 42, Ee)
         ], !0)
       ], 512),
       (s(), q(X, { to: "body" }, [
@@ -634,76 +647,76 @@ const le = { class: "flex items-center gap-4" }, ae = {
           key: 0,
           ref_key: "menuRef",
           ref: r,
-          class: v(x.value),
-          style: P(f.value),
-          onClick: w[0] || (w[0] = I(() => {
+          class: v(y.value),
+          style: W(f.value),
+          onClick: k[0] || (k[0] = H(() => {
           }, ["stop"]))
         }, [
           l.$slots.header ? (s(), o("div", {
             key: 0,
-            class: v(m.value)
+            class: v(x.value)
           }, [
-            C(l.$slots, "header", { close: b }, void 0, !0)
+            C(l.$slots, "header", { close: $ }, void 0, !0)
           ], 2)) : c("", !0),
           a("div", {
             class: v(D.value)
           }, [
             C(l.$slots, "default", {
-              close: b,
+              close: $,
               isOpen: n.value
             }, () => [
-              (s(!0), o(E, null, W(t.items, (p, R) => (s(), o(E, {
-                key: p.id || R
+              (s(!0), o(F, null, A(t.items, (g, N) => (s(), o(F, {
+                key: g.id || N
               }, [
-                p.type === "divider" ? (s(), o("div", {
+                g.type === "divider" ? (s(), o("div", {
                   key: 0,
                   class: v(_.value)
-                }, null, 2)) : p.type === "header" ? (s(), o("div", {
+                }, null, 2)) : g.type === "header" ? (s(), o("div", {
                   key: 1,
-                  class: v(O.value)
-                }, $(p.label), 3)) : (s(), o("button", {
+                  class: v(M.value)
+                }, w(g.label), 3)) : (s(), o("button", {
                   key: 2,
                   type: "button",
-                  class: v(H(p)),
-                  disabled: p.disabled,
-                  onClick: (M) => T(p)
+                  class: v(O(g)),
+                  disabled: g.disabled,
+                  onClick: (T) => B(g)
                 }, [
-                  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), {
+                  g.icon || l.$slots[`icon-${g.id}`] ? (s(), o("span", Fe, [
+                    C(l.$slots, `icon-${g.id}`, { item: g }, () => [
+                      typeof g.icon != "string" ? (s(), q(Z(g.icon), {
                         key: 0,
                         class: "w-5 h-5"
                       })) : (s(), o("span", {
                         key: 1,
-                        innerHTML: p.icon,
+                        innerHTML: g.icon,
                         class: "w-5 h-5 inline-block"
-                      }, null, 8, We))
+                      }, null, 8, Pe))
                     ], !0)
                   ])) : c("", !0),
-                  a("div", Ae, [
-                    C(l.$slots, `item-${p.id}`, {
-                      item: p,
-                      close: b
+                  a("div", We, [
+                    C(l.$slots, `item-${g.id}`, {
+                      item: g,
+                      close: $
                     }, () => [
-                      a("div", Ke, [
+                      a("div", Ae, [
                         a("span", {
                           class: "truncate w-full",
-                          title: p.label
-                        }, $(p.label), 9, Re),
-                        p.description ? (s(), o("span", {
+                          title: g.label
+                        }, w(g.label), 9, Ke),
+                        g.description ? (s(), o("span", {
                           key: 0,
                           class: "text-xs text-secondary-500 truncate w-full",
-                          title: p.description
-                        }, $(p.description), 9, Ne)) : c("", !0)
+                          title: g.description
+                        }, w(g.description), 9, Re)) : 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)
+                  g.suffix || g.shortcut || l.$slots[`suffix-${g.id}`] ? (s(), o("span", Ne, [
+                    C(l.$slots, `suffix-${g.id}`, { item: g }, () => [
+                      g.shortcut ? (s(), o("span", qe, w(g.shortcut), 1)) : g.suffix ? (s(), o("span", Ue, w(g.suffix), 1)) : c("", !0)
                     ], !0)
                   ])) : c("", !0),
-                  p.children && p.children.length > 0 ? (s(), o("svg", Qe, [...w[2] || (w[2] = [
+                  g.children && g.children.length > 0 ? (s(), o("svg", Ge, [...k[2] || (k[2] = [
                     a("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
@@ -711,51 +724,51 @@ const le = { class: "flex items-center gap-4" }, ae = {
                       d: "M9 5l7 7-7 7"
                     }, null, -1)
                   ])])) : c("", !0)
-                ], 10, Fe))
+                ], 10, He))
               ], 64))), 128))
             ], !0)
           ], 2),
           l.$slots.footer ? (s(), o("div", {
             key: 1,
-            class: v(j.value)
+            class: v(L.value)
           }, [
-            C(l.$slots, "footer", { close: b }, void 0, !0)
+            C(l.$slots, "footer", { close: $ }, 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
+          onClick: $
         })) : c("", !0)
       ]))
     ], 2));
   }
-}), Nt = /* @__PURE__ */ K(Je, [["__scopeId", "data-v-e155a86b"]]), Xe = ["for"], Ye = {
+}), Rt = /* @__PURE__ */ R(Qe, [["__scopeId", "data-v-335f2699"]]), Je = ["for"], Xe = {
   key: 0,
   class: "text-danger-600"
-}, Ze = { class: "relative" }, et = ["id", "disabled", "aria-expanded"], tt = { class: "flex-1 text-left truncate" }, st = {
+}, Ye = { class: "relative" }, Ze = ["id", "disabled", "aria-expanded"], et = { class: "flex-1 text-left truncate" }, tt = {
   key: 0,
   class: "p-2 border-b border-secondary-200"
-}, ot = ["placeholder"], lt = { class: "max-h-64 overflow-y-auto" }, at = {
+}, st = ["placeholder"], ot = { class: "max-h-64 overflow-y-auto" }, lt = {
   key: 0,
   class: "px-4 py-3 text-sm text-secondary-500 text-center"
-}, nt = ["onClick"], rt = { class: "flex items-center justify-between w-full" }, it = { class: "truncate" }, dt = {
+}, at = ["onClick"], nt = { class: "flex items-center justify-between w-full" }, rt = { class: "truncate" }, it = {
   key: 0,
   class: "w-5 h-5 text-primary-600 flex-shrink-0 ml-2",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
-}, ut = {
+}, dt = {
   key: 0,
   class: "border-t border-secondary-200 my-1"
-}, ct = ["onClick"], ft = ["innerHTML"], pt = {
+}, ut = ["onClick"], ct = ["innerHTML"], ft = {
   key: 1,
   class: "mt-1 text-sm text-danger-600"
-}, gt = {
+}, pt = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, ht = /* @__PURE__ */ L({
+}, gt = /* @__PURE__ */ S({
   __name: "Select",
   props: {
     modelValue: { default: null },
@@ -776,16 +789,16 @@ const le = { class: "flex items-center gap-4" }, ae = {
     menuPosition: { default: "bottom" }
   },
   emits: ["update:modelValue", "change", "action"],
-  setup(t, { emit: y }) {
-    const e = t, u = y, n = V(!1), d = V(""), r = V(null), f = g(
+  setup(t, { emit: b }) {
+    const e = t, u = b, n = j(!1), d = j(""), r = j(null), f = p(
       () => `select-${Math.random().toString(36).substr(2, 9)}`
-    ), i = g(() => e.options.find((h) => h.value === e.modelValue) || null), x = g(() => {
+    ), i = p(() => e.options.find((h) => h.value === e.modelValue) || null), y = p(() => {
       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 = {
+      return e.options.filter((m) => m.label.toLowerCase().includes(h));
+    }), x = p(() => "block text-sm font-semibold text-secondary-700 mb-1"), L = p(() => {
+      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", m = {
         sm: "px-3 py-1.5 text-sm",
         md: "px-4 py-2 text-base",
         lg: "px-5 py-3 text-lg"
@@ -793,71 +806,71 @@ const le = { class: "flex items-center gap-4" }, ae = {
         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"
-      }, w = e.error ? "border-danger-600 focus:ring-danger-500" : "";
+      }, k = e.error ? "border-danger-600 focus:ring-danger-500" : "";
       return [
         h,
-        k[e.size],
+        m[e.size],
         l[e.variant],
-        w
+        k
       ].join(" ");
-    }), 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 = () => {
+    }), D = p(() => `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 m = "w-full px-4 py-2 text-left hover:bg-primary-50 transition-colors focus:outline-none focus:bg-primary-50 disabled:opacity-50 disabled:cursor-not-allowed", l = O(h) ? "bg-primary-50" : "";
+      return [m, l].join(" ");
+    }, M = (h) => {
+      const m = "w-full px-4 py-2 text-left text-sm font-semibold transition-colors focus:outline-none flex items-center gap-3";
+      return h.variant === "danger" ? `${m} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${m} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
+    }, O = (h) => h.value === e.modelValue, P = () => {
       e.disabled || (n.value = !n.value, n.value && e.searchable && J(() => {
         var h;
         (h = r.value) == null || h.focus();
       }));
-    }, B = () => {
+    }, E = () => {
       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();
+    }, $ = (h) => {
+      h.disabled || (u("update:modelValue", h.value), u("change", h), E());
+    }, B = (h) => {
+      h.action && h.action(), u("action", h), E();
+    }, z = (h) => {
+      const m = h.relatedTarget;
+      m && m.closest(".select-wrapper") || setTimeout(() => {
+        E();
       }, 200);
-    }, N = (h) => {
-      h.key === "Escape" ? B() : (h.key === "Enter" || h.key === " ") && (h.preventDefault(), F());
+    }, I = (h) => {
+      h.key === "Escape" ? E() : (h.key === "Enter" || h.key === " ") && (h.preventDefault(), P());
     };
     return Y(n, (h) => {
       h && (d.value = "");
-    }), (h, k) => (s(), o("div", {
+    }), (h, m) => (s(), o("div", {
       class: v(["select-wrapper", { "w-full": t.fullWidth }])
     }, [
       t.label ? (s(), o("label", {
         key: 0,
         for: f.value,
-        class: v(m.value)
+        class: v(x.value)
       }, [
-        A($(t.label) + " ", 1),
-        t.required ? (s(), o("span", Ye, "*")) : c("", !0)
-      ], 10, Xe)) : c("", !0),
-      a("div", Ze, [
+        K(w(t.label) + " ", 1),
+        t.required ? (s(), o("span", Xe, "*")) : c("", !0)
+      ], 10, Je)) : c("", !0),
+      a("div", Ye, [
         a("button", {
           id: f.value,
           type: "button",
-          class: v(j.value),
+          class: v(L.value),
           disabled: t.disabled,
           "aria-expanded": n.value,
           "aria-haspopup": !0,
-          onClick: F,
-          onBlur: S,
-          onKeydown: N
+          onClick: P,
+          onBlur: z,
+          onKeydown: I
         }, [
-          a("span", tt, $(i.value ? i.value.label : t.placeholder), 1),
+          a("span", et, w(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"
-          }, [...k[3] || (k[3] = [
+          }, [...m[3] || (m[3] = [
             a("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -865,38 +878,38 @@ const le = { class: "flex items-center gap-4" }, ae = {
               d: "M19 9l-7 7-7-7"
             }, null, -1)
           ])], 2))
-        ], 42, et),
+        ], 42, Ze),
         n.value ? (s(), o("div", {
           key: 0,
           class: v(D.value),
-          onClick: k[2] || (k[2] = I(() => {
+          onClick: m[2] || (m[2] = H(() => {
           }, ["stop"]))
         }, [
-          t.searchable ? (s(), o("div", st, [
+          t.searchable ? (s(), o("div", tt, [
             se(a("input", {
               ref_key: "searchInput",
               ref: r,
-              "onUpdate:modelValue": k[0] || (k[0] = (l) => d.value = l),
+              "onUpdate:modelValue": m[0] || (m[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: t.searchPlaceholder,
-              onKeydown: k[1] || (k[1] = I(() => {
+              onKeydown: m[1] || (m[1] = H(() => {
               }, ["stop"]))
-            }, null, 40, ot), [
+            }, null, 40, st), [
               [oe, d.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", {
+          a("div", ot, [
+            y.value.length === 0 ? (s(), o("div", lt, w(t.emptyText), 1)) : (s(), o(F, { key: 1 }, [
+              (s(!0), o(F, null, A(y.value, (l) => (s(), o("button", {
                 key: l.value,
                 type: "button",
                 class: v(_(l)),
-                onClick: (w) => b(l)
+                onClick: (k) => $(l)
               }, [
-                a("div", rt, [
-                  a("span", it, $(l.label), 1),
-                  H(l) ? (s(), o("svg", dt, [...k[4] || (k[4] = [
+                a("div", nt, [
+                  a("span", rt, w(l.label), 1),
+                  O(l) ? (s(), o("svg", it, [...m[4] || (m[4] = [
                     a("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
@@ -905,13 +918,13 @@ const le = { class: "flex items-center gap-4" }, ae = {
                     }, null, -1)
                   ])])) : 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", {
+              ], 10, at))), 128)),
+              t.actionItems.length > 0 ? (s(), o("div", dt)) : c("", !0),
+              (s(!0), o(F, null, A(t.actionItems, (l) => (s(), o("button", {
                 key: l.id,
                 type: "button",
-                class: v(O(l)),
-                onClick: (w) => T(l)
+                class: v(M(l)),
+                onClick: (k) => B(l)
               }, [
                 l.icon ? (s(), o("svg", {
                   key: 0,
@@ -921,22 +934,22 @@ const le = { class: "flex items-center gap-4" }, ae = {
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg",
                   innerHTML: l.icon
-                }, null, 8, ft)) : c("", !0),
-                A(" " + $(l.label), 1)
-              ], 10, ct))), 128))
+                }, null, 8, ct)) : c("", !0),
+                K(" " + w(l.label), 1)
+              ], 10, ut))), 128))
             ], 64))
           ])
         ], 2)) : c("", !0)
       ]),
-      t.error ? (s(), o("p", pt, $(t.error), 1)) : t.helperText ? (s(), o("p", gt, $(t.helperText), 1)) : c("", !0),
+      t.error ? (s(), o("p", ft, w(t.error), 1)) : t.helperText ? (s(), o("p", pt, w(t.helperText), 1)) : c("", !0),
       n.value ? (s(), o("div", {
         key: 3,
-        onClick: B,
+        onClick: E,
         class: "fixed inset-0 z-40"
       })) : c("", !0)
     ], 2));
   }
-}), qt = /* @__PURE__ */ K(ht, [["__scopeId", "data-v-f016a03c"]]), bt = /* @__PURE__ */ L({
+}), Nt = /* @__PURE__ */ R(gt, [["__scopeId", "data-v-f016a03c"]]), ht = /* @__PURE__ */ S({
   __name: "Sidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -951,34 +964,34 @@ const le = { class: "flex items-center gap-4" }, ae = {
     padding: { default: "md" }
   },
   emits: ["update:modelValue", "close", "open"],
-  setup(t, { emit: y }) {
-    const e = t, u = y, n = g({
+  setup(t, { emit: b }) {
+    const e = t, u = b, n = p({
       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(() => ({
+    }, r = p(() => e.position === "left" ? "slide-right" : "slide-left"), f = p(() => {
+      const _ = "fixed top-0 h-full z-50 flex flex-col", M = e.position === "left" ? "left-0" : "right-0", O = 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 [_, M, O].filter(Boolean).join(" ");
+    }), i = p(() => ({
       width: e.width,
       backgroundColor: e.backgroundColor,
       top: e.overlayTop,
       height: e.overlayTop !== "0" ? `calc(100vh - ${e.overlayTop})` : "100vh"
-    })), x = {
+    })), y = {
       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(), q(X, { to: "body" }, [
+    }, x = p(() => `flex items-center justify-between border-b border-gray-200 ${y[e.padding]}`), L = p(() => `flex-1 overflow-y-auto ${y[e.padding]}`), D = p(() => `border-t border-gray-200 ${y[e.padding]}`);
+    return (_, M) => (s(), q(X, { to: "body" }, [
       G(Q, { name: "fade" }, {
         default: U(() => [
           n.value && t.overlay ? (s(), o("div", {
             key: 0,
             onClick: d,
             class: "fixed inset-0 bg-black/50 z-40",
-            style: P({ top: t.overlayTop })
+            style: W({ top: t.overlayTop })
           }, null, 4)) : c("", !0)
         ]),
         _: 1
@@ -988,11 +1001,11 @@ const le = { class: "flex items-center gap-4" }, ae = {
           n.value ? (s(), o("aside", {
             key: 0,
             class: v(f.value),
-            style: P(i.value)
+            style: W(i.value)
           }, [
             _.$slots.header ? (s(), o("div", {
               key: 0,
-              class: v(m.value)
+              class: v(x.value)
             }, [
               C(_.$slots, "header", {}, void 0, !0),
               t.closable ? (s(), o("button", {
@@ -1000,7 +1013,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
                 onClick: d,
                 class: "p-2 hover:bg-gray-100 rounded-md transition-colors",
                 "aria-label": "Cerrar menú"
-              }, [...O[0] || (O[0] = [
+              }, [...M[0] || (M[0] = [
                 a("svg", {
                   class: "w-5 h-5",
                   fill: "none",
@@ -1017,7 +1030,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
               ])])) : c("", !0)
             ], 2)) : c("", !0),
             a("div", {
-              class: v(j.value)
+              class: v(L.value)
             }, [
               C(_.$slots, "default", {}, void 0, !0)
             ], 2),
@@ -1033,115 +1046,115 @@ const le = { class: "flex items-center gap-4" }, ae = {
       }, 8, ["name"])
     ]));
   }
-}), 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 = {
+}), qt = /* @__PURE__ */ R(ht, [["__scopeId", "data-v-fffb0e44"]]), vt = { class: "w-full overflow-x-auto" }, bt = { class: "w-full border-collapse" }, yt = { class: "w-full" }, xt = { class: "bg-white border-b border-gray-100 w-full" }, mt = ["onClick"], kt = { class: "flex items-center gap-2" }, wt = {
   key: 0,
   class: "text-xs text-gray-400"
-}, Ct = { key: 0 }, Bt = { key: 1 }, _t = { class: "w-full" }, Tt = {
+}, $t = { key: 0 }, Ct = { key: 1 }, Bt = { class: "w-full" }, _t = {
   key: 0,
   class: "flex items-center justify-center py-12 text-gray-400"
-}, Mt = {
+}, Tt = {
   key: 1,
   class: "w-full px-6 py-4 bg-white"
-}, zt = /* @__PURE__ */ L({
+}, zt = /* @__PURE__ */ S({
   __name: "Table",
   props: {
     columns: {},
     data: {}
   },
   setup(t) {
-    const y = t, e = V(null), u = V("asc"), n = (r) => {
+    const b = t, e = j(null), u = j("asc"), n = (r) => {
       e.value === r ? u.value = u.value === "asc" ? "desc" : "asc" : (e.value = r, u.value = "asc");
-    }, d = g(() => {
+    }, d = p(() => {
       if (!e.value)
-        return y.data;
-      const r = [...y.data];
+        return b.data;
+      const r = [...b.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;
+        const y = f[e.value], x = i[e.value];
+        return typeof y == "string" && typeof x == "string" ? u.value === "asc" ? y.localeCompare(x) : x.localeCompare(y) : typeof y == "number" && typeof x == "number" ? u.value === "asc" ? y - x : x - y : 0;
       }), r;
     });
     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", {
+      a("table", bt, [
+        a("thead", yt, [
+          a("tr", xt, [
+            (s(!0), o(F, null, A(t.columns, (i) => (s(), o("th", {
               key: i.key,
-              style: P(i.width ? { width: i.width } : {}),
+              style: W(i.width ? { width: i.width } : {}),
               class: v([
                 "px-8 py-4 text-left text-base font-semibold text-gray-900 border-0",
                 i.sortable ? "cursor-pointer hover:text-primary-700 select-none transition-colors" : ""
               ]),
-              onClick: (x) => i.sortable && n(i.key)
+              onClick: (y) => i.sortable && n(i.key)
             }, [
-              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))
+              a("div", kt, [
+                a("span", null, w(i.label), 1),
+                i.sortable ? (s(), o("span", wt, [
+                  e.value !== i.key ? (s(), o("span", $t, "⇅")) : (s(), o("span", Ct, w(u.value === "asc" ? "↑" : "↓"), 1))
                 ])) : c("", !0)
               ])
-            ], 14, kt))), 128))
+            ], 14, mt))), 128))
           ])
         ]),
-        a("tbody", _t, [
-          (s(!0), o(E, null, W(d.value, (i, x) => (s(), o("tr", {
-            key: x,
+        a("tbody", Bt, [
+          (s(!0), o(F, null, A(d.value, (i, y) => (s(), o("tr", {
+            key: y,
             class: "w-full hover:bg-gray-50 transition-colors"
           }, [
-            (s(!0), o(E, null, W(t.columns, (m) => (s(), o("td", {
-              key: `${x}-${m.key}`,
+            (s(!0), o(F, null, A(t.columns, (x) => (s(), o("td", {
+              key: `${y}-${x.key}`,
               class: "px-8 py-4 text-base text-gray-700 border-0"
             }, [
-              C(r.$slots, `cell-${m.key}`, {
-                value: i[m.key],
+              C(r.$slots, `cell-${x.key}`, {
+                value: i[x.key],
                 row: i
               }, () => [
-                A($(i[m.key]), 1)
+                K(w(i[x.key]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
         ])
       ]),
-      d.value.length === 0 ? (s(), o("div", Tt, [
+      d.value.length === 0 ? (s(), o("div", _t, [
         C(r.$slots, "empty", {}, () => [
-          f[0] || (f[0] = A("No hay datos disponibles", -1))
+          f[0] || (f[0] = K("No hay datos disponibles", -1))
         ], !0)
       ])) : c("", !0),
-      r.$slots.footer ? (s(), o("div", Mt, [
+      r.$slots.footer ? (s(), o("div", Tt, [
         C(r.$slots, "footer", {}, void 0, !0)
       ])) : c("", !0)
     ]));
   }
-}), Gt = /* @__PURE__ */ K(zt, [["__scopeId", "data-v-6b3ff0a8"]]), Vt = { class: "w-full" }, jt = {
+}), Ut = /* @__PURE__ */ R(zt, [["__scopeId", "data-v-6b3ff0a8"]]), Mt = { class: "w-full" }, Vt = {
   class: "flex border-b border-gray-100",
   role: "tablist"
-}, 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({
+}, jt = ["aria-selected", "onClick"], Lt = { role: "tabpanel" }, St = "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", Dt = "text-primary-700 border-b-4 border-primary-700", Ot = "text-gray-600 border-b-4 border-transparent hover:text-gray-800", Gt = /* @__PURE__ */ S({
   __name: "Tabs",
   props: {
     modelValue: {},
     tabs: {}
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: y }) {
-    const e = t, u = y, n = (i) => e.modelValue === i, d = (i) => {
+  setup(t, { emit: b }) {
+    const e = t, u = b, n = (i) => e.modelValue === i, d = (i) => {
       n(i) || u("update:modelValue", i);
-    }, r = g(() => e.modelValue), f = g(
+    }, r = p(() => e.modelValue), f = p(
       () => e.tabs.find((i) => i.value === r.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,
+    return (i, y) => (s(), o("div", Mt, [
+      a("div", Vt, [
+        (s(!0), o(F, null, A(t.tabs, (x) => (s(), o("button", {
+          key: x.value,
           type: "button",
           class: v([
-            Dt,
-            n(m.value) ? Ot : It
+            St,
+            n(x.value) ? Dt : Ot
           ]),
-          "aria-selected": n(m.value),
+          "aria-selected": n(x.value),
           role: "tab",
-          onClick: (j) => d(m.value)
-        }, $(m.label), 11, Lt))), 128))
+          onClick: (L) => d(x.value)
+        }, w(x.label), 11, jt))), 128))
       ]),
-      a("div", St, [
+      a("div", Lt, [
         C(i.$slots, r.value, {
           active: r.value,
           tab: f.value
@@ -1149,7 +1162,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
       ])
     ]));
   }
-}), Et = "font-sans", Jt = /* @__PURE__ */ L({
+}), It = "font-sans", Qt = /* @__PURE__ */ S({
   __name: "Text",
   props: {
     variant: { default: "body1" },
@@ -1161,7 +1174,7 @@ const le = { class: "flex items-center gap-4" }, ae = {
     weight: {}
   },
   setup(t) {
-    const y = {
+    const b = {
       h1: "text-[40px] leading-[57px] tracking-[0px] font-extrabold",
       h2: "text-[40px] leading-[57px] tracking-[0px] font-bold",
       h3: "text-[28px] leading-[39px] tracking-[0px] font-extrabold",
@@ -1221,14 +1234,14 @@ const le = { class: "flex items-center gap-4" }, ae = {
       semibold: "font-semibold",
       bold: "font-bold",
       extrabold: "font-extrabold"
-    }, 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), {
+    }, r = t, f = p(() => r.variant), i = p(() => r.color), y = p(() => r.align), x = p(() => r.as || e[f.value] || "span"), L = p(() => r.weight ? d[r.weight] : "");
+    return (D, _) => (s(), q(Z(x.value), {
       class: v([
-        Et,
-        y[f.value],
+        It,
+        b[f.value],
         n[i.value],
-        u[x.value],
-        j.value,
+        u[y.value],
+        L.value,
         {
           uppercase: t.uppercase || f.value === "overline",
           truncate: t.truncate
@@ -1243,16 +1256,16 @@ const le = { class: "flex items-center gap-4" }, ae = {
   }
 });
 export {
-  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
+  Ht as AppBar,
+  Ft as Button,
+  Pt as Card,
+  Wt as Dialog,
+  At as FileUpload,
+  Kt as Loader,
+  Rt as Menu,
+  Nt as Select,
+  qt as Sidebar,
+  Ut as Table,
+  Gt as Tabs,
+  Qt as Text
 };