@luis-angel-martin-dzul/input-styles 0.0.34 → 0.0.36

package/dist/input-yuc.es.js

@@ -3615,10 +3615,9 @@ var xo = class e {
 			}, 200);
 		});
 	}
-}, Co = 8, wo = 8, To = "#0369a1", Eo = "rgba(186, 230, 253, 0.22)", Do = !1;
-function Oo() {
-	if (Do || typeof document > "u") return;
-	Do = !0;
+}, Co = 8, wo = 8, To = "rgba(3, 105, 161, 0.82)";
+function Eo() {
+	if (typeof document > "u" || document.head.querySelector("style[data-style-tooltip]")) return;
 	let e = document.createElement("style");
 	e.setAttribute("data-style-tooltip", ""), e.textContent = `
 .style-tooltip {
@@ -3626,19 +3625,18 @@ function Oo() {
     z-index: 9999;
     width: max-content;
     max-width: min(260px, calc(100vw - 16px));
-    padding: 7px 11px;
-    border-radius: 9px;
+    padding: 4px 8px;
+    border-radius: 2px; /* rounded-sm */
     background: ${To};
-    border: 1px solid ${Eo};
-    color: #f0f9ff;
-    font-size: 12px;
+    color: #fff;
+    font-size: 11px;
     font-weight: 500;
-    line-height: 1.45;
-    letter-spacing: 0.1px;
+    line-height: 1.4;
+    letter-spacing: 0.35px;
     text-align: center;
     white-space: normal;
     text-decoration: none;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14), 0 10px 28px -8px rgba(0, 0, 0, 0.45);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
     cursor: default;
     opacity: 0;
     transform: translateY(6px) scale(0.97);
@@ -3651,46 +3649,47 @@ function Oo() {
 }
 .style-tooltip.is-visible { opacity: 1; transform: translateY(0) scale(1); }
 
-/* Flecha: cuadrado rotado 45° (diamante), sin borde y con el mismo fondo sólido
-   que el globo, para que todo se vea del mismo color. */
+/* Flecha: triángulo fuera del globo (no se superpone), así la transparencia
+   no genera una zona más oscura donde se unen. */
 .style-tooltip-arrow {
     position: absolute;
-    width: 10px;
-    height: 10px;
-    background: ${To};
-    transform: translateX(-50%) rotate(45deg);
+    width: 0;
+    height: 0;
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;
+    transform: translateX(-50%);
 }
 .style-tooltip.is-top .style-tooltip-arrow {
     top: 100%;
-    margin-top: -5px;
+    border-top: 5px solid ${To};
 }
 .style-tooltip.is-bottom .style-tooltip-arrow {
     bottom: 100%;
-    margin-bottom: -5px;
+    border-bottom: 5px solid ${To};
 }
 `, document.head.appendChild(e);
 }
-function ko(e, t, n) {
+function Do(e, t, n) {
 	let r = e.getBoundingClientRect(), i = document.documentElement.clientWidth, a = window.innerHeight, o = t.offsetWidth, s = t.offsetHeight, c = r.top, l = a - r.bottom, u = c < s + wo + Co && l > c, d = u ? r.bottom + wo : r.top - wo - s, f = r.left + r.width / 2, p = f - o / 2;
 	p = Math.max(Co, Math.min(p, i - o - Co));
 	let m = f - p;
 	m = Math.max(12, Math.min(m, o - 12)), t.classList.toggle("is-bottom", u), t.classList.toggle("is-top", !u), t.style.top = `${d}px`, t.style.left = `${p}px`, n.style.left = `${m}px`;
 }
-function Ao(e) {
+function Oo(e) {
 	if (e.tip || !e.text) return;
 	let t = document.createElement("span");
 	t.className = "style-tooltip is-top", t.setAttribute("role", "tooltip"), t.textContent = e.text;
 	let n = document.createElement("span");
-	n.className = "style-tooltip-arrow", t.appendChild(n), document.body.appendChild(t), e.tip = t, e.arrow = n, ko(e.anchor, t, n), requestAnimationFrame(() => {
+	n.className = "style-tooltip-arrow", t.appendChild(n), document.body.appendChild(t), e.tip = t, e.arrow = n, Do(e.anchor, t, n), requestAnimationFrame(() => {
 		e.tip && t.classList.add("is-visible");
-	}), e.reposition = () => ko(e.anchor, t, n), window.addEventListener("scroll", e.reposition, !0), window.addEventListener("resize", e.reposition);
+	}), e.reposition = () => Do(e.anchor, t, n), window.addEventListener("scroll", e.reposition, !0), window.addEventListener("resize", e.reposition);
 }
-function jo(e) {
+function ko(e) {
 	e.tip && (window.removeEventListener("scroll", e.reposition, !0), window.removeEventListener("resize", e.reposition), e.tip.remove(), e.tip = null, e.arrow = null, e.reposition = null);
 }
-var Mo = {
-	mounted(e, t) {
-		Oo();
+function Ao(e, t) {
+	Eo();
+	{
 		let n = {
 			anchor: e,
 			text: t.value == null ? "" : String(t.value),
@@ -3699,30 +3698,36 @@ var Mo = {
 			reposition: null
 		};
 		n.lastPointerType = "mouse", n.onEnter = (e) => {
-			e.pointerType === "mouse" && Ao(n);
+			e.pointerType === "mouse" && Oo(n);
 		}, n.onLeave = (e) => {
-			e.pointerType === "mouse" && jo(n);
+			e.pointerType === "mouse" && ko(n);
 		}, n.onPointerDown = (e) => {
 			n.lastPointerType = e.pointerType;
 		}, n.onClick = () => {
-			n.lastPointerType !== "mouse" && (n.tip ? jo(n) : Ao(n));
+			n.lastPointerType !== "mouse" && (n.tip ? ko(n) : Oo(n));
 		}, n.onOutside = (t) => {
-			n.tip && e !== t.target && !e.contains(t.target) && !n.tip.contains(t.target) && jo(n);
+			n.tip && e !== t.target && !e.contains(t.target) && !n.tip.contains(t.target) && ko(n);
 		}, e.addEventListener("pointerenter", n.onEnter), e.addEventListener("pointerleave", n.onLeave), e.addEventListener("pointerdown", n.onPointerDown), e.addEventListener("click", n.onClick), document.addEventListener("click", n.onOutside), e._styleTooltip = n;
+	}
+}
+var jo = {
+	mounted(e, t) {
+		Ao(e, t);
 	},
 	updated(e, t) {
+		e._styleTooltip || Ao(e, t);
 		let n = e._styleTooltip;
-		n && (n.text = t.value == null ? "" : String(t.value), n.tip && (n.tip.firstChild.textContent = n.text, ko(n.anchor, n.tip, n.arrow)));
+		n && (n.text = t.value == null ? "" : String(t.value), n.tip && (n.tip.firstChild.textContent = n.text, Do(n.anchor, n.tip, n.arrow)));
 	},
 	beforeUnmount(e) {
 		let t = e._styleTooltip;
-		t && (jo(t), e.removeEventListener("pointerenter", t.onEnter), e.removeEventListener("pointerleave", t.onLeave), e.removeEventListener("pointerdown", t.onPointerDown), e.removeEventListener("click", t.onClick), document.removeEventListener("click", t.onOutside), delete e._styleTooltip);
+		t && (ko(t), e.removeEventListener("pointerenter", t.onEnter), e.removeEventListener("pointerleave", t.onLeave), e.removeEventListener("pointerdown", t.onPointerDown), e.removeEventListener("click", t.onClick), document.removeEventListener("click", t.onOutside), delete e._styleTooltip);
 	}
 }, $ = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, No = {
+}, Mo = {
 	name: "InputAutocompleteStyle",
 	props: {
 		modelValue: [
@@ -4022,31 +4027,31 @@ var Mo = {
 	beforeUnmount() {
 		document.removeEventListener("mousedown", this.handleClickOutside), window.removeEventListener("scroll", this.onScrollReposition, !0), window.removeEventListener("resize", this.schedulePosition), this.positionRaf && cancelAnimationFrame(this.positionRaf);
 	}
-}, Po = {
+}, No = {
 	class: "w-full",
 	ref: "selectContainer"
-}, Fo = ["for"], Io = { class: "relative" }, Lo = {
+}, Po = ["for"], Fo = { class: "relative" }, Io = {
 	class: "relative group",
 	ref: "inputWrap"
-}, Ro = [
+}, Lo = [
 	"id",
 	"name",
 	"autofocus",
 	"value",
 	"placeholder",
 	"disabled"
-], zo = ["data-index", "onClick"];
-function Bo(n, r, u, d, f, _) {
+], Ro = ["data-index", "onClick"];
+function zo(n, r, u, d, f, _) {
 	let b = v("font-awesome-icon");
-	return h(), o("div", Po, [
+	return h(), o("div", No, [
 		s("label", {
 			class: p(_.labelClass),
 			for: _.resolvedId
 		}, [c(y(u.label) + " ", 1), u.required ? (h(), o("span", {
 			key: 0,
 			class: p(_.requiredClass)
-		}, "*", 2)) : a("", !0)], 10, Fo),
-		s("div", Io, [s("div", Lo, [s("input", {
+		}, "*", 2)) : a("", !0)], 10, Po),
+		s("div", Fo, [s("div", Io, [s("input", {
 			type: "text",
 			id: _.resolvedId,
 			name: u.name,
@@ -4060,7 +4065,7 @@ function Bo(n, r, u, d, f, _) {
 			onFocus: r[1] ||= (...e) => _.onFocus && _.onFocus(...e),
 			onClick: r[2] ||= (...e) => _.openOptions && _.openOptions(...e),
 			onKeydown: r[3] ||= (...e) => _.handleKeydown && _.handleKeydown(...e)
-		}, null, 42, Ro), s("span", {
+		}, null, 42, Lo), s("span", {
 			onClick: r[4] ||= (...e) => _.toggleOptions && _.toggleOptions(...e),
 			class: p(["absolute right-3 top-0 bottom-0 flex items-center", u.disabled ? "cursor-not-allowed" : "cursor-pointer"])
 		}, [l(b, {
@@ -4082,7 +4087,7 @@ function Bo(n, r, u, d, f, _) {
 			"data-index": e.index,
 			onClick: (t) => _.selectOption(e.item),
 			class: p(_.getOptionClass(e.item, e.index))
-		}, y(e.item.text), 11, zo))), 128))], 64))), 128)), _.visibleItems.length === 0 ? (h(), o("li", {
+		}, y(e.item.text), 11, Ro))), 128))], 64))), 128)), _.visibleItems.length === 0 ? (h(), o("li", {
 			key: 0,
 			class: p(_.emptyClass)
 		}, "Sin registros", 2)) : a("", !0)], 64))], 6)) : a("", !0)]))]),
