adverich-kun-ui 0.1.74 → 0.1.75

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

@@ -1,4 +1,4 @@
-import { ref as c, provide as p, createElementBlock as v, openBlock as k, normalizeClass as h, renderSlot as x } from "vue";
+import { ref as c, provide as y, createElementBlock as v, openBlock as h, normalizeClass as k, renderSlot as x } from "vue";
 import { useKunList as A } from "../composables/useKunList.js";
 const K = {
   __name: "KunList",
@@ -9,7 +9,7 @@ const K = {
     selectable: {
       type: [Boolean, String],
       default: !1,
-      validator: (r) => ["single", "multiple", !0, !1].includes(r)
+      validator: (l) => ["single", "multiple", !0, !1].includes(l)
     },
     selectedClass: {
       type: String,
@@ -17,58 +17,58 @@ const K = {
     },
     bgList: {
       type: String,
-      default: "bg-gray-100 dark:bg-gray-800"
+      default: "bg-transparent"
     }
   },
   emits: ["keyDown"],
-  setup(r, { expose: d, emit: g }) {
-    const b = r, m = g;
-    A(b);
+  setup(l, { expose: d, emit: g }) {
+    const m = l, b = g;
+    A(m);
     const u = c(null), o = c([]);
     d({
       focusWithKey: (e) => {
-        var n, l;
+        var n, r;
         const t = o.value.filter(Boolean);
-        t.length !== 0 && (e === "ArrowDown" ? (n = t[0]) == null || n.focus() : e === "ArrowUp" && ((l = t[t.length - 1]) == null || l.focus()));
+        t.length !== 0 && (e === "ArrowDown" ? (n = t[0]) == null || n.focus() : e === "ArrowUp" && ((r = t[t.length - 1]) == null || r.focus()));
       },
       focus: () => {
         var e, t;
         (t = (e = u.value) == null ? void 0 : e.focus) == null || t.call(e);
       }
-    }), p("registerListItemRef", (e) => {
+    }), y("registerListItemRef", (e) => {
       e ? o.value.includes(e) || o.value.push(e) : o.value = o.value.filter((t) => t !== e);
     });
-    function y(e) {
-      var a, i, f;
+    function w(e) {
+      var i, a, f;
       const t = e.key;
-      if (m("keyDown", e), !["ArrowDown", "ArrowUp"].includes(t)) return;
+      if (b("keyDown", e), !["ArrowDown", "ArrowUp"].includes(t)) return;
       e.preventDefault();
       const n = o.value.filter(Boolean);
       if (n.length === 0) return;
-      const l = n.findIndex((w) => w === document.activeElement);
-      if (l === -1) {
-        t === "ArrowDown" ? (a = n[0]) == null || a.focus() : t === "ArrowUp" && ((i = n[n.length - 1]) == null || i.focus());
+      const r = n.findIndex((p) => p === document.activeElement);
+      if (r === -1) {
+        t === "ArrowDown" ? (i = n[0]) == null || i.focus() : t === "ArrowUp" && ((a = n[n.length - 1]) == null || a.focus());
         return;
       }
-      let s = l;
-      t === "ArrowDown" ? s = (l + 1) % n.length : t === "ArrowUp" && (s = (l - 1 + n.length) % n.length), (f = n[s]) == null || f.focus();
+      let s = r;
+      t === "ArrowDown" ? s = (r + 1) % n.length : t === "ArrowUp" && (s = (r - 1 + n.length) % n.length), (f = n[s]) == null || f.focus();
     }
-    return (e, t) => (k(), v("ul", {
+    return (e, t) => (h(), v("ul", {
       role: "list",
-      class: h(["w-full bg-gray-500", [
+      class: k(["w-full bg-gray-500", [
         "kun-list",
-        r.bgList,
+        l.bgList,
         {
-          "space-y-1": !r.dense,
-          "space-y-0.5": r.dense,
-          "pl-4 border-l-2 border-gray-200 dark:border-gray-700": r.sub,
-          "bg-gray-100 dark:bg-gray-800 p-2 rounded-md": r.nav
+          "space-y-1": !l.dense,
+          "space-y-0.5": l.dense,
+          "pl-4 border-l-2 border-gray-300 dark:border-gray-700": l.sub,
+          "p-2 rounded-md": l.nav
         }
       ]]),
       ref_key: "ulRef",
       ref: u,
       tabindex: "-1",
-      onKeydown: y
+      onKeydown: w
     }, [
       x(e.$slots, "default")
     ], 34));

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

@@ -1,4 +1,4 @@
-import { ref as i, inject as o, onMounted as d, onBeforeUnmount as f, watch as g, computed as b, createElementBlock as v, openBlock as m, normalizeClass as k, renderSlot as y } from "vue";
+import { ref as i, inject as o, onMounted as f, onBeforeUnmount as d, watch as g, computed as v, createElementBlock as b, openBlock as m, normalizeClass as k, renderSlot as y } from "vue";
 const S = {
   __name: "KunListItem",
   props: {
@@ -15,43 +15,48 @@ const S = {
     },
     bgItems: {
       type: String,
-      default: "bg-gray-200 dark:bg-gray-700"
+      default: "bg-transparent"
     },
     hoverBg: {
       type: String,
       default: "hover:bg-gray-100 dark:hover:bg-gray-600"
+    },
+    noGutters: {
+      type: Boolean,
+      default: !1
     }
   },
-  setup(l) {
-    const t = l, n = i(null), r = o("registerListItemRef", null), e = o("kun-list", null);
-    d(() => {
-      r && n.value && r(n.value);
-    }), f(() => {
-      r && r(null);
+  setup(e) {
+    const l = e, r = i(null), n = o("registerListItemRef", null), t = o("kun-list", null);
+    f(() => {
+      n && r.value && n(r.value);
+    }), d(() => {
+      n && n(null);
     });
-    const u = i(t.active);
-    g(() => t.active, (a) => {
+    const u = i(l.active);
+    g(() => l.active, (a) => {
       u.value = a;
     });
-    const s = b(() => {
+    const s = v(() => {
       var a;
-      return ((a = e == null ? void 0 : e.isSelected) == null ? void 0 : a.call(e, t.value)) ?? !1;
+      return ((a = t == null ? void 0 : t.isSelected) == null ? void 0 : a.call(t, l.value)) ?? !1;
     });
     function c() {
-      t.disabled || e && t.value !== null && e.toggleItem(t.value);
+      l.disabled || t && l.value !== null && t.toggleItem(l.value);
     }
-    return (a, B) => (m(), v("li", {
+    return (a, B) => (m(), b("li", {
       ref_key: "liRef",
-      ref: n,
+      ref: r,
       role: "listitem",
       tabindex: "-1",
       class: k(["w-full flex flex-col items-start", [
         "kun-list-item",
-        l.bgItems,
+        e.bgItems,
         {
-          "cursor-not-allowed": l.disabled,
-          [`px-4 py-2 cursor-pointer ${l.hoverBg}`]: !l.disabled,
-          [l.activeClass]: s.value || u.value
+          "cursor-not-allowed": e.disabled,
+          [`cursor-pointer ${e.hoverBg}`]: !e.disabled,
+          [e.activeClass]: s.value || u.value,
+          "px-4 py-2": !e.noGutters
         }
       ]]),
       onClick: c

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

@@ -1,5 +1,5 @@
-import { createElementBlock as n, openBlock as r, normalizeClass as a, renderSlot as o, createTextVNode as s, toDisplayString as i } from "vue";
-const p = {
+import { createElementBlock as l, openBlock as r, normalizeClass as a, renderSlot as o, createTextVNode as s, toDisplayString as i } from "vue";
+const u = {
   __name: "KunListItemTitle",
   props: {
     title: {
@@ -16,12 +16,12 @@ const p = {
     },
     class: {
       type: [String, Object, Array],
-      default: null
+      default: "font-semibold uppercase"
     }
   },
   setup(e) {
     const t = e;
-    return (l, u) => (r(), n("span", {
+    return (n, p) => (r(), l("span", {
       class: a([
         "truncate",
         t.fontSize,
@@ -29,12 +29,12 @@ const p = {
         t.class
       ])
     }, [
-      o(l.$slots, "default", {}, () => [
+      o(n.$slots, "default", {}, () => [
         s(i(t.title), 1)
       ])
     ], 2));
   }
 };
 export {
-  p as default
+  u as default
 };

package/package.json

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