@iaclinical/components 1.0.25 → 1.0.26

package/dist/iaclinical-components.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, computed as r, createElementBlock as l, openBlock as s, normalizeClass as c, createElementVNode as o, createCommentVNode as m, renderSlot as V, toDisplayString as x, createBlock as ee, unref as _e, normalizeStyle as Q, ref as L, onMounted as $e, onUnmounted as Ce, watch as ve, createTextVNode as q, withModifiers as H, createVNode as G, withDirectives as ue, Fragment as E, renderList as W, vModelSelect as ke, Teleport as pe, Transition as ce, withCtx as ae, nextTick as fe, resolveDynamicComponent as Me, vModelText as Ae } from "vue";
+import { defineComponent as P, computed as r, createElementBlock as l, openBlock as s, normalizeClass as f, createElementVNode as o, createCommentVNode as m, renderSlot as V, toDisplayString as x, createBlock as ee, unref as _e, normalizeStyle as J, ref as O, onMounted as $e, onUnmounted as Ce, watch as ve, createTextVNode as q, withModifiers as H, createVNode as Q, withDirectives as ue, Fragment as E, renderList as W, vModelSelect as ke, Teleport as pe, Transition as ce, withCtx as ae, nextTick as fe, resolveDynamicComponent as Me, vModelText as Ae } from "vue";
 import { Icon as Ee } from "@iconify/vue";
 const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   key: 1,
