adverich-kun-ui 0.1.320 → 0.1.322

package/dist/components/KunListItem/examples/WithAction.vue.js

@@ -0,0 +1,104 @@
+import { createElementBlock as i, openBlock as d, createElementVNode as l, createVNode as o, withCtx as e, createTextVNode as n } from "vue";
+import r from "../src/components/KunListItem.vue.js";
+import s from "../../KunListItemText/src/components/KunListItemText.vue.js";
+import m from "../../KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
+import u from "../../KunListItemAction/src/components/KunListItemAction.vue.js";
+const a = { class: "p-4 max-w-md" }, _ = { class: "space-y-2" }, v = {
+  __name: "WithAction",
+  setup(f) {
+    return (p, t) => (d(), i("div", a, [
+      t[6] || (t[6] = l("h2", { class: "text-lg font-semibold mb-2" }, "Items con acciones:", -1)),
+      l("ul", _, [
+        o(r, null, {
+          default: e(() => [
+            o(s, null, {
+              default: e(() => t[0] || (t[0] = [
+                n("Notificación por correo")
+              ])),
+              _: 1,
+              __: [0]
+            }),
+            o(u, null, {
+              default: e(() => t[1] || (t[1] = [
+                l("input", {
+                  type: "checkbox",
+                  checked: "",
+                  class: "form-checkbox text-blue-600"
+                }, null, -1)
+              ])),
+              _: 1,
+              __: [1]
+            })
+          ]),
+          _: 1
+        }),
+        o(r, null, {
+          default: e(() => [
+            o(s, null, {
+              default: e(() => t[2] || (t[2] = [
+                n("Modo oscuro")
+              ])),
+              _: 1,
+              __: [2]
+            }),
+            o(u, null, {
+              default: e(() => t[3] || (t[3] = [
+                l("input", {
+                  type: "checkbox",
+                  class: "form-switch text-blue-600"
+                }, null, -1)
+              ])),
+              _: 1,
+              __: [3]
+            })
+          ]),
+          _: 1
+        }),
+        o(r, null, {
+          default: e(() => [
+            o(m, { text: "JD" }),
+            o(s, null, {
+              default: e(() => t[4] || (t[4] = [
+                n("John Doe")
+              ])),
+              _: 1,
+              __: [4]
+            }),
+            o(u, null, {
+              default: e(() => t[5] || (t[5] = [
+                l("button", { class: "text-blue-500 hover:text-blue-700" }, [
+                  l("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    class: "h-5 w-5",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor"
+                  }, [
+                    l("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+                    }),
+                    l("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+                    })
+                  ])
+                ], -1)
+              ])),
+              _: 1,
+              __: [5]
+            })
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+};
+export {
+  v as default
+};

package/dist/components/KunListItem/examples/WithAvatar.vue.js

@@ -0,0 +1,71 @@
+import { createElementBlock as u, openBlock as i, createElementVNode as o, createVNode as l, withCtx as e, createTextVNode as a } from "vue";
+import r from "../src/components/KunListItem.vue.js";
+import s from "../../KunListItemText/src/components/KunListItemText.vue.js";
+import m from "../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
+import n from "../../KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
+const _ = { class: "p-4 max-w-md" }, f = { class: "space-y-2" }, g = {
+  __name: "WithAvatar",
+  setup(d) {
+    return (p, t) => (i(), u("div", _, [
+      t[5] || (t[5] = o("h2", { class: "text-lg font-semibold mb-2" }, "Items con avatar:", -1)),
+      o("ul", f, [
+        l(r, null, {
+          default: e(() => [
+            l(n, { text: "JD" }),
+            l(s, null, {
+              default: e(() => t[0] || (t[0] = [
+                a("John Doe")
+              ])),
+              _: 1,
+              __: [0]
+            }),
+            l(m, null, {
+              default: e(() => t[1] || (t[1] = [
+                a("Administrador")
+              ])),
+              _: 1,
+              __: [1]
+            })
+          ]),
+          _: 1
+        }),
+        l(r, {
+          active: "",
+          "active-class": "bg-blue-100 text-blue-600"
+        }, {
+          default: e(() => [
+            l(n, null, {
+              default: e(() => t[2] || (t[2] = [
+                o("img", {
+                  src: "https://i.pravatar.cc/40 ",
+                  alt: "Avatar",
+                  class: "w-full h-full object-cover"
+                }, null, -1)
+              ])),
+              _: 1,
+              __: [2]
+            }),
+            l(s, null, {
+              default: e(() => t[3] || (t[3] = [
+                a("Jane Smith")
+              ])),
+              _: 1,
+              __: [3]
+            }),
+            l(m, null, {
+              default: e(() => t[4] || (t[4] = [
+                a("Desarrollador")
+              ])),
+              _: 1,
+              __: [4]
+            })
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+};
+export {
+  g as default
+};

package/dist/components/KunListSubheader/examples/Default.vue.js

@@ -0,0 +1,49 @@
+import { createElementBlock as a, openBlock as u, createElementVNode as r, createVNode as e, withCtx as o, createTextVNode as s } from "vue";
+import n from "../src/components/KunListSubheader.vue.js";
+import l from "../../KunListItem/src/components/KunListItem.vue.js";
+const d = { class: "p-4 max-w-md" }, i = { class: "space-y-2 bg-white dark:bg-gray-800 rounded-md shadow-sm p-2" }, b = {
+  __name: "Default",
+  setup(m) {
+    return (_, t) => (u(), a("div", d, [
+      t[4] || (t[4] = r("h2", { class: "text-lg font-semibold mb-2" }, "Lista con Subheaders:", -1)),
+      r("ul", i, [
+        e(n, { text: "Usuarios" }),
+        e(l, null, {
+          default: o(() => t[0] || (t[0] = [
+            s("Juan Pérez")
+          ])),
+          _: 1,
+          __: [0]
+        }),
+        e(l, null, {
+          default: o(() => t[1] || (t[1] = [
+            s("Ana Gómez")
+          ])),
+          _: 1,
+          __: [1]
+        }),
+        e(n, {
+          text: "Configuraciones",
+          class: "text-blue-600 dark:text-blue-400"
+        }),
+        e(l, null, {
+          default: o(() => t[2] || (t[2] = [
+            s("Perfil")
+          ])),
+          _: 1,
+          __: [2]
+        }),
+        e(l, null, {
+          default: o(() => t[3] || (t[3] = [
+            s("Notificaciones")
+          ])),
+          _: 1,
+          __: [3]
+        })
+      ])
+    ]));
+  }
+};
+export {
+  b as default
+};

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

@@ -0,0 +1,65 @@
+import { inject as y, computed as o, createElementBlock as s, openBlock as c, normalizeClass as u, createElementVNode as S, createVNode as V, renderSlot as h, createCommentVNode as x, toDisplayString as k } from "vue";
+import B from "../../../KunIcon/src/components/KunIcon.vue.js";
+import { icons as d } from "../../../../icons/index.js";
+const C = ["for"], j = ["id", "name", "disabled", "checked"], I = {
+  key: 0,
+  class: "text-sm"
+}, E = {
+  __name: "KunRadio",
+  props: {
+    modelValue: [String, Number, Boolean, Object],
+    label: String,
+    color: String,
+    baseColor: String,
+    trueValue: { default: !0 },
+    falseValue: { default: !1 },
+    trueIcon: { type: [String, Object], default: null },
+    falseIcon: { type: [String, Object], default: null },
+    value: [String, Number, Boolean, Object],
+    disabled: Boolean,
+    readonly: Boolean,
+    error: Boolean,
+    name: String,
+    id: String
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: m }) {
+    const e = l, b = m, t = y("kun-radio-group", null), n = o(() => {
+      var r;
+      return (((r = t == null ? void 0 : t.modelValue) == null ? void 0 : r.value) ?? e.modelValue) === (e.value ?? e.trueValue);
+    }), f = o(
+      () => n.value ? e.trueIcon ?? d.radioboxMarked : e.falseIcon ?? d.radioboxBlank
+    ), g = o(
+      () => e.disabled ? "text-gray-400" : n.value ? e.color || "text-primary" : e.baseColor || "text-gray-500"
+    ), v = Math.random().toString(36).slice(2, 10), i = o(() => e.id || `kun-radio-${v}`);
+    function p() {
+      if (e.readonly || e.disabled) return;
+      const a = e.value ?? e.trueValue;
+      t ? t.update(a) : b("update:modelValue", a);
+    }
+    return (a, r) => (c(), s("label", {
+      for: i.value,
+      class: u(["inline-flex items-center cursor-pointer gap-2 select-none", { "opacity-50 pointer-events-none": l.disabled || l.readonly }])
+    }, [
+      S("input", {
+        class: "sr-only",
+        type: "radio",
+        id: i.value,
+        name: l.name,
+        disabled: l.disabled,
+        checked: n.value,
+        onChange: p
+      }, null, 40, j),
+      V(B, {
+        icon: f.value,
+        class: u([g.value, "text-xl transition-colors"])
+      }, null, 8, ["icon", "class"]),
+      h(a.$slots, "label", {}, () => [
+        l.label ? (c(), s("span", I, k(l.label), 1)) : x("", !0)
+      ])
+    ], 10, C));
+  }
+};
+export {
+  E as default
+};

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

@@ -0,0 +1,47 @@
+import { provide as c, computed as s, createElementBlock as t, openBlock as a, renderSlot as n, createElementVNode as m, createCommentVNode as u, toDisplayString as b, normalizeClass as f } from "vue";
+const p = { class: "w-full" }, g = {
+  key: 0,
+  class: "block mb-1 text-sm font-medium"
+}, k = {
+  __name: "KunRadioGroup",
+  props: {
+    modelValue: [String, Number, Boolean, Object],
+    color: String,
+    baseColor: String,
+    name: String,
+    disabled: Boolean,
+    readonly: Boolean,
+    direction: { type: String, default: "vertical" },
+    // 'horizontal' | 'vertical'
+    inline: Boolean,
+    error: Boolean,
+    trueIcon: { type: [String, Object], default: "mdi-radiobox-marked" },
+    falseIcon: { type: [String, Object], default: "mdi-radiobox-blank" },
+    label: String
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: i }) {
+    const o = e, r = i, d = (l) => {
+      !o.readonly && !o.disabled && r("update:modelValue", l);
+    };
+    return c("kun-radio-group", {
+      modelValue: s(() => o.modelValue),
+      update: d
+    }), (l, S) => (a(), t("div", p, [
+      n(l.$slots, "label", {}, () => [
+        e.label ? (a(), t("label", g, b(e.label), 1)) : u("", !0)
+      ]),
+      m("div", {
+        class: f([
+          e.direction === "horizontal" || e.inline ? "flex flex-wrap gap-4" : "flex flex-col gap-2",
+          e.disabled ? "opacity-60 pointer-events-none" : ""
+        ])
+      }, [
+        n(l.$slots, "default")
+      ], 2)
+    ]));
+  }
+};
+export {
+  k as default
+};

package/dist/components/KunSlider/examples/ExampleBasic.vue.js

@@ -0,0 +1,18 @@
+import { ref as a, createBlock as r, openBlock as m } from "vue";
+import t from "../src/components/KunSlider.vue.js";
+const c = {
+  __name: "ExampleBasic",
+  setup(u) {
+    const e = a(50);
+    return (n, l) => (m(), r(t, {
+      modelValue: e.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value = o),
+      min: 0,
+      max: 100,
+      label: "Básico"
+    }, null, 8, ["modelValue"]));
+  }
+};
+export {
+  c as default
+};

package/dist/components/KunSlider/examples/ExampleCustomThumb.vue.js

@@ -0,0 +1,24 @@
+import { ref as r, createBlock as a, openBlock as u, withCtx as n, createElementVNode as m, normalizeStyle as s, toDisplayString as i } from "vue";
+import p from "../src/components/KunSlider.vue.js";
+const b = {
+  __name: "ExampleCustomThumb",
+  setup(d) {
+    const t = r(42);
+    return (c, l) => (u(), a(p, {
+      modelValue: t.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (e) => t.value = e),
+      label: "Con Thumb personalizado"
+    }, {
+      thumb: n(({ value: e, style: o }) => [
+        m("div", {
+          class: "absolute z-40 w-6 h-6 flex items-center justify-center rounded-full bg-purple-600 text-white text-xs font-bold",
+          style: s(o)
+        }, " 🔥" + i(e), 5)
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+};
+export {
+  b as default
+};

package/dist/components/KunSlider/examples/ExampleRange.vue.js

@@ -0,0 +1,20 @@
+import { ref as o, createBlock as r, openBlock as n } from "vue";
+import t from "../src/components/KunSlider.vue.js";
+const d = {
+  __name: "ExampleRange",
+  setup(u) {
+    const e = o([20, 80]);
+    return (m, a) => (n(), r(t, {
+      modelValue: e.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
+      min: 0,
+      max: 100,
+      step: 5,
+      range: !0,
+      label: "Rango de valores"
+    }, null, 8, ["modelValue"]));
+  }
+};
+export {
+  d as default
+};

package/dist/components/KunSlider/examples/ExampleVertical.vue.js

@@ -0,0 +1,23 @@
+import { ref as a, createElementBlock as o, openBlock as r, createVNode as s, createElementVNode as n, toDisplayString as c } from "vue";
+import m from "../src/components/KunSlider.vue.js";
+const u = { class: "flex gap-4" }, i = { class: "self-end text-sm" }, V = {
+  __name: "ExampleVertical",
+  setup(d) {
+    const e = a(70);
+    return (p, l) => (r(), o("div", u, [
+      s(m, {
+        modelValue: e.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (t) => e.value = t),
+        min: 0,
+        max: 100,
+        vertical: !0,
+        label: "Vertical",
+        class: "h-64"
+      }, null, 8, ["modelValue"]),
+      n("span", i, c(e.value), 1)
+    ]));
+  }
+};
+export {
+  V as default
+};

package/dist/components/KunTable/src/components/KunTableFilter.vue.js

@@ -1,5 +1,5 @@
 import { computed as k, ref as g, onMounted as C, createBlock as x, createCommentVNode as $, openBlock as d, withCtx as l, createElementVNode as c, createVNode as o, createElementBlock as N, Fragment as b, renderList as h, createTextVNode as V } from "vue";
-import z from "../../../KunDialog/src/components/KunDialog.vue.js";
+import z from "../../../KunDialog/src/components/KunDialog.vue2.js";
 import B from "../../../KunRow/src/components/KunRow.vue.js";
 import j from "../../../KunCol/src/components/KunCol.vue.js";
 import w from "../../../KunAutocomplete/src/components/KunAutocomplete.vue.js";

package/dist/components/KunTable/src/components/KunTableVirtual.vue.js

@@ -0,0 +1,9 @@
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const e = {};
+function n(t, c) {
+  return null;
+}
+const o = /* @__PURE__ */ r(e, [["render", n]]);
+export {
+  o as default
+};

package/dist/components/KunTabs/src/components/KunTabWindow.vue.js

@@ -0,0 +1,82 @@
+import { provide as y, computed as v, createBlock as o, openBlock as n, resolveDynamicComponent as w, withCtx as r, createElementBlock as h, Fragment as b, renderList as g, Transition as i, withDirectives as s, createElementVNode as m, normalizeClass as V, renderSlot as u, vShow as c } from "vue";
+/* empty css                  */
+import k from "../../../../_virtual/_plugin-vue_export-helper.js";
+const S = { class: "w-full h-full" }, B = {
+  __name: "KunTabWindow",
+  props: {
+    modelValue: [String, Number, Array],
+    items: {
+      type: Array,
+      default: () => []
+    },
+    show: {
+      type: Boolean,
+      default: !0
+    },
+    selectedClass: {
+      type: String,
+      default: "border-b-2 border-primary"
+    },
+    tag: {
+      type: String,
+      default: "div"
+    },
+    transition: {
+      type: [String, Object],
+      default: "fade"
+      // puedes pasar nombre de transición o un objeto de transición
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: f }) {
+    const a = e, p = f, d = (t) => a.multiple && Array.isArray(a.modelValue) ? a.modelValue.includes(t) : a.modelValue === t;
+    return y("kun-tab-window", {
+      modelValue: v(() => a.modelValue),
+      select: (t) => p("update:modelValue", t)
+    }), (t, C) => (n(), o(w(e.tag), { class: "w-full h-full relative" }, {
+      default: r(() => [
+        e.items.length ? (n(!0), h(b, { key: 0 }, g(e.items, (l) => (n(), o(i, {
+          key: l.value,
+          name: e.transition,
+          mode: "out-in",
+          appear: ""
+        }, {
+          default: r(() => [
+            s(m("div", {
+              class: V(["w-full h-full absolute top-0 left-0", d(l.value) ? e.selectedClass : ""])
+            }, [
+              u(t.$slots, `item.${l.value}`, { item: l }, () => [
+                u(t.$slots, "item", { item: l }, void 0, !0)
+              ], !0)
+            ], 2), [
+              [c, d(l.value)]
+            ])
+          ]),
+          _: 2
+        }, 1032, ["name"]))), 128)) : (n(), o(i, {
+          key: 1,
+          name: e.transition,
+          mode: "out-in",
+          appear: ""
+        }, {
+          default: r(() => [
+            s(m("div", S, [
+              u(t.$slots, "default", {}, void 0, !0)
+            ], 512), [
+              [c, e.show]
+            ])
+          ]),
+          _: 3
+        }, 8, ["name"]))
+      ]),
+      _: 3
+    }));
+  }
+}, D = /* @__PURE__ */ k(B, [["__scopeId", "data-v-4b579ca8"]]);
+export {
+  D as default
+};

package/dist/components/KunToolbar/src/components/KunToolbarItems.vue.js

@@ -0,0 +1,42 @@
+import { createElementBlock as s, openBlock as l, mergeProps as c, unref as a, renderSlot as u } from "vue";
+const p = {
+  __name: "KunToolbarItems",
+  props: {
+    color: String,
+    variant: {
+      type: String,
+      default: "text",
+      validator: (e) => ["flat", "text", "elevated", "tonal", "outlined", "plain"].includes(e)
+    }
+  },
+  setup(e) {
+    const t = e, n = computed(
+      () => t.color ? `bg-${t.color}` : ""
+    ), o = computed(() => {
+      switch (t.variant) {
+        case "flat":
+          return "bg-transparent shadow-none";
+        case "text":
+          return "bg-transparent";
+        case "elevated":
+          return "shadow-md";
+        case "tonal":
+          return "bg-gray-100 text-gray-800";
+        case "outlined":
+          return "border border-gray-300";
+        case "plain":
+          return "";
+        default:
+          return "";
+      }
+    });
+    return (r, d) => (l(), s("div", c({
+      class: ["inline-flex gap-2 items-center", [a(n), a(o)]]
+    }, r.$attrs), [
+      u(r.$slots, "default")
+    ], 16));
+  }
+};
+export {
+  p as default
+};

package/dist/components/KunTooltip/examples/Default.vue.js

@@ -0,0 +1,59 @@
+import { createElementBlock as n, openBlock as p, createElementVNode as o, createVNode as e, withCtx as a, mergeProps as l } from "vue";
+import i from "../src/components/KunTooltip.vue.js";
+const c = { class: "p-8 flex flex-col gap-4 items-center" }, b = {
+  __name: "Default",
+  setup(s) {
+    return (x, r) => (p(), n("div", c, [
+      r[0] || (r[0] = o("h2", { class: "text-xl font-bold mb-4" }, "Tooltips con slot activator", -1)),
+      e(i, {
+        text: "Tooltip arriba",
+        location: "top"
+      }, {
+        activator: a(({ props: t }) => [
+          o("button", l(t, { class: "px-4 py-2 bg-blue-500 text-white rounded" }), "Top", 16)
+        ]),
+        _: 1
+      }),
+      e(i, {
+        text: "Tooltip abajo",
+        location: "bottom"
+      }, {
+        activator: a(({ props: t }) => [
+          o("button", l(t, { class: "px-4 py-2 bg-green-500 text-white rounded" }), "Bottom", 16)
+        ]),
+        _: 1
+      }),
+      e(i, {
+        text: "Tooltip izquierda",
+        location: "left"
+      }, {
+        activator: a(({ props: t }) => [
+          o("button", l(t, { class: "px-4 py-2 bg-yellow-500 text-white rounded" }), "Left", 16)
+        ]),
+        _: 1
+      }),
+      e(i, {
+        text: "Tooltip derecha",
+        location: "right"
+      }, {
+        activator: a(({ props: t }) => [
+          o("button", l(t, { class: "px-4 py-2 bg-purple-500 text-white rounded" }), "Right", 16)
+        ]),
+        _: 1
+      }),
+      e(i, {
+        text: "Con delay",
+        location: "top",
+        delay: 500
+      }, {
+        activator: a(({ props: t }) => [
+          o("button", l(t, { class: "px-4 py-2 bg-indigo-500 text-white rounded" }), "Delay", 16)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+};
+export {
+  b as default
+};

package/dist/components/KunVirtualScroller/examples/Default.vue.js

@@ -0,0 +1,29 @@
+import { createElementBlock as m, openBlock as c, createVNode as i, unref as _, withCtx as l, createElementVNode as t, createTextVNode as d, toDisplayString as o } from "vue";
+import f from "../src/components/KunVirtualScroller.vue.js";
+const p = { class: "p-4 max-h-[400px] border overflow-y-auto" }, u = { class: "p-4 border-b bg-white" }, g = {
+  __name: "Default",
+  setup(h) {
+    const r = Array.from({ length: 1e3 }, (a, e) => ({
+      id: e,
+      name: `Item #${e}`
+    }));
+    return (a, e) => (c(), m("div", p, [
+      i(f, {
+        items: _(r),
+        "item-height": "auto",
+        buffer: 5
+      }, {
+        default: l(({ item: s, index: n }) => [
+          t("div", u, [
+            t("strong", null, "#" + o(n), 1),
+            d(": " + o(s.name), 1)
+          ])
+        ]),
+        _: 1
+      }, 8, ["items"])
+    ]));
+  }
+};
+export {
+  g as default
+};

package/dist/directives/ripple.js

@@ -0,0 +1,15 @@
+const c = {
+  mounted(e, s) {
+    e.style.position = "relative", e.style.overflow = "hidden", e.addEventListener("click", (i) => {
+      const t = document.createElement("span"), o = Math.max(e.clientWidth, e.clientHeight), l = o / 2;
+      t.style.width = t.style.height = `${o}px`, t.style.left = `${i.offsetX - l}px`, t.style.top = `${i.offsetY - l}px`, t.classList.add("ripple");
+      const a = typeof s.value == "object" && s.value.class;
+      a && t.classList.add(a), e.appendChild(t), setTimeout(() => {
+        t.remove();
+      }, 600);
+    });
+  }
+};
+export {
+  c as vRipple
+};