@topjoao/top-design-system 0.1.0-beta.12 → 0.1.0-beta.13

package/dist/{TopToast-B8ruKpjL.js → TopToast-C7cOTxTp.js}

@@ -1,12 +1,12 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, nextTick as f, normalizeClass as p, normalizeProps as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, unref as C, useAttrs as w, useId as T, useSlots as E, watch as D, withCtx as O, withDirectives as k } from "vue";
-import A from "primevue/button";
-import j from "primevue/tooltip";
-import { twMerge as M } from "tailwind-merge";
-import N from "primevue/dialog";
-import P from "primevue/datepicker";
-import F from "primevue/fileupload";
-import I from "primevue/inputtext";
-import L from "primevue/autocomplete";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, nextTick as f, normalizeClass as p, normalizeProps as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, resolveDynamicComponent as S, toDisplayString as C, unref as w, useAttrs as T, useId as E, useSlots as D, watch as O, withCtx as k, withDirectives as A } from "vue";
+import j from "primevue/button";
+import M from "primevue/tooltip";
+import { twMerge as N } from "tailwind-merge";
+import P from "primevue/dialog";
+import F from "primevue/datepicker";
+import I from "primevue/fileupload";
+import L from "primevue/inputtext";
+import ee from "primevue/autocomplete";
 import R from "primevue/toast";
 //#region src/components/TopButton.vue?vue&type=script&setup=true&lang.ts
 var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px] bg-transparent" }, B = /* @__PURE__ */ l({
