adverich-kun-ui 0.1.628 → 0.1.630

package/AGENTS.md

@@ -672,6 +672,10 @@ Input de archivos.
 <KunFileInput v-model="files" label="Subir archivo" multiple clearable />
 ```
 
+**Eventos:** update:modelValue, change, click:clear, click:control, update:focused
+
+**Nota:** usa `inheritAttrs: false` y reenvía `$attrs` al contenedor interno, de modo que `@change`/`@click` y `id`/`aria-*` no se duplican en el DOM.
+
 ---
 
 ### KunDatePicker

package/dist/AGENTS.md

@@ -672,6 +672,10 @@ Input de archivos.
 <KunFileInput v-model="files" label="Subir archivo" multiple clearable />
 ```
 
+**Eventos:** update:modelValue, change, click:clear, click:control, update:focused
+
+**Nota:** usa `inheritAttrs: false` y reenvía `$attrs` al contenedor interno, de modo que `@change`/`@click` y `id`/`aria-*` no se duplican en el DOM.
+
 ---
 
 ### KunDatePicker

package/dist/components/KunFileInput/src/components/KunFileInput.js

@@ -1,54 +1,62 @@
 import { __exportAll as e } from "../../../../_virtual/_rolldown/runtime.js";
-import { renderIconSlot as t } from "../../../../utils/renderIcon.js";
-import { kunFileInputProps as n } from "../composables/kunFileInputProps.js";
-import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, mergeProps as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, watch as _, withModifiers as v } from "vue";
+import t from "../../../KunIcon/src/components/KunIcon.js";
+import { icons as n } from "../../../../icons/index.js";
+import { kunFileInputProps as r } from "../composables/kunFileInputProps.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, watch as b, withModifiers as x } from "vue";
 //#region src/components/KunFileInput/src/components/KunFileInput.vue
