adverich-kun-ui 0.1.323 → 0.1.325

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/index.js +186 -256
  2. package/package.json +1 -1
  3. package/dist/components/KunBadge/examples/Default.vue.js +0 -23
  4. package/dist/components/KunCardActions/exaples/Default.vue.js +0 -58
  5. package/dist/components/KunCardItem/exaples/Default.vue.js +0 -37
  6. package/dist/components/KunCardSubtitle/exaples/Default.vue.js +0 -26
  7. package/dist/components/KunCardText/exaples/Default.vue.js +0 -26
  8. package/dist/components/KunCardTitle/exaples/Default.vue.js +0 -41
  9. package/dist/components/KunInfiniteScroll/examples/Default.vue.js +0 -52
  10. package/dist/components/KunList/examples/Default.vue.js +0 -46
  11. package/dist/components/KunList/examples/WhiteGroups.vue.js +0 -72
  12. package/dist/components/KunListGroup/examples/Default.vue.js +0 -67
  13. package/dist/components/KunListImg/examples/Default.vue.js +0 -31
  14. package/dist/components/KunListItem/examples/Default.vue.js +0 -39
  15. package/dist/components/KunListItem/examples/WithAction.vue.js +0 -104
  16. package/dist/components/KunListItem/examples/WithAvatar.vue.js +0 -71
  17. package/dist/components/KunListSubheader/examples/Default.vue.js +0 -49
  18. package/dist/components/KunSlider/examples/ExampleBasic.vue.js +0 -18
  19. package/dist/components/KunSlider/examples/ExampleCustomThumb.vue.js +0 -24
  20. package/dist/components/KunSlider/examples/ExampleRange.vue.js +0 -20
  21. package/dist/components/KunSlider/examples/ExampleVertical.vue.js +0 -23
  22. package/dist/components/KunTooltip/examples/Default.vue.js +0 -59
  23. package/dist/components/KunVirtualScroller/examples/Default.vue.js +0 -29
