adverich-kun-ui 0.1.18 → 0.1.20

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

@@ -1,13 +1,13 @@
-import { computed as u, createElementBlock as l, openBlock as e, normalizeClass as x, createElementVNode as c, createCommentVNode as n, renderSlot as r, createBlock as a, createVNode as f, h as g } from "vue";
+import { computed as u, createElementBlock as l, openBlock as e, normalizeClass as S, createElementVNode as c, createCommentVNode as n, renderSlot as o, createBlock as r, createVNode as g, h as f } from "vue";
 import s from "../../../KunAppbarTitle/src/components/KunAppbarTitle.vue.js";
-import h from "../../../KunIcon/src/components/KunIcon.vue.js";
-const S = { class: "flex items-center gap-2 flex-1 min-w-0" }, v = {
+import m from "../../../KunIcon/src/components/KunIcon.vue.js";
+const x = { class: "flex items-center gap-2 flex-1 min-w-0" }, v = {
   key: 0,
   class: "absolute left-1/2 -translate-x-1/2"
 }, b = {
   key: 1,
   class: "flex-1 flex justify-end"
-}, k = { class: "flex items-center gap-2 flex-1 justify-end" }, $ = {
+}, k = { class: "flex items-center gap-2" }, C = {
   __name: "KunAppbar",
   props: {
     bgColor: {
@@ -18,6 +18,10 @@ const S = { class: "flex items-center gap-2 flex-1 min-w-0" }, v = {
       type: String,
       default: ""
     },
+    titleImage: {
+      type: String,
+      default: ""
+    },
     titleSize: {
       type: String,
       default: "text-base"
@@ -57,8 +61,8 @@ const S = { class: "flex items-center gap-2 flex-1 min-w-0" }, v = {
     }
   },
   setup(t) {
-    const o = t, m = u(() => {
-      switch (o.density) {
+    const a = t, h = u(() => {
+      switch (a.density) {
         case "comfortable":
           return "h-12 py-1";
         case "compact":
@@ -66,16 +70,16 @@ const S = { class: "flex items-center gap-2 flex-1 min-w-0" }, v = {
         default:
           return "h-14 py-2";
       }
-    }), y = u(() => o.elevation === "none" ? "" : `shadow-${o.elevation}`), w = {
+    }), y = u(() => a.elevation === "none" ? "" : `shadow-${a.elevation}`), w = {
       render() {
-        return g("svg", {
+        return f("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           class: "h-5 w-5",
           fill: "none",
           viewBox: "0 0 24 24",
           stroke: "currentColor"
         }, [
-          g("path", {
+          f("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
@@ -85,26 +89,26 @@ const S = { class: "flex items-center gap-2 flex-1 min-w-0" }, v = {
       }
     };
     return (i, d) => (e(), l("header", {
-      class: x(["flex items-center px-4 w-full", [
-        m.value,
+      class: S(["flex items-center px-4 w-full", [
+        h.value,
         t.bgColor,
         y.value,
         t.bordered ? "border-b border-gray-200" : ""
       ]])
     }, [
-      c("div", S, [
-        r(i.$slots, "appbarButton", {}, () => [
+      c("div", x, [
+        o(i.$slots, "appbarButton", {}, () => [
           t.showDrawerButton ? (e(), l("button", {
             key: 0,
             class: "p-2 rounded-md hover:bg-white/10 transition",
             onClick: d[0] || (d[0] = (z) => i.$emit("toggle-drawer"))
           }, [
-            t.drawerIcon ? (e(), a(h, {
+            t.drawerIcon ? (e(), r(m, {
               key: 1,
               icon: t.drawerIcon,
               class: "text-white",
               size: "text-lg"
-            }, null, 8, ["icon"])) : (e(), a(h, {
+            }, null, 8, ["icon"])) : (e(), r(m, {
               key: 0,
               icon: w,
               class: "text-white",
@@ -112,34 +116,37 @@ const S = { class: "flex items-center gap-2 flex-1 min-w-0" }, v = {
             }))
           ])) : n("", !0)
         ]),
-        r(i.$slots, "prepend"),
-        t.title && t.titlePosition === "left" ? (e(), a(s, {
+        o(i.$slots, "prepend"),
+        t.title && t.titlePosition === "left" ? (e(), r(s, {
           key: 0,
           title: t.title,
+          titleImage: t.titleImage,
           textSize: t.titleSize,
           fontWeight: t.titleWeight
-        }, null, 8, ["title", "textSize", "fontWeight"])) : n("", !0)
+        }, null, 8, ["title", "titleImage", "textSize", "fontWeight"])) : n("", !0)
       ]),
       t.title && t.titlePosition === "center" ? (e(), l("div", v, [
-        f(s, {
+        g(s, {
           title: t.title,
+          titleImage: t.titleImage,
           textSize: t.titleSize,
           fontWeight: t.titleWeight
-        }, null, 8, ["title", "textSize", "fontWeight"])
+        }, null, 8, ["title", "titleImage", "textSize", "fontWeight"])
       ])) : n("", !0),
       t.title && t.titlePosition === "right" ? (e(), l("div", b, [
-        f(s, {
+        g(s, {
           title: t.title,
+          titleImage: t.titleImage,
           textSize: t.titleSize,
           fontWeight: t.titleWeight
-        }, null, 8, ["title", "textSize", "fontWeight"])
+        }, null, 8, ["title", "titleImage", "textSize", "fontWeight"])
       ])) : n("", !0),
       c("div", k, [
-        r(i.$slots, "actions")
+        o(i.$slots, "actions")
       ])
     ], 2));
   }
 };
 export {
-  $ as default
+  C as default
 };

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

@@ -1,8 +1,9 @@
 import { createElementBlock as e, openBlock as i, normalizeClass as n, toDisplayString as a } from "vue";
-const o = {
+const l = ["src"], c = { key: 1 }, m = {
   __name: "KunAppbarTitle",
   props: {
     title: String,
+    titleImage: String,
     textSize: {
       type: String,
       default: "text-base"
@@ -13,11 +14,18 @@ const o = {
     }
   },
   setup(t) {
-    return (r, l) => (i(), e("div", {
+    return (o, s) => (i(), e("div", {
       class: n(["flex items-center min-w-0 truncate", [t.textSize, t.fontWeight]])
-    }, a(t.title), 3));
+    }, [
+      t.titleImage ? (i(), e("img", {
+        key: 0,
+        src: t.titleImage,
+        alt: "Logo",
+        class: "h-6 object-contain"
+      }, null, 8, l)) : (i(), e("span", c, a(t.title), 1))
+    ], 2));
   }
 };
 export {
-  o as default
+  m as default
 };

package/package.json

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