adverich-kun-ui 0.1.621 → 0.1.623

package/dist/components/KunNumberField/src/components/KunNumberField.js

@@ -4,52 +4,59 @@ import n from "../../../KunBtn/src/components/KunBtn.js";
 import r from "../../../../icons/IconClose.js";
 import { KunNumberFieldProps as i } from "../composables/KunNumberFieldProps.js";
 import { useKunNumberField as a } from "../composables/useKunNumberFieldComposable.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, getCurrentInstance as ee, mergeProps as te, nextTick as ne, normalizeClass as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useSlots as y, withCtx as b } from "vue";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, getCurrentInstance as ee, mergeProps as te, nextTick as p, normalizeClass as m, openBlock as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, withCtx as x } from "vue";
 //#region src/components/KunNumberField/src/components/KunNumberField.vue
-var x = /* @__PURE__ */ e({ default: () => R }), S = {
+var S = /* @__PURE__ */ e({ default: () => z }), ne = ["for"], re = { class: "w-full flex flex-col justify-center relative" }, ie = {
 	key: 0,
 	class: "h-full"
-}, re = ["disabled"], ie = {
+}, ae = ["disabled"], oe = {
 	key: 1,
 	class: "mx-2"
-}, ae = {
+}, se = {
 	key: 2,
 	class: "flex items-center justify-center h-full pl-2"
-}, oe = [
+}, C = [
+	"id",
+	"name",
 	"value",
 	"placeholder",
 	"readonly",
 	"disabled",
+	"required",
 	"maxlength",
+	"autocomplete",
+	"min",
+	"max",
+	"step",
 	"aria-invalid"
-], C = {
+], w = {
 	key: 3,
 	class: "px-2"
-}, w = {
+}, T = {
 	key: 0,
 	class: "flex items-center h-full"
-}, T = ["disabled"], E = ["disabled"], D = {
+}, E = ["disabled"], D = ["disabled"], O = {
 	key: 1,
 	class: "flex flex-col items-center justify-center border-l border-slate-600"
-}, O = ["disabled"], k = ["disabled"], A = {
+}, k = ["disabled"], A = ["disabled"], j = {
 	key: 5,
 	class: "flex items-center justify-center h-full pr-1"
-}, j = {
+}, M = {
 	key: 6,
 	class: "h-full"
-}, M = ["disabled"], N = {
+}, N = ["disabled"], P = {
 	key: 7,
 	class: "ml-2"
-}, P = {
+}, F = {
 	key: 0,
 	class: "h-[1.25rem]"
-}, F = {
+}, I = {
 	key: 0,
 	class: "text-red-500 text-sm text-center"
-}, I = { key: 0 }, L = { key: 1 }, se = {
+}, L = { key: 0 }, ce = { key: 1 }, R = {
 	key: 1,
 	class: "text-xs text-center"
-}, R = {
+}, z = {
 	__name: "KunNumberField",
 	props: i,
 	emits: [
@@ -61,125 +68,130 @@ var x = /* @__PURE__ */ e({ default: () => R }), S = {
 		"keyDown",
 		"keyUp"
 	],
-	setup(e, { expose: i, emit: x }) {
-		let R = e, z = x, B = `number-input-${ee().uid}`, V = y(), H = !!V["prepend-icon"], U = !!V["append-icon"], { inputValue: W, numberInput: G, rootRef: K, onIncrement: q, onDecrement: J, onClear: ce, validateKey: Y, focus: X, handleFocus: Z, handleBlur: Q, handleInput: $ } = a(R, z);
+	setup(e, { expose: i, emit: S }) {
+		let z = e, B = S, V = z.id || `number-input-${ee().uid}`, H = b(), U = !!H["prepend-icon"], W = !!H["append-icon"], { inputValue: G, numberInput: K, rootRef: q, onIncrement: J, onDecrement: Y, onClear: le, validateKey: ue, focus: X, handleFocus: Z, handleBlur: Q, handleInput: $ } = a(z, B);
 		i({
-			numberInput: G,
-			rootRef: K,
+			numberInput: K,
+			rootRef: q,
 			focus: () => {
-				G.value && G.value.focus(), ne(() => {
-					G.value && G.value.focus();
+				K.value && K.value.focus(), p(() => {
+					K.value && K.value.focus();
 				});
 			}
 		});
-		let le = s(() => R.density === "compact" ? "p-1" : R.density === "comfortable" ? "p-2" : "p-3");
-		return (e, i) => (m(), u("div", {
+		let de = s(() => z.density === "compact" ? "p-1" : z.density === "comfortable" ? "p-2" : "p-3"), fe = s(() => Number.isFinite(Number(z.min)) ? z.min : null), pe = s(() => Number.isFinite(Number(z.max)) ? z.max : null);
+		return (e, i) => (h(), u("div", {
 			class: "w-full flex flex-col relative h-fit",
 			ref_key: "rootRef",
-			ref: K
-		}, [e.label ? (m(), u("label", {
+			ref: q
+		}, [e.label ? (h(), u("label", {
 			key: 0,
-			for: B,
-			class: p([
+			for: y(V),
+			class: m([
 				e.labelColor,
 				"absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10",
 				"-top-2.25 text-xs opacity-80"
 			])
-		}, _(e.label), 3)) : l("", !0), d("div", te({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [d("div", { class: p(["flex items-center w-full h-full border", [
+		}, v(e.label), 11, ne)) : l("", !0), d("div", re, [d("div", { class: m(["flex items-center w-full h-full border", [
 			e.bgInput,
 			e.rounded,
-			v(X) ? "border-slate-400 dark:border-slate-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
+			y(X) ? "border-slate-400 dark:border-slate-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
 			e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-text",
 			e.error ? "bg-red-200 dark:bg-red-900" : ""
 		]]) }, [
-			!e.noArrows && e.controlVariant === "split" ? (m(), u("div", S, [d("button", {
+			!e.noArrows && e.controlVariant === "split" ? (h(), u("div", ie, [d("button", {
 				type: "button",
 				class: "p-3 text-lg border-r border-slate-600 text-black dark:text-white disabled:opacity-50 cursor-pointer hover:opacity-80",
-				onClick: i[0] ||= (...e) => v(J) && v(J)(...e),
+				onClick: i[0] ||= (...e) => y(Y) && y(Y)(...e),
 				disabled: e.disabled || e.readonly
-			}, "−", 8, re)])) : l("", !0),
-			e.prefix ? (m(), u("div", ie, _(e.prefix), 1)) : l("", !0),
-			e.prependIcon || H ? (m(), u("div", ae, [e.prependIcon ? (m(), c(t, {
+			}, "−", 8, ae)])) : l("", !0),
+			e.prefix ? (h(), u("div", oe, v(e.prefix), 1)) : l("", !0),
+			e.prependIcon || U ? (h(), u("div", se, [e.prependIcon ? (h(), c(t, {
 				key: 0,
 				icon: e.prependIcon
-			}, null, 8, ["icon"])) : g(e.$slots, "prepend-icon", {}, void 0, void 0, 1)])) : l("", !0),
-			d("input", {
-				id: B,
+			}, null, 8, ["icon"])) : _(e.$slots, "prepend-icon", {}, void 0, void 0, 1)])) : l("", !0),
+			d("input", te(e.$attrs, {
+				id: y(V),
+				name: e.name,
 				ref_key: "numberInput",
-				ref: G,
+				ref: K,
 				type: "text",
-				value: v(W),
+				value: y(G),
 				placeholder: e.placeholder,
 				readonly: e.readonly,
 				disabled: e.disabled,
+				required: e.required,
 				maxlength: e.maxlength,
-				autocomplete: "off",
-				class: p(["w-full h-full bg-transparent rounded focus:outline-none", [
-					le.value,
+				autocomplete: e.autocomplete,
+				min: fe.value,
+				max: pe.value,
+				step: e.step,
+				class: ["w-full h-full bg-transparent rounded focus:outline-none", [
+					de.value,
 					e.textColor,
 					e.placeholderColor,
 					e.textCenter ? "text-center" : ""
-				]]),
+				]],
 				"aria-invalid": e.error ? "true" : "false",
-				onBlur: i[1] ||= (...e) => v(Q) && v(Q)(...e),
-				onFocus: i[2] ||= (...e) => v(Z) && v(Z)(...e),
-				onInput: i[3] ||= (...e) => v($) && v($)(...e),
-				onKeydown: i[4] ||= (e) => (v(Y)(e), z("keyDown", e)),
-				onKeyup: i[5] ||= (e) => z("keyUp", e),
+				onBlur: i[1] ||= (...e) => y(Q) && y(Q)(...e),
+				onFocus: i[2] ||= (...e) => y(Z) && y(Z)(...e),
+				onInput: i[3] ||= (...e) => y($) && y($)(...e),
+				onKeydown: i[4] ||= (e) => (y(ue)(e), B("keyDown", e)),
+				onKeyup: i[5] ||= (e) => B("keyUp", e),
 				inputmode: "decimal",
 				pattern: "[0-9]+([\\.,][0-9]+)?"
-			}, null, 42, oe),
-			e.clearable && v(W) != null ? (m(), u("div", C, [f(n, {
-				onClick: v(ce),
+			}), null, 16, C),
+			e.clearable && y(G) != null ? (h(), u("div", w, [f(n, {
+				onClick: y(le),
 				rounded: "rounded-full",
 				bgColor: "bg-red-500/75",
 				disabled: e.disabled || e.readonly,
 				class: "h-6 w-6"
 			}, {
-				default: b(() => [f(t, {
+				default: x(() => [f(t, {
 					icon: r,
 					size: "text-xs"
 				})]),
 				_: 1
 			}, 8, ["onClick", "disabled"])])) : l("", !0),
-			e.noArrows ? l("", !0) : (m(), u(o, { key: 4 }, [e.controlVariant === "default" ? (m(), u("div", w, [d("button", {
+			e.noArrows ? l("", !0) : (h(), u(o, { key: 4 }, [e.controlVariant === "default" ? (h(), u("div", T, [d("button", {
 				type: "button",
 				class: "flex items-center border-l border-slate-600 p-3 justify-center text-black dark:text-white hover:text-black/80 dark:hover:text-white/80 disabled:opacity-50 cursor-pointer hover:opacity-80",
-				onClick: i[6] ||= (...e) => v(q) && v(q)(...e),
+				onClick: i[6] ||= (...e) => y(J) && y(J)(...e),
 				disabled: e.disabled || e.readonly
-			}, "▲", 8, T), d("button", {
+			}, "▲", 8, E), d("button", {
 				type: "button",
 				class: "flex items-center border-l border-slate-600 p-3 justify-center text-black dark:text-white hover:text-black/80 dark:hover:text-white/80 disabled:opacity-50 cursor-pointer hover:opacity-80",
-				onClick: i[7] ||= (...e) => v(J) && v(J)(...e),
+				onClick: i[7] ||= (...e) => y(Y) && y(Y)(...e),
 				disabled: e.disabled || e.readonly
-			}, "▼", 8, E)])) : l("", !0), e.controlVariant === "stacked" ? (m(), u("div", D, [d("div", {
+			}, "▼", 8, D)])) : l("", !0), e.controlVariant === "stacked" ? (h(), u("div", O, [d("div", {
 				class: "border-b border-slate-600 pb-1 px-3 flex hover:opacity-80 cursor-pointer",
-				onClick: i[8] ||= (...e) => v(q) && v(q)(...e)
+				onClick: i[8] ||= (...e) => y(J) && y(J)(...e)
 			}, [d("button", {
 				type: "button",
 				class: "text-xs text-black dark:text-white hover:text-black/80 dark:hover:text-white/80 disabled:opacity-50 cursor-pointer",
 				disabled: e.disabled || e.readonly
-			}, "▲", 8, O)]), d("div", {
+			}, "▲", 8, k)]), d("div", {
 				class: "border-t border-slate-600 pt-1 px-3 flex hover:opacity-80 cursor-pointer",
-				onClick: i[9] ||= (...e) => v(J) && v(J)(...e)
+				onClick: i[9] ||= (...e) => y(Y) && y(Y)(...e)
 			}, [d("button", {
 				type: "button",
 				class: "text-xs text-black dark:text-white hover:text-black/80 dark:hover:text-white/80 disabled:opacity-50 cursor-pointer",
 				disabled: e.disabled || e.readonly
-			}, "▼", 8, k)])])) : l("", !0)], 64)),
-			e.appendIcon || U ? (m(), u("div", A, [e.appendIcon ? (m(), c(t, {
+			}, "▼", 8, A)])])) : l("", !0)], 64)),
+			e.appendIcon || W ? (h(), u("div", j, [e.appendIcon ? (h(), c(t, {
 				key: 0,
 				icon: e.appendIcon
-			}, null, 8, ["icon"])) : g(e.$slots, "append-icon", {}, void 0, void 0, 1)])) : l("", !0),
-			!e.noArrows && e.controlVariant === "split" ? (m(), u("div", j, [d("button", {
+			}, null, 8, ["icon"])) : _(e.$slots, "append-icon", {}, void 0, void 0, 1)])) : l("", !0),
+			!e.noArrows && e.controlVariant === "split" ? (h(), u("div", M, [d("button", {
 				type: "button",
 				class: "p-3 text-lg border-l border-slate-600 text-black dark:text-white disabled:opacity-50 cursor-pointer hover:opacity-80",
-				onClick: i[10] ||= (...e) => v(q) && v(q)(...e),
+				onClick: i[10] ||= (...e) => y(J) && y(J)(...e),
 				disabled: e.disabled || e.readonly
-			}, "+", 8, M)])) : l("", !0),
-			e.suffix ? (m(), u("div", N, _(e.suffix), 1)) : l("", !0)
-		], 2), e.hideDetails ? l("", !0) : (m(), u("div", P, [e.error || e.errorMessages ? (m(), u("div", F, [Array.isArray(e.errorMessages) ? (m(), u("div", I, [(m(!0), u(o, null, h(e.errorMessages, (e, t) => (m(), u("div", { key: t }, _(e), 1))), 128))])) : typeof e.errorMessages == "string" ? (m(), u("div", L, _(e.errorMessages), 1)) : l("", !0)])) : e.hint && (e.persistentHint || v(X)) ? (m(), u("div", se, _(e.hint), 1)) : l("", !0)]))], 16)], 512));
+			}, "+", 8, N)])) : l("", !0),
+			e.suffix ? (h(), u("div", P, v(e.suffix), 1)) : l("", !0)
+		], 2), e.hideDetails ? l("", !0) : (h(), u("div", F, [e.error || e.errorMessages ? (h(), u("div", I, [Array.isArray(e.errorMessages) ? (h(), u("div", L, [(h(!0), u(o, null, g(e.errorMessages, (e, t) => (h(), u("div", { key: t }, v(e), 1))), 128))])) : typeof e.errorMessages == "string" ? (h(), u("div", ce, v(e.errorMessages), 1)) : l("", !0)])) : e.hint && (e.persistentHint || y(X)) ? (h(), u("div", R, v(e.hint), 1)) : l("", !0)]))])], 512));
 	}
 };
 //#endregion
-export { x as KunNumberField_exports, R as default };
+export { S as KunNumberField_exports, z as default };

package/dist/components/KunNumberField/src/composables/KunNumberFieldProps.js

@@ -79,6 +79,22 @@ var e = {
 		type: Array,
 		default: () => []
 	},
+	id: {
+		type: String,
+		default: null
+	},
+	name: {
+		type: String,
+		default: null
+	},
+	autocomplete: {
+		type: String,
+		default: "off"
+	},
+	required: {
+		type: Boolean,
+		default: !1
+	},
 	disabled: {
 		type: Boolean,
 		default: !1

package/dist/components/KunTextField/src/components/KunTextField.js

@@ -5,34 +5,42 @@ import r from "../composables/KunTextFieldProps.js";
 import i from "../composables/useKunTextFieldComposable.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, getCurrentInstance as d, mergeProps as f, nextTick as p, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, withModifiers as x } from "vue";
 //#region src/components/KunTextField/src/components/KunTextField.vue
-var S = /* @__PURE__ */ e({ default: () => j }), C = {
+var S = /* @__PURE__ */ e({ default: () => M }), C = ["for"], w = { class: "w-full flex flex-col justify-center relative" }, T = {
 	key: 0,
 	class: "mr-2"
-}, w = [
+}, E = [
 	"type",
 	"value",
+	"id",
+	"name",
 	"placeholder",
+	"autocomplete",
+	"required",
 	"disabled",
 	"readonly",
+	"inputmode",
+	"minlength",
 	"maxlength",
+	"pattern",
+	"spellcheck",
 	"aria-invalid",
 	"aria-describedby"
-], T = {
+], D = {
 	key: 3,
 	class: "flex items-center justify-center min-w-[32px] h-full px-1"
-}, E = {
+}, ee = {
 	key: 5,
 	class: "ml-2"
-}, D = {
+}, O = {
 	key: 0,
 	class: "h-[1.25rem]"
-}, O = ["id"], k = {
+}, k = ["id"], A = {
 	key: 1,
 	class: "text-xs text-center"
-}, A = {
+}, j = {
 	key: 2,
 	class: "text-xs text-right"
-}, j = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+}, M = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
 	__name: "KunTextField",
 	props: { ...r },
 	emits: [
@@ -45,82 +53,89 @@ var S = /* @__PURE__ */ e({ default: () => j }), C = {
 		"enter"
 	],
 	setup(e, { expose: r, emit: S }) {
-		let j = e, M = S, { inputField: N, inputValue: P, rootRef: F, inputFocused: I, validationError: L, hasError: R, handleInput: z, handleBlur: B, focusInput: V, validate: H, reset: U, resetValidation: W, clearInput: G } = i(j, M), K = (e) => {
-			M("keyDown", e), e.key === "Enter" && (e.preventDefault(), M("enter", e));
+		let M = e, N = S, { inputField: P, inputValue: F, rootRef: I, inputFocused: L, validationError: R, hasError: z, handleInput: B, handleBlur: V, focusInput: H, validate: U, reset: W, resetValidation: G, clearInput: K } = i(M, N), q = (e) => {
+			N("keyDown", e), e.key === "Enter" && (e.preventDefault(), N("enter", e));
 		};
 		r({
-			validate: H,
-			reset: U,
-			resetValidation: W,
-			inputField: N,
-			rootRef: F,
+			validate: U,
+			reset: W,
+			resetValidation: G,
+			inputField: P,
+			rootRef: I,
 			focus: () => {
-				N.value && N.value.focus(), p(() => {
-					N.value && N.value.focus();
+				P.value && P.value.focus(), p(() => {
+					P.value && P.value.focus();
 				});
 			}
 		});
-		let q = `input-${d().uid}`, J = a(() => I.value || P.value !== "" || j.dirty), Y = b(), X = a(() => !!Y["prepend-inner"]), Z = a(() => !!Y["append-inner"]), Q = g(!1), $ = a(() => Q.value ? n.eyeOffOutline : n.eyeOutline);
-		function ee() {
-			Q.value = !Q.value;
+		let J = M.id || `input-${d().uid}`, Y = a(() => L.value || F.value !== "" || M.dirty), X = b(), Z = a(() => !!X["prepend-inner"]), Q = a(() => !!X["append-inner"]), $ = g(!1), te = a(() => $.value ? n.eyeOffOutline : n.eyeOutline);
+		function ne() {
+			$.value = !$.value;
 		}
-		let te = a(() => j.type === "password" ? Q.value ? "text" : "password" : j.type), ne = a(() => j.density === "compact" ? "p-1" : j.density === "comfortable" ? "p-2" : "p-3");
+		let re = a(() => M.type === "password" ? $.value ? "text" : "password" : M.type), ie = a(() => M.density === "compact" ? "p-1" : M.density === "comfortable" ? "p-2" : "p-3");
 		return (e, r) => (h(), c("div", {
 			class: "w-full flex flex-col relative",
 			ref_key: "rootRef",
-			ref: F
+			ref: I
 		}, [e.label ? (h(), c("label", {
 			key: 0,
-			for: q,
+			for: y(J),
 			class: m([
 				e.labelColor,
 				"absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10",
-				J.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
+				Y.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
 			])
-		}, v(e.label), 3)) : s("", !0), l("div", f({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [l("div", { class: m(["flex flex-row items-center w-full h-full border", [
+		}, v(e.label), 11, C)) : s("", !0), l("div", w, [l("div", { class: m(["flex flex-row items-center w-full h-full border", [
 			e.bgInput,
 			e.rounded,
-			y(I) ? "border-slate-400 dark:border-slate-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
+			y(L) ? "border-slate-400 dark:border-slate-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
 			e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-text",
-			y(R) ? "bg-red-200 dark:bg-red-900" : ""
+			y(z) ? "bg-red-200 dark:bg-red-900" : ""
 		]]) }, [
-			e.prefix ? (h(), c("div", C, v(e.prefix), 1)) : s("", !0),
-			X.value ? (h(), c("div", {
+			e.prefix ? (h(), c("div", T, v(e.prefix), 1)) : s("", !0),
+			Z.value ? (h(), c("div", {
 				key: 1,
 				class: m([e.prependInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
 			}, [_(e.$slots, "prepend-inner")], 2)) : s("", !0),
 			_(e.$slots, "prepend-input-content"),
-			l("input", {
+			l("input", f({
 				ref_key: "inputField",
-				ref: N,
-				type: te.value,
-				value: y(P),
-				id: q,
+				ref: P
+			}, e.$attrs, {
+				type: re.value,
+				value: y(F),
+				id: y(J),
+				name: e.name,
 				placeholder: e.placeholder,
+				autocomplete: e.autocomplete,
+				required: e.required,
 				disabled: e.disabled,
 				readonly: e.readonly,
+				inputmode: e.inputmode,
+				minlength: e.minlength,
 				maxlength: e.maxlength,
-				autocomplete: "off",
-				class: m(["w-full h-full bg-transparent focus:outline-none", [
-					ne.value,
+				pattern: e.pattern,
+				spellcheck: e.spellcheck,
+				class: ["w-full h-full bg-transparent focus:outline-none", [
+					ie.value,
 					e.textColor,
 					e.placeholderColor,
 					e.rounded,
 					e.textCenter ? "text-center" : "",
 					e.inputStyle
-				]]),
-				"aria-invalid": y(R) ? "true" : "false",
-				"aria-describedby": y(R) ? `error-${q}` : null,
-				onInput: r[0] ||= (...e) => y(z) && y(z)(...e),
-				onBlur: r[1] ||= (...e) => y(B) && y(B)(...e),
-				onFocus: r[2] ||= (...e) => y(V) && y(V)(...e),
-				onClick: r[3] ||= x((e) => M("handleClick"), ["stop"]),
-				onKeydown: K,
-				onKeyup: r[4] ||= (e) => M("keyUp", e)
-			}, null, 42, w),
-			e.clearable && y(P) ? (h(), o(t, {
+				]],
+				"aria-invalid": y(z) ? "true" : "false",
+				"aria-describedby": y(z) ? `error-${y(J)}` : null,
+				onInput: r[0] ||= (...e) => y(B) && y(B)(...e),
+				onBlur: r[1] ||= (...e) => y(V) && y(V)(...e),
+				onFocus: r[2] ||= (...e) => y(H) && y(H)(...e),
+				onClick: r[3] ||= x((e) => N("handleClick"), ["stop"]),
+				onKeydown: q,
+				onKeyup: r[4] ||= (e) => N("keyUp", e)
+			}), null, 16, E),
+			e.clearable && y(F) ? (h(), o(t, {
 				key: 2,
-				onClick: y(G),
+				onClick: y(K),
 				size: "small",
 				color: "error",
 				icon: y(n).close,
@@ -133,21 +148,21 @@ var S = /* @__PURE__ */ e({ default: () => j }), C = {
 				"disabled"
 			])) : s("", !0),
 			_(e.$slots, "default"),
-			e.type === "password" && e.showPasswordToggle ? (h(), c("div", T, [u(t, {
-				icon: $.value,
-				onClick: ee
+			e.type === "password" && e.showPasswordToggle ? (h(), c("div", D, [u(t, {
+				icon: te.value,
+				onClick: ne
 			}, null, 8, ["icon"])])) : s("", !0),
-			Z.value ? (h(), c("div", {
+			Q.value ? (h(), c("div", {
 				key: 4,
 				class: m([e.appendInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
 			}, [_(e.$slots, "append-inner")], 2)) : s("", !0),
-			e.suffix ? (h(), c("div", E, v(e.suffix), 1)) : s("", !0)
-		], 2), e.hideDetails ? s("", !0) : (h(), c("div", D, [y(R) ? (h(), c("div", {
+			e.suffix ? (h(), c("div", ee, v(e.suffix), 1)) : s("", !0)
+		], 2), e.hideDetails ? s("", !0) : (h(), c("div", O, [y(z) ? (h(), c("div", {
 			key: 0,
-			id: `error-${q}`,
+			id: `error-${y(J)}`,
 			class: "text-red-500 text-sm text-center"
-		}, v(y(L) || e.errorMessage), 9, O)) : e.hint && (e.persistentHint || y(I)) ? (h(), c("div", k, v(e.hint), 1)) : s("", !0), e.counter && e.maxlength ? (h(), c("div", A, v(y(P)?.length || 0) + " / " + v(e.maxlength), 1)) : s("", !0)]))], 16)], 512));
+		}, v(y(R) || e.errorMessage), 9, k)) : e.hint && (e.persistentHint || y(L)) ? (h(), c("div", A, v(e.hint), 1)) : s("", !0), e.counter && e.maxlength ? (h(), c("div", j, v(y(F)?.length || 0) + " / " + v(e.maxlength), 1)) : s("", !0)]))])], 512));
 	}
 });
 //#endregion
-export { S as KunTextField_exports, j as default };
+export { S as KunTextField_exports, M as default };

package/dist/components/KunTextField/src/composables/KunTextFieldProps.js

@@ -80,6 +80,22 @@ var e = {
 		type: Array,
 		default: () => []
 	},
+	id: {
+		type: String,
+		default: null
+	},
+	name: {
+		type: String,
+		default: null
+	},
+	autocomplete: {
+		type: String,
+		default: "off"
+	},
+	required: {
+		type: Boolean,
+		default: !1
+	},
 	disabled: {
 		type: Boolean,
 		default: !1
@@ -88,6 +104,14 @@ var e = {
 		type: Boolean,
 		default: !1
 	},
+	inputmode: {
+		type: String,
+		default: null
+	},
+	minlength: {
+		type: [Number, String],
+		default: null
+	},
 	clearable: {
 		type: Boolean,
 		default: !1
@@ -96,6 +120,14 @@ var e = {
 		type: [Number, String],
 		default: null
 	},
+	pattern: {
+		type: String,
+		default: null
+	},
+	spellcheck: {
+		type: [Boolean, String],
+		default: null
+	},
 	counter: {
 		type: Boolean,
 		default: !1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.621",
+  "version": "0.1.623",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",
@@ -22,7 +22,8 @@
     "autoprefixer": "^10.5.4",
     "prettier": "^3.9.6",
     "vite": "^8.2.2",
-    "vite-plugin-vue-devtools": "^8.2.1"
+    "vite-plugin-vue-devtools": "^8.2.1",
+    "vue-router": "^5.2.0"
   },
   "peerDependencies": {
     "tailwindcss": "^4.1.8",
@@ -54,8 +55,5 @@
   },
   "sideEffects": [
     "*.css"
-  ],
-  "dependencies": {
-    "vue-router": "^4.0.0 || ^5.0.0"
-  }
+  ]
 }