@@ -22,8 +22,8 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["toggle-menu"],
   setup(t, { emit: b }) {
-    const e = t, f = b, n = r(() => {
-      const u = "flex flex-row items-center justify-between gap-2 sm:gap-4 px-3 sm:px-6 z-50 w-full", v = {
+    const e = t, v = b, n = r(() => {
+      const u = "flex flex-row items-center justify-between gap-2 sm:gap-4 px-3 sm:px-6 z-50 w-full", c = {
         default: "bg-primary-700 text-primary-50",
         dark: "bg-secondary-900 text-white",
         light: "bg-white text-secondary-900 border-b border-secondary-200"
@@ -34,22 +34,22 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       }, h = e.sticky ? "sticky top-0" : "", i = e.shadow ? "shadow-md" : "";
       return [
         u,
-        v[e.variant],
+        c[e.variant],
         a[e.height],
         h,
         i
       ].join(" ");
     });
-    return (u, v) => (s(), l("header", {
-      class: c(n.value)
+    return (u, c) => (s(), l("header", {
+      class: f(n.value)
     }, [
       o("div", Pe, [
         t.showMenuButton ? (s(), l("button", {
           key: 0,
-          onClick: v[0] || (v[0] = (a) => f("toggle-menu")),
+          onClick: c[0] || (c[0] = (a) => v("toggle-menu")),
           class: "p-1.5 sm:p-2 hover:bg-primary-600 rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
           "aria-label": "Toggle menu"
-        }, [...v[1] || (v[1] = [
+        }, [...c[1] || (c[1] = [
           o("svg", {
             class: "w-5 h-5 sm:w-6 sm:h-6 text-primary-50",
             fill: "none",
@@ -80,8 +80,8 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   }
 }), K = (t, b) => {
   const e = t.__vccOpts || t;
-  for (const [f, n] of b)
-    e[f] = n;
+  for (const [v, n] of b)
+    e[v] = n;
   return e;
 }, ml = /* @__PURE__ */ K(Ke, [["__scopeId", "data-v-c5861315"]]), Ue = ["type", "disabled", "aria-label"], Je = {
   key: 0,
@@ -101,7 +101,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["click"],
   setup(t, { emit: b }) {
-    const e = t, f = b, n = r(() => e.variant === "icon"), u = r(() => e.badge > 99 ? "99+" : e.badge.toString()), v = r(() => {
+    const e = t, v = b, n = r(() => e.variant === "icon"), u = r(() => e.badge > 99 ? "99+" : e.badge.toString()), c = r(() => {
       const h = "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", i = {
         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 hover:text-secondary-800 focus-visible:ring-secondary-500",
@@ -121,16 +121,16 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         md: "rounded-lg",
         sm: "rounded-md",
         none: "rounded-none"
-      }, T = e.textColor ? e.textColor : "", B = r(() => {
-        var O, j;
-        return e.textColorHover ? e.textColorHover : (O = e.textColor) != null && O.includes("white") || (j = e.textColor) != null && j.includes("50") ? "hover:text-black" : "";
+      }, T = e.textColor ? e.textColor : "", D = r(() => {
+        var L, j;
+        return e.textColorHover ? e.textColorHover : (L = e.textColor) != null && L.includes("white") || (j = e.textColor) != null && j.includes("50") ? "hover:text-black" : "";
       });
-      return `${h} ${i[e.variant]} ${p[e.size]} ${g[e.radius]} ${T} ${B.value}`;
+      return `${h} ${i[e.variant]} ${p[e.size]} ${g[e.radius]} ${T} ${D.value}`;
     }), a = (h) => {
-      e.disabled || f("click", h);
+      e.disabled || v("click", h);
     };
     return (h, i) => (s(), l("button", {
-      class: c(v.value),
+      class: f(c.value),
       type: t.type,
       disabled: t.disabled,
       onClick: a,
@@ -159,7 +159,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       lg: "24px",
       xl: "30px",
       "2xl": "36px"
-    }, f = (a, h) => {
+    }, v = (a, h) => {
       const i = a.replace(/_/g, "-");
       switch (h) {
         case "filled":
@@ -175,13 +175,13 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         default:
           return `material-symbols:${i}`;
       }
-    }, n = r(() => f(b.name, b.variant)), u = r(() => {
+    }, n = r(() => v(b.name, b.variant)), u = r(() => {
       const a = [
         "inline-flex items-center justify-center select-none",
         "transition-transform duration-200"
       ];
       return b.color && (b.color.startsWith("text-") || b.color.startsWith("fill-")) && a.push(b.color), b.spin && a.push("animate-spin"), a.join(" ");
-    }), v = r(() => {
+    }), c = r(() => {
       const a = {};
       if (e[b.size] ? (a.fontSize = e[b.size], a.width = e[b.size], a.height = e[b.size]) : (a.fontSize = b.size, a.width = b.size, a.height = b.size), b.color && !b.color.startsWith("text-") && !b.color.startsWith("fill-") && (a.color = b.color), b.rotate !== 0) {
         const h = `rotate(${b.rotate}deg)`;
@@ -191,8 +191,8 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     });
     return (a, h) => (s(), ee(_e(Ee), {
       icon: n.value,
-      class: c(u.value),
-      style: Q(v.value),
+      class: f(u.value),
+      style: J(c.value),
       "aria-label": t.ariaLabel,
       role: t.ariaLabel ? "img" : void 0
     }, null, 8, ["icon", "class", "style", "aria-label", "role"]));
@@ -243,7 +243,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue", "date-select", "range-select"],
   setup(t, { emit: b }) {
-    const e = t, f = b, n = L(!1), u = L(null), v = L((/* @__PURE__ */ new Date()).getMonth()), a = L((/* @__PURE__ */ new Date()).getFullYear()), h = L(`calendar-${Math.random().toString(36).substr(2, 9)}`), i = L(null), p = L(null), g = [
+    const e = t, v = b, n = O(!1), u = O(null), c = O((/* @__PURE__ */ new Date()).getMonth()), a = O((/* @__PURE__ */ new Date()).getFullYear()), h = O(`calendar-${Math.random().toString(36).substr(2, 9)}`), i = O(null), p = O(null), g = [
       "Enero",
       "Febrero",
       "Marzo",
@@ -256,12 +256,12 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       "Octubre",
       "Noviembre",
       "Diciembre"
-    ], T = ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"], B = r(() => ({ sm: "xs", md: "sm", lg: "md" })[e.size] || "sm"), O = r(() => {
+    ], T = ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"], D = r(() => ({ sm: "xs", md: "sm", lg: "md" })[e.size] || "sm"), L = r(() => {
       const y = (/* @__PURE__ */ new Date()).getFullYear(), $ = [];
       for (let z = y - 100; z <= y + 10; z++)
         $.push(z);
       return $;
-    }), j = r(() => "ds-label"), S = r(() => e.bordered ? "border border-neutral-300" : ""), D = r(() => {
+    }), j = r(() => "ds-label"), S = r(() => e.bordered ? "border border-neutral-300" : ""), B = r(() => {
       const y = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", $ = {
         sm: "px-3 py-1.5 pr-10 text-sm",
         md: "px-4 py-2 pr-10 text-base",
@@ -287,12 +287,12 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     }[e.color]}`), M = r(() => `px-3 py-1.5 text-sm border border-secondary-300 rounded-md transition-colors focus:outline-none ${{
       primary: "text-primary-600 hover:text-primary-700 hover:bg-primary-50",
       secondary: "text-secondary-600 hover:text-secondary-700 hover:bg-secondary-50"
-    }[e.color]}`), d = r(() => e.mode === "single" && e.modelValue && e.modelValue instanceof Date ? A(e.modelValue) : ""), w = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue && e.modelValue.start ? A(e.modelValue.start) : ""), C = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "end" in e.modelValue && e.modelValue.end ? A(e.modelValue.end) : ""), J = r(() => e.mode === "single" ? i.value !== null : i.value !== null && p.value !== null && p.value >= i.value);
+    }[e.color]}`), d = r(() => e.mode === "single" && e.modelValue && e.modelValue instanceof Date ? A(e.modelValue) : ""), w = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue && e.modelValue.start ? A(e.modelValue.start) : ""), C = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "end" in e.modelValue && e.modelValue.end ? A(e.modelValue.end) : ""), G = r(() => e.mode === "single" ? i.value !== null : i.value !== null && p.value !== null && p.value >= i.value);
     r(() => e.mode === "range" && i.value && p.value ? p.value < i.value : !1);
     const F = r(() => {
-      const y = new Date(a.value, v.value, 1), $ = new Date(a.value, v.value + 1, 0), z = y.getDay(), _ = $.getDate(), U = [], Z = new Date(a.value, v.value - 1, 0);
+      const y = new Date(a.value, c.value, 1), $ = new Date(a.value, c.value + 1, 0), z = y.getDay(), _ = $.getDate(), U = [], Z = new Date(a.value, c.value - 1, 0);
       for (let R = z - 1; R >= 0; R--) {
-        const X = new Date(a.value, v.value - 1, Z.getDate() - R);
+        const X = new Date(a.value, c.value - 1, Z.getDate() - R);
         U.push({
           day: X.getDate(),
           date: X,
@@ -302,7 +302,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         });
       }
       for (let R = 1; R <= _; R++) {
-        const X = new Date(a.value, v.value, R);
+        const X = new Date(a.value, c.value, R);
         U.push({
           day: R,
           date: X,
@@ -313,7 +313,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       }
       const Ye = 42 - U.length;
       for (let R = 1; R <= Ye; R++) {
-        const X = new Date(a.value, v.value + 1, R);
+        const X = new Date(a.value, c.value + 1, R);
         U.push({
           day: R,
           date: X,
@@ -400,18 +400,18 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       e.mode === "single" ? (i.value = y, p.value = null) : u.value === "start" || !i.value ? (i.value = y, p.value = null, u.value = "end") : (u.value === "end" || !p.value) && (y < i.value ? (p.value = i.value, i.value = y) : p.value = y, u.value = null);
     }, Le = () => {
       if (e.mode === "single")
-        f("update:modelValue", i.value), i.value && f("date-select", i.value);
+        v("update:modelValue", i.value), i.value && v("date-select", i.value);
       else {
         const y = { start: i.value, end: p.value };
-        f("update:modelValue", y), f("range-select", y);
+        v("update:modelValue", y), v("range-select", y);
       }
       re();
     }, Oe = () => {
-      v.value === 0 ? (v.value = 11, a.value--) : v.value--;
+      c.value === 0 ? (c.value = 11, a.value--) : c.value--;
     }, Fe = () => {
-      v.value === 11 ? (v.value = 0, a.value++) : v.value++;
+      c.value === 11 ? (c.value = 0, a.value++) : c.value++;
     }, xe = () => {
-    }, de = L(), we = (y) => {
+    }, de = O(), we = (y) => {
       de.value && !de.value.contains(y.target) && re();
     };
     return $e(() => {
@@ -429,17 +429,17 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         t.label && t.showLabel ? (s(), l("label", {
           key: 0,
           for: h.value,
-          class: c(j.value)
+          class: f(j.value)
         }, [
           q(x(t.label) + " ", 1),
           t.required ? (s(), l("span", Xe, "*")) : m("", !0)
         ], 10, Ze)) : m("", !0),
         o("div", {
-          class: c(["relative rounded-md", S.value])
+          class: f(["relative rounded-md", S.value])
         }, [
           o("input", {
             id: h.value,
-            class: c(D.value),
+            class: f(B.value),
             type: "text",
             disabled: t.disabled,
             placeholder: t.placeholder || "Seleccionar fecha",
@@ -451,30 +451,30 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           }, null, 42, et),
           o("button", {
             type: "button",
-            class: c(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
+            class: f(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
             onClick: H(Ie, ["stop"]),
             disabled: t.disabled
           }, [
-            G(se, {
+            Q(se, {
               name: t.iconName,
-              size: B.value
+              size: D.value
             }, null, 8, ["name", "size"])
           ], 10, tt)
         ], 2)
       ])) : (s(), l("div", st, [
         t.label && t.showLabel ? (s(), l("label", {
           key: 0,
-          class: c(j.value)
+          class: f(j.value)
         }, [
           q(x(t.label) + " ", 1),
           t.required ? (s(), l("span", lt, "*")) : m("", !0)
         ], 2)) : m("", !0),
         o("div", ot, [
           o("div", {
-            class: c(["relative rounded-md", S.value])
+            class: f(["relative rounded-md", S.value])
           }, [
             o("input", {
-              class: c(D.value),
+              class: f(B.value),
               type: "text",
               disabled: t.disabled,
               placeholder: t.startPlaceholder || "Fecha desde",
@@ -486,21 +486,21 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
             }, null, 42, at),
             o("button", {
               type: "button",
-              class: c(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
+              class: f(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
               onClick: $[2] || ($[2] = H(() => me("start"), ["stop"])),
               disabled: t.disabled
             }, [
-              G(se, {
+              Q(se, {
                 name: t.startIconName,
-                size: B.value
+                size: D.value
               }, null, 8, ["name", "size"])
             ], 10, nt)
           ], 2),
           o("div", {
-            class: c(["relative rounded-md", S.value])
+            class: f(["relative rounded-md", S.value])
           }, [
             o("input", {
-              class: c(D.value),
+              class: f(B.value),
               type: "text",
               disabled: t.disabled,
               placeholder: t.endPlaceholder || "Fecha hasta",
@@ -512,13 +512,13 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
             }, null, 42, rt),
             o("button", {
               type: "button",
-              class: c(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
+              class: f(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
               onClick: $[5] || ($[5] = H(() => me("end"), ["stop"])),
               disabled: t.disabled
             }, [
-              G(se, {
+              Q(se, {
                 name: t.endIconName,
-                size: B.value
+                size: D.value
               }, null, 8, ["name", "size"])
             ], 10, it)
           ], 2)
@@ -527,7 +527,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       t.error ? (s(), l("p", dt, x(t.error), 1)) : t.helperText ? (s(), l("p", ut, x(t.helperText), 1)) : m("", !0),
       n.value ? (s(), l("div", {
         key: 4,
-        class: c(["absolute top-full mt-1 left-0 bg-white rounded-lg shadow-lg border border-secondary-200 z-50 overflow-hidden p-4", I.value]),
+        class: f(["absolute top-full mt-1 left-0 bg-white rounded-lg shadow-lg border border-secondary-200 z-50 overflow-hidden p-4", I.value]),
         onClick: $[8] || ($[8] = H(() => {
         }, ["stop"]))
       }, [
@@ -535,17 +535,17 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           o("button", {
             type: "button",
             onClick: Oe,
-            class: c(Y.value)
+            class: f(Y.value)
           }, [
-            G(se, {
+            Q(se, {
               name: "chevron-left",
               size: "sm"
             })
           ], 2),
           o("div", ft, [
             ue(o("select", {
-              "onUpdate:modelValue": $[6] || ($[6] = (z) => v.value = z),
-              class: c(N.value),
+              "onUpdate:modelValue": $[6] || ($[6] = (z) => c.value = z),
+              class: f(N.value),
               onChange: xe
             }, [
               (s(), l(E, null, W(g, (z, _) => o("option", {
@@ -553,14 +553,14 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
                 value: _
               }, x(z), 9, vt)), 64))
             ], 34), [
-              [ke, v.value]
+              [ke, c.value]
             ]),
             ue(o("select", {
               "onUpdate:modelValue": $[7] || ($[7] = (z) => a.value = z),
-              class: c(N.value),
+              class: f(N.value),
               onChange: xe
             }, [
-              (s(!0), l(E, null, W(O.value, (z) => (s(), l("option", {
+              (s(!0), l(E, null, W(L.value, (z) => (s(), l("option", {
                 key: z,
                 value: z
               }, x(z), 9, pt))), 128))
@@ -571,9 +571,9 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           o("button", {
             type: "button",
             onClick: Fe,
-            class: c(Y.value)
+            class: f(Y.value)
           }, [
-            G(se, {
+            Q(se, {
               name: "chevron-right",
               size: "sm"
             })
@@ -589,7 +589,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           (s(!0), l(E, null, W(F.value, (z) => (s(), l("button", {
             key: z.key,
             type: "button",
-            class: c(De(z)),
+            class: f(De(z)),
             disabled: z.disabled || ge(z.date),
             onClick: (_) => je(z.date)
           }, x(z.day), 11, yt))), 128))
@@ -597,14 +597,14 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         o("div", mt, [
           o("button", {
             type: "button",
-            class: c(M.value),
+            class: f(M.value),
             onClick: re
           }, " Cancelar ", 2),
           o("button", {
             type: "button",
-            class: c(te.value),
+            class: f(te.value),
             onClick: Le,
-            disabled: !J.value
+            disabled: !G.value
           }, " Confirmar ", 10, ht)
         ])
       ], 2)) : m("", !0)
@@ -630,7 +630,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       md: "shadow",
       lg: "shadow-lg",
       xl: "shadow-xl"
-    }, f = {
+    }, v = {
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
@@ -640,11 +640,11 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     }, n = r(() => [
       "w-full bg-white",
       e[b.shadow],
-      f[b.rounded],
+      v[b.rounded],
       b.bordered ? "border border-gray-200" : ""
     ]);
-    return (u, v) => (s(), l("div", {
-      class: c(n.value)
+    return (u, c) => (s(), l("div", {
+      class: f(n.value)
     }, [
       u.$slots.header ? (s(), l("div", wt, [
         V(u.$slots, "header")
@@ -669,21 +669,21 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue", "close"],
   setup(t, { emit: b }) {
-    const e = t, f = b, n = r({
+    const e = t, v = b, n = r({
       get: () => e.modelValue,
-      set: (a) => f("update:modelValue", a)
+      set: (a) => v("update:modelValue", a)
     }), u = () => {
-      n.value = !1, f("close");
-    }, v = () => {
+      n.value = !1, v("close");
+    }, c = () => {
       e.closeOnBackdrop && u();
     };
     return (a, h) => (s(), ee(pe, { to: "body" }, [
-      G(ce, { name: "dialog" }, {
+      Q(ce, { name: "dialog" }, {
         default: ae(() => [
           n.value ? (s(), l("div", {
             key: 0,
             class: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4",
-            onClick: v
+            onClick: c
           }, [
             o("div", {
               class: "relative w-full rounded-lg bg-white shadow-xl sm:max-w-lg md:max-w-2xl",
@@ -759,7 +759,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue", "change", "error"],
   setup(t, { emit: b }) {
-    const e = t, f = b, n = L(null), u = L(!1), v = L(e.modelValue), a = L(""), h = r(() => ({
+    const e = t, v = b, n = O(null), u = O(!1), c = O(e.modelValue), a = O(""), h = r(() => ({
       sm: "w-20 h-20",
       md: "w-32 h-32",
       lg: "w-48 h-48",
@@ -773,30 +773,30 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       e.disabled || (u.value = !0);
     }, T = () => {
       u.value = !1;
-    }, B = (k) => {
+    }, D = (k) => {
       if (a.value = "", e.maxSize && k.size > e.maxSize) {
         const I = (e.maxSize / 1048576).toFixed(2);
-        return a.value = `El archivo excede el tamaño máximo de ${I}MB`, f("error", a.value), !1;
+        return a.value = `El archivo excede el tamaño máximo de ${I}MB`, v("error", a.value), !1;
       }
       return !0;
-    }, O = (k) => {
+    }, L = (k) => {
       var N;
       const Y = (N = k.target.files) == null ? void 0 : N[0];
-      Y && B(Y) && (v.value = Y, f("update:modelValue", Y), f("change", Y));
+      Y && D(Y) && (c.value = Y, v("update:modelValue", Y), v("change", Y));
     }, j = (k) => {
       var Y;
       u.value = !1;
       const I = (Y = k.dataTransfer) == null ? void 0 : Y.files[0];
-      I && B(I) && (v.value = I, f("update:modelValue", I), f("change", I));
+      I && D(I) && (c.value = I, v("update:modelValue", I), v("change", I));
     }, S = () => {
-      v.value = null, a.value = "", n.value && (n.value.value = ""), f("update:modelValue", null), f("change", null);
-    }, D = (k) => {
+      c.value = null, a.value = "", n.value && (n.value.value = ""), v("update:modelValue", null), v("change", null);
+    }, B = (k) => {
       if (k === 0) return "0 Bytes";
       const I = 1024, Y = ["Bytes", "KB", "MB", "GB"], N = Math.floor(Math.log(k) / Math.log(I));
       return Math.round(k / Math.pow(I, N) * 100) / 100 + " " + Y[N];
     };
     return (k, I) => (s(), l("div", {
-      class: c(["relative border-2 border-dashed rounded-lg p-8 transition-colors", [
+      class: f(["relative border-2 border-dashed rounded-lg p-8 transition-colors", [
         u.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"
       ]]),
@@ -813,11 +813,11 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         multiple: t.multiple,
         disabled: t.disabled,
         class: "hidden",
-        onChange: O
+        onChange: L
       }, null, 40, Vt),
       o("div", Tt, [
         o("div", {
-          class: c([h.value, "flex items-center justify-center"])
+          class: f([h.value, "flex items-center justify-center"])
         }, [
           t.illustration ? (s(), l("img", {
             key: 0,
@@ -839,7 +839,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
             o("span", Ot, x(t.linkText), 1)
           ])
         ]),
-        v.value ? (s(), l("div", {
+        c.value ? (s(), l("div", {
           key: 0,
           class: "w-full max-w-md bg-gray-50 rounded-lg p-4 flex items-center justify-between",
           onClick: I[0] || (I[0] = H(() => {
@@ -860,8 +860,8 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               })
             ], -1)),
             o("div", Yt, [
-              o("p", _t, x(v.value.name), 1),
-              o("p", At, x(D(v.value.size)), 1)
+              o("p", _t, x(c.value.name), 1),
+              o("p", At, x(B(c.value.size)), 1)
             ])
           ]),
           t.disabled ? m("", !0) : (s(), l("button", {
@@ -916,7 +916,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue", "blur", "focus"],
   setup(t, { emit: b }) {
-    const e = t, f = b, n = L(`input-${Math.random().toString(36).substr(2, 9)}`), u = r(() => "ds-label"), v = r(() => {
+    const e = t, v = b, n = O(`input-${Math.random().toString(36).substr(2, 9)}`), u = r(() => "ds-label"), c = r(() => {
       const p = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50", g = {
         sm: "h-8 px-3 text-sm",
         md: "h-10 px-4 text-base",
@@ -925,21 +925,21 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         default: "border border-secondary-300 bg-white focus:border-primary-500 focus:ring-primary-500",
         filled: "border-0 bg-secondary-100 focus:bg-white focus:ring-primary-500",
         outlined: "border-2 border-secondary-300 bg-transparent focus:border-primary-500 focus:ring-primary-500"
-      }, B = e.error ? "border-danger-500 focus:border-danger-500 focus:ring-danger-500 pr-10" : "";
-      return `${p} ${g[e.size]} ${T[e.variant]} ${B}`;
+      }, D = e.error ? "border-danger-500 focus:border-danger-500 focus:ring-danger-500 pr-10" : "";
+      return `${p} ${g[e.size]} ${T[e.variant]} ${D}`;
     }), a = (p) => {
       const g = p.target;
-      f("update:modelValue", g.value);
+      v("update:modelValue", g.value);
     }, h = (p) => {
-      f("blur", p);
+      v("blur", p);
     }, i = (p) => {
-      f("focus", p);
+      v("focus", p);
     };
     return (p, g) => (s(), l("div", qt, [
       t.label ? (s(), l("label", {
         key: 0,
         for: n.value,
-        class: c(u.value)
+        class: f(u.value)
       }, [
         q(x(t.label) + " ", 1),
         t.required ? (s(), l("span", Nt, "*")) : m("", !0)
@@ -947,7 +947,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       o("div", Wt, [
         o("input", {
           id: n.value,
-          class: c(v.value),
+          class: f(c.value),
           type: t.type,
           disabled: t.disabled,
           placeholder: t.placeholder,
@@ -997,21 +997,21 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       warning: "text-warning-500",
       danger: "text-danger-500",
       info: "text-info-500"
-    }, f = {
+    }, v = {
       primary: "bg-primary-700",
       secondary: "bg-secondary-500",
       success: "bg-success-500",
       warning: "bg-warning-500",
       danger: "bg-danger-500",
       info: "bg-info-500"
-    }, n = r(() => [e[b.color]]), u = r(() => [f[b.color]]);
-    return (v, a) => t.type === "circular" ? (s(), l("div", {
+    }, n = r(() => [e[b.color]]), u = r(() => [v[b.color]]);
+    return (c, a) => t.type === "circular" ? (s(), l("div", {
       key: 0,
-      class: c(n.value)
+      class: f(n.value)
     }, [
       (s(), l("svg", {
         class: "animate-spin",
-        style: Q({ width: t.size, height: t.size }),
+        style: J({ width: t.size, height: t.size }),
         viewBox: "0 0 24 24"
       }, [
         o("circle", {
@@ -1032,12 +1032,12 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     ], 2)) : t.type === "linear" ? (s(), l("div", {
       key: 1,
       class: "w-full",
-      style: Q({ height: t.height })
+      style: J({ height: t.height })
     }, [
       o("div", Zt, [
         o("div", {
-          class: c([[u.value, { "animate-linear-loader": t.progress === void 0 }], "h-full rounded-lg"]),
-          style: Q({ width: t.progress !== void 0 ? `${Math.min(Math.max(t.progress, 0), 100)}%` : "100%" })
+          class: f([[u.value, { "animate-linear-loader": t.progress === void 0 }], "h-full rounded-lg"]),
+          style: J({ width: t.progress !== void 0 ? `${Math.min(Math.max(t.progress, 0), 100)}%` : "100%" })
         }, null, 6)
       ])
     ], 4)) : m("", !0);
@@ -1077,7 +1077,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["open", "close", "select"],
   setup(t, { emit: b }) {
-    const e = t, f = b, n = L(!1), u = L(null), v = L(null), a = L({}), h = r(() => [
+    const e = t, v = b, n = O(!1), u = O(null), c = O(null), a = O({}), h = r(() => [
       "inline-flex items-center justify-center px-4 py-2 text-sm font-medium",
       "bg-white border border-secondary-300 rounded-md text-secondary-700",
       "hover:bg-secondary-100 hover:text-secondary-900 hover:border-secondary-400",
@@ -1088,39 +1088,39 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       "fixed bg-white rounded-lg shadow-lg border border-secondary-200",
       "flex flex-col",
       "focus:outline-none"
-    ], `z-${e.zIndex}`].join(" ")), p = r(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), g = r(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), T = r(() => "py-1 overflow-y-auto flex-1 min-h-0"), B = r(() => "my-1 border-t border-secondary-200"), O = r(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), j = (d) => {
+    ], `z-${e.zIndex}`].join(" ")), p = r(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), g = r(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), T = r(() => "py-1 overflow-y-auto flex-1 min-h-0"), D = r(() => "my-1 border-t border-secondary-200"), L = r(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), j = (d) => {
       const w = [
         "w-full flex items-center gap-3 px-4 py-2.5 text-sm text-left",
         "transition-all duration-150 focus:outline-none cursor-pointer",
         "disabled:opacity-50 disabled:cursor-not-allowed"
-      ], C = d.variant || "default", J = {
+      ], C = d.variant || "default", G = {
         default: "text-secondary-700 hover:bg-secondary-100 hover:text-secondary-900 focus:bg-secondary-100",
         danger: "text-danger-600 hover:bg-danger-100 hover:text-danger-700 focus:bg-danger-100",
         success: "text-success-600 hover:bg-success-100 hover:text-success-700 focus:bg-success-100",
         warning: "text-warning-600 hover:bg-warning-100 hover:text-warning-700 focus:bg-warning-100"
       };
       let F = "";
-      return d.color && (F = d.color, (d.color.includes("white") || d.color.includes("50")) && (F += " hover:text-black")), [...w, F || J[C]].join(" ");
+      return d.color && (F = d.color, (d.color.includes("white") || d.color.includes("50")) && (F += " hover:text-black")), [...w, F || G[C]].join(" ");
     }, S = () => {
-      e.disabled || (n.value ? k() : D());
-    }, D = () => {
-      n.value = !0, f("open"), fe(() => {
+      e.disabled || (n.value ? k() : B());
+    }, B = () => {
+      n.value = !0, v("open"), fe(() => {
         M(), document.addEventListener("click", Y), document.addEventListener("keydown", N);
       });
     }, k = () => {
-      n.value = !1, f("close"), document.removeEventListener("click", Y), document.removeEventListener("keydown", N);
+      n.value = !1, v("close"), document.removeEventListener("click", Y), document.removeEventListener("keydown", N);
     }, I = (d) => {
-      d.disabled || (d.action && d.action(), f("select", d), e.closeOnClick && !d.children && k());
+      d.disabled || (d.action && d.action(), v("select", d), e.closeOnClick && !d.children && k());
     }, Y = (d) => {
       const w = d.target;
-      u.value && !u.value.contains(w) && v.value && !v.value.contains(w) && k();
+      u.value && !u.value.contains(w) && c.value && !c.value.contains(w) && k();
     }, N = (d) => {
       d.key === "Escape" && k();
     }, te = (d) => {
       (d.key === "Enter" || d.key === " ") && (d.preventDefault(), S());
     }, M = () => {
-      if (!u.value || !v.value) return;
-      const d = u.value.getBoundingClientRect(), w = v.value.getBoundingClientRect(), C = window.innerWidth, J = window.innerHeight;
+      if (!u.value || !c.value) return;
+      const d = u.value.getBoundingClientRect(), w = c.value.getBoundingClientRect(), C = window.innerWidth, G = window.innerHeight;
       let F = 0, A = 0;
       switch (e.position) {
         case "bottom-start":
@@ -1148,7 +1148,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           F = d.bottom - w.height + e.offset.y, A = d.left - w.width - e.offset.x;
           break;
       }
-      A + w.width > C && (A = C - w.width - 8), A < 8 && (A = 8), F + w.height > J && (F = J - w.height - 8), F < 8 && (F = 8), a.value = {
+      A + w.width > C && (A = C - w.width - 8), A < 8 && (A = 8), F + w.height > G && (F = G - w.height - 8), F < 8 && (F = 8), a.value = {
         top: `${F}px`,
         left: `${A}px`,
         width: e.width === "auto" ? `${Math.max(d.width, 240)}px` : e.width,
@@ -1163,7 +1163,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     }), ve(() => e.items, () => {
       n.value && fe(M);
     }, { deep: !0 }), (d, w) => (s(), l("div", {
-      class: c(["menu-wrapper", { "w-full": t.fullWidth }])
+      class: f(["menu-wrapper", { "w-full": t.fullWidth }])
     }, [
       o("div", {
         ref_key: "triggerRef",
@@ -1175,7 +1175,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         }, () => [
           o("button", {
             type: "button",
-            class: c(h.value),
+            class: f(h.value),
             disabled: t.disabled,
             onClick: S,
             onKeydown: te,
@@ -1189,7 +1189,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
             ], !0),
             t.showChevron ? (s(), l("svg", {
               key: 0,
-              class: c(["w-4 h-4 ml-2 transition-transform", n.value ? "rotate-180" : ""]),
+              class: f(["w-4 h-4 ml-2 transition-transform", n.value ? "rotate-180" : ""]),
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24"
@@ -1208,38 +1208,38 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         n.value ? (s(), l("div", {
           key: 0,
           ref_key: "menuRef",
-          ref: v,
-          class: c(i.value),
-          style: Q(a.value),
+          ref: c,
+          class: f(i.value),
+          style: J(a.value),
           onClick: w[0] || (w[0] = H(() => {
           }, ["stop"]))
         }, [
           d.$slots.header ? (s(), l("div", {
             key: 0,
-            class: c(p.value)
+            class: f(p.value)
           }, [
             V(d.$slots, "header", { close: k }, void 0, !0)
           ], 2)) : m("", !0),
           o("div", {
-            class: c(T.value)
+            class: f(T.value)
           }, [
             V(d.$slots, "default", {
               close: k,
               isOpen: n.value
             }, () => [
-              (s(!0), l(E, null, W(t.items, (C, J) => (s(), l(E, {
-                key: C.id || J
+              (s(!0), l(E, null, W(t.items, (C, G) => (s(), l(E, {
+                key: C.id || G
               }, [
                 C.type === "divider" ? (s(), l("div", {
                   key: 0,
-                  class: c(B.value)
+                  class: f(D.value)
                 }, null, 2)) : C.type === "header" ? (s(), l("div", {
                   key: 1,
-                  class: c(O.value)
+                  class: f(L.value)
                 }, x(C.label), 3)) : (s(), l("button", {
                   key: 2,
                   type: "button",
-                  class: c(j(C)),
+                  class: f(j(C)),
                   disabled: C.disabled,
                   onClick: (F) => I(C)
                 }, [
@@ -1292,7 +1292,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           ], 2),
           d.$slots.footer ? (s(), l("div", {
             key: 1,
-            class: c(g.value)
+            class: f(g.value)
           }, [
             V(d.$slots, "footer", { close: k }, void 0, !0)
           ], 2)) : m("", !0)
@@ -1353,7 +1353,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue", "change", "action"],
   setup(t, { emit: b }) {
-    const e = t, f = b, n = L(!1), u = L(""), v = L(null), a = r(
+    const e = t, v = b, n = O(!1), u = O(""), c = O(null), a = r(
       () => `select-${Math.random().toString(36).substr(2, 9)}`
     ), h = r(() => e.options.find((M) => M.value === e.modelValue) || null), i = r(() => {
       if (!e.searchable || !u.value)
@@ -1376,61 +1376,61 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         w[e.variant],
         C
       ].join(" ");
-    }), B = r(() => `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`), O = (M) => {
+    }), D = r(() => `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`), L = (M) => {
       const d = "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", w = S(M) ? "bg-primary-50" : "";
       return [d, w].join(" ");
     }, j = (M) => {
       const d = "w-full px-4 py-2 text-left text-sm font-semibold transition-colors focus:outline-none flex items-center gap-3";
       return M.variant === "danger" ? `${d} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${d} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
-    }, S = (M) => M.value === e.modelValue, D = () => {
+    }, S = (M) => M.value === e.modelValue, B = () => {
       e.disabled || (n.value = !n.value, n.value && e.searchable && fe(() => {
         var M;
-        (M = v.value) == null || M.focus();
+        (M = c.value) == null || M.focus();
       }));
     }, k = () => {
       n.value = !1, u.value = "";
     }, I = (M) => {
-      M.disabled || (f("update:modelValue", M.value), f("change", M), k());
+      M.disabled || (v("update:modelValue", M.value), v("change", M), k());
     }, Y = (M) => {
-      M.action && M.action(), f("action", M), k();
+      M.action && M.action(), v("action", M), k();
     }, N = (M) => {
       const d = M.relatedTarget;
       d && d.closest(".select-wrapper") || setTimeout(() => {
         k();
       }, 200);
     }, te = (M) => {
-      M.key === "Escape" ? k() : (M.key === "Enter" || M.key === " ") && (M.preventDefault(), D());
+      M.key === "Escape" ? k() : (M.key === "Enter" || M.key === " ") && (M.preventDefault(), B());
     };
     return ve(n, (M) => {
       M && (u.value = "");
     }), (M, d) => (s(), l("div", {
-      class: c(["select-wrapper", { "w-full": t.fullWidth }])
+      class: f(["select-wrapper", { "w-full": t.fullWidth }])
     }, [
       t.label ? (s(), l("label", {
         key: 0,
         for: a.value,
-        class: c(p.value)
+        class: f(p.value)
       }, [
         q(x(t.label) + " ", 1),
         t.required ? (s(), l("span", ps, "*")) : m("", !0)
       ], 10, vs)) : m("", !0),
       o("div", {
-        class: c(["relative", g.value])
+        class: f(["relative", g.value])
       }, [
         o("button", {
           id: a.value,
           type: "button",
-          class: c(T.value),
+          class: f(T.value),
           disabled: t.disabled,
           "aria-expanded": n.value,
           "aria-haspopup": !0,
-          onClick: D,
+          onClick: B,
           onBlur: N,
           onKeydown: te
         }, [
           o("span", bs, x(h.value ? h.value.label : t.placeholder), 1),
           (s(), l("svg", {
-            class: c(["w-5 h-5 flex-shrink-0 transition-transform text-secondary-600", n.value ? "rotate-180" : ""]),
+            class: f(["w-5 h-5 flex-shrink-0 transition-transform text-[#565656] opacity-80", n.value ? "rotate-180" : ""]),
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24",
@@ -1446,14 +1446,14 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         ], 42, gs),
         n.value ? (s(), l("div", {
           key: 0,
-          class: c(B.value),
+          class: f(D.value),
           onClick: d[2] || (d[2] = H(() => {
           }, ["stop"]))
         }, [
           t.searchable ? (s(), l("div", ys, [
             ue(o("input", {
               ref_key: "searchInput",
-              ref: v,
+              ref: c,
               "onUpdate:modelValue": d[0] || (d[0] = (w) => u.value = w),
               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",
@@ -1469,7 +1469,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               (s(!0), l(E, null, W(i.value, (w) => (s(), l("button", {
                 key: w.value,
                 type: "button",
-                class: c(O(w)),
+                class: f(L(w)),
                 onClick: (C) => I(w)
               }, [
                 o("div", ks, [
@@ -1488,7 +1488,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               (s(!0), l(E, null, W(t.actionItems, (w) => (s(), l("button", {
                 key: w.id,
                 type: "button",
-                class: c(j(w)),
+                class: f(j(w)),
                 onClick: (C) => Y(w)
               }, [
                 w.icon ? (s(), l("svg", {
@@ -1514,7 +1514,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       })) : m("", !0)
     ], 2));
   }
-}), Bl = /* @__PURE__ */ K(Ts, [["__scopeId", "data-v-c22d5b94"]]), Ss = /* @__PURE__ */ P({
+}), Bl = /* @__PURE__ */ K(Ts, [["__scopeId", "data-v-4b6dade4"]]), Ss = /* @__PURE__ */ P({
   __name: "Sidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1530,14 +1530,14 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue", "close", "open"],
   setup(t, { emit: b }) {
-    const e = t, f = b, n = r({
+    const e = t, v = b, n = r({
       get: () => e.modelValue,
-      set: (B) => f("update:modelValue", B)
+      set: (D) => v("update:modelValue", D)
     }), u = () => {
-      e.persistent || (n.value = !1, f("close"));
-    }, v = r(() => e.position === "left" ? "slide-right" : "slide-left"), a = r(() => {
-      const B = "fixed top-0 h-full z-50 flex flex-col w-full max-w-full sm:max-w-none", O = e.position === "left" ? "left-0" : "right-0", j = 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 [B, O, j].filter(Boolean).join(" ");
+      e.persistent || (n.value = !1, v("close"));
+    }, c = r(() => e.position === "left" ? "slide-right" : "slide-left"), a = r(() => {
+      const D = "fixed top-0 h-full z-50 flex flex-col w-full max-w-full sm:max-w-none", L = e.position === "left" ? "left-0" : "right-0", j = 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 [D, L, j].filter(Boolean).join(" ");
     }), h = r(() => ({
       // Base fluid width; respect custom width as max constraint
       width: "100%",
@@ -1551,36 +1551,36 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       md: "p-4",
       lg: "p-6"
     }, p = r(() => `flex items-center justify-between border-b border-gray-200 ${i[e.padding]}`), g = r(() => `flex-1 overflow-y-auto ${i[e.padding]}`), T = r(() => `border-t border-gray-200 ${i[e.padding]}`);
-    return (B, O) => (s(), ee(pe, { to: "body" }, [
-      G(ce, { name: "fade" }, {
+    return (D, L) => (s(), ee(pe, { to: "body" }, [
+      Q(ce, { name: "fade" }, {
         default: ae(() => [
           n.value && t.overlay ? (s(), l("div", {
             key: 0,
             onClick: u,
             class: "fixed inset-0 bg-black/50 z-40",
-            style: Q({ top: t.overlayTop })
+            style: J({ top: t.overlayTop })
           }, null, 4)) : m("", !0)
         ]),
         _: 1
       }),
-      G(ce, { name: v.value }, {
+      Q(ce, { name: c.value }, {
         default: ae(() => [
           n.value ? (s(), l("aside", {
             key: 0,
-            class: c(a.value),
-            style: Q(h.value)
+            class: f(a.value),
+            style: J(h.value)
           }, [
-            B.$slots.header ? (s(), l("div", {
+            D.$slots.header ? (s(), l("div", {
               key: 0,
-              class: c(p.value)
+              class: f(p.value)
             }, [
-              V(B.$slots, "header", {}, void 0, !0),
+              V(D.$slots, "header", {}, void 0, !0),
               t.closable ? (s(), l("button", {
                 key: 0,
                 onClick: u,
                 class: "p-2 hover:bg-gray-100 rounded-md transition-colors",
                 "aria-label": "Cerrar menú"
-              }, [...O[0] || (O[0] = [
+              }, [...L[0] || (L[0] = [
                 o("svg", {
                   class: "w-5 h-5",
                   fill: "none",
@@ -1597,15 +1597,15 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               ])])) : m("", !0)
             ], 2)) : m("", !0),
             o("div", {
-              class: c(g.value)
+              class: f(g.value)
             }, [
-              V(B.$slots, "default", {}, void 0, !0)
+              V(D.$slots, "default", {}, void 0, !0)
             ], 2),
-            B.$slots.footer ? (s(), l("div", {
+            D.$slots.footer ? (s(), l("div", {
               key: 1,
-              class: c(T.value)
+              class: f(T.value)
             }, [
-              V(B.$slots, "footer", {}, void 0, !0)
+              V(D.$slots, "footer", {}, void 0, !0)
             ], 2)) : m("", !0)
           ], 6)) : m("", !0)
         ]),
@@ -1636,24 +1636,24 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
     rowClass: { default: void 0 }
   },
   setup(t) {
-    const b = t, e = L(null), f = L("asc"), n = (a) => {
-      e.value === a ? f.value = f.value === "asc" ? "desc" : "asc" : (e.value = a, f.value = "asc");
+    const b = t, e = O(null), v = O("asc"), n = (a) => {
+      e.value === a ? v.value = v.value === "asc" ? "desc" : "asc" : (e.value = a, v.value = "asc");
     }, u = r(() => {
       if (!e.value)
         return b.data;
       const a = [...b.data];
       return a.sort((h, i) => {
         const p = h[e.value], g = i[e.value];
-        return typeof p == "string" && typeof g == "string" ? f.value === "asc" ? p.localeCompare(g) : g.localeCompare(p) : typeof p == "number" && typeof g == "number" ? f.value === "asc" ? p - g : g - p : 0;
+        return typeof p == "string" && typeof g == "string" ? v.value === "asc" ? p.localeCompare(g) : g.localeCompare(p) : typeof p == "number" && typeof g == "number" ? v.value === "asc" ? p - g : g - p : 0;
       }), a;
-    }), v = r(() => b.columns.filter((a) => !a.hideOnMobile));
+    }), c = r(() => b.columns.filter((a) => !a.hideOnMobile));
     return (a, h) => (s(), l("div", Is, [
       o("div", js, [
         (s(!0), l(E, null, W(u.value, (i, p) => (s(), l("div", {
           key: `card-${p}`,
           class: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm"
         }, [
-          (s(!0), l(E, null, W(v.value, (g) => (s(), l("div", {
+          (s(!0), l(E, null, W(c.value, (g) => (s(), l("div", {
             key: `card-${p}-${g.key}`,
             class: "flex flex-col gap-1 py-1"
           }, [
@@ -1678,15 +1678,15 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         o("table", _s, [
           o("thead", As, [
             o("tr", {
-              class: c([
+              class: f([
                 "w-full",
                 b.headerClass || "bg-neutral-50 border-b border-gray-100"
               ])
             }, [
               (s(!0), l(E, null, W(t.columns, (i) => (s(), l("th", {
                 key: i.key,
-                style: Q(i.width ? { width: i.width } : {}),
-                class: c([
+                style: J(i.width ? { width: i.width } : {}),
+                class: f([
                   "px-4 py-3 text-left text-xs font-semibold text-gray-700 border-l border-gray-100 first:border-l-0",
                   i.sortable ? "cursor-pointer hover:text-primary-600 select-none transition-colors" : "",
                   b.headerCellClass
@@ -1696,7 +1696,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
                 o("div", Ps, [
                   o("span", null, x(i.label), 1),
                   i.sortable ? (s(), l("span", qs, [
-                    e.value !== i.key ? (s(), l("span", Rs, "⇅")) : (s(), l("span", Ns, x(f.value === "asc" ? "↑" : "↓"), 1))
+                    e.value !== i.key ? (s(), l("span", Rs, "⇅")) : (s(), l("span", Ns, x(v.value === "asc" ? "↑" : "↓"), 1))
                   ])) : m("", !0)
                 ])
               ], 14, Es))), 128))
@@ -1705,14 +1705,14 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           o("tbody", Ws, [
             (s(!0), l(E, null, W(u.value, (i, p) => (s(), l("tr", {
               key: p,
-              class: c([
+              class: f([
                 "w-full border-b border-gray-200 hover:bg-gray-50 transition-colors",
                 b.rowClass
               ])
             }, [
               (s(!0), l(E, null, W(t.columns, (g) => (s(), l("td", {
                 key: `${p}-${g.key}`,
-                class: c([
+                class: f([
                   "px-4 py-3 text-xs text-gray-600 border-l border-gray-100 first:border-l-0",
                   b.cellClass
                 ])
@@ -1751,20 +1751,20 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: b }) {
-    const e = t, f = b, n = (h) => e.modelValue === h, u = (h) => {
-      n(h) || f("update:modelValue", h);
-    }, v = r(() => e.modelValue), a = r(
-      () => e.tabs.find((h) => h.value === v.value)
+    const e = t, v = b, n = (h) => e.modelValue === h, u = (h) => {
+      n(h) || v("update:modelValue", h);
+    }, c = r(() => e.modelValue), a = r(
+      () => e.tabs.find((h) => h.value === c.value)
     );
     return (h, i) => (s(), l("div", Js, [
       o("div", {
-        class: c(["tabs-header", t.headerClass])
+        class: f(["tabs-header", t.headerClass])
       }, [
         o("div", Gs, [
           (s(!0), l(E, null, W(t.tabs, (p) => (s(), l("button", {
             key: p.value,
             type: "button",
-            class: c([
+            class: f([
               Zs,
               n(p.value) ? Xs : el
             ]),
@@ -1775,11 +1775,11 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         ])
       ], 2),
       o("div", {
-        class: c(["tabs-content", t.contentClass]),
+        class: f(["tabs-content", t.contentClass]),
         role: "tabpanel"
       }, [
-        V(h.$slots, v.value, {
-          active: v.value,
+        V(h.$slots, c.value, {
+          active: c.value,
           tab: a.value
         }, void 0, !0)
       ], 2)
@@ -1837,7 +1837,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       button3: "span",
       caption: "span",
       overline: "span"
-    }, f = {
+    }, v = {
       left: "text-left",
       center: "text-center",
       right: "text-right",
@@ -1857,25 +1857,26 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
       semibold: "font-semibold",
       bold: "font-bold",
       extrabold: "font-extrabold"
-    }, v = t, a = r(() => v.variant), h = r(() => v.color), i = r(() => v.align), p = r(() => v.as || e[a.value] || "span"), g = r(() => v.weight ? u[v.weight] : "");
-    return (T, B) => (s(), ee(Me(p.value), {
-      class: c([
+    }, c = t, a = r(() => c.variant), h = r(() => c.align), i = r(() => c.as || e[a.value] || "span"), p = r(() => c.color && c.color.startsWith("#")), g = r(() => p.value ? "" : n[c.color] || n.default), T = r(() => p.value ? { color: c.color } : {}), D = r(() => c.weight ? u[c.weight] : "");
+    return (L, j) => (s(), ee(Me(i.value), {
+      class: f([
         sl,
         b[a.value],
-        n[h.value],
-        f[i.value],
         g.value,
+        v[h.value],
+        D.value,
         {
           uppercase: t.uppercase || a.value === "overline",
           truncate: t.truncate
         }
-      ])
+      ]),
+      style: J(T.value)
     }, {
       default: ae(() => [
-        V(T.$slots, "default")
+        V(L.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"]));
+    }, 8, ["class", "style"]));
   }
 }), ll = { class: "w-full flex items-center justify-between gap-3 py-2" }, ol = {
   key: 0,
@@ -1901,33 +1902,33 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: b }) {
-    const e = t, f = b, n = r(() => {
+    const e = t, v = b, n = r(() => {
       const g = Math.ceil(e.totalItems / e.pageSize);
       return g > 0 ? g : 1;
     }), u = r(() => {
       const g = Number(e.modelValue || 1);
       return g < 1 ? 1 : g > n.value ? n.value : g;
-    }), v = r(() => e.totalItems === 0 ? 0 : (u.value - 1) * e.pageSize + 1), a = r(() => Math.min(u.value * e.pageSize, e.totalItems)), h = r(() => `Mostrando ${v.value} a ${a.value} de ${e.totalItems}`), i = r(() => {
-      const g = n.value, T = Math.max(3, e.maxPages), B = u.value;
+    }), c = r(() => e.totalItems === 0 ? 0 : (u.value - 1) * e.pageSize + 1), a = r(() => Math.min(u.value * e.pageSize, e.totalItems)), h = r(() => `Mostrando ${c.value} a ${a.value} de ${e.totalItems}`), i = r(() => {
+      const g = n.value, T = Math.max(3, e.maxPages), D = u.value;
       if (g <= T)
         return Array.from({ length: g }, (k, I) => I + 1);
-      const O = Math.floor(T / 2);
-      let j = Math.max(1, B - O), S = Math.min(g, j + T - 1);
+      const L = Math.floor(T / 2);
+      let j = Math.max(1, D - L), S = Math.min(g, j + T - 1);
       j = Math.max(1, Math.min(j, S - T + 1));
-      const D = [];
-      j > 1 && (D.push(1), j > 2 && D.push("…"));
+      const B = [];
+      j > 1 && (B.push(1), j > 2 && B.push("…"));
       for (let k = j; k <= S; k++)
-        D.push(k);
-      return S < g && (S < g - 1 && D.push("…"), D.push(g)), D;
+        B.push(k);
+      return S < g && (S < g - 1 && B.push("…"), B.push(g)), B;
     });
     function p(g) {
       const T = Math.max(1, Math.min(g, n.value));
-      T !== u.value && (f("update:modelValue", T), f("change", T));
+      T !== u.value && (v("update:modelValue", T), v("change", T));
     }
     return (g, T) => (s(), l("div", ll, [
       t.showSummary ? (s(), l("div", ol, [
         V(g.$slots, "summary", {
-          start: v.value,
+          start: c.value,
           end: a.value,
           total: t.totalItems
         }, () => [
@@ -1940,28 +1941,28 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           type: "button",
           class: "h-8 px-3 rounded-full text-sm font-semibold text-secondary-700 hover:bg-secondary-100 disabled:opacity-50 disabled:cursor-not-allowed",
           disabled: u.value <= 1,
-          onClick: T[0] || (T[0] = (B) => p(u.value - 1)),
+          onClick: T[0] || (T[0] = (D) => p(u.value - 1)),
           "aria-label": "Anterior"
         }, x(t.previousText), 9, rl),
-        (s(!0), l(E, null, W(i.value, (B, O) => (s(), l(E, {
-          key: `page-${O}-${B}`
+        (s(!0), l(E, null, W(i.value, (D, L) => (s(), l(E, {
+          key: `page-${L}-${D}`
         }, [
-          B === "…" ? (s(), l("span", il, " … ")) : (s(), l("button", {
+          D === "…" ? (s(), l("span", il, " … ")) : (s(), l("button", {
             key: 1,
             type: "button",
-            "aria-label": `Página ${B}`,
-            class: c([
+            "aria-label": `Página ${D}`,
+            class: f([
               "h-8 min-w-8 px-3 rounded-full text-sm font-semibold transition-colors",
-              B === u.value ? "bg-primary-500 text-white" : "text-secondary-700 hover:bg-secondary-100"
+              D === u.value ? "bg-primary-500 text-white" : "text-secondary-700 hover:bg-secondary-100"
             ]),
-            onClick: (j) => p(B)
-          }, x(B), 11, dl))
+            onClick: (j) => p(D)
+          }, x(D), 11, dl))
         ], 64))), 128)),
         o("button", {
           type: "button",
           class: "h-8 px-3 rounded-full text-sm font-semibold text-secondary-700 hover:bg-secondary-100 disabled:opacity-50 disabled:cursor-not-allowed",
           disabled: u.value >= n.value,
-          onClick: T[1] || (T[1] = (B) => p(u.value + 1)),
+          onClick: T[1] || (T[1] = (D) => p(u.value + 1)),
           "aria-label": "Siguiente"
         }, x(t.nextText), 9, ul)
       ])
@@ -1984,8 +1985,8 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   },
   emits: ["close", "accept", "cancel"],
   setup(t, { emit: b }) {
-    const e = b, f = t, n = r(() => f.variant ?? "info"), u = r(() => f.multiline ?? !1), v = r(() => f.actions ?? !1), a = r(() => f.nodeId ?? void 0), h = () => e("close"), i = r(() => {
-      if (f.title) return f.title;
+    const e = b, v = t, n = r(() => v.variant ?? "info"), u = r(() => v.multiline ?? !1), c = r(() => v.actions ?? !1), a = r(() => v.nodeId ?? void 0), h = () => e("close"), i = r(() => {
+      if (v.title) return v.title;
       switch (n.value) {
         case "info":
           return "Alerta de información";
@@ -1996,7 +1997,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         case "error":
           return "Alerta de error";
       }
-    }), p = r(() => f.description ?? ""), g = r(() => {
+    }), p = r(() => v.description ?? ""), g = r(() => {
       switch (n.value) {
         case "info":
           return {
@@ -2023,18 +2024,18 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
             icon: "text-[#ff4235]"
           };
       }
-    }), T = r(() => "bg-[var(--color-primario/700,#269ea4)]"), B = r(() => {
+    }), T = r(() => "bg-[var(--color-primario/700,#269ea4)]"), D = r(() => {
       const S = "flex w-full items-start gap-4 flex-col";
-      if (!f.stackOn) return `${S} sm:flex-row sm:items-center`;
-      const D = f.stackOn, k = `${D}:flex-row ${D}:items-center`;
+      if (!v.stackOn) return `${S} sm:flex-row sm:items-center`;
+      const B = v.stackOn, k = `${B}:flex-row ${B}:items-center`;
       return `${S} ${k}`;
-    }), O = r(() => {
-      if (!f.stackOn) return "flex-col sm:flex-row items-start sm:items-center";
-      const S = f.stackOn;
+    }), L = r(() => {
+      if (!v.stackOn) return "flex-col sm:flex-row items-start sm:items-center";
+      const S = v.stackOn;
       return `flex-col ${S}:flex-row items-start ${S}:items-center`;
-    }), j = r(() => f.stackOn ? `self-start ${f.stackOn}:self-auto` : "self-start sm:self-auto");
-    return (S, D) => (s(), l("div", {
-      class: c(["relative w-full rounded-xl border", [
+    }), j = r(() => v.stackOn ? `self-start ${v.stackOn}:self-auto` : "self-start sm:self-auto");
+    return (S, B) => (s(), l("div", {
+      class: f(["relative w-full rounded-xl border", [
         g.value.border,
         g.value.bg
       ]]),
@@ -2047,7 +2048,7 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         class: "absolute top-3 right-3 text-[color:var(--neutrales/texto-principal,#565656)]/70 hover:opacity-100 opacity-70",
         "aria-label": "Cerrar",
         onClick: h
-      }, [...D[2] || (D[2] = [
+      }, [...B[2] || (B[2] = [
         o("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "18",
@@ -2074,10 +2075,10 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
         ], -1)
       ])])) : m("", !0),
       o("div", {
-        class: c(["p-6", { "pb-0": v.value }])
+        class: f(["p-6", { "pb-0": c.value }])
       }, [
         o("div", {
-          class: c(B.value)
+          class: f(D.value)
         }, [
           o("div", vl, [
             n.value === "info" ? (s(), l("svg", {
@@ -2087,12 +2088,12 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: c(g.value.icon),
+              class: f(g.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...D[3] || (D[3] = [
+            }, [...B[3] || (B[3] = [
               o("circle", {
                 cx: "12",
                 cy: "12",
@@ -2117,12 +2118,12 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: c(g.value.icon),
+              class: f(g.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...D[4] || (D[4] = [
+            }, [...B[4] || (B[4] = [
               o("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z" }, null, -1),
               o("line", {
                 x1: "12",
@@ -2143,12 +2144,12 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: c(g.value.icon),
+              class: f(g.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...D[5] || (D[5] = [
+            }, [...B[5] || (B[5] = [
               o("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }, null, -1),
               o("polyline", { points: "22 4 12 14.01 9 11.01" }, null, -1)
             ])], 2)) : (s(), l("svg", {
@@ -2158,12 +2159,12 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: c(g.value.icon),
+              class: f(g.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...D[6] || (D[6] = [
+            }, [...B[6] || (B[6] = [
               o("polygon", { points: "7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" }, null, -1),
               o("line", {
                 x1: "12",
@@ -2180,13 +2181,13 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
             ])], 2))
           ]),
           o("div", {
-            class: c(["flex-1 flex gap-4 text-[14px]", [O.value, t.closable ? "pr-6" : "", { "whitespace-nowrap": !u.value, "whitespace-pre-wrap": u.value }]])
+            class: f(["flex-1 flex gap-4 text-[14px]", [L.value, t.closable ? "pr-6" : "", { "whitespace-nowrap": !u.value, "whitespace-pre-wrap": u.value }]])
           }, [
             o("div", {
-              class: c(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", j.value])
+              class: f(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", j.value])
             }, x(i.value), 3),
             o("div", {
-              class: c(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !u.value }])
+              class: f(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !u.value }])
             }, [
               V(S.$slots, "description", {}, () => [
                 q(x(p.value), 1)
@@ -2195,23 +2196,23 @@ const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
           ], 2)
         ], 2)
       ], 2),
-      v.value ? (s(), l("div", pl, [
+      c.value ? (s(), l("div", pl, [
         o("button", {
           type: "button",
           class: "px-4 py-1.5 rounded-[18px] text-[14px] tracking-[1.25px] font-bold text-[color:var(--neutrales/texto-principal,#565656)]",
-          onClick: D[0] || (D[0] = (k) => S.$emit("cancel"))
+          onClick: B[0] || (B[0] = (k) => S.$emit("cancel"))
         }, [
           V(S.$slots, "cancel", {}, () => [
-            D[7] || (D[7] = q("Cancelar", -1))
+            B[7] || (B[7] = q("Cancelar", -1))
           ])
         ]),
         o("button", {
           type: "button",
-          class: c(["px-4 py-1.5 rounded-[18px] text-[14px] tracking-[1.25px] font-bold text-white", T.value]),
-          onClick: D[1] || (D[1] = (k) => S.$emit("accept"))
+          class: f(["px-4 py-1.5 rounded-[18px] text-[14px] tracking-[1.25px] font-bold text-white", T.value]),
+          onClick: B[1] || (B[1] = (k) => S.$emit("accept"))
         }, [
           V(S.$slots, "accept", {}, () => [
-            D[8] || (D[8] = q("Aceptar", -1))
+            B[8] || (B[8] = q("Aceptar", -1))
           ])
         ], 2)
       ])) : m("", !0)