@@ -1,23 +0,0 @@
1
- import { createBlock as r, openBlock as o, withCtx as e, createVNode as _, createTextVNode as a } from "vue";
2
- import f from "../src/components/KunBadge.vue.js";
3
- import m from "../../KunBtn/src/components/KunBtn.vue.js";
4
- const u = {
5
- __name: "Default",
6
- setup(c) {
7
- return (n, t) => (o(), r(f, { text: "3" }, {
8
- default: e(() => [
9
- _(m, { class: "bg-gray-300 p-3 rounded-lg" }, {
10
- default: e(() => t[0] || (t[0] = [
11
- a("🔔")
12
- ])),
13
- _: 1,
14
- __: [0]
15
- })
16
- ]),
17
- _: 1
18
- }));
19
- }
20
- };
21
- export {
22
- u as default
23
- };
@@ -1,58 +0,0 @@
1
- import { createElementBlock as s, openBlock as n, createElementVNode as r, createVNode as e, withCtx as a } from "vue";
2
- import o from "../src/components/KunCardActions.vue.js";
3
- import t from "../../KunBtn/src/components/KunBtn.vue.js";
4
- const l = { class: "p-4 space-y-4" }, f = {
5
- __name: "Default",
6
- setup(m) {
7
- return (c, i) => (n(), s("div", l, [
8
- i[0] || (i[0] = r("h3", null, "Ejemplo básico de KunCardActions", -1)),
9
- e(o, {
10
- justify: "justify-between",
11
- align: "items-center",
12
- class: "bg-gray-100 rounded-lg"
13
- }, {
14
- default: a(() => [
15
- e(t, {
16
- text: "Cancelar",
17
- variant: "outline",
18
- color: "text-red-600"
19
- }),
20
- e(t, {
21
- text: "Guardar",
22
- color: "bg-blue-600 text-white"
23
- })
24
- ]),
25
- _: 1
26
- }),
27
- i[1] || (i[1] = r("h3", null, "Ejemplo con wrap y acciones múltiples", -1)),
28
- e(o, {
29
- gap: "gap-3",
30
- wrap: "",
31
- dense: "",
32
- class: "bg-gray-50"
33
- }, {
34
- default: a(() => [
35
- e(t, {
36
- text: "Editar",
37
- icon: "$mdi-pencil",
38
- size: "sm"
39
- }),
40
- e(t, {
41
- text: "Eliminar",
42
- icon: "$mdi-delete",
43
- size: "sm"
44
- }),
45
- e(t, {
46
- text: "Compartir",
47
- icon: "$mdi-share",
48
- size: "sm"
49
- })
50
- ]),
51
- _: 1
52
- })
53
- ]));
54
- }
55
- };
56
- export {
57
- f as default
58
- };
@@ -1,37 +0,0 @@
1
- import { createElementBlock as s, openBlock as r, createElementVNode as l, createVNode as t, withCtx as o } from "vue";
2
- import i from "../src/components/KunCardItem.vue.js";
3
- import n from "../../KunCardTitle/src/components/KunCardTitle.vue.js";
4
- import a from "../../KunCardSubtitle/src/components/KunCardSubtitle.vue.js";
5
- import m from "../../KunCardText/src/components/KunCardText.vue.js";
6
- const u = { class: "p-4 space-y-6" }, x = {
7
- __name: "Default",
8
- setup(d) {
9
- return (p, e) => (r(), s("div", u, [
10
- e[0] || (e[0] = l("h3", null, "Ejemplo básico de KunCardItem", -1)),
11
- t(i, {
12
- dense: "",
13
- class: "bg-gray-100 rounded-lg"
14
- }, {
15
- default: o(() => [
16
- t(n, {
17
- title: "Título Principal",
18
- subtitle: "Subtítulo descriptivo"
19
- })
20
- ]),
21
- _: 1
22
- }),
23
- e[1] || (e[1] = l("h3", null, "Ejemplo con múltiples elementos", -1)),
24
- t(i, { gap: "gap-2" }, {
25
- default: o(() => [
26
- t(n, { title: "Título con más detalles" }),
27
- t(a, { subtitle: "Este es un subtítulo adicional." }),
28
- t(m, { text: "Aquí va el contenido textual dentro del item." })
29
- ]),
30
- _: 1
31
- })
32
- ]));
33
- }
34
- };
35
- export {
36
- x as default
37
- };
@@ -1,26 +0,0 @@
1
- import { createElementBlock as s, openBlock as r, createElementVNode as t, createVNode as o, withCtx as n, createTextVNode as u } from "vue";
2
- import l from "../src/components/KunCardSubtitle.vue.js";
3
- const a = { class: "p-4 space-y-4" }, _ = {
4
- __name: "Default",
5
- setup(d) {
6
- return (i, e) => (r(), s("div", a, [
7
- e[1] || (e[1] = t("h3", null, "Ejemplo básico de KunCardSubtitle", -1)),
8
- o(l, {
9
- subtitle: "Este es un subtítulo estándar",
10
- color: "text-blue-600",
11
- class: "mb-2"
12
- }),
13
- e[2] || (e[2] = t("h3", null, "Ejemplo con slot personalizado", -1)),
14
- o(l, { class: "text-green-700" }, {
15
- default: n(() => e[0] || (e[0] = [
16
- u(" Subtítulo renderizado desde el slot. ")
17
- ])),
18
- _: 1,
19
- __: [0]
20
- })
21
- ]));
22
- }
23
- };
24
- export {
25
- _ as default
26
- };
@@ -1,26 +0,0 @@
1
- import { createElementBlock as r, openBlock as a, createElementVNode as t, createVNode as o, withCtx as l, createTextVNode as n } from "vue";
2
- import s from "../src/components/KunCardText.vue.js";
3
- const d = { class: "p-4 space-y-4" }, i = {
4
- __name: "Default",
5
- setup(p) {
6
- return (m, e) => (a(), r("div", d, [
7
- e[1] || (e[1] = t("h3", null, "Ejemplo básico de KunCardText", -1)),
8
- o(s, {
9
- text: "Este es un texto estándar dentro de una tarjeta.",
10
- color: "text-gray-800",
11
- class: "mb-2"
12
- }),
13
- e[2] || (e[2] = t("h3", null, "Ejemplo con slot personalizado", -1)),
14
- o(s, { class: "text-blue-700" }, {
15
- default: l(() => e[0] || (e[0] = [
16
- n(" Este contenido se pasa a través del slot por defecto. ")
17
- ])),
18
- _: 1,
19
- __: [0]
20
- })
21
- ]));
22
- }
23
- };
24
- export {
25
- i as default
26
- };
@@ -1,41 +0,0 @@
1
- import { resolveComponent as d, createElementBlock as i, openBlock as s, createElementVNode as o, createVNode as t, withCtx as n, createTextVNode as u } from "vue";
2
- import l from "../src/components/KunCardTitle.vue.js";
3
- const p = { class: "p-4 space-y-4" }, f = {
4
- __name: "Default",
5
- setup(m) {
6
- return (c, e) => {
7
- const r = d("KunIcon");
8
- return s(), i("div", p, [
9
- e[2] || (e[2] = o("h3", null, "Ejemplo básico de KunCardTitle", -1)),
10
- t(l, {
11
- title: "Título Principal",
12
- subtitle: "Este es un subtítulo descriptivo",
13
- "bg-color": "bg-blue-100",
14
- "text-color": "text-blue-900",
15
- rounded: "md",
16
- prepend: "$mdi-account-circle",
17
- append: "$mdi-dots-vertical"
18
- }),
19
- e[3] || (e[3] = o("h3", null, "Ejemplo con slot personalizado", -1)),
20
- t(l, {
21
- "bg-color": "bg-green-100",
22
- rounded: "",
23
- dense: ""
24
- }, {
25
- prepend: n(() => [
26
- t(r, { icon: "$mdi-information" })
27
- ]),
28
- default: n(() => [
29
- e[0] || (e[0] = o("strong", null, "Contenido customizado", -1)),
30
- e[1] || (e[1] = u(" desde el slot "))
31
- ]),
32
- _: 1,
33
- __: [0, 1]
34
- })
35
- ]);
36
- };
37
- }
38
- };
39
- export {
40
- f as default
41
- };
@@ -1,52 +0,0 @@
1
- import { ref as l, createElementBlock as m, openBlock as v, createElementVNode as r, createVNode as b, toDisplayString as n, withCtx as g, normalizeStyle as x, createTextVNode as f } from "vue";
2
- import y from "../src/components/KunInfiniteScroll.vue.js";
3
- const h = { class: "p-4 space-y-6" }, _ = { class: "flex items-center gap-4" }, I = {
4
- __name: "Default",
5
- setup(k) {
6
- const u = l(""), o = l(!0), a = l(null), c = l([]), p = l(
7
- Array.from({ length: 200 }, (s, e) => ({
8
- id: e,
9
- label: `Elemento ${e}`
10
- }))
11
- );
12
- function d(s) {
13
- a.value = s;
14
- }
15
- return (s, e) => (v(), m("div", h, [
16
- r("div", _, [
17
- r("button", {
18
- class: "px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700",
19
- onClick: e[0] || (e[0] = (t) => o.value = !o.value)
20
- }, " Toggle Virtual Scroll (" + n(o.value ? "ON" : "OFF") + ") ", 1),
21
- r("button", {
22
- class: "px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700",
23
- onClick: e[1] || (e[1] = (t) => d(50))
24
- }, " Scroll to Item #50 ")
25
- ]),
26
- b(y, {
27
- items: p.value,
28
- search: u.value,
29
- "searchable-keys": ["label"],
30
- "items-per-intersection": 20,
31
- enabled: !0,
32
- virtual: o.value,
33
- "scroll-to-index": a.value,
34
- "onUpdate:items": e[2] || (e[2] = (t) => c.value = t)
35
- }, {
36
- default: g(({ item: t, index: i }) => [
37
- r("div", {
38
- class: "border-b border-gray-200 py-2 px-4",
39
- style: x({ height: i % 2 === 0 ? "40px" : "60px" })
40
- }, [
41
- r("strong", null, "#" + n(i), 1),
42
- f(" — " + n(t.label), 1)
43
- ], 4)
44
- ]),
45
- _: 1
46
- }, 8, ["items", "search", "virtual", "scroll-to-index"])
47
- ]));
48
- }
49
- };
50
- export {
51
- I as default
52
- };
@@ -1,46 +0,0 @@
1
- import { ref as n, createElementBlock as r, openBlock as u, createVNode as t, createElementVNode as _, withCtx as l, createTextVNode as s, toDisplayString as d } from "vue";
2
- import f from "../src/components/KunList.vue.js";
3
- import a from "../../KunListItem/src/components/KunListItem.vue.js";
4
- const i = { class: "p-4 max-w-md" }, p = { class: "mt-4" }, N = {
5
- __name: "Default",
6
- setup(v) {
7
- const o = n([]);
8
- return (c, e) => (u(), r("div", i, [
9
- t(f, {
10
- "selected-values": o.value,
11
- "onUpdate:selectedValues": e[0] || (e[0] = (m) => o.value = m),
12
- selectable: "multiple",
13
- nav: ""
14
- }, {
15
- default: l(() => [
16
- t(a, { value: "1" }, {
17
- default: l(() => e[1] || (e[1] = [
18
- s("Elemento 1")
19
- ])),
20
- _: 1,
21
- __: [1]
22
- }),
23
- t(a, { value: "2" }, {
24
- default: l(() => e[2] || (e[2] = [
25
- s("Elemento 2")
26
- ])),
27
- _: 1,
28
- __: [2]
29
- }),
30
- t(a, { value: "3" }, {
31
- default: l(() => e[3] || (e[3] = [
32
- s("Elemento 3")
33
- ])),
34
- _: 1,
35
- __: [3]
36
- })
37
- ]),
38
- _: 1
39
- }, 8, ["selected-values"]),
40
- _("pre", p, d(o.value), 1)
41
- ]));
42
- }
43
- };
44
- export {
45
- N as default
46
- };
@@ -1,72 +0,0 @@
1
- import { createBlock as a, openBlock as u, withCtx as e, createVNode as l, createTextVNode as r, createElementVNode as s } from "vue";
2
- import n from "../src/components/KunList.vue.js";
3
- import i from "../../KunListGroup/src/components/KunListGroup.vue.js";
4
- import o from "../../KunListItem/src/components/KunListItem.vue.js";
5
- const c = {
6
- __name: "WhiteGroups",
7
- setup(f) {
8
- return (m, t) => (u(), a(n, { selectable: "multiple" }, {
9
- default: e(() => [
10
- l(i, { title: "Usuarios" }, {
11
- activator: e(() => t[0] || (t[0] = [
12
- s("span", { class: "flex items-center gap-2" }, [
13
- s("svg", null, "👥"),
14
- r(" Usuarios del sistema ")
15
- ], -1)
16
- ])),
17
- default: e(() => [
18
- l(o, { value: "admin" }, {
19
- default: e(() => t[1] || (t[1] = [
20
- r("Administrador")
21
- ])),
22
- _: 1,
23
- __: [1]
24
- }),
25
- l(o, { value: "editor" }, {
26
- default: e(() => t[2] || (t[2] = [
27
- r("Editor")
28
- ])),
29
- _: 1,
30
- __: [2]
31
- })
32
- ]),
33
- _: 1
34
- }),
35
- l(i, {
36
- title: "Preferencias",
37
- open: ""
38
- }, {
39
- default: e(() => [
40
- l(o, null, {
41
- default: e(() => [
42
- l(o, null, {
43
- default: e(() => t[3] || (t[3] = [
44
- r("Modo oscuro")
45
- ])),
46
- _: 1,
47
- __: [3]
48
- }),
49
- l(o, null, {
50
- default: e(() => t[4] || (t[4] = [
51
- s("input", {
52
- type: "checkbox",
53
- class: "form-switch"
54
- }, null, -1)
55
- ])),
56
- _: 1,
57
- __: [4]
58
- })
59
- ]),
60
- _: 1
61
- })
62
- ]),
63
- _: 1
64
- })
65
- ]),
66
- _: 1
67
- }));
68
- }
69
- };
70
- export {
71
- c as default
72
- };
@@ -1,67 +0,0 @@
1
- import { createElementBlock as r, openBlock as u, createElementVNode as i, createVNode as e, withCtx as l, createTextVNode as o } from "vue";
2
- import n from "../src/components/KunListGroup.vue.js";
3
- import s from "../../KunListItem/src/components/KunListItem.vue.js";
4
- const d = { class: "p-4 max-w-md" }, a = { class: "space-y-2" }, N = {
5
- __name: "Default",
6
- setup(f) {
7
- return (_, t) => (u(), r("div", d, [
8
- t[6] || (t[6] = i("h2", { class: "text-lg font-semibold mb-2" }, "Grupos de Lista:", -1)),
9
- i("ul", a, [
10
- e(n, { title: "Usuarios" }, {
11
- activator: l(() => t[0] || (t[0] = [
12
- i("span", null, "Usuarios del sistema", -1)
13
- ])),
14
- default: l(() => [
15
- e(s, null, {
16
- default: l(() => t[1] || (t[1] = [
17
- o("Admin")
18
- ])),
19
- _: 1,
20
- __: [1]
21
- }),
22
- e(s, null, {
23
- default: l(() => t[2] || (t[2] = [
24
- o("Editor")
25
- ])),
26
- _: 1,
27
- __: [2]
28
- }),
29
- e(s, null, {
30
- default: l(() => t[3] || (t[3] = [
31
- o("Lector")
32
- ])),
33
- _: 1,
34
- __: [3]
35
- })
36
- ]),
37
- _: 1
38
- }),
39
- e(n, {
40
- title: "Configuración",
41
- open: ""
42
- }, {
43
- default: l(() => [
44
- e(s, null, {
45
- default: l(() => t[4] || (t[4] = [
46
- o("Perfil")
47
- ])),
48
- _: 1,
49
- __: [4]
50
- }),
51
- e(s, null, {
52
- default: l(() => t[5] || (t[5] = [
53
- o("Notificaciones")
54
- ])),
55
- _: 1,
56
- __: [5]
57
- })
58
- ]),
59
- _: 1
60
- })
61
- ])
62
- ]));
63
- }
64
- };
65
- export {
66
- N as default
67
- };
@@ -1,31 +0,0 @@
1
- import { createElementBlock as o, openBlock as n, createElementVNode as t, createVNode as e } from "vue";
2
- import l from "../src/components/KunListImg.vue.js";
3
- const a = { class: "p-4 max-w-md" }, i = { class: "space-y-2" }, r = { class: "flex items-center gap-3" }, m = { class: "flex items-center gap-3" }, _ = {
4
- __name: "Default",
5
- setup(p) {
6
- return (c, s) => (n(), o("div", a, [
7
- s[2] || (s[2] = t("h2", { class: "text-lg font-semibold mb-2" }, "Imágenes en lista:", -1)),
8
- t("ul", i, [
9
- t("li", r, [
10
- e(l, {
11
- src: "https://picsum.photos/id/1025/200/200 ",
12
- alt: "Usuario 1",
13
- class: "w-8 h-8 rounded-full"
14
- }),
15
- s[0] || (s[0] = t("span", null, "Juan Pérez", -1))
16
- ]),
17
- t("li", m, [
18
- e(l, {
19
- src: "https://picsum.photos/id/1062/200/200 ",
20
- alt: "Usuario 2",
21
- class: "w-8 h-8"
22
- }),
23
- s[1] || (s[1] = t("span", null, "Ana Gómez", -1))
24
- ])
25
- ])
26
- ]));
27
- }
28
- };
29
- export {
30
- _ as default
31
- };
@@ -1,39 +0,0 @@
1
- import { createElementBlock as n, openBlock as i, createElementVNode as a, createVNode as t, withCtx as o, createTextVNode as s } from "vue";
2
- import l from "../src/components/KunListItem.vue.js";
3
- const d = { class: "p-4 max-w-md" }, m = { class: "space-y-1" }, p = {
4
- __name: "Default",
5
- setup(r) {
6
- return (_, e) => (i(), n("div", d, [
7
- e[3] || (e[3] = a("h2", { class: "text-lg font-semibold mb-2" }, "Lista básica:", -1)),
8
- a("ul", m, [
9
- t(l, null, {
10
- default: o(() => e[0] || (e[0] = [
11
- s("Elemento 1")
12
- ])),
13
- _: 1,
14
- __: [0]
15
- }),
16
- t(l, {
17
- active: "",
18
- "active-class": "bg-green-100 text-green-600"
19
- }, {
20
- default: o(() => e[1] || (e[1] = [
21
- s("Elemento activo")
22
- ])),
23
- _: 1,
24
- __: [1]
25
- }),
26
- t(l, { disabled: "" }, {
27
- default: o(() => e[2] || (e[2] = [
28
- s("Elemento deshabilitado")
29
- ])),
30
- _: 1,
31
- __: [2]
32
- })
33
- ])
34
- ]));
35
- }
36
- };
37
- export {
38
- p as default
39
- };
@@ -1,104 +0,0 @@
1
- import { createElementBlock as i, openBlock as d, createElementVNode as l, createVNode as o, withCtx as e, createTextVNode as n } from "vue";
2
- import r from "../src/components/KunListItem.vue.js";
3
- import s from "../../KunListItemText/src/components/KunListItemText.vue.js";
4
- import m from "../../KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
5
- import u from "../../KunListItemAction/src/components/KunListItemAction.vue.js";
6
- const a = { class: "p-4 max-w-md" }, _ = { class: "space-y-2" }, v = {
7
- __name: "WithAction",
8
- setup(f) {
9
- return (p, t) => (d(), i("div", a, [
10
- t[6] || (t[6] = l("h2", { class: "text-lg font-semibold mb-2" }, "Items con acciones:", -1)),
11
- l("ul", _, [
12
- o(r, null, {
13
- default: e(() => [
14
- o(s, null, {
15
- default: e(() => t[0] || (t[0] = [
16
- n("Notificación por correo")
17
- ])),
18
- _: 1,
19
- __: [0]
20
- }),
21
- o(u, null, {
22
- default: e(() => t[1] || (t[1] = [
23
- l("input", {
24
- type: "checkbox",
25
- checked: "",
26
- class: "form-checkbox text-blue-600"
27
- }, null, -1)
28
- ])),
29
- _: 1,
30
- __: [1]
31
- })
32
- ]),
33
- _: 1
34
- }),
35
- o(r, null, {
36
- default: e(() => [
37
- o(s, null, {
38
- default: e(() => t[2] || (t[2] = [
39
- n("Modo oscuro")
40
- ])),
41
- _: 1,
42
- __: [2]
43
- }),
44
- o(u, null, {
45
- default: e(() => t[3] || (t[3] = [
46
- l("input", {
47
- type: "checkbox",
48
- class: "form-switch text-blue-600"
49
- }, null, -1)
50
- ])),
51
- _: 1,
52
- __: [3]
53
- })
54
- ]),
55
- _: 1
56
- }),
57
- o(r, null, {
58
- default: e(() => [
59
- o(m, { text: "JD" }),
60
- o(s, null, {
61
- default: e(() => t[4] || (t[4] = [
62
- n("John Doe")
63
- ])),
64
- _: 1,
65
- __: [4]
66
- }),
67
- o(u, null, {
68
- default: e(() => t[5] || (t[5] = [
69
- l("button", { class: "text-blue-500 hover:text-blue-700" }, [
70
- l("svg", {
71
- xmlns: "http://www.w3.org/2000/svg",
72
- class: "h-5 w-5",
73
- fill: "none",
74
- viewBox: "0 0 24 24",
75
- stroke: "currentColor"
76
- }, [
77
- l("path", {
78
- "stroke-linecap": "round",
79
- "stroke-linejoin": "round",
80
- "stroke-width": "2",
81
- d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
82
- }),
83
- l("path", {
84
- "stroke-linecap": "round",
85
- "stroke-linejoin": "round",
86
- "stroke-width": "2",
87
- 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"
88
- })
89
- ])
90
- ], -1)
91
- ])),
92
- _: 1,
93
- __: [5]
94
- })
95
- ]),
96
- _: 1
97
- })
98
- ])
99
- ]));
100
- }
101
- };
102
- export {
103
- v as default
104
- };