-var y = /* @__PURE__ */ e({ default: () => P }), b = { class: "relative flex w-full flex-col" }, x = { key: 0 }, S = ["multiple", "disabled"], C = { class: "flex-1 truncate" }, w = { key: 0 }, T = {
+var S = /* @__PURE__ */ e({ default: () => F }), C = { class: "relative flex w-full flex-col" }, w = {
+	key: 0,
+	class: "flex items-center"
+}, T = ["multiple", "disabled"], E = { class: "flex-1 truncate" }, D = { key: 0 }, O = {
 	key: 1,
 	class: "text-ui-disabled"
-}, E = { key: 0 }, D = { key: 0 }, O = { key: 1 }, k = {
+}, k = {
+	key: 3,
+	class: "flex items-center"
+}, A = {
 	key: 1,
 	class: "mt-1 text-sm"
-}, A = {
+}, j = {
 	key: 0,
 	class: "text-ui-error"
-}, j = {
+}, M = {
 	key: 1,
 	class: "text-ui-muted"
-}, M = {
+}, N = {
 	key: 2,
 	class: "mt-1 text-xs text-ui-disabled text-right"
-}, N = { key: 0 }, P = {
+}, P = { key: 0 }, F = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
 	__name: "KunFileInput",
-	props: n,
+	props: r,
 	emits: [
 		"update:modelValue",
 		"click:clear",
 		"click:control",
-		"update:focused"
+		"update:focused",
+		"change"
 	],
-	setup(e, { expose: n, emit: y }) {
-		let P = e, F = y, I = f(null), L = f(!1), R = f([]), z = f([]);
-		_(() => P.modelValue, (e) => {
-			R.value = Array.isArray(e) ? e : e ? [e] : [];
+	setup(e, { expose: r, emit: S }) {
+		let F = e, I = S, L = h(null), R = h(!1), z = h([]), B = h([]);
+		b(() => F.modelValue, (e) => {
+			z.value = Array.isArray(e) ? e : e ? [e] : [];
 		}, { immediate: !0 });
-		function B(e) {
+		function V(e) {
 			let t = e.target.files;
 			if (!t) return;
 			let n = Array.from(t);
-			R.value = P.multiple ? n : [n[0]], F("update:modelValue", P.multiple ? n : n[0]), J();
-		}
-		function V() {
-			R.value = [], F("update:modelValue", P.multiple ? [] : null), F("click:clear"), z.value = [];
+			z.value = F.multiple ? n : [n[0]], I("update:modelValue", F.multiple ? n : n[0]), I("change", e), Y();
 		}
 		function H() {
-			L.value = !0, F("update:focused", !0);
+			z.value = [], I("update:modelValue", F.multiple ? [] : null), I("click:clear"), B.value = [];
 		}
 		function U() {
-			L.value = !1, F("update:focused", !1);
+			R.value = !0, I("update:focused", !0);
+		}
+		function W() {
+			R.value = !1, I("update:focused", !1);
 		}
-		let W = i(() => R.value.map((e) => e.name)), G = i(() => P.dirty || L.value || W.value.length > 0), K = i(() => R.value.reduce((e, t) => e + t.size, 0)), q = i(() => {
-			let e = K.value, t = P.showSize === 1024 ? 1024 : 1e3, n = [
+		let G = a(() => z.value.map((e) => e.name)), K = a(() => F.dirty || R.value || G.value.length > 0), q = a(() => z.value.reduce((e, t) => e + t.size, 0)), J = a(() => {
+			let e = q.value, t = F.showSize === 1024 ? 1024 : 1e3, n = [
 				"B",
 				"KB",
 				"MB",
@@ -57,67 +65,119 @@ var y = /* @__PURE__ */ e({ default: () => P }), b = { class: "relative flex w-f
 			for (; i >= t && r < n.length - 1;) i /= t, r++;
 			return `${i.toFixed(1)} ${n[r]}`;
 		});
-		async function J(e = !1) {
+		async function Y(e = !1) {
 			let t = [];
-			for (let e of P.rules) {
-				let n = typeof e != "function" || e(P.multiple ? R.value : R.value[0]);
+			for (let e of F.rules) {
+				let n = typeof e != "function" || e(F.multiple ? z.value : z.value[0]);
 				typeof n == "string" ? t.push(n) : n === !1 && t.push("Valor inválido");
 			}
-			return z.value = t, !e && t.length && F("update:focused", !0), t;
-		}
-		async function Y() {
-			V();
+			return B.value = t, !e && t.length && I("update:focused", !0), t;
 		}
 		async function X() {
-			z.value = [];
+			H();
+		}
+		async function Z() {
+			B.value = [];
 		}
-		return n({
-			reset: Y,
-			resetValidation: X,
-			validate: J,
-			isValid: i(() => z.value.length === 0),
-			errorMessages: z
-		}), (e, n) => (d(), o("div", b, [
-			e.label ? (d(), o("label", {
+		return r({
+			reset: X,
+			resetValidation: Z,
+			validate: Y,
+			isValid: a(() => B.value.length === 0),
+			errorMessages: B
+		}), (e, r) => (m(), c("div", C, [
+			e.label ? (m(), c("label", {
 				key: 0,
-				class: u(["absolute left-2 z-10 px-1 text-ui transition-all duration-200 ease-in-out pointer-events-none select-none", G.value ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"])
-			}, h(e.label), 3)) : a("", !0),
-			s("div", l({ class: ["flex items-center gap-2 rounded px-3 py-2 cursor-pointer transition", [
+				class: p(["absolute left-2 z-10 px-1 text-ui transition-all duration-200 ease-in-out pointer-events-none select-none", K.value ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"])
+			}, v(e.label), 3)) : s("", !0),
+			l("div", f({ class: ["flex items-center gap-2 rounded px-3 py-2 cursor-pointer transition", [
 				e.variant === "outlined" ? "border border-ui" : e.variant === "solo" ? "border-ui shadow-inner" : "bg-surface border border-ui",
 				e.disabled ? "border-ui cursor-not-allowed" : "hover:border-ui-primary",
-				e.error || z.value.length ? "border-error" : "",
-				L.value ? "ring-2 ring-ui-focus" : ""
+				e.error || B.value.length ? "border-error" : "",
+				R.value ? "ring-2 ring-ui-focus" : ""
 			]] }, e.$attrs, {
-				onClick: n[0] ||= () => I.value?.click(),
-				onFocusin: H,
-				onFocusout: U
+				onClick: r[0] ||= () => L.value?.click(),
+				onFocusin: U,
+				onFocusout: W
 			}), [
-				m(e.$slots, "prepend", {}, () => [e.prependIcon ? (d(), o("span", x, h(g(t)(e.prependIcon)), 1)) : a("", !0)]),
-				s("input", {
+				e.prependIcon || e.$slots.prepend ? (m(), c("span", w, [_(e.$slots, "prepend", {}, () => [e.prependIcon ? (m(), o(t, {
+					key: 0,
+					icon: e.prependIcon,
+					size: e.iconSize,
+					disabled: e.disabled
+				}, null, 8, [
+					"icon",
+					"size",
+					"disabled"
+				])) : s("", !0)])])) : s("", !0),
+				e.prependInnerIcon || e.$slots["prepend-inner"] ? (m(), c("span", {
+					key: 1,
+					class: p([e.prependInnerClass, "flex items-center"])
+				}, [_(e.$slots, "prepend-inner", {}, () => [e.prependInnerIcon ? (m(), o(t, {
+					key: 0,
+					icon: e.prependInnerIcon,
+					size: e.iconSize,
+					disabled: e.disabled
+				}, null, 8, [
+					"icon",
+					"size",
+					"disabled"
+				])) : s("", !0)])], 2)) : s("", !0),
+				l("input", {
 					ref_key: "inputRef",
-					ref: I,
+					ref: L,
 					type: "file",
 					class: "hidden",
 					multiple: e.multiple,
 					disabled: e.disabled,
-					onChange: B
-				}, null, 40, S),
-				s("div", C, [m(e.$slots, "selection", {
-					fileNames: W.value,
-					totalBytes: K.value,
-					totalBytesReadable: q.value
-				}, () => [W.value.length ? (d(), o("span", w, h(W.value.join(", ")), 1)) : (d(), o("span", T, "Seleccionar archivo"))])]),
-				m(e.$slots, "append", {}, () => [e.appendIcon ? (d(), o("span", E, h(g(t)(e.appendIcon)), 1)) : a("", !0)]),
-				e.clearable && W.value.length ? (d(), o("button", {
+					onChange: V
+				}, null, 40, T),
+				l("div", E, [_(e.$slots, "selection", {
+					fileNames: G.value,
+					totalBytes: q.value,
+					totalBytesReadable: J.value
+				}, () => [G.value.length ? (m(), c("span", D, v(G.value.join(", ")), 1)) : (m(), c("span", O, "Seleccionar archivo"))])]),
+				e.appendInnerIcon || e.$slots["append-inner"] ? (m(), c("span", {
+					key: 2,
+					class: p([e.appendInnerClass, "flex items-center"])
+				}, [_(e.$slots, "append-inner", {}, () => [e.appendInnerIcon ? (m(), o(t, {
+					key: 0,
+					icon: e.appendInnerIcon,
+					size: e.iconSize,
+					disabled: e.disabled
+				}, null, 8, [
+					"icon",
+					"size",
+					"disabled"
+				])) : s("", !0)])], 2)) : s("", !0),
+				e.appendIcon || e.$slots.append ? (m(), c("span", k, [_(e.$slots, "append", {}, () => [e.appendIcon ? (m(), o(t, {
 					key: 0,
-					onClick: v(V, ["stop"]),
+					icon: e.appendIcon,
+					size: e.iconSize,
+					disabled: e.disabled
+				}, null, 8, [
+					"icon",
+					"size",
+					"disabled"
+				])) : s("", !0)])])) : s("", !0),
+				e.clearable && G.value.length ? (m(), c("button", {
+					key: 4,
+					onClick: x(H, ["stop"]),
 					class: "cursor-pointer text-ui-muted hover:text-ui-error"
-				}, [e.clearIcon ? (d(), o("span", D, h(g(t)(e.clearIcon)), 1)) : (d(), o("span", O, "✕"))])) : a("", !0)
+				}, [d(t, {
+					icon: e.clearIcon || y(n).close,
+					size: e.iconSize,
+					disabled: e.disabled
+				}, null, 8, [
+					"icon",
+					"size",
+					"disabled"
+				])])) : s("", !0)
 			], 16),
-			e.hint || z.value.length ? (d(), o("div", k, [z.value.length ? (d(), o("div", A, [(d(!0), o(r, null, p(z.value, (e, t) => (d(), o("div", { key: t }, h(e), 1))), 128))])) : e.hint ? (d(), o("div", j, h(e.hint), 1)) : a("", !0)])) : a("", !0),
-			e.counter ? (d(), o("div", M, [c(h(e.counterString ?? `${W.value.length} archivo(s)`) + " ", 1), e.showSize ? (d(), o("span", N, " — " + h(q.value), 1)) : a("", !0)])) : a("", !0)
+			e.hint || B.value.length ? (m(), c("div", A, [B.value.length ? (m(), c("div", j, [(m(!0), c(i, null, g(B.value, (e, t) => (m(), c("div", { key: t }, v(e), 1))), 128))])) : e.hint ? (m(), c("div", M, v(e.hint), 1)) : s("", !0)])) : s("", !0),
+			e.counter ? (m(), c("div", N, [u(v(e.counterString ?? `${G.value.length} archivo(s)`) + " ", 1), e.showSize ? (m(), c("span", P, " — " + v(J.value), 1)) : s("", !0)])) : s("", !0)
 		]));
 	}
-};
+});
 //#endregion
-export { y as KunFileInput_exports, P as default };
+export { S as KunFileInput_exports, F as default };

package/dist/components/KunFileInput/src/composables/kunFileInputProps.js

@@ -18,9 +18,42 @@ var e = {
 	counter: Boolean,
 	counterString: String,
 	counterSizeString: String,
-	prependIcon: String,
-	appendIcon: String,
-	clearIcon: String,
+	prependIcon: [
+		String,
+		Object,
+		Function,
+		Array
+	],
+	appendIcon: [
+		String,
+		Object,
+		Function,
+		Array
+	],
+	prependInnerIcon: [
+		String,
+		Object,
+		Function,
+		Array
+	],
+	appendInnerIcon: [
+		String,
+		Object,
+		Function,
+		Array
+	],
+	prependInnerClass: String,
+	appendInnerClass: String,
+	clearIcon: [
+		String,
+		Object,
+		Function,
+		Array
+	],
+	iconSize: {
+		type: String,
+		default: "text-base"
+	},
 	variant: {
 		type: String,
 		default: "filled"

package/dist/components/KunTextarea/src/components/KunTextarea.js

@@ -1,38 +1,38 @@
 import { __exportAll as e } from "../../../../_virtual/_rolldown/runtime.js";
 import { debounce as t } from "../../../../utils/utils.js";
-import { renderIconSlot as n } from "../../../../utils/renderIcon.js";
-import { kunTextareaProps as r } from "../composables/kunTextareaProps.js";
-import i from "../composables/useKunTextareaComposable.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, ref as ee, renderList as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, useAttrs as S, useId as C, vShow as w, withDirectives as T, withKeys as E } from "vue";
+import { kunTextareaProps as n } from "../composables/kunTextareaProps.js";
+import r from "../composables/useKunTextareaComposable.js";
+import { renderIconSlot as i } from "../../../../utils/renderIcon.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, ref as _, renderList as v, renderSlot as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, useAttrs as C, useId as w, vShow as T, withDirectives as ee, withKeys as te } from "vue";
 //#region src/components/KunTextarea/src/components/KunTextarea.vue
-var D = /* @__PURE__ */ e({ default: () => P }), te = ["for"], ne = { class: "relative" }, re = {
+var E = /* @__PURE__ */ e({ default: () => N }), ne = ["for"], re = { class: "relative" }, D = {
 	key: 0,
 	class: "absolute left-2 top-2 flex items-center"
-}, ie = {
+}, O = {
 	key: 1,
 	class: "absolute left-2 top-2 ml-1"
-}, ae = [
+}, ie = [
 	"id",
 	"value",
 	"rows",
 	"disabled",
 	"readonly",
 	"placeholder"
-], O = {
+], ae = {
 	key: 3,
 	class: "absolute right-2 top-2 mr-1"
-}, k = {
+}, oe = {
 	key: 4,
 	class: "absolute right-2 top-2 flex items-center"
-}, A = {
+}, k = {
 	key: 5,
 	class: "mt-1"
-}, j = { class: "h-1 w-full bg-field-background rounded overflow-hidden" }, M = {
+}, A = { class: "h-1 w-full bg-field-background rounded overflow-hidden" }, j = {
 	key: 7,
 	class: "text-xs text-right mt-1 text-ui-disabled"
-}, N = { key: 0 }, P = {
+}, M = { key: 0 }, N = {
 	__name: "KunTextarea",
-	props: { ...r },
+	props: { ...n },
 	emits: [
 		"update:modelValue",
 		"click:clear",
@@ -40,12 +40,12 @@ var D = /* @__PURE__ */ e({ default: () => P }), te = ["for"], ne = { class: "re
 		"update:focused",
 		"mousedown:control"
 	],
-	setup(e, { expose: r, emit: D }) {
-		let P = e, F = D, I = S(), L = ee(null), R = P.id || `textarea-${C()}`, { isFocused: z, internalValue: B, updateModel: V, handleClear: H, validate: U, reset: W, resetValidation: G, hasError: K, displayedMessages: q, adjustHeight: oe, handleJsonEnter: J, isLocalChange: se } = i(P, F, L), ce = (e) => {
-			let t = L.value;
+	setup(e, { expose: n, emit: E }) {
+		let N = e, P = E, F = C(), I = _(null), L = N.id || `textarea-${w()}`, { isFocused: R, internalValue: z, updateModel: B, handleClear: V, validate: H, reset: U, resetValidation: W, hasError: G, displayedMessages: K, adjustHeight: q, handleJsonEnter: J, isLocalChange: se } = r(N, P, I), ce = (e) => {
+			let t = I.value;
 			t && e !== null && t.setSelectionRange(e.start, e.end);
 		}, le = () => {
-			let e = [], t = L.value?.parentElement;
+			let e = [], t = I.value?.parentElement;
 			for (; t;) t.scrollHeight > t.clientHeight && e.push({
 				el: t,
 				scrollTop: t.scrollTop
@@ -63,89 +63,89 @@ var D = /* @__PURE__ */ e({ default: () => P }), te = ["for"], ne = { class: "re
 				start: e.target.selectionStart,
 				end: e.target.selectionEnd
 			}, r = le();
-			se.value = !0, P.autoGrow && requestAnimationFrame(() => {
-				oe(), ce(n), ue(r);
+			se.value = !0, N.autoGrow && requestAnimationFrame(() => {
+				q(), ce(n), ue(r);
 			}), fe(t);
 		}, fe = t((e) => {
-			V(e);
-		}, P.debounceTime), pe = () => {
-			z.value = !0, F("update:focused", !0);
+			B(e);
+		}, N.debounceTime), pe = () => {
+			R.value = !0, P("update:focused", !0);
 		}, me = () => {
-			z.value = !1, F("update:focused", !1);
-		}, Y = o(() => z.value || !!B.value || P.dirty), X = o(() => typeof B.value == "string" ? B.value.length : 0), Z = o(() => P.counter === !0 ? 25 : P.counter || null), he = o(() => P.persistentCounter || P.counter && z.value), ge = o(() => [
+			R.value = !1, P("update:focused", !1);
+		}, Y = o(() => R.value || !!z.value || N.dirty), X = o(() => typeof z.value == "string" ? z.value.length : 0), Z = o(() => N.counter === !0 ? 25 : N.counter || null), he = o(() => N.persistentCounter || N.counter && R.value), ge = o(() => [
 			"relative w-full flex flex-col",
-			P.class,
-			P.wrapperClass
-		]), Q = o(() => P.persistentClear ? "opacity-100" : "hover:opacity-100 opacity-0 transition-opacity duration-200"), _e = o(() => {
-			let e = P.bgColor ? "" : P.variant === "filled" ? "bg-field-background" : "";
-			switch (P.variant) {
+			N.class,
+			N.wrapperClass
+		]), _e = o(() => N.persistentClear ? "opacity-100" : "hover:opacity-100 opacity-0 transition-opacity duration-200"), ve = o(() => {
+			let e = N.bgColor ? "" : N.variant === "filled" ? "bg-field-background" : "";
+			switch (N.variant) {
 				case "filled": return [e, "border border-transparent"];
 				case "outlined": return "border border-ui bg-transparent";
 				case "underlined": return "border-b border-ui bg-transparent rounded-none";
 				case "solo": return [e || "bg-ui-surface-raised", "shadow-md border-transparent"];
 				default: return "";
 			}
-		}), ve = o(() => P.density === "compact" ? "p-1" : P.density === "comfortable" ? "p-2" : "p-3"), ye = o(() => [
+		}), Q = o(() => N.density === "compact" ? "p-1" : N.density === "comfortable" ? "p-2" : "p-3"), ye = o(() => [
 			"w-full resize-none p-2 transition-colors duration-150 text-ui",
-			P.inputClass,
+			N.inputClass,
 			{
-				rounded: !P.tile,
-				"rounded-none": P.tile,
-				[`rounded-${P.rounded}`]: typeof P.rounded == "string" || typeof P.rounded == "number",
-				"shadow-md": P.variant === "solo" && !P.flat,
-				"shadow-none": P.flat,
-				[P.bgColor]: P.bgColor,
-				"text-ui-disabled bg-surface": P.disabled,
-				"focus:outline-none focus:ring-1": !P.disabled,
-				[`${P.focusRingColor}`]: P.focusRingColor && !P.disabled && !K.value,
-				"border-error ring-ui-focus": K.value,
-				"resize-none": P.noResize || P.autoGrow,
-				resize: !P.noResize && !P.autoGrow
+				rounded: !N.tile,
+				"rounded-none": N.tile,
+				[`rounded-${N.rounded}`]: typeof N.rounded == "string" || typeof N.rounded == "number",
+				"shadow-md": N.variant === "solo" && !N.flat,
+				"shadow-none": N.flat,
+				[N.bgColor]: N.bgColor,
+				"text-ui-disabled bg-surface": N.disabled,
+				"focus:outline-none focus:ring-1": !N.disabled,
+				[`${N.focusRingColor}`]: N.focusRingColor && !N.disabled && !G.value,
+				"border-error ring-ui-focus": G.value,
+				"resize-none": N.noResize || N.autoGrow,
+				resize: !N.noResize && !N.autoGrow
 			},
-			_e.value,
-			ve.value
+			ve.value,
+			Q.value
 		]), be = {
-			label: P.label,
-			isFocused: z,
+			label: N.label,
+			isFocused: R,
 			isActive: Y,
-			controlRef: L,
-			focus: () => L.value?.focus(),
-			blur: () => L.value?.blur(),
-			props: P
+			controlRef: I,
+			focus: () => I.value?.focus(),
+			blur: () => I.value?.blur(),
+			props: N
 		}, $ = {
-			isActive: !!B.value,
-			isFocused: z,
-			controlRef: L,
-			focus: () => L.value?.focus(),
-			blur: () => L.value?.blur(),
-			props: P
+			isActive: !!z.value,
+			isFocused: R,
+			controlRef: I,
+			focus: () => I.value?.focus(),
+			blur: () => I.value?.blur(),
+			props: N
 		}, xe = $, Se = $, Ce = o(() => {
-			let { class: e, ...t } = I;
+			let { class: e, ...t } = F;
 			return t;
 		});
-		return r({
-			validate: U,
-			reset: W,
-			resetValidation: G,
-			errorMessages: q,
-			isValid: o(() => !K.value),
-			focus: () => L.value?.focus(),
-			rootRef: L
+		return n({
+			validate: H,
+			reset: U,
+			resetValidation: W,
+			errorMessages: K,
+			isValid: o(() => !G.value),
+			focus: () => I.value?.focus(),
+			rootRef: I
 		}), (e, t) => (g(), l("div", p({
 			class: ge.value,
 			ref: "rootRef"
-		}, Ce.value), [v(e.$slots, "label", p({ for: x(R) }, be), () => [e.label ? (g(), l("label", {
+		}, Ce.value), [y(e.$slots, "label", p({ for: S(L) }, be), () => [e.label ? (g(), l("label", {
 			key: 0,
-			for: x(R),
+			for: S(L),
 			class: m(["absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10", Y.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"])
-		}, b(e.label), 11, te)) : c("", !0)]), u("div", ne, [
-			e.prependIcon || e.$slots.prepend ? (g(), l("div", re, [v(e.$slots, "prepend", h(f(x(xe))), () => [u("div", { onClick: t[0] ||= (t) => e.handleIconClick(t, "prepend") }, [(g(), s(y(x(n)(e.prependIcon))))])])])) : c("", !0),
-			e.prependInnerIcon || e.$slots["prepend-inner"] ? (g(), l("div", ie, [v(e.$slots, "prepend-inner", {}, () => [u("div", { onClick: t[1] ||= (t) => e.handleIconClick(t, "prependInner") }, [(g(), s(y(x(n)(e.prependInnerIcon))))])])])) : c("", !0),
+		}, x(e.label), 11, ne)) : c("", !0)]), u("div", re, [
+			e.prependIcon || e.$slots.prepend ? (g(), l("div", D, [y(e.$slots, "prepend", h(f(S(xe))), () => [u("div", { onClick: t[0] ||= (t) => e.handleIconClick(t, "prepend") }, [(g(), s(b(S(i)(e.prependIcon))))])])])) : c("", !0),
+			e.prependInnerIcon || e.$slots["prepend-inner"] ? (g(), l("div", O, [y(e.$slots, "prepend-inner", {}, () => [u("div", { onClick: t[1] ||= (t) => e.handleIconClick(t, "prependInner") }, [(g(), s(b(S(i)(e.prependInnerIcon))))])])])) : c("", !0),
 			u("textarea", {
 				ref_key: "textareaRef",
-				ref: L,
-				id: x(R),
-				value: x(B),
+				ref: I,
+				id: S(L),
+				value: S(z),
 				rows: e.autoGrow ? void 0 : e.rows,
 				disabled: e.disabled,
 				readonly: e.readonly,
@@ -153,7 +153,7 @@ var D = /* @__PURE__ */ e({ default: () => P }), te = ["for"], ne = { class: "re
 				onInput: de,
 				onFocus: pe,
 				onBlur: me,
-				onKeydown: t[2] ||= E((...e) => x(J) && x(J)(...e), ["enter"]),
+				onKeydown: t[2] ||= te((...e) => S(J) && S(J)(...e), ["enter"]),
 				onClick: t[3] ||= (t) => e.$emit("click:control", t),
 				onMousedown: t[4] ||= (t) => e.$emit("mousedown:control", t),
 				class: m(["bg-field-background", [ye.value]]),
@@ -162,39 +162,39 @@ var D = /* @__PURE__ */ e({ default: () => P }), te = ["for"], ne = { class: "re
 					"box-sizing": "border-box",
 					"overflow-y": "hidden"
 				}
-			}, null, 42, ae),
-			e.clearable && x(B) ? (g(), l("div", {
+			}, null, 42, ie),
+			e.clearable && S(z) ? (g(), l("div", {
 				key: 2,
-				class: m(["absolute right-2 top-2", Q.value])
-			}, [v(e.$slots, "clear", h(f($)), () => [e.clearIcon ? (g(), l("button", {
+				class: m(["absolute right-2 top-2", _e.value])
+			}, [y(e.$slots, "clear", h(f($)), () => [e.clearIcon ? (g(), l("button", {
 				key: 0,
 				type: "button",
-				onClick: t[5] ||= (...e) => x(H) && x(H)(...e),
+				onClick: t[5] ||= (...e) => S(V) && S(V)(...e),
 				class: "text-ui-muted hover:text-ui"
-			}, [(g(), s(y(x(n)(e.clearIcon))))])) : c("", !0)])], 2)) : c("", !0),
-			e.appendInnerIcon || e.$slots["append-inner"] ? (g(), l("div", O, [v(e.$slots, "append-inner", {}, () => [u("div", { onClick: t[6] ||= (t) => e.handleIconClick(t, "appendInner") }, [(g(), s(y(x(n)(e.appendInnerIcon))))])])])) : c("", !0),
-			e.appendIcon || e.$slots.append ? (g(), l("div", k, [v(e.$slots, "append", h(f(x(Se))), () => [u("div", { onClick: t[7] ||= (t) => e.handleIconClick(t, "append") }, [(g(), s(y(x(n)(e.appendIcon))))])])])) : c("", !0),
-			e.loading ? (g(), l("div", A, [v(e.$slots, "loader", {
+			}, [(g(), s(b(S(i)(e.clearIcon))))])) : c("", !0)])], 2)) : c("", !0),
+			e.appendInnerIcon || e.$slots["append-inner"] ? (g(), l("div", ae, [y(e.$slots, "append-inner", {}, () => [u("div", { onClick: t[6] ||= (t) => e.handleIconClick(t, "appendInner") }, [(g(), s(b(S(i)(e.appendInnerIcon))))])])])) : c("", !0),
+			e.appendIcon || e.$slots.append ? (g(), l("div", oe, [y(e.$slots, "append", h(f(S(Se))), () => [u("div", { onClick: t[7] ||= (t) => e.handleIconClick(t, "append") }, [(g(), s(b(S(i)(e.appendIcon))))])])])) : c("", !0),
+			e.loading ? (g(), l("div", k, [y(e.$slots, "loader", {
 				color: e.loadingColor,
 				isActive: !0
-			}, () => [u("div", j, [u("div", {
+			}, () => [u("div", A, [u("div", {
 				class: m(["h-full transition-all duration-300", [e.loadingColor]]),
 				style: { width: "100%" }
 			}, null, 2)])])])) : c("", !0),
-			!e.hideDetails || e.hideDetails === "auto" && (x(q).length || e.hint) ? (g(), l("div", {
+			!e.hideDetails || e.hideDetails === "auto" && (S(K).length || e.hint) ? (g(), l("div", {
 				key: 6,
 				class: m(["text-xs mt-1 space-y-1", {
-					"text-ui-error": x(K),
-					"text-ui-muted": !x(K)
+					"text-ui-error": S(G),
+					"text-ui-muted": !S(G)
 				}])
-			}, [v(e.$slots, "details", {}, () => [x(K) ? (g(!0), l(a, { key: 0 }, _(x(q), (t, n) => v(e.$slots, "message", { message: t }, () => [u("div", null, b(t), 1)], void 0, n)), 128)) : e.hint ? v(e.$slots, "hint", { hint: e.hint }, () => [T(u("div", null, b(e.hint), 513), [[w, e.persistentHint || x(z)]])], void 0, 1) : c("", !0)])], 2)) : c("", !0),
-			he.value ? (g(), l("div", M, [v(e.$slots, "counter", {
+			}, [y(e.$slots, "details", {}, () => [S(G) ? (g(!0), l(a, { key: 0 }, v(S(K), (t, n) => y(e.$slots, "message", { message: t }, () => [u("div", null, x(t), 1)], void 0, n)), 128)) : e.hint ? y(e.$slots, "hint", { hint: e.hint }, () => [ee(u("div", null, x(e.hint), 513), [[T, e.persistentHint || S(R)]])], void 0, 1) : c("", !0)])], 2)) : c("", !0),
+			he.value ? (g(), l("div", j, [y(e.$slots, "counter", {
 				counter: X.value,
 				max: Z.value,
 				value: X.value
-			}, () => [d(b(X.value), 1), Z.value ? (g(), l("span", N, " / " + b(Z.value), 1)) : c("", !0)])])) : c("", !0)
+			}, () => [d(x(X.value), 1), Z.value ? (g(), l("span", M, " / " + x(Z.value), 1)) : c("", !0)])])) : c("", !0)
 		])], 16));
 	}
 };
 //#endregion
-export { D as KunTextarea_exports, P as default };
+export { E as KunTextarea_exports, N as default };

package/dist/utils/renderIcon.js

@@ -1,12 +1,13 @@
+import { h as e, resolveComponent as t } from "vue";
 //#region src/utils/renderIcon.js
-function e(e, t = {}, n = null) {
-	return e ? typeof e == "string" ? h("span", {
-		class: e,
-		...t
-	}) : typeof e == "function" ? h(e, t) : h(resolveComponent("KunIcon"), {
-		icon: e,
-		...t
-	}) : n;
+function n(n, r = {}, i = null) {
+	return n ? typeof n == "string" ? e("span", {
+		class: n,
+		...r
+	}) : typeof n == "function" ? e(n, r) : e(t("KunIcon"), {
+		icon: n,
+		...r
+	}) : i;
 }
 //#endregion
-export { e as renderIconSlot };
+export { n as renderIconSlot };

package/package.json

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