adverich-kun-ui 0.1.133 → 0.1.134

package/dist/components/KunModalFooter/src/components/KunModalFooter.vue.js

@@ -1,4 +1,4 @@
-import { computed as l, createElementBlock as c, createCommentVNode as g, openBlock as p, normalizeClass as f, createElementVNode as t, toDisplayString as h } from "vue";
+import { computed as l, createElementBlock as m, createCommentVNode as c, openBlock as p, mergeProps as f, createElementVNode as t, toDisplayString as h } from "vue";
 const b = { class: "flex items-center justify-between" }, w = { class: "text-sm font-medium" }, v = {
   __name: "KunModalFooter",
   props: {
@@ -36,11 +36,11 @@ const b = { class: "flex items-center justify-between" }, w = { class: "text-sm
   },
   emits: ["update:modelValue", "removeMessage"],
   setup(o, { emit: n }) {
-    const e = o, a = n;
-    function r() {
-      a("removeMessage", e.message.id), a("update:modelValue", !1);
+    const e = o, s = n;
+    function d() {
+      s("removeMessage", e.message.id), s("update:modelValue", !1);
     }
-    const i = l(() => e.width ? `w-[${e.width}]` : "max-w-[300px]"), d = l(() => e.height === "auto" ? "" : `h-[${e.height}]`), u = l(() => ({
+    const i = l(() => e.width ? `w-[${e.width}]` : "max-w-[300px]"), u = l(() => e.height === "auto" ? "" : `h-[${e.height}]`), g = l(() => ({
       blue: "bg-blue-700",
       green: "bg-green-700",
       red: "bg-red-700",
@@ -48,23 +48,23 @@ const b = { class: "flex items-center justify-between" }, w = { class: "text-sm
       gray: "bg-gray-700",
       orange: "bg-amber-700"
     })[e.color] || "bg-blue-700");
-    return (m, s) => o.modelValue ? (p(), c("div", {
+    return (a, r) => o.modelValue ? (p(), m("div", f({
       key: 0,
-      class: f([
+      class: [
         o.isFixed ? "fixed" : "",
-        "z-[9999] rounded-md shadow-lg pa-4 transition-all duration-300",
+        "z-[9999] rounded-md shadow-lg p-2 transition-all duration-300",
         i.value,
-        d.value,
-        u.value
-      ])
-    }, [
+        u.value,
+        g.value
+      ]
+    }, a.$attrs), [
       t("div", b, [
         t("p", w, h(o.message), 1),
         t("button", {
           type: "button",
-          class: "ml-3 inline-flex rounded-md p-1 hover:bg-opacity-75 focus:outline-none",
-          onClick: r
-        }, s[0] || (s[0] = [
+          class: "ml-2 inline-flex rounded-md p-1 hover:bg-opacity-75 focus:outline-none",
+          onClick: d
+        }, r[0] || (r[0] = [
           t("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             class: "h-5 w-5",
@@ -79,7 +79,7 @@ const b = { class: "flex items-center justify-between" }, w = { class: "text-sm
           ], -1)
         ]))
       ])
-    ], 2)) : g("", !0);
+    ], 16)) : c("", !0);
   }
 };
 export {

package/dist/components/KunModalFooter/src/components/KunMultipleModalFooter.vue.js

@@ -1,7 +1,7 @@
-import { watch as h, computed as g, createElementBlock as n, openBlock as r, normalizeClass as x, Fragment as v, renderList as b, unref as M, createBlock as y } from "vue";
+import { watch as h, computed as g, createElementBlock as n, openBlock as l, mergeProps as x, Fragment as v, renderList as b, unref as M, createBlock as y } from "vue";
 import k from "./KunModalFooter.vue.js";
 import { useKunModalFooter as V } from "../composables/useKunModalFooter.js";
-const _ = {
+const B = {
   __name: "KunMultipleModalFooter",
   props: {
     messages: {
@@ -27,9 +27,9 @@ const _ = {
     }
   },
   emits: ["update:messages", "removeMessage"],
-  setup(i, { emit: d }) {
-    const { useMessages: a, useAddMessage: c } = V(), l = i, s = d;
-    h(() => l.messages, (o) => {
+  setup(r, { emit: d }) {
+    const { useMessages: a, useAddMessage: c } = V(), i = r, s = d;
+    h(() => i.messages, (o) => {
       o.forEach((e) => {
         c(
           e.text,
@@ -49,7 +49,7 @@ const _ = {
         color: e.color
       })));
     }
-    function m(o) {
+    function p(o) {
       const e = a.value.findIndex((t) => t.id === o);
       e !== -1 && (a.value.splice(e, 1), s("update:messages", a.value.map((t) => ({
         id: t.id,
@@ -57,7 +57,7 @@ const _ = {
         color: t.color
       }))));
     }
-    const p = g(() => {
+    const m = g(() => {
       const o = {
         "bottom-left": "bottom-4 left-4",
         "bottom-right": "bottom-4 right-4",
@@ -65,11 +65,11 @@ const _ = {
         "top-left": "top-4 left-4",
         "top-right": "top-4 right-4",
         "top-center": "top-4 left-1/2 transform -translate-x-1/2"
-      }, e = l.stackDirection === "bottom-to-top" ? "flex-col-reverse" : "flex-col";
+      }, e = i.stackDirection === "bottom-to-top" ? "flex-col-reverse" : "flex-col";
       return [
         "fixed z-[9999]",
         // Posicionamiento fijo y z-index alto
-        o[l.position] || "bottom-4 right-4",
+        o[i.position] || "bottom-4 right-4",
         // Posición predeterminada
         "flex",
         // Contenedor flexbox
@@ -79,24 +79,22 @@ const _ = {
         // Espacio entre los mensajes
       ];
     });
-    return (o, e) => (r(), n("div", {
-      class: x(p.value)
-    }, [
-      (r(!0), n(v, null, b(M(a), (t) => (r(), y(k, {
+    return (o, e) => (l(), n("div", x({ class: m.value }, o.$attrs), [
+      (l(!0), n(v, null, b(M(a), (t) => (l(), y(k, {
         key: t.id,
         modelValue: t.modelValue,
         "onUpdate:modelValue": (f) => t.modelValue = f,
         message: t.text,
         color: t.color,
         id: t.id,
-        width: i.width,
-        height: i.height,
+        width: r.width,
+        height: r.height,
         isFixed: !1,
-        onRemoveMessage: m
+        onRemoveMessage: p
       }, null, 8, ["modelValue", "onUpdate:modelValue", "message", "color", "id", "width", "height"]))), 128))
-    ], 2));
+    ], 16));
   }
 };
 export {
-  _ as default
+  B as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.133",
+  "version": "0.1.134",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",