@@ -4092,7 +4097,7 @@ function Bo(n, r, u, d, f, _) {
 		}, y(u.description), 3)) : a("", !0)
 	], 512);
 }
-var Vo = /*#__PURE__*/ $(No, [["render", Bo]]), Ho = [
+var Bo = /*#__PURE__*/ $(Mo, [["render", zo]]), Vo = [
 	"enero",
 	"febrero",
 	"marzo",
@@ -4105,7 +4110,7 @@ var Vo = /*#__PURE__*/ $(No, [["render", Bo]]), Ho = [
 	"octubre",
 	"noviembre",
 	"diciembre"
-], Uo = [
+], Ho = [
 	"ene",
 	"feb",
 	"mar",
@@ -4118,7 +4123,7 @@ var Vo = /*#__PURE__*/ $(No, [["render", Bo]]), Ho = [
 	"oct",
 	"nov",
 	"dic"
-], Wo = {
+], Uo = {
 	props: {
 		modelValue: [String, Date],
 		id: {
@@ -4440,7 +4445,7 @@ var Vo = /*#__PURE__*/ $(No, [["render", Bo]]), Ho = [
 	beforeUnmount() {
 		document.removeEventListener("mousedown", this.handleClickOutside), window.removeEventListener("scroll", this.calculateDropdownPosition, !0), window.removeEventListener("resize", this.calculateDropdownPosition);
 	}
-}, Go = {
+}, Wo = {
 	name: "CalendarPicker",
 	props: {
 		view: {
@@ -4498,10 +4503,10 @@ var Vo = /*#__PURE__*/ $(No, [["render", Bo]]), Ho = [
 	],
 	computed: {
 		MONTH_NAMES() {
-			return Ho;
+			return Vo;
 		},
 		MONTH_ABBR() {
-			return Uo;
+			return Ho;
 		},
 		weekDays() {
 			return [
@@ -4554,23 +4559,23 @@ var Vo = /*#__PURE__*/ $(No, [["render", Bo]]), Ho = [
 			}) : !1;
 		}
 	}
-}, Ko = { class: "flex items-center justify-between mb-1 px-1" }, qo = ["disabled"], Jo = { class: "flex items-center gap-1 select-none" }, Yo = {
+}, Go = { class: "flex items-center justify-between mb-1 px-1" }, Ko = ["disabled"], qo = { class: "flex items-center gap-1 select-none" }, Jo = {
 	key: 2,
 	class: "text-xs sm:text-sm font-bold text-gray-800 leading-none"
-}, Xo = ["disabled"], Zo = { class: "grid grid-cols-7 mb-0.5" }, Qo = { class: "grid grid-cols-7" }, $o = ["onClick", "disabled"], es = {
+}, Yo = ["disabled"], Xo = { class: "grid grid-cols-7 mb-0.5" }, Zo = { class: "grid grid-cols-7" }, Qo = ["onClick", "disabled"], $o = {
 	key: 1,
 	class: "w-6 h-6 sm:w-7 sm:h-7"
-}, ts = {
+}, es = {
 	key: 1,
 	class: "grid grid-cols-3 gap-1.5 sm:gap-2"
-}, ns = ["onClick", "disabled"], rs = { class: "sm:hidden" }, is = { class: "hidden sm:inline" }, as = {
+}, ts = ["onClick", "disabled"], ns = { class: "sm:hidden" }, rs = { class: "hidden sm:inline" }, is = {
 	key: 2,
 	class: "grid grid-cols-3 gap-1.5 sm:gap-2"
-}, os = ["onClick", "disabled"];
-function ss(t, n, r, i, c, u) {
+}, as = ["onClick", "disabled"];
+function os(t, n, r, i, c, u) {
 	let d = v("font-awesome-icon");
 	return h(), o("div", { class: p(["bg-white border border-gray-200 rounded-md shadow-lg p-1 sm:p-1.5", r.widthClass]) }, [
-		s("div", Ko, [
+		s("div", Go, [
 			s("button", {
 				type: "button",
 				onClick: n[0] ||= (e) => t.$emit("prev"),
@@ -4579,8 +4584,8 @@ function ss(t, n, r, i, c, u) {
 			}, [l(d, {
 				icon: "fa-solid fa-chevron-left",
 				class: "text-[10px] sm:text-xs text-gray-500"
-			})], 10, qo),
-			s("div", Jo, [r.view === "days" ? (h(), o(e, { key: 0 }, [s("button", {
+			})], 10, Ko),
+			s("div", qo, [r.view === "days" ? (h(), o(e, { key: 0 }, [s("button", {
 				type: "button",
 				onClick: n[1] ||= (e) => t.$emit("update:view", "months"),
 				class: "text-xs sm:text-sm font-bold text-gray-800 capitalize hover:text-indigo-500 transition-colors cursor-pointer leading-none"
@@ -4593,7 +4598,7 @@ function ss(t, n, r, i, c, u) {
 				type: "button",
 				onClick: n[3] ||= (e) => t.$emit("update:view", "years"),
 				class: "text-xs sm:text-sm font-bold text-gray-800 hover:text-indigo-500 transition-colors cursor-pointer leading-none"
-			}, y(r.year), 1)) : (h(), o("span", Yo, y(u.yearRangeLabel), 1))]),
+			}, y(r.year), 1)) : (h(), o("span", Jo, y(u.yearRangeLabel), 1))]),
 			s("button", {
 				type: "button",
 				onClick: n[4] ||= (e) => t.$emit("next"),
@@ -4602,12 +4607,12 @@ function ss(t, n, r, i, c, u) {
 			}, [l(d, {
 				icon: "fa-solid fa-chevron-right",
 				class: "text-[10px] sm:text-xs text-gray-500"
-			})], 10, Xo)
+			})], 10, Yo)
 		]),
-		r.view === "days" ? (h(), o(e, { key: 0 }, [s("div", Zo, [(h(!0), o(e, null, g(u.weekDays, (e) => (h(), o("div", {
+		r.view === "days" ? (h(), o(e, { key: 0 }, [s("div", Xo, [(h(!0), o(e, null, g(u.weekDays, (e) => (h(), o("div", {
 			key: e,
 			class: "flex items-center justify-center text-[10px] sm:text-xs font-semibold text-gray-500 h-5 sm:h-6"
-		}, y(e), 1))), 128))]), s("div", Qo, [(h(!0), o(e, null, g(u.calendarCells, (e, n) => (h(), o("div", {
+		}, y(e), 1))), 128))]), s("div", Zo, [(h(!0), o(e, null, g(u.calendarCells, (e, n) => (h(), o("div", {
 			key: n,
 			class: "flex items-center justify-center"
 		}, [e ? (h(), o("button", {
@@ -4616,26 +4621,26 @@ function ss(t, n, r, i, c, u) {
 			onClick: (n) => t.$emit("select-day", e),
 			disabled: u.isDayDisabled(e),
 			class: p(["w-6 h-6 sm:w-7 sm:h-7 flex items-center justify-center text-[11px] sm:text-xs font-medium rounded-full transition-colors duration-150 select-none p-0 leading-none", u.isDaySelected(e) ? "bg-indigo-500 text-white" : u.isDayToday(e) ? "border border-indigo-500 text-indigo-500 hover:bg-indigo-50" : u.isDayDisabled(e) ? "text-gray-300 cursor-not-allowed" : "text-gray-600 hover:bg-indigo-100 cursor-pointer"])
-		}, y(e.day), 11, $o)) : (h(), o("span", es))]))), 128))])], 64)) : r.view === "months" ? (h(), o("div", ts, [(h(!0), o(e, null, g(u.MONTH_NAMES, (e, n) => (h(), o("button", {
+		}, y(e.day), 11, Qo)) : (h(), o("span", $o))]))), 128))])], 64)) : r.view === "months" ? (h(), o("div", es, [(h(!0), o(e, null, g(u.MONTH_NAMES, (e, n) => (h(), o("button", {
 			key: n,
 			type: "button",
 			onClick: (e) => t.$emit("select-month", n),
 			disabled: u.isMonthDisabled(n),
 			class: p(["flex items-center justify-center h-7 sm:h-8 text-[11px] sm:text-xs font-medium rounded-lg capitalize transition-colors border border-gray-300", u.isMonthDisabled(n) ? "text-gray-300 border-gray-200 cursor-not-allowed" : n === r.month ? "bg-indigo-500 text-white cursor-pointer" : "text-gray-600 hover:bg-indigo-100 cursor-pointer"])
-		}, [s("span", rs, y(u.MONTH_ABBR[n]), 1), s("span", is, y(e), 1)], 10, ns))), 128))])) : r.view === "years" ? (h(), o("div", as, [(h(!0), o(e, null, g(u.yearRange, (e) => (h(), o("button", {
+		}, [s("span", ns, y(u.MONTH_ABBR[n]), 1), s("span", rs, y(e), 1)], 10, ts))), 128))])) : r.view === "years" ? (h(), o("div", is, [(h(!0), o(e, null, g(u.yearRange, (e) => (h(), o("button", {
 			key: e,
 			type: "button",
 			onClick: (n) => t.$emit("select-year", e),
 			disabled: u.isYearDisabled(e),
 			class: p(["flex items-center justify-center h-7 sm:h-8 text-[11px] sm:text-xs font-medium rounded-lg transition-colors border border-gray-300", u.isYearDisabled(e) ? "text-gray-300 border-gray-200 cursor-not-allowed" : e === r.year ? "bg-indigo-500 text-white cursor-pointer" : "text-gray-600 hover:bg-indigo-100 cursor-pointer"])
-		}, y(e), 11, os))), 128))])) : a("", !0),
+		}, y(e), 11, as))), 128))])) : a("", !0),
 		_(t.$slots, "footer")
 	], 2);
 }
-var cs = /*#__PURE__*/ $(Go, [["render", ss]]), ls = {
+var ss = /*#__PURE__*/ $(Wo, [["render", os]]), cs = {
 	name: "InputDateStyle",
-	mixins: [Wo],
-	components: { CalendarPicker: cs },
+	mixins: [Uo],
+	components: { CalendarPicker: ss },
 	computed: { inputClass() {
 		return [
 			this.mclass,
@@ -4650,28 +4655,28 @@ var cs = /*#__PURE__*/ $(Go, [["render", ss]]), ls = {
 			this.syncDateFromValue(e) && (this.localDate = `${this.dayDigits}/${this.monthDigits}/${this.yearDigits}`);
 		}
 	} }
-}, us = {
+}, ls = {
 	class: "w-full",
 	ref: "dateTimeContainer"
-}, ds = ["for"], fs = {
+}, us = ["for"], ds = {
 	class: "relative",
 	ref: "inputWrap"
-}, ps = [
+}, fs = [
 	"id",
 	"name",
 	"autofocus"
-], ms = { class: "flex justify-center p-1" };
-function hs(e, n, r, u, d, g) {
+], ps = { class: "flex justify-center p-1" };
+function ms(e, n, r, u, d, g) {
 	let _ = v("font-awesome-icon"), b = v("CalendarPicker");
-	return h(), o("div", us, [
+	return h(), o("div", ls, [
 		s("label", {
 			class: p(e.labelClass),
 			for: e.resolvedId
 		}, [c(y(e.label) + " ", 1), e.required ? (h(), o("span", {
 			key: 0,
 			class: p(e.requiredClass)
-		}, "*", 2)) : a("", !0)], 10, ds),
-		s("div", fs, [
+		}, "*", 2)) : a("", !0)], 10, us),
+		s("div", ds, [
 			x(s("input", f({
 				id: e.resolvedId,
 				name: e.name,
@@ -4692,7 +4697,7 @@ function hs(e, n, r, u, d, g) {
 				onKeyup: n[5] ||= (...t) => e.handleCursorMove && e.handleCursorMove(...t),
 				onBlur: n[6] ||= (...t) => e.emitValue && e.emitValue(...t),
 				class: g.inputClass
-			}), null, 16, ps), [[ee, e.localDate]]),
+			}), null, 16, fs), [[ee, e.localDate]]),
 			s("span", {
 				onClick: n[7] ||= (...t) => e.togglePicker && e.togglePicker(...t),
 				class: p(["absolute right-3 top-0 bottom-0 flex items-center", e.disabled ? "cursor-not-allowed" : "cursor-pointer"])
@@ -4724,7 +4729,7 @@ function hs(e, n, r, u, d, g) {
 				onSelectMonth: e.selectMonth,
 				onSelectYear: e.selectYear
 			}, {
-				footer: ne(() => [s("div", ms, [s("button", {
+				footer: ne(() => [s("div", ps, [s("button", {
 					type: "button",
 					onClick: n[8] ||= (...t) => e.goToToday && e.goToToday(...t),
 					class: "w-full text-xs text-gray-600 font-semibold py-0.5 rounded-md bg-white hover:bg-indigo-50 border border-gray-300 cursor-pointer focus:outline-none focus:ring-2 focus:ring-indigo-200 disabled:bg-gray-100 disabled:text-gray-600 disabled:cursor-not-allowed"
@@ -4754,7 +4759,7 @@ function hs(e, n, r, u, d, g) {
 		}, y(e.description), 3)) : a("", !0)
 	], 512);
 }
-var gs = /*#__PURE__*/ $(ls, [["render", hs], ["__scopeId", "data-v-879eb384"]]), _s = {
+var hs = /*#__PURE__*/ $(cs, [["render", ms], ["__scopeId", "data-v-879eb384"]]), gs = {
 	name: "InputTimeStyle",
 	props: {
 		modelValue: String,
@@ -4996,33 +5001,33 @@ var gs = /*#__PURE__*/ $(ls, [["render", hs], ["__scopeId", "data-v-879eb384"]])
 	beforeUnmount() {
 		document.removeEventListener("mousedown", this.handleClickOutside), window.removeEventListener("scroll", this.positionDropdown, !0), window.removeEventListener("resize", this.positionDropdown);
 	}
-}, vs = {
+}, _s = {
 	class: "w-full",
 	ref: "timeContainer"
-}, ys = ["for"], bs = {
+}, vs = ["for"], ys = {
 	class: "relative",
 	ref: "inputWrap"
-}, xs = [
+}, bs = [
 	"id",
 	"name",
 	"autofocus",
 	"disabled",
 	"required"
-], Ss = { class: "flex gap-1 sm:gap-2" }, Cs = { class: "flex-1" }, ws = ["onClick"], Ts = { class: "flex-1" }, Es = ["onClick"], Ds = {
+], xs = { class: "flex gap-1 sm:gap-2" }, Ss = { class: "flex-1" }, Cs = ["onClick"], ws = { class: "flex-1" }, Ts = ["onClick"], Es = {
 	key: 0,
 	class: "flex-1"
-}, Os = ["onClick"];
-function ks(n, r, u, d, f, _) {
+}, Ds = ["onClick"];
+function Os(n, r, u, d, f, _) {
 	let b = v("font-awesome-icon");
-	return h(), o("div", vs, [
+	return h(), o("div", _s, [
 		s("label", {
 			class: p(_.labelClass),
 			for: _.resolvedId
 		}, [c(y(u.label) + " ", 1), u.required ? (h(), o("span", {
 			key: 0,
 			class: p(_.requiredClass)
-		}, "*", 2)) : a("", !0)], 10, ys),
-		s("div", bs, [
+		}, "*", 2)) : a("", !0)], 10, vs),
+		s("div", ys, [
 			x(s("input", {
 				id: _.resolvedId,
 				name: u.name,
@@ -5035,7 +5040,7 @@ function ks(n, r, u, d, f, _) {
 				onMousedown: r[1] ||= S((e) => u.disabled || _.togglePicker(), ["prevent"]),
 				onBlur: r[2] ||= (e) => _.updateValue(f.localTime, !0),
 				class: p([_.inputClass, u.disabled ? "" : "cursor-pointer"])
-			}, null, 42, xs), [[ee, f.localTime]]),
+			}, null, 42, bs), [[ee, f.localTime]]),
 			s("span", {
 				onClick: r[3] ||= (...e) => _.togglePicker && _.togglePicker(...e),
 				class: p(["absolute right-3 top-0 bottom-0 flex items-center", u.disabled ? "cursor-not-allowed" : "cursor-pointer"])
@@ -5051,8 +5056,8 @@ function ks(n, r, u, d, f, _) {
 				ref: "pickerRef",
 				class: p(_.pickerWrapperClass),
 				style: m(u.nested ? null : f.dropdownStyle)
-			}, [s("div", { class: p(_.pickerContainerClass) }, [s("div", Ss, [
-				s("div", Cs, [s("label", { class: p(_.pickerColumnLabelClass) }, " Hora ", 2), s("div", {
+			}, [s("div", { class: p(_.pickerContainerClass) }, [s("div", xs, [
+				s("div", Ss, [s("label", { class: p(_.pickerColumnLabelClass) }, " Hora ", 2), s("div", {
 					class: p(_.pickerColumnClass),
 					ref: "hourCol",
 					onScrollPassive: r[4] ||= (...e) => _.onHourScroll && _.onHourScroll(...e)
@@ -5060,8 +5065,8 @@ function ks(n, r, u, d, f, _) {
 					key: "h" + t,
 					onClick: (t) => _.selectHour(e),
 					class: p([_.pickerItemClass, _.itemActiveClass(f.selectedHour === e)])
-				}, y(e), 11, ws))), 128))], 34)]),
-				s("div", Ts, [s("label", { class: p(_.pickerColumnLabelClass) }, "Minuto", 2), s("div", {
+				}, y(e), 11, Cs))), 128))], 34)]),
+				s("div", ws, [s("label", { class: p(_.pickerColumnLabelClass) }, "Minuto", 2), s("div", {
 					class: p(_.pickerColumnClass),
 					ref: "minuteCol",
 					onScrollPassive: r[5] ||= (...e) => _.onMinuteScroll && _.onMinuteScroll(...e)
@@ -5069,12 +5074,12 @@ function ks(n, r, u, d, f, _) {
 					key: "m" + t,
 					onClick: (t) => _.selectMinute(e),
 					class: p([_.pickerItemClass, _.itemActiveClass(f.selectedMinute === e)])
-				}, y(e), 11, Es))), 128))], 34)]),
-				u.is24h ? a("", !0) : (h(), o("div", Ds, [s("label", { class: p(_.pickerColumnLabelClass) }, "\xA0", 2), s("div", { class: p(_.pickerAmpmColumnClass) }, [(h(), o(e, null, g(["AM", "PM"], (e) => s("div", {
+				}, y(e), 11, Ts))), 128))], 34)]),
+				u.is24h ? a("", !0) : (h(), o("div", Es, [s("label", { class: p(_.pickerColumnLabelClass) }, "\xA0", 2), s("div", { class: p(_.pickerAmpmColumnClass) }, [(h(), o(e, null, g(["AM", "PM"], (e) => s("div", {
 					key: e,
 					onClick: (t) => _.selectPeriod(e),
 					class: p([_.pickerItemClass, _.itemActiveClass(f.selectedPeriod === e)])
-				}, y(e), 11, Os)), 64))], 2)]))
+				}, y(e), 11, Ds)), 64))], 2)]))
 			])], 2)], 6)) : a("", !0)], 8, ["disabled"]))
 		], 512),
 		u.description ? (h(), o("span", {
@@ -5083,25 +5088,25 @@ function ks(n, r, u, d, f, _) {
 		}, y(u.description), 3)) : a("", !0)
 	], 512);
 }