@@ -42,11 +42,11 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 	},
 	emits: ["click"],
 	setup(e, { emit: r }) {
-		let a = E(), s = t(() => !!a.icon), c = e, l = r, u = t(() => c.secondary ? "secondary" : c.severity), d = t(() => {
+		let a = D(), s = t(() => !!a.icon), c = e, l = r, u = t(() => c.secondary ? "secondary" : c.severity), d = t(() => {
 			let e = c.unstyled ? "" : u.value === "secondary" ? "rounded-[10px] border px-3 py-2 font-bold dark:!border-zinc-500 dark:!bg-zinc-700 dark:!text-zinc-100 dark:hover:!bg-zinc-600" : c.outlined ? u.value === "primary" ? "shrink-0 rounded-[10px] border-primary-800 px-3 py-2 text-primary-800 hover:bg-primary-50 dark:border-primary-200 dark:bg-transparent dark:text-primary-100 dark:hover:bg-primary-900" : "shrink-0 rounded-[10px] border px-3 py-2 font-bold" : u.value === "primary" ? "rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 dark:!text-white" : "rounded-[10px] border px-3 py-2 font-bold";
-			return M(e, c.class);
+			return N(e, c.class);
 		});
-		return (t, r) => (v(), i("span", z, [k((v(), n(C(A), {
+		return (t, r) => (v(), i("span", z, [A((v(), n(w(j), {
 			type: e.type,
 			label: e.label,
 			disabled: e.disabled || e.loading,
@@ -59,7 +59,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			onClick: r[0] ||= (e) => l("click")
 		}, o({ _: 2 }, [s.value ? {
 			name: "icon",
-			fn: O(() => [x(t.$slots, "icon")]),
+			fn: k(() => [x(t.$slots, "icon")]),
 			key: "0"
 		} : void 0]), 1032, [
 			"type",
@@ -72,7 +72,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			"class",
 			"pt"
 		])), [[
-			C(j),
+			w(M),
 			{
 				value: e.tooltip,
 				class: e.tooltipClass
@@ -191,7 +191,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 		function g() {
 			i.loading || (l.value = !1);
 		}
-		return (t, r) => (v(), n(C(N), {
+		return (t, r) => (v(), n(w(P), {
 			visible: l.value,
 			"onUpdate:visible": r[0] ||= (e) => l.value = e,
 			modal: "",
@@ -212,7 +212,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			},
 			onHide: r[1] ||= (e) => o("close")
 		}, {
-			default: O(() => [a("div", {
+			default: k(() => [a("div", {
 				class: "relative flex flex-col items-center gap-4 text-center",
 				style: h(u.value)
 			}, [
@@ -229,8 +229,8 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				a("div", U, [a("i", {
 					class: p([e.icon, "top-confirm-dialog__icon text-[40px]"]),
 					"aria-hidden": "true"
-				}, null, 2), a("p", W, S(e.title), 1)]),
-				a("div", G, [x(t.$slots, "message", {}, () => [x(t.$slots, "default", {}, () => [s(S(e.message), 1)])])]),
+				}, null, 2), a("p", W, C(e.title), 1)]),
+				a("div", G, [x(t.$slots, "message", {}, () => [x(t.$slots, "default", {}, () => [s(C(e.message), 1)])])]),
 				a("div", K, [c(B, {
 					label: e.cancelText,
 					secondary: "",
@@ -255,11 +255,11 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			"aria-label"
 		]));
 	}
-}), J = { class: "top-date-picker top-solutions-component flex w-full flex-col gap-1" }, Y = ["for"], ee = {
+}), J = { class: "top-date-picker top-solutions-component flex w-full flex-col gap-1" }, Y = ["for"], X = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "text-red-600 dark:text-red-400"
-}, X = ["id"], Z = /* @__PURE__ */ l({
+}, Z = ["id"], te = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "TopDatePicker",
 	props: {
@@ -318,7 +318,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 		"keydown"
 	],
 	setup(e, { emit: n }) {
-		let a = e, l = n, f = w(), p = E(), h = T(), g = t(() => f.id === void 0 || f.id === null || f.id === "" ? h : String(f.id)), _ = t(() => `${g.value}-error`), y = t(() => a.invalid || !!a.error), D = t(() => a.manualInput && !a.readonly && !a.disabled && a.selectionMode === "single" && a.dateFormat === "dd/mm/yy"), k = t(() => {
+		let a = e, l = n, f = T(), p = D(), h = E(), g = t(() => f.id === void 0 || f.id === null || f.id === "" ? h : String(f.id)), _ = t(() => `${g.value}-error`), y = t(() => a.invalid || !!a.error), S = t(() => a.manualInput && !a.readonly && !a.disabled && a.selectionMode === "single" && a.dateFormat === "dd/mm/yy"), O = t(() => {
 			if (y.value) return !0;
 			let e = f["aria-invalid"];
 			return typeof e == "boolean" || e === "true" || e === "false" || e === "grammar" || e === "spelling" ? e : void 0;
@@ -330,17 +330,17 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			return r;
 		}), M = t(() => ({ pcInputText: { root: {
 			"aria-describedby": A.value,
-			"aria-invalid": k.value,
+			"aria-invalid": O.value,
 			onChange: (e) => l("change", e),
-			inputmode: D.value ? "numeric" : void 0,
-			maxlength: D.value ? 10 : void 0
+			inputmode: S.value ? "numeric" : void 0,
+			maxlength: S.value ? 10 : void 0
 		} } }));
 		function N(e) {
 			l("update:modelValue", e ?? null);
 		}
-		function F(e) {
+		function P(e) {
 			let t = e.target;
-			if (D.value && t instanceof HTMLInputElement && !e.isComposing) {
+			if (S.value && t instanceof HTMLInputElement && !e.isComposing) {
 				let e = t.value.replace(/\D/g, "").slice(0, 8);
 				t.value = [
 					e.slice(0, 2),
@@ -355,8 +355,8 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				key: 0,
 				for: g.value,
 				class: "top-field-label text-xs font-bold"
-			}, [s(S(e.label) + " ", 1), e.required ? (v(), i("span", ee, "*")) : r("", !0)], 8, Y)) : r("", !0),
-			c(C(P), d(j.value, {
+			}, [s(C(e.label) + " ", 1), e.required ? (v(), i("span", X, "*")) : r("", !0)], 8, Y)) : r("", !0),
+			c(w(F), d(j.value, {
 				"model-value": e.modelValue,
 				"input-id": g.value,
 				placeholder: e.placeholder,
@@ -379,7 +379,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				"panel-class": "top-date-picker-panel top-solutions-component",
 				fluid: "",
 				"onUpdate:modelValue": N,
-				onInput: F,
+				onInput: P,
 				onDateSelect: n[0] ||= (e) => l("date-select", e),
 				onShow: n[1] ||= (e) => l("show"),
 				onHide: n[2] ||= (e) => l("hide"),
@@ -390,9 +390,9 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				onFocus: n[7] ||= (e) => l("focus", e),
 				onBlur: n[8] ||= (e) => l("blur", e),
 				onKeydown: n[9] ||= (e) => l("keydown", e)
-			}), o({ _: 2 }, [b(C(p), (e, n) => ({
+			}), o({ _: 2 }, [b(w(p), (e, n) => ({
 				name: n,
-				fn: O((e) => [x(t.$slots, n, m(u(e ?? {})))])
+				fn: k((e) => [x(t.$slots, n, m(u(e ?? {})))])
 			}))]), 1040, [
 				"model-value",
 				"input-id",
@@ -417,27 +417,125 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				id: _.value,
 				class: "text-[11px] text-red-600 dark:text-red-400",
 				role: "alert"
-			}, S(e.error), 9, X)) : r("", !0)
+			}, C(e.error), 9, Z)) : r("", !0)
 		]));
 	}
-}), te = { class: "top-file-upload top-solutions-component flex w-full flex-col gap-1" }, ne = ["for"], re = {
+}), ne = [["path", {
+	d: "M17.4776 9.01106C17.485 9.01102 17.4925 9.01101 17.5 9.01101C19.9853 9.01101 22 11.0294 22 13.5193C22 15.8398 20.25 17.7508 18 18M17.4776 9.01106C17.4924 8.84606 17.5 8.67896 17.5 8.51009C17.5 5.46695 15.0376 3 12 3C9.12324 3 6.76233 5.21267 6.52042 8.03192M17.4776 9.01106C17.3753 10.1476 16.9286 11.1846 16.2428 12.0165M6.52042 8.03192C3.98398 8.27373 2 10.4139 2 13.0183C2 15.4417 3.71776 17.4632 6 17.9273M6.52042 8.03192C6.67826 8.01687 6.83823 8.00917 7 8.00917C8.12582 8.00917 9.16474 8.38194 10.0005 9.01101",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5",
+	key: "0"
+}], ["path", {
+	d: "M12 13L12 21M12 13C11.2998 13 9.99153 14.9943 9.5 15.5M12 13C12.7002 13 14.0085 14.9943 14.5 15.5",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5",
+	key: "1"
+}]], Q = l({
+	name: "HugeiconsIcon",
+	inheritAttrs: !1,
+	props: {
+		icon: {
+			type: Array,
+			required: !0
+		},
+		size: {
+			type: [Number, String],
+			default: 24,
+			validator(e) {
+				let t = typeof e == "string" ? parseInt(e, 10) : e;
+				return !isNaN(t) && t > 0;
+			}
+		},
+		strokeWidth: {
+			type: Number,
+			default: void 0
+		},
+		absoluteStrokeWidth: {
+			type: Boolean,
+			default: !1
+		},
+		altIcon: {
+			type: Array,
+			default: void 0
+		},
+		showAlt: {
+			type: Boolean,
+			default: !1
+		},
+		color: {
+			type: String,
+			default: "currentColor"
+		}
+	},
+	setup(e) {
+		let n = t(() => {
+			let t = typeof e.size == "string" ? parseInt(e.size, 10) : e.size;
+			return !isNaN(t) && t > 0 ? t : 24;
+		});
+		return {
+			computedSize: n,
+			calculatedStrokeWidth: t(() => {
+				if (e.strokeWidth !== void 0) return e.absoluteStrokeWidth ? e.strokeWidth * 24 / n.value : e.strokeWidth;
+			}),
+			transformAttrs: (e, t) => {
+				let n = {};
+				for (let [t, r] of Object.entries(e)) {
+					let e = t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+					n[e] = r;
+				}
+				return t !== void 0 && (n["stroke-width"] = t, n.stroke = "currentColor"), n;
+			},
+			currentIcon: t(() => e.altIcon && e.showAlt ? e.altIcon : e.icon)
+		};
+	}
+}), $ = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, re = [
+	"width",
+	"height",
+	"color"
+];
+function ie(t, r, a, o, s, c) {
+	return v(), i("svg", d({
+		width: t.computedSize,
+		height: t.computedSize,
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		color: t.color
+	}, t.$attrs), [(v(!0), i(e, null, b(t.currentIcon, (e, r) => (v(), n(S(e[0]), d({
+		key: r,
+		ref_for: !0
+	}, t.transformAttrs(e[1], t.calculatedStrokeWidth)), null, 16))), 128))], 16, re);
+}
+var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/Desktop/Projects/Hugeicons/hugeicons-monorepo/packages/vue/src/components/HugeiconsIcon.vue"]]), oe = { class: "top-file-upload top-solutions-component flex w-full flex-col gap-1" }, se = ["for"], ce = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "text-red-600 dark:text-red-400"
-}, ie = { class: "flex min-h-[130px] w-full flex-col items-center justify-center gap-3" }, ae = {
+}, le = { class: "flex min-h-[130px] w-full flex-col items-center justify-center gap-3" }, ue = {
 	class: "top-file-upload__empty-icon",
 	"aria-hidden": "true"
-}, oe = { class: "m-0 text-center text-xs text-secondary-600 dark:text-zinc-300" }, se = {
+}, de = {
+	key: 0,
+	"aria-label": "Carregando...",
+	class: "pi pi-spin pi-spinner text-5xl"
+}, fe = { class: "m-0 text-center text-xs text-secondary-600 dark:text-zinc-300" }, pe = {
 	key: 1,
 	class: "flex w-full flex-col gap-2"
-}, ce = ["src", "alt"], le = {
+}, me = ["src", "alt"], he = {
 	key: 1,
 	class: "flex size-12 shrink-0 items-center justify-center rounded-lg bg-primary-50 text-primary-800 dark:bg-primary-950 dark:text-primary-200"
-}, ue = { class: "min-w-0 flex-1" }, de = { class: "m-0 truncate text-xs font-bold text-secondary-900 dark:text-zinc-100" }, fe = { class: "text-[11px] text-secondary-500 dark:text-zinc-400" }, pe = [
+}, ge = { class: "min-w-0 flex-1" }, _e = { class: "m-0 truncate text-xs font-bold text-secondary-900 dark:text-zinc-100" }, ve = { class: "text-[11px] text-secondary-500 dark:text-zinc-400" }, ye = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], me = ["id"], he = /* @__PURE__ */ l({
+], be = ["id"], xe = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "TopFileUpload",
 	props: {
@@ -476,40 +574,40 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 		"error"
 	],
 	setup(o, { expose: l, emit: u }) {
-		let d = o, m = u, h = w(), E = T(), k = y(null), A = y(V(d.modelValue)), j = y([]), M = /* @__PURE__ */ new Map(), N = t(() => h.id === void 0 || h.id === null || h.id === "" ? E : String(h.id)), P = t(() => `${N.value}-error`), I = t(() => d.error || j.value[0]?.message || ""), L = t(() => d.disabled || d.loading), R = t(() => {
-			let e = h["aria-describedby"], t = [typeof e == "string" ? e : "", I.value ? P.value : ""].filter(Boolean);
+		let d = o, p = u, m = T(), h = E(), S = y(null), D = y(R(d.modelValue)), A = y([]), j = /* @__PURE__ */ new Map(), M = t(() => m.id === void 0 || m.id === null || m.id === "" ? h : String(m.id)), N = t(() => `${M.value}-error`), P = t(() => d.error || A.value[0]?.message || ""), F = t(() => d.disabled || d.loading), L = t(() => {
+			let e = m["aria-describedby"], t = [typeof e == "string" ? e : "", P.value ? N.value : ""].filter(Boolean);
 			return t.length ? t.join(" ") : void 0;
-		}), z = t(() => ({
-			...h,
-			id: N.value,
+		}), ee = t(() => ({
+			...m,
+			id: M.value,
 			required: d.required,
-			"aria-invalid": I.value ? !0 : h["aria-invalid"],
-			"aria-describedby": R.value,
-			"aria-label": h["aria-label"] || (d.label ? void 0 : d.selectLabel)
+			"aria-invalid": P.value ? !0 : m["aria-invalid"],
+			"aria-describedby": L.value,
+			"aria-label": m["aria-label"] || (d.label ? void 0 : d.selectLabel)
 		}));
-		function V(e) {
+		function R(e) {
 			return e ? Array.isArray(e) ? d.multiple ? [...e] : e.slice(0, 1) : [e] : [];
 		}
-		function H(e, t) {
+		function z(e, t) {
 			return e.name === t.name && e.type === t.type && e.size === t.size;
 		}
-		function U(e) {
+		function V(e) {
 			return !d.accept.trim() || d.accept.split(",").some((t) => {
 				let n = t.trim().toLowerCase(), r = e.type.toLowerCase();
 				return n ? n.startsWith(".") ? e.name.toLowerCase().endsWith(n) : n.endsWith("/*") ? r.startsWith(n.slice(0, -1)) : r === n : !1;
 			});
 		}
-		function W(e) {
+		function H(e) {
 			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(2)} MB`;
 		}
-		function G(e) {
+		function U(e) {
 			let t = [];
 			return {
 				errors: t,
-				validFiles: e.filter((e) => U(e) ? d.maxFileSize && e.size > d.maxFileSize ? (t.push({
+				validFiles: e.filter((e) => V(e) ? d.maxFileSize && e.size > d.maxFileSize ? (t.push({
 					code: "file-size",
 					file: e,
-					message: `O arquivo "${e.name}" excede o tamanho máximo de ${W(d.maxFileSize)}.`
+					message: `O arquivo "${e.name}" excede o tamanho máximo de ${H(d.maxFileSize)}.`
 				}), !1) : !0 : (t.push({
 					code: "file-type",
 					file: e,
@@ -517,23 +615,23 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				}), !1))
 			};
 		}
-		function K(e) {
+		function W(e) {
 			let t = e.originalEvent;
 			return Array.from(t.dataTransfer?.files ?? t.target?.files ?? []);
 		}
-		function q(e) {
+		function G(e) {
 			return d.multiple ? [...e] : e[0] ?? null;
 		}
-		function J() {
-			k.value && (k.value.files = [...A.value]);
+		function K() {
+			S.value && (S.value.files = [...D.value]);
 		}
-		function Y(e, t) {
-			A.value = e, j.value = [], $(), f(J);
-			let n = q(e);
-			m("update:modelValue", n), m("change", n), t === "select" && m("select", [...e]), t === "clear" && m("clear");
+		function q(e, t) {
+			D.value = e, A.value = [], $(), f(K);
+			let n = G(e);
+			p("update:modelValue", n), p("change", n), t === "select" && p("select", [...e]), t === "clear" && p("clear");
 		}
-		function ee(e) {
-			let { errors: t, validFiles: n } = G(K(e)), r = d.multiple ? [...A.value, ...n.filter((e) => !A.value.some((t) => H(t, e)))] : n.slice(-1);
+		function J(e) {
+			let { errors: t, validFiles: n } = U(W(e)), r = d.multiple ? [...D.value, ...n.filter((e) => !D.value.some((t) => z(t, e)))] : n.slice(-1);
 			if (d.maxFiles && r.length > d.maxFiles) {
 				let e = r.slice(d.maxFiles);
 				t.push(...e.map((e) => ({
@@ -542,80 +640,80 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 					message: `O limite máximo é de ${d.maxFiles} arquivo(s).`
 				}))), r = r.slice(0, d.maxFiles);
 			}
-			if (t.length ? (j.value = t, m("error", t)) : j.value = [], J(), n.length && !X(r, A.value)) {
-				A.value = r, $(), f(J);
-				let e = q(r);
-				m("update:modelValue", e), m("change", e), m("select", [...r]);
+			if (t.length ? (A.value = t, p("error", t)) : A.value = [], K(), n.length && !Y(r, D.value)) {
+				D.value = r, $(), f(K);
+				let e = G(r);
+				p("update:modelValue", e), p("change", e), p("select", [...r]);
 			}
 		}
-		function X(e, t) {
-			return e.length === t.length && e.every((e, n) => H(e, t[n]));
+		function Y(e, t) {
+			return e.length === t.length && e.every((e, n) => z(e, t[n]));
 		}
-		function Z() {
-			L.value || k.value?.choose();
+		function X() {
+			F.value || S.value?.choose();
 		}
-		function he(e, t) {
-			if (L.value) return;
-			let n = A.value[t];
+		function Z(e, t) {
+			if (F.value) return;
+			let n = D.value[t];
 			if (!n) return;
 			e(t);
-			let r = A.value.filter((e, n) => n !== t);
-			Y(r, "remove"), m("remove", n, t), r.length || m("clear");
+			let r = D.value.filter((e, n) => n !== t);
+			q(r, "remove"), p("remove", n, t), r.length || p("clear");
 		}
-		function ge() {
-			L.value || !A.value.length || Y([], "clear");
+		function te() {
+			F.value || !D.value.length || q([], "clear");
 		}
 		function Q(e) {
 			if (!e.type.startsWith("image/") || typeof URL.createObjectURL != "function") return "";
-			let t = M.get(e);
+			let t = j.get(e);
 			if (t) return t;
 			let n = URL.createObjectURL(e);
-			return M.set(e, n), n;
+			return j.set(e, n), n;
 		}
 		function $() {
-			for (let [e, t] of M) A.value.includes(e) || (URL.revokeObjectURL(t), M.delete(e));
+			for (let [e, t] of j) D.value.includes(e) || (URL.revokeObjectURL(t), j.delete(e));
 		}
-		return D(() => d.modelValue, (e) => {
-			let t = V(e);
-			X(t, A.value) || (A.value = t, j.value = [], $(), f(J));
-		}), D(() => d.multiple, () => {
-			let e = V(d.modelValue);
-			A.value = e, $(), f(J);
-		}), _(J), g(() => {
-			for (let e of M.values()) URL.revokeObjectURL(e);
-			M.clear();
+		return O(() => d.modelValue, (e) => {
+			let t = R(e);
+			Y(t, D.value) || (D.value = t, A.value = [], $(), f(K));
+		}), O(() => d.multiple, () => {
+			let e = R(d.modelValue);
+			D.value = e, $(), f(K);
+		}), _(K), g(() => {
+			for (let e of j.values()) URL.revokeObjectURL(e);
+			j.clear();
 		}), l({
-			choose: Z,
-			clear: ge
-		}), (t, l) => (v(), i("div", te, [
+			choose: X,
+			clear: te
+		}), (t, l) => (v(), i("div", oe, [
 			o.label ? (v(), i("label", {
 				key: 0,
-				for: N.value,
+				for: M.value,
 				class: "text-xs font-bold text-secondary-800 dark:text-zinc-200"
-			}, [s(S(o.label) + " ", 1), o.required ? (v(), i("span", re, "*")) : r("", !0)], 8, ne)) : r("", !0),
-			c(C(F), {
+			}, [s(C(o.label) + " ", 1), o.required ? (v(), i("span", ce, "*")) : r("", !0)], 8, se)) : r("", !0),
+			c(w(I), {
 				ref_key: "fileUploadRef",
-				ref: k,
+				ref: S,
 				mode: "advanced",
 				accept: o.accept || void 0,
 				multiple: o.multiple,
-				disabled: L.value,
+				disabled: F.value,
 				"custom-upload": !0,
 				"show-upload-button": !1,
 				"show-cancel-button": !1,
 				pt: {
 					root: { class: "top-file-upload__root w-full" },
 					header: { class: "hidden" },
-					input: z.value,
+					input: ee.value,
 					content: { class: [
 						"top-file-upload__dropzone min-h-[224px] rounded-[10px] border p-4 transition-colors",
-						I.value ? "border-red-600 bg-red-50 dark:border-red-400 dark:bg-red-950/20" : "border-secondary-300 bg-white hover:border-primary-600 hover:bg-primary-50 dark:border-zinc-600 dark:bg-zinc-800 dark:hover:border-primary-400 dark:hover:bg-zinc-700",
-						L.value ? "cursor-not-allowed opacity-60" : ""
+						P.value ? "border-red-600 bg-red-50 dark:border-red-400 dark:bg-red-950/20" : "border-secondary-300 bg-white hover:border-primary-600 hover:bg-primary-50 dark:border-zinc-600 dark:bg-zinc-800 dark:hover:border-primary-400 dark:hover:bg-zinc-700",
+						F.value ? "cursor-not-allowed opacity-60" : ""
 					].join(" ") }
 				},
-				onSelect: ee
+				onSelect: J
 			}, {
-				content: O(({ removeFileCallback: s }) => [a("div", ie, [A.value.length ? (v(), i("div", se, [(v(!0), i(e, null, b(A.value, (e, n) => (v(), i("div", {
+				content: k(({ removeFileCallback: s }) => [a("div", le, [D.value.length ? (v(), i("div", pe, [(v(!0), i(e, null, b(D.value, (e, n) => (v(), i("div", {
 					key: `${e.name}-${e.size}-${e.lastModified}`,
 					class: "flex min-w-0 items-center gap-3 rounded-[10px] border border-secondary-300 bg-white p-3 dark:border-zinc-600 dark:bg-zinc-900"
 				}, [
@@ -628,22 +726,22 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 						src: Q(e),
 						alt: `Pré-visualização de ${e.name}`,
 						class: "size-12 shrink-0 rounded-lg object-cover"
-					}, null, 8, ce)) : (v(), i("span", le, [...l[0] ||= [a("i", {
+					}, null, 8, me)) : (v(), i("span", he, [...l[0] ||= [a("i", {
 						class: "pi pi-file text-2xl",
 						"aria-hidden": "true"
 					}, null, -1)]]))]),
-					a("div", ue, [a("p", de, S(e.name), 1), a("span", fe, S(W(e.size)), 1)]),
+					a("div", ge, [a("p", _e, C(e.name), 1), a("span", ve, C(H(e.size)), 1)]),
 					a("button", {
 						type: "button",
 						class: "flex size-8 shrink-0 items-center justify-center rounded-full border-0 bg-transparent p-0 text-red-600 transition-colors hover:bg-red-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:text-red-400 dark:hover:bg-red-950/40 dark:focus-visible:ring-offset-zinc-900",
 						"aria-label": `${o.removeLabel}: ${e.name}`,
-						disabled: L.value,
-						onClick: (e) => he(s, n)
+						disabled: F.value,
+						onClick: (e) => Z(s, n)
 					}, [...l[1] ||= [a("i", {
 						class: "pi pi-times",
 						"aria-hidden": "true"
-					}, null, -1)]], 8, pe)
-				]))), 128)), o.multiple && (!o.maxFiles || A.value.length < o.maxFiles) ? (v(), n(B, {
+					}, null, -1)]], 8, ye)
+				]))), 128)), o.multiple && (!o.maxFiles || D.value.length < o.maxFiles) ? (v(), n(B, {
 					key: 0,
 					label: o.selectLabel,
 					icon: "pi pi-plus-circle",
@@ -651,24 +749,30 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 					disabled: o.disabled,
 					loading: o.loading,
 					class: "mt-1 px-3 py-2 text-xs",
-					onClick: Z
+					onClick: X
 				}, null, 8, [
 					"label",
 					"disabled",
 					"loading"
 				])) : r("", !0)])) : x(t.$slots, "empty", {
-					choose: Z,
-					disabled: L.value
+					choose: X,
+					disabled: F.value
 				}, () => [
-					a("span", ae, [a("i", { class: p([o.loading ? "pi pi-spin pi-spinner" : "pi pi-cloud-upload", "text-5xl"]) }, null, 2)]),
-					a("p", oe, S(o.placeholder), 1),
+					a("span", ue, [o.loading ? (v(), i("i", de)) : (v(), n(w(ae), {
+						key: 1,
+						icon: w(ne),
+						size: 72,
+						"stroke-width": 1.5,
+						class: "text-primary-800 dark:text-primary-300"
+					}, null, 8, ["icon"]))]),
+					a("p", fe, C(o.placeholder), 1),
 					c(B, {
 						label: o.selectLabel,
 						icon: "pi pi-plus-circle",
 						disabled: o.disabled,
 						loading: o.loading,
 						class: "px-3 py-2 text-xs",
-						onClick: Z
+						onClick: X
 					}, null, 8, [
 						"label",
 						"disabled",
@@ -682,19 +786,19 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				"disabled",
 				"pt"
 			]),
-			I.value ? (v(), i("span", {
+			P.value ? (v(), i("span", {
 				key: 1,
-				id: P.value,
+				id: N.value,
 				class: "text-[11px] text-red-600 dark:text-red-400",
 				role: "alert"
-			}, S(I.value), 9, me)) : r("", !0)
+			}, C(P.value), 9, be)) : r("", !0)
 		]));
 	}
-}), ge = { class: "top-input-text top-solutions-component flex w-full flex-col gap-1" }, Q = ["for"], $ = {
+}), Se = { class: "top-input-text top-solutions-component flex w-full flex-col gap-1" }, Ce = ["for"], we = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "text-red-600 dark:text-red-400"
-}, _e = ["id"], ve = /* @__PURE__ */ l({
+}, Te = ["id"], Ee = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "TopInputText",
 	props: {
@@ -717,7 +821,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: n }) {
-		let a = e, o = n, l = w(), u = T(), f = t(() => l.id === void 0 || l.id === null || l.id === "" ? u : String(l.id)), p = t(() => `${f.value}-error`), m = t(() => {
+		let a = e, o = n, l = T(), u = E(), f = t(() => l.id === void 0 || l.id === null || l.id === "" ? u : String(l.id)), p = t(() => `${f.value}-error`), m = t(() => {
 			if (a.error) return !0;
 			let e = l["aria-invalid"];
 			return typeof e == "boolean" || e === "true" || e === "false" || e === "grammar" || e === "spelling" ? e : void 0;
@@ -728,13 +832,13 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 		function g(e) {
 			o("update:modelValue", e ?? "");
 		}
-		return (t, n) => (v(), i("div", ge, [
+		return (t, n) => (v(), i("div", Se, [
 			e.label ? (v(), i("label", {
 				key: 0,
 				for: f.value,
 				class: "top-field-label text-xs font-bold"
-			}, [s(S(e.label) + " ", 1), e.required ? (v(), i("span", $, "*")) : r("", !0)], 8, Q)) : r("", !0),
-			c(C(I), d(t.$attrs, {
+			}, [s(C(e.label) + " ", 1), e.required ? (v(), i("span", we, "*")) : r("", !0)], 8, Ce)) : r("", !0),
+			c(w(L), d(t.$attrs, {
 				id: f.value,
 				"model-value": e.modelValue,
 				type: "text",
@@ -764,44 +868,44 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				id: p.value,
 				class: "text-[11px] text-red-600 dark:text-red-400",
 				role: "alert"
-			}, S(e.error), 9, _e)) : r("", !0)
+			}, C(e.error), 9, Te)) : r("", !0)
 		]));
 	}
-}), ye = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, be = {
+}), De = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, Oe = {
 	key: 0,
 	class: "pi pi-spin pi-spinner"
-}, xe = {
+}, ke = {
 	key: 1,
 	class: "pi pi-search"
-}, Se = {
+}, Ae = {
 	key: 1,
 	class: "flex items-center gap-1 !text-sm"
-}, Ce = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, we = ["onClick"], Te = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, Ee = {
+}, je = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, Me = ["onClick"], Ne = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, Pe = {
 	key: 1,
 	class: "flex min-h-[100px] flex-col items-center justify-center gap-2 py-2"
-}, De = {
+}, Fe = {
 	key: 0,
 	class: "text-xs font-medium text-primary-600"
-}, Oe = {
+}, Ie = {
 	key: 2,
 	class: "text-xs text-secondary-500"
-}, ke = { key: 1 }, Ae = {
+}, Le = { key: 1 }, Re = {
 	key: 1,
 	class: "flex items-center gap-2 font-semibold"
-}, je = {
+}, ze = {
 	key: 1,
 	class: "flex w-full min-w-0 items-start gap-2 overflow-hidden px-2 py-3 text-sm",
 	style: { "white-space": "normal" }
-}, Me = ["title"], Ne = {
+}, Be = ["title"], Ve = {
 	key: 0,
 	class: "top-select-option-prefix whitespace-nowrap font-bold text-primary-800 dark:text-primary-100"
-}, Pe = {
+}, He = {
 	key: 0,
 	class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
-}, Fe = {
+}, Ue = {
 	key: 0,
 	class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
-}, Ie = /* @__PURE__ */ l({
+}, We = /* @__PURE__ */ l({
 	__name: "TopSelect",
 	props: {
 		modelValue: { default: null },
@@ -870,24 +974,24 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 		"change"
 	],
 	setup(n, { expose: l, emit: h }) {
-		let w = n, T = h, A = E(), M = L, N = y(""), P = y(!1), F = y(null), I = `top-select-${Math.random().toString(36).slice(2)}`, R = null, z = t({
-			get: () => w.modelValue,
+		let S = n, T = h, E = D(), j = ee, N = y(""), P = y(!1), F = y(null), I = `top-select-${Math.random().toString(36).slice(2)}`, L = null, R = t({
+			get: () => S.modelValue,
 			set: (e) => T("update:modelValue", e)
 		});
-		function B(e, t) {
+		function z(e, t) {
 			return e == null ? "" : String(typeof e == "object" ? e[t] ?? "" : e);
 		}
-		function V(e) {
-			return e == null ? "" : typeof w.optionLabel == "function" ? w.optionLabel(e) : B(e, w.optionLabel);
+		function B(e) {
+			return e == null ? "" : typeof S.optionLabel == "function" ? S.optionLabel(e) : z(e, S.optionLabel);
 		}
-		function H(e) {
-			return w.optionPrefix ? B(e, w.optionPrefix) : "";
+		function V(e) {
+			return S.optionPrefix ? z(e, S.optionPrefix) : "";
 		}
-		function U(e, t = w.showSelectedPrefix) {
-			let n = V(e), r = H(e);
+		function H(e, t = S.showSelectedPrefix) {
+			let n = B(e), r = V(e);
 			return t && r ? `${r} - ${n}` : n;
 		}
-		function W(e) {
+		function U(e) {
 			let t = N.value;
 			if (!t) return [{
 				text: e,
@@ -899,46 +1003,46 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				highlighted: e.toLowerCase() === t.toLowerCase()
 			}));
 		}
-		function G() {
+		function W() {
 			F.value?.hide?.();
 		}
-		function K() {
+		function G() {
 			typeof window > "u" || window.dispatchEvent(new CustomEvent("top-select:close-others", { detail: { instanceId: I } }));
 		}
-		function q(e) {
-			e.detail?.instanceId !== I && G();
+		function K(e) {
+			e.detail?.instanceId !== I && W();
 		}
-		function J() {
-			if (w.disabled || R) {
-				G();
+		function q() {
+			if (S.disabled || L) {
+				W();
 				return;
 			}
-			P.value = !0, K();
+			P.value = !0, G();
 		}
-		function Y() {
-			w.closeOnSelect && (P.value = !1, G(), f(G), R && clearTimeout(R), R = setTimeout(() => {
-				G(), R = null;
+		function J() {
+			S.closeOnSelect && (P.value = !1, W(), f(W), L && clearTimeout(L), L = setTimeout(() => {
+				W(), L = null;
 			}, 200));
 		}
-		return l({ hideDropdown: G }), _(() => window.addEventListener("top-select:close-others", q)), g(() => {
-			window.removeEventListener("top-select:close-others", q), R && clearTimeout(R);
-		}), D(() => w.disabled, (e) => {
-			e && (P.value = !1, G());
-		}), D(() => w.options, () => {
-			P.value || G();
+		return l({ hideDropdown: W }), _(() => window.addEventListener("top-select:close-others", K)), g(() => {
+			window.removeEventListener("top-select:close-others", K), L && clearTimeout(L);
+		}), O(() => S.disabled, (e) => {
+			e && (P.value = !1, W());
+		}), O(() => S.options, () => {
+			P.value || W();
 		}), (t, l) => (v(), i("div", {
 			class: p(["top-select top-solutions-component relative w-full", { "pointer-events-none": n.disabled }]),
-			onFocusin: J
-		}, [a("span", ye, [x(t.$slots, "icon", { loading: n.loading }, () => [n.loading ? (v(), i("i", be)) : (v(), i("i", xe))])]), c(C(M), {
+			onFocusin: q
+		}, [a("span", De, [x(t.$slots, "icon", { loading: n.loading }, () => [n.loading ? (v(), i("i", Oe)) : (v(), i("i", ke))])]), c(w(j), {
 			ref_key: "autocompleteRef",
 			ref: F,
-			modelValue: z.value,
-			"onUpdate:modelValue": l[0] ||= (e) => z.value = e,
+			modelValue: R.value,
+			"onUpdate:modelValue": l[0] ||= (e) => R.value = e,
 			"option-group-label": n.optionGroupLabel ?? void 0,
 			"option-group-children": n.optionGroupChildren ?? void 0,
 			suggestions: n.options,
 			"data-key": n.optionKey,
-			"option-label": (e) => U(e),
+			"option-label": (e) => H(e),
 			placeholder: n.placeholder,
 			multiple: n.multiple,
 			"min-length": n.minQueryLength,
@@ -985,52 +1089,52 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				N.value = "", T("clear");
 			},
 			onItemSelect: l[2] ||= (e) => {
-				N.value = "", T("select", e), Y();
+				N.value = "", T("select", e), J();
 			},
 			onComplete: l[3] ||= (e) => {
 				if (n.disabled) {
-					G();
+					W();
 					return;
 				}
-				N.value = e.query ?? "", K(), T("search", {
+				N.value = e.query ?? "", G(), T("search", {
 					...e,
 					query: N.value
 				});
 			},
 			onChange: l[4] ||= (e) => T("change", e)
 		}, o({
-			chip: O((e) => [C(A).chip ? x(t.$slots, "chip", m(u(e)), void 0, void 0, 0) : (v(), i("div", Se, [a("div", Ce, [a("i", {
+			chip: k((e) => [w(E).chip ? x(t.$slots, "chip", m(u(e)), void 0, void 0, 0) : (v(), i("div", Ae, [a("div", je, [a("i", {
 				class: "pi pi-times-circle shrink-0 cursor-pointer rounded-full hover:bg-primary-800",
 				onClick: (t) => e.removeCallback(t)
-			}, null, 8, we), k((v(), i("span", Te, [s(S(U(e.value)), 1)])), [[
-				C(j),
-				U(e.value),
+			}, null, 8, Me), A((v(), i("span", Ne, [s(C(H(e.value)), 1)])), [[
+				w(M),
+				H(e.value),
 				void 0,
 				{ top: !0 }
 			]])])]))]),
-			empty: O(() => [C(A).empty ? x(t.$slots, "empty", {}, void 0, void 0, 0) : n.loading ? (v(), i("div", Ee, [l[5] ||= a("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), n.showLoadingMessage ? (v(), i("span", De, S(n.loadingMessage), 1)) : r("", !0)])) : (v(), i("span", Oe, S(n.emptyMessage), 1))]),
-			"selected-item": O((e) => [C(A)["selected-item"] ? x(t.$slots, "selected-item", m(u(e)), void 0, void 0, 0) : e.item ? (v(), i("span", ke, S(U(e.item)), 1)) : r("", !0)]),
-			optiongroup: O((e) => [C(A)["option-group"] ? x(t.$slots, "option-group", m(u(e)), void 0, void 0, 0) : (v(), i("div", Ae, [e.option.icon ? (v(), i("i", {
+			empty: k(() => [w(E).empty ? x(t.$slots, "empty", {}, void 0, void 0, 0) : n.loading ? (v(), i("div", Pe, [l[5] ||= a("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), n.showLoadingMessage ? (v(), i("span", Fe, C(n.loadingMessage), 1)) : r("", !0)])) : (v(), i("span", Ie, C(n.emptyMessage), 1))]),
+			"selected-item": k((e) => [w(E)["selected-item"] ? x(t.$slots, "selected-item", m(u(e)), void 0, void 0, 0) : e.item ? (v(), i("span", Le, C(H(e.item)), 1)) : r("", !0)]),
+			optiongroup: k((e) => [w(E)["option-group"] ? x(t.$slots, "option-group", m(u(e)), void 0, void 0, 0) : (v(), i("div", Re, [e.option.icon ? (v(), i("i", {
 				key: 0,
 				class: p(e.option.icon)
-			}, null, 2)) : r("", !0), a("span", null, S(e.option[n.optionGroupLabel ?? "label"]), 1)]))]),
-			option: O((o) => [C(A).option ? x(t.$slots, "option", d(o, {
-				label: V(o.option),
-				prefix: H(o.option),
+			}, null, 2)) : r("", !0), a("span", null, C(e.option[n.optionGroupLabel ?? "label"]), 1)]))]),
+			option: k((o) => [w(E).option ? x(t.$slots, "option", d(o, {
+				label: B(o.option),
+				prefix: V(o.option),
 				query: N.value
-			}), void 0, void 0, 0) : k((v(), i("div", je, [a("span", {
+			}), void 0, void 0, 0) : A((v(), i("div", ze, [a("span", {
 				class: "top-select-option-label line-clamp-2 min-w-0 flex-1 text-secondary-700 dark:text-zinc-200",
-				title: V(o.option)
-			}, [n.showOptionPrefix && H(o.option) ? (v(), i("span", Ne, [(v(!0), i(e, null, b(W(H(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", Pe, S(t.text), 1)) : (v(), i(e, { key: 1 }, [s(S(t.text), 1)], 64))], 64))), 128)), l[6] ||= a("span", { class: "font-bold text-secondary-500 dark:text-zinc-400" }, "\xA0-\xA0", -1)])) : r("", !0), (v(!0), i(e, null, b(W(V(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", Fe, S(t.text), 1)) : (v(), i(e, { key: 1 }, [s(S(t.text), 1)], 64))], 64))), 128))], 8, Me)])), [[
-				C(j),
-				n.showTooltip ? V(o.option) : null,
+				title: B(o.option)
+			}, [n.showOptionPrefix && V(o.option) ? (v(), i("span", Ve, [(v(!0), i(e, null, b(U(V(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", He, C(t.text), 1)) : (v(), i(e, { key: 1 }, [s(C(t.text), 1)], 64))], 64))), 128)), l[6] ||= a("span", { class: "font-bold text-secondary-500 dark:text-zinc-400" }, "\xA0-\xA0", -1)])) : r("", !0), (v(!0), i(e, null, b(U(B(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", Ue, C(t.text), 1)) : (v(), i(e, { key: 1 }, [s(C(t.text), 1)], 64))], 64))), 128))], 8, Be)])), [[
+				w(M),
+				n.showTooltip ? B(o.option) : null,
 				void 0,
 				{ top: !0 }
 			]])]),
 			_: 2
-		}, [C(A).footer ? {
+		}, [w(E).footer ? {
 			name: "footer",
-			fn: O((e) => [x(t.$slots, "footer", m(u(e)))]),
+			fn: k((e) => [x(t.$slots, "footer", m(u(e)))]),
 			key: "0"
 		} : void 0]), 1032, [
 			"modelValue",
@@ -1050,10 +1154,10 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			"pt"
 		])], 34));
 	}
-}), Le = { class: "top-toast__content" }, Re = { class: "top-toast__detail" }, ze = ["onClick"], Be = {
+}), Ge = { class: "top-toast__content" }, Ke = { class: "top-toast__detail" }, qe = ["onClick"], Je = {
 	key: 0,
 	class: "top-toast__footer"
-}, Ve = /* @__PURE__ */ l({
+}, Ye = /* @__PURE__ */ l({
 	__name: "TopToast",
 	props: { baseZIndex: { default: 3e4 } },
 	setup(e) {
@@ -1075,13 +1179,13 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 		function d(e, t) {
 			return `top-toast__${t}--${e.severity ?? "info"}`;
 		}
-		return (f, m) => (v(), n(C(R), {
+		return (f, m) => (v(), n(w(R), {
 			position: "top-right",
 			"base-z-index": e.baseZIndex
 		}, {
-			message: O((e) => [a("div", Le, [
-				a("div", { class: p(["top-toast__summary", d(e.message, "summary")]) }, S(e.message.summary), 3),
-				a("div", Re, S(e.message.detail), 1),
+			message: k((e) => [a("div", Ge, [
+				a("div", { class: p(["top-toast__summary", d(e.message, "summary")]) }, C(e.message.summary), 3),
+				a("div", Ke, C(e.message.detail), 1),
 				u(e.message) ? x(f.$slots, "action", {
 					action: o(e.message),
 					message: e.message,
@@ -1095,17 +1199,17 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 					key: 0,
 					class: p(o(e.message)?.icon),
 					"aria-hidden": "true"
-				}, null, 2)) : r("", !0), s(" " + S(o(e.message)?.label), 1)], 10, ze)) : r("", !0)], void 0, 0) : r("", !0),
+				}, null, 2)) : r("", !0), s(" " + C(o(e.message)?.label), 1)], 10, qe)) : r("", !0)], void 0, 0) : r("", !0),
 				l(e.message) ? x(f.$slots, "footer", {
 					message: e.message,
 					footer: t(e.message)
-				}, () => [t(e.message) === void 0 ? r("", !0) : (v(), i("div", Be, S(t(e.message)), 1))], void 0, 1) : r("", !0)
+				}, () => [t(e.message) === void 0 ? r("", !0) : (v(), i("div", Je, C(t(e.message)), 1))], void 0, 1) : r("", !0)
 			])]),
 			_: 3
 		}, 8, ["base-z-index"]));
 	}
 });
 //#endregion
-export { Z as a, B as c, he as i, Ie as n, q as o, ve as r, V as s, Ve as t };
+export { te as a, B as c, xe as i, We as n, q as o, Ee as r, V as s, Ye as t };
 
-//# sourceMappingURL=TopToast-B8ruKpjL.js.map
+//# sourceMappingURL=TopToast-C7cOTxTp.js.map