-var As = /*#__PURE__*/ $(_s, [["render", ks], ["__scopeId", "data-v-22a3c196"]]), js = {
+var ks = /*#__PURE__*/ $(gs, [["render", Os], ["__scopeId", "data-v-22a3c196"]]), As = {
 	day: [0, 2],
 	month: [3, 5],
 	year: [6, 10],
 	hour: [11, 13],
 	minute: [14, 16]
-}, Ms = {
+}, js = {
 	day: [0, 2],
 	month: [3, 5],
 	year: [6, 10],
 	hour: [11, 13],
 	minute: [14, 16],
 	ampm: [17, 21]
-}, Ns = {
+}, Ms = {
 	name: "InputDateTimeStyle",
-	mixins: [Wo],
+	mixins: [Uo],
 	components: {
-		InputTimeStyle: As,
-		CalendarPicker: cs
+		InputTimeStyle: ks,
+		CalendarPicker: ss
 	},
 	props: { is24h: {
 		type: Boolean,
@@ -5130,7 +5135,7 @@ var As = /*#__PURE__*/ $(_s, [["render", ks], ["__scopeId", "data-v-22a3c196"]])
 			return this.is24h ? 16 : 21;
 		},
 		sectionRanges() {
-			return this.is24h ? js : Ms;
+			return this.is24h ? As : js;
 		},
 		sectionOrder() {
 			return this.is24h ? [
@@ -5323,29 +5328,29 @@ var As = /*#__PURE__*/ $(_s, [["render", ks], ["__scopeId", "data-v-22a3c196"]])
 			}
 		}
 	}
-}, Ps = {
+}, Ns = {
 	class: "w-full",
 	ref: "dateTimeContainer"
-}, Fs = ["for"], Is = {
+}, Ps = ["for"], Fs = {
 	class: "relative",
 	ref: "inputWrap"
-}, Ls = [
+}, Is = [
 	"id",
 	"name",
 	"autofocus",
 	"maxlength"
-], Rs = { class: "mt-1 pt-1 px-1" }, zs = { class: "flex justify-center p-1 pt-2" };
-function Bs(e, n, r, u, d, g) {
+], Ls = { class: "mt-1 pt-1 px-1" }, Rs = { class: "flex justify-center p-1 pt-2" };
+function zs(e, n, r, u, d, g) {
 	let _ = v("font-awesome-icon"), b = v("InputTimeStyle"), te = v("CalendarPicker");
-	return h(), o("div", Ps, [
+	return h(), o("div", Ns, [
 		s("label", {
 			class: p(e.labelClass),
 			for: e.resolvedId
 		}, [c(y(e.label) + " ", 1), e.required ? (h(), o("span", {
 			key: 0,
 			class: p(e.requiredClass)
-		}, "*", 2)) : a("", !0)], 10, Fs),
-		s("div", Is, [
+		}, "*", 2)) : a("", !0)], 10, Ps),
+		s("div", Fs, [
 			x(s("input", f({
 				id: e.resolvedId,
 				name: e.name,
@@ -5366,7 +5371,7 @@ function Bs(e, n, r, u, d, g) {
 				onKeyup: n[5] ||= (...e) => g.handleCursorMove && g.handleCursorMove(...e),
 				onBlur: n[6] ||= (...e) => g.emitValue && g.emitValue(...e),
 				class: g.inputClass
-			}), null, 16, Ls), [[ee, e.localDate]]),
+			}), null, 16, Is), [[ee, e.localDate]]),
 			s("span", {
 				onClick: n[7] ||= (...e) => g.togglePicker && g.togglePicker(...e),
 				class: p(["absolute right-3 top-0 bottom-0 flex items-center", e.disabled ? "cursor-not-allowed" : "cursor-pointer"])
@@ -5398,7 +5403,7 @@ function Bs(e, n, r, u, d, g) {
 				onSelectMonth: e.selectMonth,
 				onSelectYear: e.selectYear
 			}, {
-				footer: ne(() => [s("div", Rs, [l(b, {
+				footer: ne(() => [s("div", Ls, [l(b, {
 					modelValue: d.localTime,
 					"onUpdate:modelValue": n[8] ||= (e) => d.localTime = e,
 					is24h: r.is24h,
@@ -5410,7 +5415,7 @@ function Bs(e, n, r, u, d, g) {
 					"is24h",
 					"disabled",
 					"onChange"
-				])]), s("div", zs, [s("button", {
+				])]), s("div", Rs, [s("button", {
 					type: "button",
 					onClick: n[9] ||= (...e) => g.goToNow && g.goToNow(...e),
 					class: "w-full text-xs text-gray-600 font-semibold py-0.5 rounded-md bg-white hover:bg-indigo-50 border border-gray-300 cursor-pointer focus:outline-none focus:ring-2 focus:ring-indigo-200 disabled:bg-gray-100 disabled:text-gray-600 disabled:cursor-not-allowed"
@@ -5440,7 +5445,7 @@ function Bs(e, n, r, u, d, g) {
 		}, y(e.description), 3)) : a("", !0)
 	], 512);
 }
-var Vs = /*#__PURE__*/ $(Ns, [["render", Bs], ["__scopeId", "data-v-178d60c7"]]), Hs = {
+var Bs = /*#__PURE__*/ $(Ms, [["render", zs], ["__scopeId", "data-v-178d60c7"]]), Vs = {
 	name: "InputNumberStyle",
 	props: {
 		modelValue: {
@@ -5687,7 +5692,7 @@ var Vs = /*#__PURE__*/ $(Ns, [["render", Bs], ["__scopeId", "data-v-178d60c7"]])
 			}
 		}
 	}
-}, Us = { class: "w-full" }, Ws = ["for"], Gs = { class: "relative" }, Ks = [
+}, Hs = { class: "w-full" }, Us = ["for"], Ws = { class: "relative" }, Gs = [
 	"id",
 	"name",
 	"value",
@@ -5696,18 +5701,18 @@ var Vs = /*#__PURE__*/ $(Ns, [["render", Bs], ["__scopeId", "data-v-178d60c7"]])
 	"autofocus",
 	"min",
 	"max"
-], qs = ["disabled"], Js = ["disabled"];
-function Ys(e, t, n, r, i, u) {
+], Ks = ["disabled"], qs = ["disabled"];
+function Js(e, t, n, r, i, u) {
 	let d = v("font-awesome-icon");
-	return h(), o("div", Us, [
+	return h(), o("div", Hs, [
 		s("label", {
 			class: p(u.labelClass),
 			for: u.resolvedId
 		}, [c(y(n.label) + " ", 1), n.required ? (h(), o("span", {
 			key: 0,
 			class: p(u.requiredClass)
-		}, "*", 2)) : a("", !0)], 10, Ws),
-		s("div", Gs, [x(s("input", f({
+		}, "*", 2)) : a("", !0)], 10, Us),
+		s("div", Ws, [x(s("input", f({
 			id: u.resolvedId,
 			name: n.name,
 			type: "text",
@@ -5730,7 +5735,7 @@ function Ys(e, t, n, r, i, u) {
 			"onUpdate:modelValue": t[5] ||= (e) => u.model = e,
 			class: [u.inputClass, n.alignLeft ? "text-left pr-9" : "text-right pl-9"],
 			inputmode: "decimal"
-		}), null, 16, Ks), [[ee, u.model]]), s("div", { class: p(["absolute top-0 bottom-0 flex flex-col justify-center", n.alignLeft ? "right-0 pr-2" : "left-0 pl-2"]) }, [s("button", {
+		}), null, 16, Gs), [[ee, u.model]]), s("div", { class: p(["absolute top-0 bottom-0 flex flex-col justify-center", n.alignLeft ? "right-0 pr-2" : "left-0 pl-2"]) }, [s("button", {
 			type: "button",
 			tabindex: "-1",
 			disabled: n.disabled || n.readonly,
@@ -5741,7 +5746,7 @@ function Ys(e, t, n, r, i, u) {
 			onMouseleave: t[8] ||= (...e) => u.stopStep && u.stopStep(...e),
 			onTouchstart: t[9] ||= S((e) => u.startStep(1), ["prevent"]),
 			onTouchend: t[10] ||= S((...e) => u.stopStep && u.stopStep(...e), ["prevent"])
-		}, [l(d, { icon: "fa-solid fa-caret-up" })], 42, qs), s("button", {
+		}, [l(d, { icon: "fa-solid fa-caret-up" })], 42, Ks), s("button", {
 			type: "button",
 			tabindex: "-1",
 			disabled: n.disabled || n.readonly,
@@ -5752,14 +5757,14 @@ function Ys(e, t, n, r, i, u) {
 			onMouseleave: t[13] ||= (...e) => u.stopStep && u.stopStep(...e),
 			onTouchstart: t[14] ||= S((e) => u.startStep(-1), ["prevent"]),
 			onTouchend: t[15] ||= S((...e) => u.stopStep && u.stopStep(...e), ["prevent"])
-		}, [l(d, { icon: "fa-solid fa-caret-down" })], 42, Js)], 2)]),
+		}, [l(d, { icon: "fa-solid fa-caret-down" })], 42, qs)], 2)]),
 		n.description ? (h(), o("span", {
 			key: 0,
 			class: p(u.descriptionClass)
 		}, y(n.description), 3)) : a("", !0)
 	]);
 }
-var Xs = /*#__PURE__*/ $(Hs, [["render", Ys]]), Zs = {
+var Ys = /*#__PURE__*/ $(Vs, [["render", Js]]), Xs = {
 	name: "InputPasswordStyle",
 	props: {
 		modelValue: {
@@ -5866,7 +5871,7 @@ var Xs = /*#__PURE__*/ $(Hs, [["render", Ys]]), Zs = {
 			this.disabled || (this.showPassword = !this.showPassword);
 		}
 	}
-}, Qs = { class: "w-full" }, $s = ["for"], ec = { class: "relative" }, tc = [
+}, Zs = { class: "w-full" }, Qs = ["for"], $s = { class: "relative" }, ec = [
 	"id",
 	"name",
 	"type",
@@ -5875,17 +5880,17 @@ var Xs = /*#__PURE__*/ $(Hs, [["render", Ys]]), Zs = {
 	"maxlength",
 	"placeholder"
 ];
-function nc(e, t, n, r, l, u) {
+function tc(e, t, n, r, l, u) {
 	let d = v("font-awesome-icon");
-	return h(), o("div", Qs, [
+	return h(), o("div", Zs, [
 		s("label", {
 			class: p(u.labelClass),
 			for: u.resolvedId
 		}, [c(y(n.label) + " ", 1), n.required ? (h(), o("span", {
 			key: 0,
 			class: p(u.requiredClass)
-		}, "*", 2)) : a("", !0)], 10, $s),
-		s("div", ec, [x(s("input", f({
+		}, "*", 2)) : a("", !0)], 10, Qs),
+		s("div", $s, [x(s("input", f({
 			id: u.resolvedId,
 			name: n.name,
 			type: l.showPassword ? "text" : "password",
@@ -5901,7 +5906,7 @@ function nc(e, t, n, r, l, u) {
 			onBlur: t[0] ||= (...e) => u.emitBlur && u.emitBlur(...e),
 			"onUpdate:modelValue": t[1] ||= (e) => u.model = e,
 			class: u.inputClass
-		}), null, 16, tc), [[b, u.model]]), s("span", {
+		}), null, 16, ec), [[b, u.model]]), s("span", {
 			onClick: t[2] ||= (...e) => u.togglePassword && u.togglePassword(...e),
 			class: p(["absolute right-3 top-0 bottom-0 flex items-center", n.disabled ? "cursor-not-allowed" : "cursor-pointer"])
 		}, [l.showPassword ? a("", !0) : (h(), i(d, {
@@ -5921,7 +5926,7 @@ function nc(e, t, n, r, l, u) {
 		}, y(n.description), 3)) : a("", !0)
 	]);
 }
-var rc = /*#__PURE__*/ $(Zs, [["render", nc]]), ic = {
+var nc = /*#__PURE__*/ $(Xs, [["render", tc]]), rc = {
 	name: "InputTextStyle",
 	props: {
 		modelValue: {
@@ -6049,7 +6054,7 @@ var rc = /*#__PURE__*/ $(Zs, [["render", nc]]), ic = {
 		}
 		this.$emit("blur", e);
 	} }
-}, ac = { class: "w-full" }, oc = ["for"], sc = [
+}, ic = { class: "w-full" }, ac = ["for"], oc = [
 	"id",
 	"name",
 	"type",
@@ -6059,15 +6064,15 @@ var rc = /*#__PURE__*/ $(Zs, [["render", nc]]), ic = {
 	"maxlength",
 	"minlength"
 ];
-function cc(e, t, n, r, i, l) {
-	return h(), o("div", ac, [
+function sc(e, t, n, r, i, l) {
+	return h(), o("div", ic, [
 		s("label", {
 			class: p(l.labelClass),
 			for: l.resolvedId
 		}, [c(y(n.label) + " ", 1), n.required ? (h(), o("span", {
 			key: 0,
 			class: p(l.requiredClass)
-		}, "*", 2)) : a("", !0)], 10, oc),
+		}, "*", 2)) : a("", !0)], 10, ac),
 		x(s("input", f({
 			id: l.resolvedId,
 			name: n.name,
@@ -6085,14 +6090,14 @@ function cc(e, t, n, r, i, l) {
 			onBlur: t[0] ||= (...e) => l.emitBlur && l.emitBlur(...e),
 			"onUpdate:modelValue": t[1] ||= (e) => l.model = e,
 			class: l.inputClass
-		}), null, 16, sc), [[b, l.model]]),
+		}), null, 16, oc), [[b, l.model]]),
 		n.description ? (h(), o("span", {
 			key: 0,
 			class: p(l.descriptionClass)
 		}, y(n.description), 3)) : a("", !0)
 	]);
 }
-var lc = /*#__PURE__*/ $(ic, [["render", cc]]), uc = {
+var cc = /*#__PURE__*/ $(rc, [["render", sc]]), lc = {
 	name: "InputCheckStyle",
 	props: {
 		modelValue: {
@@ -6189,15 +6194,15 @@ var lc = /*#__PURE__*/ $(ic, [["render", cc]]), uc = {
 			this.$emit("blur", e);
 		}
 	}
-}, dc = { class: "inline-block" }, fc = { class: "flex items-center gap-2 cursor-pointer select-none" }, pc = [
+}, uc = { class: "inline-block" }, dc = { class: "flex items-center gap-2 cursor-pointer select-none" }, fc = [
 	"id",
 	"name",
 	"value",
 	"checked"
 ];
-function mc(e, t, n, r, l, u) {
+function pc(e, t, n, r, l, u) {
 	let d = v("font-awesome-icon");
-	return h(), o("div", dc, [s("label", fc, [
+	return h(), o("div", uc, [s("label", dc, [
 		s("input", f({
 			id: u.resolvedId,
 			name: n.name,
@@ -6211,7 +6216,7 @@ function mc(e, t, n, r, l, u) {
 			onChange: t[0] ||= (...e) => u.onChange && u.onChange(...e),
 			onBlur: t[1] ||= (...e) => u.emitBlur && u.emitBlur(...e),
 			class: "peer hidden"
-		}), null, 16, pc),
+		}), null, 16, fc),
 		s("span", { class: p(u.inputBoxClass) }, [u.isChecked ? (h(), i(d, {
 			key: 0,
 			icon: "fa-solid fa-check",
@@ -6229,7 +6234,7 @@ function mc(e, t, n, r, l, u) {
 		class: p(u.descriptionClass)
 	}, y(n.description), 3)) : a("", !0)]);
 }
-var hc = /*#__PURE__*/ $(uc, [["render", mc]]), gc = {
+var mc = /*#__PURE__*/ $(lc, [["render", pc]]), hc = {
 	name: "InputRadioStyle",
 	props: {
 		modelValue: {
@@ -6320,15 +6325,15 @@ var hc = /*#__PURE__*/ $(uc, [["render", mc]]), gc = {
 			this.$emit("blur", e);
 		}
 	}
-}, _c = { class: "inline-block" }, vc = { class: "flex items-center gap-2 cursor-pointer select-none" }, yc = [
+}, gc = { class: "inline-block" }, _c = { class: "flex items-center gap-2 cursor-pointer select-none" }, vc = [
 	"id",
 	"name",
 	"type",
 	"value",
 	"checked"
 ];
-function bc(e, t, n, r, i, l) {
-	return h(), o("div", _c, [s("label", vc, [
+function yc(e, t, n, r, i, l) {
+	return h(), o("div", gc, [s("label", _c, [
 		s("input", f({
 			id: l.resolvedId,
 			name: n.name,
@@ -6342,7 +6347,7 @@ function bc(e, t, n, r, i, l) {
 			onChange: t[0] ||= (...e) => l.onChange && l.onChange(...e),
 			onBlur: t[1] ||= (...e) => l.emitBlur && l.emitBlur(...e),
 			class: "peer hidden"
-		}), null, 16, yc),
+		}), null, 16, vc),
 		s("span", { class: p(l.inputRadioClass) }, null, 2),
 		n.label ? (h(), o("span", {
 			key: 0,
@@ -6356,7 +6361,7 @@ function bc(e, t, n, r, i, l) {
 		class: p(l.descriptionClass)
 	}, y(n.description), 3)) : a("", !0)]);
 }
-var xc = /*#__PURE__*/ $(gc, [["render", bc]]), Sc = {
+var bc = /*#__PURE__*/ $(hc, [["render", yc]]), xc = {
 	name: "InputSwitchStyle",
 	props: {
 		modelValue: {
@@ -6453,14 +6458,14 @@ var xc = /*#__PURE__*/ $(gc, [["render", bc]]), Sc = {
 			this.$emit("blur", e);
 		}
 	}
-}, Cc = { class: "inline-block" }, wc = { class: "flex items-center gap-2 cursor-pointer select-none" }, Tc = [
+}, Sc = { class: "inline-block" }, Cc = { class: "flex items-center gap-2 cursor-pointer select-none" }, wc = [
 	"id",
 	"name",
 	"value",
 	"checked"
 ];
-function Ec(e, t, n, r, i, l) {
-	return h(), o("div", Cc, [s("label", wc, [
+function Tc(e, t, n, r, i, l) {
+	return h(), o("div", Sc, [s("label", Cc, [
 		s("input", f({
 			id: l.resolvedId,
 			name: n.name,
@@ -6474,7 +6479,7 @@ function Ec(e, t, n, r, i, l) {
 			onChange: t[0] ||= (...e) => l.onChange && l.onChange(...e),
 			onBlur: t[1] ||= (...e) => l.emitBlur && l.emitBlur(...e),
 			class: "peer hidden"
-		}), null, 16, Tc),
+		}), null, 16, wc),
 		s("span", { class: p(l.inputRadioClass) }, [s("span", { class: p(l.inputRadioMinClass) }, null, 2)], 2),
 		n.label ? (h(), o("span", {
 			key: 0,
@@ -6488,7 +6493,7 @@ function Ec(e, t, n, r, i, l) {
 		class: p(l.descriptionClass)
 	}, y(n.description), 3)) : a("", !0)]);
 }
-var Dc = /*#__PURE__*/ $(Sc, [["render", Ec]]), Oc = {
+var Ec = /*#__PURE__*/ $(xc, [["render", Tc]]), Dc = {
 	name: "ButtonStyle",
 	emits: ["click"],
 	props: {
@@ -6540,14 +6545,14 @@ var Dc = /*#__PURE__*/ $(Sc, [["render", Ec]]), Oc = {
 			}, 1e3 * Number(this.delay));
 		}, 0));
 	} }
-}, kc = [
+}, Oc = [
 	"type",
 	"id",
 	"name",
 	"autofocus",
 	"disabled"
 ];
-function Ac(e, t, n, r, i, a) {
+function kc(e, t, n, r, i, a) {
 	return h(), o("button", {
 		type: n.type,
 		id: n.id,
@@ -6556,9 +6561,9 @@ function Ac(e, t, n, r, i, a) {
 		onClick: t[0] ||= (...e) => a.handleClick && a.handleClick(...e),
 		disabled: a.isDisabled,
 		class: p(a.buttonClasses)
-	}, [_(e.$slots, "default")], 10, kc);
+	}, [_(e.$slots, "default")], 10, Oc);
 }
-var jc = /*#__PURE__*/ $(Oc, [["render", Ac]]), Mc = {
+var Ac = /*#__PURE__*/ $(Dc, [["render", kc]]), jc = {
 	name: "InputFileDownloadStyle",
 	props: {
 		modelValue: {
@@ -6612,19 +6617,19 @@ var jc = /*#__PURE__*/ $(Oc, [["render", Ac]]), Mc = {
 			this.internalDisabled = !1;
 		}, 1e3 * Number(this.delay)));
 	} }
-}, Nc = { class: "inline-block" }, Pc = ["disabled"], Fc = { class: "hidden sm:flex flex-col text-left leading-tight" }, Ic = {
+}, Mc = { class: "inline-block" }, Nc = ["disabled"], Pc = { class: "hidden sm:flex flex-col text-left leading-tight" }, Fc = {
 	key: 0,
 	class: "text-sm font-bold"
-}, Lc = {
+}, Ic = {
 	key: 1,
 	class: "text-sm font-bold"
-}, Rc = {
+}, Lc = {
 	key: 2,
 	class: "text-sm font-bold"
 };
-function zc(e, t, n, r, c, l) {
+function Rc(e, t, n, r, c, l) {
 	let u = v("font-awesome-icon");
-	return h(), o("div", Nc, [s("button", {
+	return h(), o("div", Mc, [s("button", {
 		type: "button",
 		onClick: t[0] ||= (...e) => l.handleClick && l.handleClick(...e),
 		disabled: l.isDisabled,
@@ -6645,13 +6650,13 @@ function zc(e, t, n, r, c, l) {
 			icon: "fa-solid fa-check",
 			class: "text-base sm:text-xl text-white"
 		})) : a("", !0)
-	], 2), s("div", Fc, [
-		n.state === "download" ? (h(), o("span", Ic, "Descargar")) : a("", !0),
-		n.state === "loader" ? (h(), o("span", Lc, "Descargando")) : a("", !0),
-		n.state === "complete" ? (h(), o("span", Rc, "Descargado")) : a("", !0)
-	])], 10, Pc)]);
+	], 2), s("div", Pc, [
+		n.state === "download" ? (h(), o("span", Fc, "Descargar")) : a("", !0),
+		n.state === "loader" ? (h(), o("span", Ic, "Descargando")) : a("", !0),
+		n.state === "complete" ? (h(), o("span", Lc, "Descargado")) : a("", !0)
+	])], 10, Nc)]);
 }
-var Bc = /*#__PURE__*/ $(Mc, [["render", zc]]), Vc = {
+var zc = /*#__PURE__*/ $(jc, [["render", Rc]]), Bc = {
 	name: "InputFileUploadStyle",
 	props: {
 		modelValue: {
@@ -6746,15 +6751,15 @@ var Bc = /*#__PURE__*/ $(Mc, [["render", zc]]), Vc = {
 			this.model = t, this.description = t.name, this.validate = !0;
 		}
 	}
-}, Hc = { class: "inline-block" }, Uc = [
+}, Vc = { class: "inline-block" }, Hc = [
 	"id",
 	"name",
 	"accept",
 	"disabled"
-], Wc = { class: "block text-xs sm:text-sm text-gray-500 mb-0.5 sm:mb-1" }, Gc = { class: "font-bold text-gray-600 uppercase" }, Kc = ["disabled"], qc = { class: "hidden sm:flex flex-col text-left leading-tight" }, Jc = { class: "text-xs font-bold text-gray-500" };
-function Yc(e, t, n, r, l, u) {
+], Uc = { class: "block text-xs sm:text-sm text-gray-500 mb-0.5 sm:mb-1" }, Wc = { class: "font-bold text-gray-600 uppercase" }, Gc = ["disabled"], Kc = { class: "hidden sm:flex flex-col text-left leading-tight" }, qc = { class: "text-xs font-bold text-gray-500" };
+function Jc(e, t, n, r, l, u) {
 	let d = v("font-awesome-icon");
-	return h(), o("div", Hc, [
+	return h(), o("div", Vc, [
 		s("input", {
 			ref: "fileInput",
 			id: n.id,
@@ -6764,8 +6769,8 @@ function Yc(e, t, n, r, l, u) {
 			accept: u.acceptFormats,
 			disabled: u.isDisabled,
 			onChange: t[0] ||= (...e) => u.onFileSelected && u.onFileSelected(...e)
-		}, null, 40, Uc),
-		s("span", Wc, [t[2] ||= c(" Formatos permitidos: ", -1), s("span", Gc, y(`${u.formatsText}.`), 1)]),
+		}, null, 40, Hc),
+		s("span", Uc, [t[2] ||= c(" Formatos permitidos: ", -1), s("span", Wc, y(`${u.formatsText}.`), 1)]),
 		s("button", {
 			type: "button",
 			onClick: t[1] ||= (...e) => u.handleClick && u.handleClick(...e),
@@ -6779,14 +6784,14 @@ function Yc(e, t, n, r, l, u) {
 			key: 1,
 			icon: "fa-solid fa-spinner",
 			class: "text-base sm:text-xl text-white animate-spin"
-		})) : a("", !0)], 2), s("div", qc, [t[3] ||= s("span", { class: "text-sm font-bold" }, "Adjuntar", -1), s("span", Jc, y(`Max ${n.maxSizeMB} MB`), 1)])], 10, Kc),
+		})) : a("", !0)], 2), s("div", Kc, [t[3] ||= s("span", { class: "text-sm font-bold" }, "Adjuntar", -1), s("span", qc, y(`Max ${n.maxSizeMB} MB`), 1)])], 10, Gc),
 		l.description ? (h(), o("p", {
 			key: 0,
 			class: p(u.descriptionClass)
 		}, y(l.description), 3)) : a("", !0)
 	]);
 }
-var Xc = /*#__PURE__*/ $(Vc, [["render", Yc]]), Zc = {
+var Yc = /*#__PURE__*/ $(Bc, [["render", Jc]]), Xc = {
 	name: "LoaderStyle",
 	props: { message: {
 		type: String,
@@ -6800,12 +6805,12 @@ var Xc = /*#__PURE__*/ $(Vc, [["render", Yc]]), Zc = {
 			return Q.LOADER_MESSAGE;
 		}
 	}
-}, Qc = { class: "flex flex-col items-center justify-center gap-3" }, $c = { class: "relative w-16 h-16" }, el = {
+}, Zc = { class: "flex flex-col items-center justify-center gap-3" }, Qc = { class: "relative w-16 h-16" }, $c = {
 	class: "absolute inset-0 w-full h-full animate-spin",
 	viewBox: "0 0 100 100"
-}, tl = ["stroke"];
-function nl(e, t, n, r, i, a) {
-	return h(), o("div", Qc, [s("div", $c, [t[0] ||= s("svg", {
+}, el = ["stroke"];
+function tl(e, t, n, r, i, a) {
+	return h(), o("div", Zc, [s("div", Qc, [t[0] ||= s("svg", {
 		class: "w-full h-full",
 		viewBox: "0 0 100 100"
 	}, [s("circle", {
@@ -6815,7 +6820,7 @@ function nl(e, t, n, r, i, a) {
 		stroke: "#E5E7EB",
 		"stroke-width": "8",
 		fill: "none"
-	})], -1), (h(), o("svg", el, [s("circle", {
+	})], -1), (h(), o("svg", $c, [s("circle", {
 		cx: "50",
 		cy: "50",
 		r: "45",
@@ -6824,9 +6829,9 @@ function nl(e, t, n, r, i, a) {
 		fill: "none",
 		"stroke-linecap": "round",
 		"stroke-dasharray": "70 213"
-	}, null, 8, tl)]))]), s("div", { class: p(a.messageClass) }, y(n.message), 3)]);
+	}, null, 8, el)]))]), s("div", { class: p(a.messageClass) }, y(n.message), 3)]);
 }
-var rl = /*#__PURE__*/ $(Zc, [["render", nl]]), il = {
+var nl = /*#__PURE__*/ $(Xc, [["render", tl]]), rl = {
 	name: "ModalStyle",
 	props: {
 		modelValue: {
@@ -6909,17 +6914,17 @@ var rl = /*#__PURE__*/ $(Zc, [["render", nl]]), il = {
 			this.handleClose();
 		}
 	}
-}, al = {
+}, il = {
 	key: 0,
 	class: "fixed inset-0 bg-black/30 backdrop-blur-xs flex items-center justify-center z-100 p-4"
-}, ol = { class: "p-4 border-b border-gray-200 flex items-center justify-between gap-2" }, sl = {
+}, al = { class: "p-4 border-b border-gray-200 flex items-center justify-between gap-2" }, ol = {
 	key: 0,
 	class: "flex-1 min-w-0"
-}, cl = ["title"], ll = { class: "p-4 overflow-y-auto flex-1" }, ul = {
+}, sl = ["title"], cl = { class: "p-4 overflow-y-auto flex-1" }, ll = {
 	key: 0,
 	class: "p-4 border-t border-gray-200 select-none"
 };
-function dl(e, r, c, u, d, f) {
+function ul(e, r, c, u, d, f) {
 	let m = v("font-awesome-icon");
 	return h(), i(t, { to: "body" }, [l(n, {
 		"enter-active-class": "transition-opacity duration-300",
@@ -6927,7 +6932,7 @@ function dl(e, r, c, u, d, f) {
 		"enter-from-class": "opacity-0",
 		"leave-to-class": "opacity-0"
 	}, {
-		default: ne(() => [c.modelValue ? (h(), o("div", al, [l(n, {
+		default: ne(() => [c.modelValue ? (h(), o("div", il, [l(n, {
 			"enter-active-class": "transition duration-300",
 			"leave-active-class": "transition duration-300",
 			"enter-from-class": "opacity-0 scale-95",
@@ -6938,24 +6943,24 @@ function dl(e, r, c, u, d, f) {
 				class: p(["bg-white rounded-lg shadow-2xl max-h-[90vh] flex flex-col w-full", f.sizeClass]),
 				onClick: r[1] ||= S(() => {}, ["stop"])
 			}, [
-				s("div", ol, [e.$slots.header ? (h(), o("div", sl, [_(e.$slots, "header", { close: f.handleClose })])) : _(e.$slots, "title", { key: 1 }, () => [s("h3", {
+				s("div", al, [e.$slots.header ? (h(), o("div", ol, [_(e.$slots, "header", { close: f.handleClose })])) : _(e.$slots, "title", { key: 1 }, () => [s("h3", {
 					class: "text-lg font-semibold text-gray-700 flex-1 min-w-0 truncate",
 					title: c.title
-				}, y(c.title), 9, cl)]), c.showCloseButton ? (h(), o("button", {
+				}, y(c.title), 9, sl)]), c.showCloseButton ? (h(), o("button", {
 					key: 2,
 					onClick: r[0] ||= (...e) => f.handleClose && f.handleClose(...e),
 					type: "button",
 					class: "text-gray-400 hover:text-gray-600 transition-colors px-1.5 py-1 rounded-lg hover:bg-gray-100 shrink-0 cursor-pointer"
 				}, [l(m, { icon: "fa-solid fa-xmark" })])) : a("", !0)]),
-				s("div", ll, [_(e.$slots, "default", { close: f.handleClose })]),
-				e.$slots.footer ? (h(), o("div", ul, [_(e.$slots, "footer", { close: f.handleClose })])) : a("", !0)
+				s("div", cl, [_(e.$slots, "default", { close: f.handleClose })]),
+				e.$slots.footer ? (h(), o("div", ll, [_(e.$slots, "footer", { close: f.handleClose })])) : a("", !0)
 			], 2)) : a("", !0)]),
 			_: 3
 		})])) : a("", !0)]),
 		_: 3
 	})]);
 }
-var fl = /*#__PURE__*/ $(il, [["render", dl]]), pl = {
+var dl = /*#__PURE__*/ $(rl, [["render", ul]]), fl = {
 	name: "SelectStyle",
 	props: {
 		modelValue: [
@@ -7243,26 +7248,26 @@ var fl = /*#__PURE__*/ $(il, [["render", dl]]), pl = {
 	beforeUnmount() {
 		document.removeEventListener("mousedown", this.handleClickOutside), window.removeEventListener("scroll", this.onScrollReposition, !0), window.removeEventListener("resize", this.schedulePosition), this.positionRaf && cancelAnimationFrame(this.positionRaf);
 	}
-}, ml = {
+}, pl = {
 	class: "w-full",
 	ref: "selectContainer"
-}, hl = ["for"], gl = { class: "relative" }, _l = [
+}, ml = ["for"], hl = { class: "relative" }, gl = [
 	"id",
 	"name",
 	"autofocus",
 	"value"
-], vl = { class: "absolute right-3 top-0 bottom-0 flex items-center pointer-events-none" }, yl = ["data-index", "onClick"];
-function bl(n, r, u, d, f, _) {
+], _l = { class: "absolute right-3 top-0 bottom-0 flex items-center pointer-events-none" }, vl = ["data-index", "onClick"];
+function yl(n, r, u, d, f, _) {
 	let b = v("font-awesome-icon");
-	return h(), o("div", ml, [
+	return h(), o("div", pl, [
 		s("label", {
 			class: p(_.labelClass),
 			for: _.resolvedId
 		}, [c(y(u.label) + " ", 1), u.required ? (h(), o("span", {
 			key: 0,
 			class: p(_.requiredClass)
-		}, "*", 2)) : a("", !0)], 10, hl),
-		s("div", gl, [
+		}, "*", 2)) : a("", !0)], 10, ml),
+		s("div", hl, [
 			s("div", {
 				class: "relative group",
 				ref: "inputWrap",
@@ -7276,7 +7281,7 @@ function bl(n, r, u, d, f, _) {
 				value: _.selectedText,
 				class: p(_.inputClass),
 				onKeydown: r[0] ||= (...e) => _.handleKeydown && _.handleKeydown(...e)
-			}, null, 42, _l), s("span", vl, [l(b, {
+			}, null, 42, gl), s("span", _l, [l(b, {
 				icon: "fa-solid fa-chevron-down",
 				class: p(_.iconStaticClass)
 			}, null, 8, ["class"])])], 512),
@@ -7293,7 +7298,7 @@ function bl(n, r, u, d, f, _) {
 				"data-index": e.index,
 				onClick: (t) => _.selectOption(e.item),
 				class: p(_.getOptionClass(e.item, e.index))
-			}, y(e.item.text), 11, yl))), 128))], 64))), 128)), _.items.length === 0 ? (h(), o("li", {
+			}, y(e.item.text), 11, vl))), 128))], 64))), 128)), _.items.length === 0 ? (h(), o("li", {
 				key: 0,
 				class: p(_.emptyClass)
 			}, "Sin registros", 2)) : a("", !0)], 6)) : a("", !0)])),
@@ -7308,7 +7313,7 @@ function bl(n, r, u, d, f, _) {
 		}, y(u.description), 3)) : a("", !0)
 	], 512);
 }
-var xl = /*#__PURE__*/ $(pl, [["render", bl]]), Sl = {
+var bl = /*#__PURE__*/ $(fl, [["render", yl]]), xl = {
 	name: "TextAreaStyle",
 	props: {
 		modelValue: {
@@ -7407,7 +7412,7 @@ var xl = /*#__PURE__*/ $(pl, [["render", bl]]), Sl = {
 	methods: { emitBlur(e) {
 		this.$emit("blur", e);
 	} }
-}, Cl = { class: "w-full" }, wl = ["for"], Tl = [
+}, Sl = { class: "w-full" }, Cl = ["for"], wl = [
 	"id",
 	"name",
 	"placeholder",
@@ -7416,15 +7421,15 @@ var xl = /*#__PURE__*/ $(pl, [["render", bl]]), Sl = {
 	"maxlength",
 	"rows"
 ];
-function El(e, t, n, r, i, l) {
-	return h(), o("div", Cl, [
+function Tl(e, t, n, r, i, l) {
+	return h(), o("div", Sl, [
 		s("label", {
 			class: p(l.labelClass),
 			for: l.resolvedId
 		}, [c(y(n.label) + " ", 1), n.required ? (h(), o("span", {
 			key: 0,
 			class: p(l.requiredClass)
-		}, "*", 2)) : a("", !0)], 10, wl),
+		}, "*", 2)) : a("", !0)], 10, Cl),
 		x(s("textarea", f({
 			"onUpdate:modelValue": t[0] ||= (e) => l.model = e,
 			id: l.resolvedId,
@@ -7441,14 +7446,14 @@ function El(e, t, n, r, i, l) {
 			maxlength: n.maxlength ? Number(n.maxlength) : null,
 			rows: Number(n.row),
 			class: [l.inputClass, "resize-none block"]
-		}), null, 16, Tl), [[ee, l.model]]),
+		}), null, 16, wl), [[ee, l.model]]),
 		n.description ? (h(), o("span", {
 			key: 0,
 			class: p(l.descriptionClass)
 		}, y(n.description), 3)) : a("", !0)
 	]);
 }
-var Dl = /*#__PURE__*/ $(Sl, [["render", El]]), Ol = {
+var El = /*#__PURE__*/ $(xl, [["render", Tl]]), Dl = {
 	name: "PaginationStyle",
 	props: {
 		totalPages: {
@@ -7568,60 +7573,60 @@ var Dl = /*#__PURE__*/ $(Sl, [["render", El]]), Ol = {
 			this.$emit("page", e);
 		}
 	}
-}, kl = { class: "flex flex-col items-center justify-center text-gray-700" }, Al = { class: "flex justify-center text-xs" }, jl = ["disabled"], Ml = ["onClick", "disabled"], Nl = ["disabled"];
-function Pl(t, n, r, i, c, u) {
+}, Ol = { class: "flex flex-col items-center justify-center text-gray-700" }, kl = { class: "flex justify-center text-xs" }, Al = ["disabled"], jl = ["onClick", "disabled"], Ml = ["disabled"];
+function Nl(t, n, r, i, c, u) {
 	let d = v("font-awesome-icon");
-	return h(), o("div", kl, [s("div", Al, [
+	return h(), o("div", Ol, [s("div", kl, [
 		s("button", {
 			type: "button",
 			disabled: r.actualPage === 1,
 			onClick: n[0] ||= (e) => u.beforePage(),
 			class: p(u.navPrevClass),
 			"aria-label": "Anterior"
-		}, [l(d, { icon: "fa-solid fa-chevron-left" })], 10, jl),
+		}, [l(d, { icon: "fa-solid fa-chevron-left" })], 10, Al),
 		(h(!0), o(e, null, g(u.visiblePages, (e, t) => (h(), o("button", {
 			key: t,
 			onClick: (t) => e !== "..." && u.currentPage(e),
 			disabled: e === "...",
 			class: p(u.getPageClass(e, t))
-		}, y(e), 11, Ml))), 128)),
+		}, y(e), 11, jl))), 128)),
 		s("button", {
 			type: "button",
 			disabled: r.actualPage === r.totalPages,
 			onClick: n[1] ||= (e) => u.nextPage(),
 			class: p(u.navNextClass),
 			"aria-label": "Siguiente"
-		}, [l(d, { icon: "fa-solid fa-chevron-right" })], 10, Nl)
+		}, [l(d, { icon: "fa-solid fa-chevron-right" })], 10, Ml)
 	]), r.summary ? (h(), o("span", {
 		key: 0,
 		class: p(u.summaryClass)
 	}, y(`Mostrando ${u.start} - ${u.end} de ${r.records}`), 3)) : a("", !0)]);
 }
-var Fl = /*#__PURE__*/ $(Ol, [["render", Pl]]), Il = [
+var Pl = /*#__PURE__*/ $(Dl, [["render", Nl]]), Fl = [
 	xo,
 	So,
-	Vo,
-	gs,
-	Vs,
-	As,
-	Xs,
-	rc,
-	lc,
-	hc,
-	xc,
-	Dc,
-	jc,
-	Bc,
-	Xc,
-	rl,
-	fl,
-	xl,
-	Dl,
-	Fl
-], Ll = { install(e, t = {}) {
-	t.styles && bo(t.styles), e.component("font-awesome-icon", Sa), Il.forEach((t) => {
+	Bo,
+	hs,
+	Bs,
+	ks,
+	Ys,
+	nc,
+	cc,
+	mc,
+	bc,
+	Ec,
+	Ac,
+	zc,
+	Yc,
+	nl,
+	dl,
+	bl,
+	El,
+	Pl
+], Il = { install(e, t = {}) {
+	t.styles && bo(t.styles), e.component("font-awesome-icon", Sa), Fl.forEach((t) => {
 		e.component(t.name, t);
-	}), e.directive("title-style", Mo), e.config.globalProperties.$utilstyle = Z, e.config.globalProperties.$alertstyle = xo, e.config.globalProperties.$dialogstyle = So;
+	}), e.directive("title-style", jo), e.config.globalProperties.$utilstyle = Z, e.config.globalProperties.$alertstyle = xo, e.config.globalProperties.$dialogstyle = So;
 } };
 //#endregion
-export { xo as AlertStyle, jc as ButtonStyle, So as DialogStyle, Vo as InputAutocompleteStyle, hc as InputCheckStyle, gs as InputDateStyle, Vs as InputDateTimeStyle, Bc as InputFileDownloadStyle, Xc as InputFileUploadStyle, Xs as InputNumberStyle, rc as InputPasswordStyle, xc as InputRadioStyle, Dc as InputSwitchStyle, lc as InputTextStyle, As as InputTimeStyle, rl as LoaderStyle, fl as ModalStyle, Fl as PaginationStyle, xl as SelectStyle, Dl as TextAreaStyle, Mo as TitleStyle, bo as configureStyles, Ll as default };
+export { xo as AlertStyle, Ac as ButtonStyle, So as DialogStyle, Bo as InputAutocompleteStyle, mc as InputCheckStyle, hs as InputDateStyle, Bs as InputDateTimeStyle, zc as InputFileDownloadStyle, Yc as InputFileUploadStyle, Ys as InputNumberStyle, nc as InputPasswordStyle, bc as InputRadioStyle, Ec as InputSwitchStyle, cc as InputTextStyle, ks as InputTimeStyle, nl as LoaderStyle, dl as ModalStyle, Pl as PaginationStyle, bl as SelectStyle, El as TextAreaStyle, jo as TitleStyle, bo as configureStyles, Il as default };