@topjoao/top-design-system 0.1.2-beta.1 → 0.1.3

package/dist/{TopToast-Dw5MKTR2.js → TopToast-BYigZ3kA.js}

@@ -56,7 +56,7 @@ var J = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 	setup(e, { emit: t }) {
 		let i = te(), o = n(() => !!i.icon), c = e, l = t, u = n(() => c.secondary ? "secondary" : c.severity), d = n(() => {
 			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 I(e, c.class);
+			return I("top-button__control text-xs", e, c.class);
 		});
 		return (t, n) => (b(), a("span", J, [M((b(), r(O(P), {
 			type: e.type,
@@ -774,7 +774,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					outlined: "",
 					disabled: t.disabled,
 					loading: t.loading,
-					class: "mt-1 px-3 py-2 text-xs",
+					class: "mt-1 px-3 py-2",
 					onClick: G
 				}, null, 8, [
 					"label",
@@ -797,7 +797,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 						icon: "pi pi-plus-circle",
 						disabled: t.disabled,
 						loading: t.loading,
-						class: "px-3 py-2 text-xs",
+						class: "px-3 py-2",
 						onClick: G
 					}, null, 8, [
 						"label",
@@ -1309,84 +1309,92 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 	class: "top-nav-bar__menu-panel",
 	role: "menu"
 }, Ht = { class: "top-nav-bar__section-list" }, Ut = [
+	"aria-haspopup",
 	"aria-expanded",
 	"onMouseenter",
 	"onClick"
-], Wt = { class: "top-nav-bar__menu-label" }, Gt = { class: "top-nav-bar__item-count" }, Kt = {
+], Wt = { class: "top-nav-bar__menu-label" }, Gt = {
+	key: 1,
+	class: "top-nav-bar__item-count"
+}, Kt = {
+	key: 2,
+	class: "pi pi-chevron-right top-nav-bar__menu-arrow",
+	"aria-hidden": "true"
+}, qt = {
 	key: 0,
 	class: "top-nav-bar__submenu-region"
-}, qt = [
+}, Jt = [
 	"disabled",
 	"aria-haspopup",
 	"aria-expanded",
 	"onMouseenter",
 	"onClick"
-], Jt = { class: "top-nav-bar__menu-label" }, Yt = {
+], Yt = { class: "top-nav-bar__menu-label" }, Xt = {
 	key: 1,
 	class: "pi pi-chevron-right top-nav-bar__menu-arrow",
 	"aria-hidden": "true"
-}, Xt = ["onMouseenter"], Zt = {
+}, Zt = ["onMouseenter"], Qt = {
 	key: 0,
 	class: "top-nav-bar__crumb top-nav-bar__crumb--static"
-}, Qt = ["aria-expanded", "onClick"], $t = {
+}, $t = ["aria-expanded", "onClick"], en = {
 	key: 2,
 	class: "top-nav-bar__menu-layer"
-}, en = {
+}, tn = {
 	class: "top-nav-bar__menu-panel top-nav-bar__breadcrumb-panel",
 	role: "menu"
-}, tn = [
+}, nn = [
 	"disabled",
 	"onMouseenter",
 	"onClick"
-], nn = { class: "top-nav-bar__menu-label" }, rn = {
+], rn = { class: "top-nav-bar__menu-label" }, an = {
 	key: 1,
 	class: "pi pi-chevron-right top-nav-bar__menu-arrow",
 	"aria-hidden": "true"
-}, an = ["onClick"], on = ["title"], sn = { class: "top-nav-bar__current-label" }, cn = ["aria-label", "aria-pressed"], ln = { class: "top-nav-bar__breadcrumb-actions" }, un = ["aria-expanded"], dn = {
+}, on = ["onClick"], sn = ["title"], cn = { class: "top-nav-bar__current-label" }, ln = ["aria-label", "aria-pressed"], un = { class: "top-nav-bar__breadcrumb-actions" }, dn = ["aria-expanded"], fn = {
 	key: 0,
 	class: "top-nav-bar__popover-layer top-nav-bar__favorites-layer"
-}, fn = {
+}, pn = {
 	class: "top-nav-bar__small-panel top-nav-bar__favorites-panel",
 	role: "menu"
-}, pn = ["disabled", "onClick"], mn = { class: "top-nav-bar__favorites-title" }, hn = {
+}, mn = ["disabled", "onClick"], hn = { class: "top-nav-bar__favorites-title" }, gn = {
 	key: 0,
 	class: "top-nav-bar__favorites-separator"
-}, gn = {
+}, _n = {
 	key: 0,
 	class: "top-nav-bar__favorites-row top-nav-bar__desktop-only"
-}, _n = { class: "top-nav-bar__favorites-title" }, vn = { class: "top-nav-bar__favorites-list" }, yn = {
+}, vn = { class: "top-nav-bar__favorites-title" }, yn = { class: "top-nav-bar__favorites-list" }, bn = {
 	key: 0,
 	class: "top-nav-bar__favorites-separator",
 	"aria-hidden": "true"
-}, bn = ["disabled", "onClick"], xn = { class: "top-nav-bar__mobile-menu" }, Sn = { class: "top-nav-bar__mobile-menu-header" }, Cn = { class: "top-nav-bar__drawer-brand" }, wn = ["onClick"], Tn = {
+}, xn = ["disabled", "onClick"], Sn = { class: "top-nav-bar__mobile-menu" }, Cn = { class: "top-nav-bar__mobile-menu-header" }, wn = { class: "top-nav-bar__drawer-brand" }, Tn = ["onClick"], En = {
 	key: 0,
 	class: "top-nav-bar__drawer-tools"
-}, En = { class: "top-nav-bar__drawer-search" }, Dn = ["value", "placeholder"], On = ["disabled", "onClick"], kn = { class: "top-nav-bar__mobile-menu-scroll" }, An = { class: "top-nav-bar__mobile-menu-track" }, jn = {
+}, Dn = { class: "top-nav-bar__drawer-search" }, On = ["value", "placeholder"], kn = ["disabled", "onClick"], An = { class: "top-nav-bar__mobile-menu-scroll" }, jn = { class: "top-nav-bar__mobile-menu-track" }, Mn = {
 	key: 0,
 	class: "top-nav-bar__mobile-favorites"
-}, Mn = ["aria-expanded"], Nn = { class: "top-nav-bar__mobile-item-label" }, Pn = { class: "top-nav-bar__mobile-count" }, Fn = {
+}, Nn = ["aria-expanded"], Pn = { class: "top-nav-bar__mobile-item-label" }, Fn = { class: "top-nav-bar__mobile-count" }, In = {
 	key: 1,
 	class: "top-nav-bar__drawer-empty"
-}, In = {
+}, Ln = {
 	key: 1,
 	class: "top-nav-bar__mobile-footer"
-}, Ln = ["aria-haspopup", "aria-expanded"], Rn = ["src"], zn = {
+}, Rn = ["aria-haspopup", "aria-expanded"], zn = ["src"], Bn = {
 	key: 1,
 	class: "top-nav-bar__user-avatar"
-}, Bn = {
+}, Vn = {
 	key: 2,
 	class: "top-nav-bar__user-details"
-}, Vn = { class: "top-nav-bar__user-name" }, Hn = {
+}, Hn = { class: "top-nav-bar__user-name" }, Un = {
 	key: 0,
 	class: "top-nav-bar__drawer-user-context"
-}, Un = { class: "top-nav-bar__drawer-user-client" }, Wn = {
+}, Wn = { class: "top-nav-bar__drawer-user-client" }, Gn = {
 	key: 0,
 	class: "top-nav-bar__drawer-user-client-subtitle"
-}, Gn = {
+}, Kn = {
 	key: 3,
 	class: "pi pi-chevron-down top-nav-bar__mobile-chevron",
 	"aria-hidden": "true"
-}, Kn = 120, qn = 24, Jn = /* @__PURE__ */ u({
+}, qn = 120, Jn = 24, Yn = /* @__PURE__ */ u({
 	__name: "TopNavBar",
 	props: {
 		sections: { default: () => [] },
@@ -1472,17 +1480,17 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				};
 			});
 		}
-		let Y = n(() => f.sections.map((e) => ({
+		let Y = n(() => f.sections.map((e) => e.children === void 0 ? e : {
 			...e,
 			children: me(e)
-		})).filter((e) => e.children.length > 0));
+		}).filter((e) => e.children === void 0 || e.children.length > 0));
 		function he(e, t = []) {
 			return e.forEach((e) => {
 				let n = e.children ?? [];
 				n.length ? he(n, t) : t.push(e);
 			}), t;
 		}
-		let ge = n(() => Y.value.flatMap((e) => he(e.children)));
+		let ge = n(() => he(Y.value));
 		function _e(e) {
 			return e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLocaleLowerCase("pt-BR");
 		}
@@ -1522,7 +1530,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			if (!f.activeItemId) return null;
 			for (let e of Y.value) {
 				if (e.id === f.activeItemId) return [e];
-				let t = xe(e.children, f.activeItemId);
+				let t = xe(e.children ?? [], f.activeItemId);
 				if (t) return [e, ...t];
 			}
 			return null;
@@ -1555,7 +1563,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			}
 			return n;
 		}
-		let Ae = n(() => Oe.value ? ke(Oe.value.children, L.value) : []);
+		let Ae = n(() => Oe.value ? ke(Oe.value.children ?? [], L.value) : []);
 		function je(e, t = 10) {
 			let n = [];
 			for (let r = 0; r < e.length; r += t) n.push(e.slice(r, r + t));
@@ -1599,11 +1607,11 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 		}), Ue = n(() => f.client ? f.client.initials ? f.client.initials : f.client.name.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toLocaleUpperCase("pt-BR")).join("") : "");
 		function We() {
 			let e = Math.max(0, window.scrollY);
-			if (!G.value && e >= Kn) {
+			if (!G.value && e >= qn) {
 				G.value = !0;
 				return;
 			}
-			G.value && e <= qn && (G.value = !1);
+			G.value && e <= Jn && (G.value = !1);
 		}
 		function Ge() {
 			let e = E.value, t = ee.value;
@@ -1620,7 +1628,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			return typeof window < "u" && window.matchMedia?.("(hover: hover) and (pointer: fine)").matches;
 		}
 		function Q(e) {
-			e.disabled || (p("navigate", e), P.value = !1, rr());
+			e.disabled || (p("navigate", e), P.value = !1, ir());
 		}
 		function qe(e, t = !1) {
 			e.disabled || (e.kind === "aia" ? p("toggle-aia") : e.kind === "support" ? p("open-support") : p("action", e), B.value = !1, t && (P.value = !1));
@@ -1647,17 +1655,17 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 		function $e() {
 			!Z() || window.innerWidth < 1024 || (F.value = !1, I.value = null, L.value = []);
 		}
-		function Jn() {
+		function Yn() {
 			if (Z()) {
 				F.value = !0;
 				return;
 			}
 			F.value = !F.value, F.value || (I.value = null, L.value = []);
 		}
-		function Yn(e) {
+		function Xn(e) {
 			Z() && (I.value = e, L.value = []);
 		}
-		function Xn(e) {
+		function Zn(e) {
 			if (Z()) {
 				I.value = e, L.value = [];
 				return;
@@ -1665,7 +1673,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			let t = I.value === e;
 			I.value = t ? null : e, L.value = [];
 		}
-		function Zn(e, t, n, r) {
+		function Qn(e, t, n, r) {
 			if (r && !Z()) return;
 			let i = e.value[n];
 			if (!t.children?.length) {
@@ -1678,46 +1686,46 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			}
 			e.value = i === t.id && !r ? e.value.slice(0, n) : [...e.value.slice(0, n), t.id];
 		}
-		function Qn(e, t, n) {
-			Zn(L, e, t, n);
-		}
 		function $n(e, t, n) {
-			Zn(z, e, t, n);
+			Qn(L, e, t, n);
 		}
-		function er(e) {
+		function er(e, t, n) {
+			Qn(z, e, t, n);
+		}
+		function tr(e) {
 			Z() && (R.value = e, z.value = []);
 		}
-		function tr() {
+		function nr() {
 			!Z() || window.innerWidth < 1024 || (R.value = null, z.value = []);
 		}
-		function nr(e) {
+		function rr(e) {
 			if (Z()) {
 				R.value = e;
 				return;
 			}
 			R.value = R.value === e ? null : e, z.value = [];
 		}
-		function rr() {
+		function ir() {
 			F.value = !1, I.value = null, L.value = [], R.value = null, z.value = [], B.value = !1, V.value = !1, U.value = !1, q.value = !1;
 		}
-		async function ir() {
+		async function ar() {
 			if (typeof window < "u" && window.innerWidth < 1024) {
 				P.value = !0, await m(), M.value?.focus();
 				return;
 			}
 			se.value = !0, q.value = !0, await m(), k.value?.focus(), $();
 		}
-		function ar() {
+		function or() {
 			window.setTimeout(() => {
 				q.value = !1, J.value.searchIconOnly && !K.value.trim() && (se.value = !1, $());
 			}, 150);
 		}
-		function or() {
+		function sr() {
 			return Math.round(window.visualViewport?.width ?? window.innerWidth);
 		}
-		async function sr() {
+		async function cr() {
 			if (typeof window > "u" || !T.value) return;
-			let e = ++pe, t = or();
+			let e = ++pe, t = sr();
 			ce.value = t < 1024;
 			let n = {
 				collapseActions: !1,
@@ -1750,22 +1758,22 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 		}
 		function $() {
 			typeof window > "u" || (de !== void 0 && window.cancelAnimationFrame(de), de = window.requestAnimationFrame(() => {
-				de = void 0, sr();
+				de = void 0, cr();
 			}));
 		}
-		function cr(e) {
+		function lr(e) {
 			let t = e.target;
 			if (t instanceof Element && !t.closest(".top-nav-bar__mobile-menu")) {
 				if (!x.value?.contains(t)) {
-					rr();
+					ir();
 					return;
 				}
 				t.closest("[data-top-nav-navigation]") || (F.value = !1, I.value = null, L.value = []), t.closest("[data-top-nav-breadcrumb]") || (R.value = null, z.value = []), t.closest("[data-top-nav-actions]") || (B.value = !1), t.closest("[data-top-nav-user]") || (V.value = !1), t.closest("[data-top-nav-favorites]") || (U.value = !1), t.closest("[data-top-nav-search]") || (q.value = !1);
 			}
 		}
-		function lr(e) {
+		function ur(e) {
 			if ((e.ctrlKey || e.metaKey) && e.key.toLocaleLowerCase() === "k" && f.searchable) {
-				e.preventDefault(), ir();
+				e.preventDefault(), ar();
 				return;
 			}
 			if (e.key === "Escape") {
@@ -1773,10 +1781,10 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					ie.value?.hide();
 					return;
 				}
-				P.value &&= !1, rr(), J.value.searchIconOnly && !K.value.trim() && (se.value = !1);
+				P.value &&= !1, ir(), J.value.searchIconOnly && !K.value.trim() && (se.value = !1);
 			}
 		}
-		function ur() {
+		function dr() {
 			if (!X.value) {
 				p("user-click", f.user);
 				return;
@@ -1787,7 +1795,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			}
 			V.value = !V.value;
 		}
-		function dr() {
+		function fr() {
 			if (Z()) {
 				U.value = !0;
 				return;
@@ -1803,17 +1811,17 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			() => f.user,
 			Me
 		], () => m($), { deep: !0 }), A(Ie, () => m(Ge), { deep: !0 }), y(() => {
-			document.addEventListener("keydown", lr), document.addEventListener("pointerdown", cr), window.addEventListener("resize", $), window.visualViewport?.addEventListener("resize", $), window.addEventListener("resize", Ge), window.addEventListener("scroll", We, { passive: !0 }), typeof ResizeObserver < "u" && (le = new ResizeObserver($), T.value && le.observe(T.value), ue = new ResizeObserver(Ge), E.value && ue.observe(E.value)), $(), m(() => {
+			document.addEventListener("keydown", ur), document.addEventListener("pointerdown", lr), window.addEventListener("resize", $), window.visualViewport?.addEventListener("resize", $), window.addEventListener("resize", Ge), window.addEventListener("scroll", We, { passive: !0 }), typeof ResizeObserver < "u" && (le = new ResizeObserver($), T.value && le.observe(T.value), ue = new ResizeObserver(Ge), E.value && ue.observe(E.value)), $(), m(() => {
 				Ge(), We(), Ke();
 			});
 		}), v(() => {
-			document.removeEventListener("keydown", lr), document.removeEventListener("pointerdown", cr), window.removeEventListener("resize", $), window.visualViewport?.removeEventListener("resize", $), window.removeEventListener("resize", Ge), window.removeEventListener("scroll", We), le?.disconnect(), ue?.disconnect(), de !== void 0 && window.cancelAnimationFrame(de), fe !== void 0 && window.cancelAnimationFrame(fe);
+			document.removeEventListener("keydown", ur), document.removeEventListener("pointerdown", lr), window.removeEventListener("resize", $), window.visualViewport?.removeEventListener("resize", $), window.removeEventListener("resize", Ge), window.removeEventListener("scroll", We), le?.disconnect(), ue?.disconnect(), de !== void 0 && window.cancelAnimationFrame(de), fe !== void 0 && window.cancelAnimationFrame(fe);
 		}), u({
-			close: rr,
+			close: ir,
 			closeDrawer: () => {
 				P.value = !1;
 			},
-			focusSearch: ir,
+			focusSearch: ar,
 			openDrawer: () => {
 				P.value = !0;
 			}
@@ -1871,7 +1879,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 						type: "button",
 						"aria-label": "Pesquisar no menu",
 						title: "Pesquisar no menu (Ctrl+K)",
-						onClick: ir
+						onClick: ar
 					}, [...u[20] ||= [o("i", {
 						class: "pi pi-search",
 						"aria-hidden": "true"
@@ -1892,7 +1900,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 							placeholder: s.searchPlaceholder,
 							"aria-label": "Pesquisar no menu",
 							onFocus: u[1] ||= (e) => q.value = !0,
-							onBlur: ar,
+							onBlur: or,
 							onInput: u[2] ||= (e) => Xe(e.target.value)
 						}, null, 40, pt),
 						K.value || J.value.searchIconOnly && se.value ? (b(), a("button", {
@@ -1964,7 +1972,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					}, null, 2))], 10, bt))), 128))])) : i("", !0),
 					n.$slots.actions ? (b(), a("div", Tt, [w(n.$slots, "actions", {
 						compact: J.value.collapseActions,
-						close: rr
+						close: ir
 					})])) : i("", !0),
 					Pe.value ? (b(), a("div", {
 						key: 3,
@@ -1977,7 +1985,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 						type: "button",
 						"aria-haspopup": X.value ? "menu" : void 0,
 						"aria-expanded": X.value ? V.value : void 0,
-						onClick: ur
+						onClick: dr
 					}, [w(n.$slots, "user", {
 						user: s.user,
 						compact: J.value.hideUserName
@@ -2021,7 +2029,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					type: "button",
 					"aria-haspopup": "menu",
 					"aria-expanded": F.value,
-					onClick: Jn
+					onClick: Yn
 				}, [
 					u[25] ||= o("i", {
 						class: "pi pi-bars",
@@ -2034,13 +2042,13 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					}, null, -1)
 				], 8, zt), F.value ? (b(), a("div", Bt, [o("div", Vt, [o("div", Ht, [(b(!0), a(e, null, C(Y.value, (e) => (b(), a("button", {
 					key: e.id,
-					class: h(["top-nav-bar__menu-item", { "top-nav-bar__menu-item--explored": I.value === e.id }]),
+					class: h(["top-nav-bar__menu-item", { "top-nav-bar__menu-item--explored": e.children?.length && I.value === e.id }]),
 					type: "button",
 					role: "menuitem",
-					"aria-haspopup": "menu",
-					"aria-expanded": I.value === e.id,
-					onMouseenter: (t) => Yn(e.id),
-					onClick: (t) => Xn(e.id)
+					"aria-haspopup": e.children?.length ? "menu" : void 0,
+					"aria-expanded": e.children?.length ? I.value === e.id : void 0,
+					onMouseenter: (t) => e.children?.length ? Xn(e.id) : void 0,
+					onClick: (t) => e.children?.length ? Zn(e.id) : Q(e)
 				}, [
 					e.icon ? (b(), a("i", {
 						key: 0,
@@ -2048,12 +2056,9 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 						"aria-hidden": "true"
 					}, null, 2)) : i("", !0),
 					o("span", Wt, D(e.label), 1),
-					o("span", Gt, D(e.children.length), 1),
-					u[27] ||= o("i", {
-						class: "pi pi-chevron-right top-nav-bar__menu-arrow",
-						"aria-hidden": "true"
-					}, null, -1)
-				], 42, Ut))), 128))]), Oe.value ? (b(), a("div", Kt, [(b(!0), a(e, null, C(Ae.value, (t, n) => (b(), a("div", {
+					e.children?.length ? (b(), a("span", Gt, D(e.children.length), 1)) : i("", !0),
+					e.children?.length ? (b(), a("i", Kt)) : i("", !0)
+				], 42, Ut))), 128))]), Oe.value ? (b(), a("div", qt, [(b(!0), a(e, null, C(Ae.value, (t, n) => (b(), a("div", {
 					key: `navigation-level-${n}`,
 					class: h(["top-nav-bar__cascade-level", { "top-nav-bar__section-items": n === 0 }]),
 					role: "menu"
@@ -2068,17 +2073,17 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					disabled: e.disabled,
 					"aria-haspopup": e.children?.length ? "menu" : void 0,
 					"aria-expanded": e.children?.length ? L.value[n] === e.id : void 0,
-					onMouseenter: (t) => Qn(e, n, !0),
-					onClick: (t) => Qn(e, n, !1)
+					onMouseenter: (t) => $n(e, n, !0),
+					onClick: (t) => $n(e, n, !1)
 				}, [
 					e.icon ? (b(), a("i", {
 						key: 0,
 						class: h(e.icon),
 						"aria-hidden": "true"
 					}, null, 2)) : i("", !0),
-					o("span", Jt, D(e.label), 1),
-					e.children?.length ? (b(), a("i", Yt)) : i("", !0)
-				], 42, qt))), 128))]))), 128))], 2))), 128))])) : i("", !0)])])) : i("", !0)], 32)) : i("", !0),
+					o("span", Yt, D(e.label), 1),
+					e.children?.length ? (b(), a("i", Xt)) : i("", !0)
+				], 42, Jt))), 128))]))), 128))], 2))), 128))])) : i("", !0)])])) : i("", !0)], 32)) : i("", !0),
 				(b(!0), a(e, null, C(Te.value, (t, n) => (b(), a(e, { key: t.id }, [o("span", {
 					class: h(["top-nav-bar__separator", { "top-nav-bar__separator--current": !t.to && n === Te.value.length - 1 }]),
 					"aria-hidden": "true"
@@ -2086,19 +2091,19 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					key: 0,
 					class: "top-nav-bar__dropdown top-nav-bar__breadcrumb-dropdown",
 					"data-top-nav-breadcrumb": "",
-					onMouseenter: (e) => !ce.value && er(t.id),
-					onMouseleave: u[10] ||= (e) => !ce.value && tr()
-				}, [ce.value ? (b(), a("span", Zt, D(t.label), 1)) : (b(), a("button", {
+					onMouseenter: (e) => !ce.value && tr(t.id),
+					onMouseleave: u[10] ||= (e) => !ce.value && nr()
+				}, [ce.value ? (b(), a("span", Qt, D(t.label), 1)) : (b(), a("button", {
 					key: 1,
 					class: "top-nav-bar__crumb",
 					type: "button",
 					"aria-haspopup": "menu",
 					"aria-expanded": R.value === t.id,
-					onClick: (e) => nr(t.id)
-				}, [o("span", null, D(t.label), 1), u[28] ||= o("i", {
+					onClick: (e) => rr(t.id)
+				}, [o("span", null, D(t.label), 1), u[27] ||= o("i", {
 					class: "pi pi-chevron-down top-nav-bar__chevron",
 					"aria-hidden": "true"
-				}, null, -1)], 8, Qt)), !ce.value && R.value === t.id ? (b(), a("div", $t, [o("div", en, [(b(!0), a(e, null, C(ke(Ee(t)?.children ?? [], z.value), (n, r) => (b(), a("div", {
+				}, null, -1)], 8, $t)), !ce.value && R.value === t.id ? (b(), a("div", en, [o("div", tn, [(b(!0), a(e, null, C(ke(Ee(t)?.children ?? [], z.value), (n, r) => (b(), a("div", {
 					key: `breadcrumb-${t.id}-${r}`,
 					class: h(["top-nav-bar__cascade-level", { "top-nav-bar__breadcrumb-main-items": r === 0 }])
 				}, [(b(!0), a(e, null, C(je(n), (n, s) => (b(), a("div", {
@@ -2110,26 +2115,26 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					type: "button",
 					role: "menuitem",
 					disabled: e.disabled,
-					onMouseenter: (t) => $n(e, r, !0),
-					onClick: (t) => $n(e, r, !1)
+					onMouseenter: (t) => er(e, r, !0),
+					onClick: (t) => er(e, r, !1)
 				}, [
 					e.icon ? (b(), a("i", {
 						key: 0,
 						class: h(e.icon),
 						"aria-hidden": "true"
 					}, null, 2)) : i("", !0),
-					o("span", nn, D(e.label), 1),
-					e.children?.length ? (b(), a("i", rn)) : i("", !0)
-				], 42, tn))), 128))]))), 128))], 2))), 128))])])) : i("", !0)], 40, Xt)) : t.to ? (b(), a("button", {
+					o("span", rn, D(e.label), 1),
+					e.children?.length ? (b(), a("i", an)) : i("", !0)
+				], 42, nn))), 128))]))), 128))], 2))), 128))])])) : i("", !0)], 40, Zt)) : t.to ? (b(), a("button", {
 					key: 1,
 					class: "top-nav-bar__crumb",
 					type: "button",
 					onClick: (e) => Q(t)
-				}, D(t.label), 9, an)) : (b(), a("span", {
+				}, D(t.label), 9, on)) : (b(), a("span", {
 					key: 2,
 					class: "top-nav-bar__current",
 					title: t.label
-				}, [o("span", sn, D(t.label), 1), s.showFavoriteToggle ? (b(), a("button", {
+				}, [o("span", cn, D(t.label), 1), s.showFavoriteToggle ? (b(), a("button", {
 					key: 0,
 					class: "top-nav-bar__favorite-toggle",
 					type: "button",
@@ -2139,8 +2144,8 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				}, [o("i", {
 					class: h(s.favoriteActive ? "pi pi-star-fill" : "pi pi-star"),
 					"aria-hidden": "true"
-				}, null, 2)], 8, cn)) : i("", !0)], 8, on))], 64))), 128)),
-				o("div", ln, [l(t, {
+				}, null, 2)], 8, ln)) : i("", !0)], 8, sn))], 64))), 128)),
+				o("div", un, [l(t, {
 					name: "top-nav-bar-favorites-trigger",
 					css: oe.value
 				}, {
@@ -2155,18 +2160,18 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 						type: "button",
 						"aria-haspopup": "menu",
 						"aria-expanded": U.value,
-						onClick: dr
+						onClick: fr
 					}, [
-						u[29] ||= o("i", {
+						u[28] ||= o("i", {
 							class: "pi pi-star-fill top-nav-bar__accent",
 							"aria-hidden": "true"
 						}, null, -1),
 						o("span", null, D(s.favoriteLabel), 1),
-						u[30] ||= o("i", {
+						u[29] ||= o("i", {
 							class: "pi pi-chevron-down top-nav-bar__chevron",
 							"aria-hidden": "true"
 						}, null, -1)
-					], 8, un), U.value ? (b(), a("div", dn, [o("div", fn, [(b(!0), a(e, null, C(Ie.value, (e) => (b(), a("button", {
+					], 8, dn), U.value ? (b(), a("div", fn, [o("div", pn, [(b(!0), a(e, null, C(Ie.value, (e) => (b(), a("button", {
 						key: e.id,
 						class: "top-nav-bar__menu-item",
 						type: "button",
@@ -2177,7 +2182,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 						key: 0,
 						class: h(e.icon),
 						"aria-hidden": "true"
-					}, null, 2)) : i("", !0), o("span", null, D(e.label), 1)], 8, pn))), 128))])])) : i("", !0)], 32)) : i("", !0)]),
+					}, null, 2)) : i("", !0), o("span", null, D(e.label), 1)], 8, mn))), 128))])])) : i("", !0)], 32)) : i("", !0)]),
 					_: 1
 				}, 8, ["css"]), w(n.$slots, "breadcrumb-actions")])
 			]),
@@ -2190,13 +2195,13 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				ref_key: "favoritesMeasureContentRef",
 				ref: ee,
 				class: "top-nav-bar__favorites-measure-content"
-			}, [o("span", mn, [u[31] ||= o("i", {
+			}, [o("span", hn, [u[30] ||= o("i", {
 				class: "pi pi-star-fill top-nav-bar__favorites-icon",
 				"aria-hidden": "true"
 			}, null, -1), o("span", null, D(s.favoriteLabel), 1)]), (b(!0), a(e, null, C(Ie.value, (e, t) => (b(), a("span", {
 				key: `measure-${e.id}`,
 				class: "top-nav-bar__favorites-measure-item"
-			}, [t > 0 ? (b(), a("span", hn, "|")) : i("", !0), o("span", null, [e.icon ? (b(), a("i", {
+			}, [t > 0 ? (b(), a("span", gn, "|")) : i("", !0), o("span", null, [e.icon ? (b(), a("i", {
 				key: 0,
 				class: h(e.icon),
 				"aria-hidden": "true"
@@ -2205,10 +2210,10 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				name: "top-nav-bar-favorites-row",
 				css: oe.value
 			}, {
-				default: j(() => [Re.value ? (b(), a("div", gn, [o("span", _n, [u[32] ||= o("i", {
+				default: j(() => [Re.value ? (b(), a("div", _n, [o("span", vn, [u[31] ||= o("i", {
 					class: "pi pi-star-fill top-nav-bar__favorites-icon",
 					"aria-hidden": "true"
-				}, null, -1), o("span", null, D(s.favoriteLabel), 1)]), o("div", vn, [(b(!0), a(e, null, C(Ie.value, (t, n) => (b(), a(e, { key: `row-${t.id}` }, [n > 0 ? (b(), a("span", yn, "|")) : i("", !0), o("button", {
+				}, null, -1), o("span", null, D(s.favoriteLabel), 1)]), o("div", yn, [(b(!0), a(e, null, C(Ie.value, (t, n) => (b(), a(e, { key: `row-${t.id}` }, [n > 0 ? (b(), a("span", bn, "|")) : i("", !0), o("button", {
 					class: "top-nav-bar__favorites-row-item",
 					type: "button",
 					disabled: t.disabled,
@@ -2217,7 +2222,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					key: 0,
 					class: h(t.icon),
 					"aria-hidden": "true"
-				}, null, 2)) : i("", !0), o("span", null, D(t.label), 1)], 8, bn)], 64))), 128))])])) : i("", !0)]),
+				}, null, 2)) : i("", !0), o("span", null, D(t.label), 1)], 8, xn)], 64))), 128))])])) : i("", !0)]),
 				_: 1
 			}, 8, ["css"]),
 			l(O(ne), {
@@ -2227,22 +2232,22 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				class: "top-nav-bar__mobile-drawer",
 				style: _([He.value, { width: "var(--top-nav-drawer-width, min(22rem, calc(100vw - 1.5rem)))" }])
 			}, {
-				container: j(({ closeCallback: d }) => [o("div", xn, [
-					o("header", Sn, [w(n.$slots, "drawer-header", { close: d }, () => [o("div", Cn, [w(n.$slots, "drawer-brand", {}, () => [w(n.$slots, "brand", { compact: !1 })])]), o("button", {
+				container: j(({ closeCallback: d }) => [o("div", Sn, [
+					o("header", Cn, [w(n.$slots, "drawer-header", { close: d }, () => [o("div", wn, [w(n.$slots, "drawer-brand", {}, () => [w(n.$slots, "brand", { compact: !1 })])]), o("button", {
 						class: "top-nav-bar__drawer-close top-nav-bar__square-button",
 						type: "button",
 						"aria-label": "Fechar navegação",
 						onClick: d
-					}, [...u[33] ||= [o("i", {
+					}, [...u[32] ||= [o("i", {
 						class: "pi pi-times",
 						"aria-hidden": "true"
-					}, null, -1)]], 8, wn)])]),
-					s.searchable || Me.value.length || n.$slots["drawer-actions"] ? (b(), a("div", Tn, [s.searchable ? w(n.$slots, "drawer-search", {
+					}, null, -1)]], 8, Tn)])]),
+					s.searchable || Me.value.length || n.$slots["drawer-actions"] ? (b(), a("div", En, [s.searchable ? w(n.$slots, "drawer-search", {
 						query: K.value,
 						update: Xe,
 						clear: Ze
-					}, () => [o("div", En, [
-						u[35] ||= o("i", {
+					}, () => [o("div", Dn, [
+						u[34] ||= o("i", {
 							class: "pi pi-search",
 							"aria-hidden": "true"
 						}, null, -1),
@@ -2255,14 +2260,14 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 							placeholder: s.searchPlaceholder,
 							"aria-label": "Pesquisar no menu",
 							onInput: u[14] ||= (e) => Xe(e.target.value)
-						}, null, 40, Dn),
+						}, null, 40, On),
 						K.value ? (b(), a("button", {
 							key: 0,
 							class: "top-nav-bar__search-clear",
 							type: "button",
 							"aria-label": "Limpar pesquisa",
 							onClick: Ze
-						}, [...u[34] ||= [o("i", {
+						}, [...u[33] ||= [o("i", {
 							class: "pi pi-times",
 							"aria-hidden": "true"
 						}, null, -1)]])) : i("", !0)
@@ -2279,26 +2284,26 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					}, [o("i", {
 						class: h(e.icon),
 						"aria-hidden": "true"
-					}, null, 2), o("span", null, D(e.label), 1)], 10, On))), 128))])])) : i("", !0),
-					o("div", kn, [
+					}, null, 2), o("span", null, D(e.label), 1)], 10, kn))), 128))])])) : i("", !0),
+					o("div", An, [
 						w(n.$slots, "drawer-before-menu", { close: d }),
-						o("div", An, [Ie.value.length ? (b(), a("section", jn, [o("button", {
+						o("div", jn, [Ie.value.length ? (b(), a("section", Mn, [o("button", {
 							class: "top-nav-bar__mobile-item",
 							type: "button",
 							"aria-expanded": W.value,
 							onClick: u[15] ||= (e) => W.value = !W.value
 						}, [
-							u[36] ||= o("i", {
+							u[35] ||= o("i", {
 								class: "pi pi-star-fill top-nav-bar__accent",
 								"aria-hidden": "true"
 							}, null, -1),
-							o("span", Nn, D(s.favoriteLabel), 1),
-							o("span", Pn, D(Ie.value.length), 1),
+							o("span", Pn, D(s.favoriteLabel), 1),
+							o("span", Fn, D(Ie.value.length), 1),
 							o("i", {
 								class: h(["pi pi-chevron-down top-nav-bar__mobile-chevron", { "top-nav-bar__mobile-chevron--open": W.value }]),
 								"aria-hidden": "true"
 							}, null, 2)
-						], 8, Mn), l(t, { name: "top-nav-bar-menu-expand" }, {
+						], 8, Nn), l(t, { name: "top-nav-bar-menu-expand" }, {
 							default: j(() => [W.value ? (b(), r(et, {
 								key: 0,
 								items: Ie.value,
@@ -2322,10 +2327,10 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 							"items",
 							"active-item-id",
 							"force-open"
-						])) : (b(), a("div", Fn, "Nenhum menu encontrado."))])]),
+						])) : (b(), a("div", In, "Nenhum menu encontrado."))])]),
 						w(n.$slots, "drawer-after-menu", { close: d })
 					]),
-					Pe.value || n.$slots["drawer-footer"] ? (b(), a("footer", In, [Pe.value ? w(n.$slots, "drawer-user", {
+					Pe.value || n.$slots["drawer-footer"] ? (b(), a("footer", Ln, [Pe.value ? w(n.$slots, "drawer-user", {
 						user: s.user,
 						client: s.client,
 						open: H.value,
@@ -2342,13 +2347,13 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 							src: s.user.avatarUrl,
 							alt: "",
 							class: "top-nav-bar__user-avatar"
-						}, null, 8, Rn)) : (b(), a("span", zn, D(Be.value), 1)),
-						s.user ? (b(), a("span", Bn, [o("span", Vn, D(s.user.name), 1), s.client ? (b(), a("span", Hn, [o("span", Un, [u[37] ||= o("i", {
+						}, null, 8, zn)) : (b(), a("span", Bn, D(Be.value), 1)),
+						s.user ? (b(), a("span", Vn, [o("span", Hn, D(s.user.name), 1), s.client ? (b(), a("span", Un, [o("span", Wn, [u[36] ||= o("i", {
 							class: "pi pi-building",
 							"aria-hidden": "true"
-						}, null, -1), c(D(s.client.name), 1)]), s.client.subtitle ? (b(), a("span", Wn, D(s.client.subtitle), 1)) : i("", !0)])) : i("", !0)])) : i("", !0),
-						X.value ? (b(), a("i", Gn)) : i("", !0)
-					], 8, Ln)], void 0, 0) : i("", !0), w(n.$slots, "drawer-footer", { close: d })])) : i("", !0)
+						}, null, -1), c(D(s.client.name), 1)]), s.client.subtitle ? (b(), a("span", Gn, D(s.client.subtitle), 1)) : i("", !0)])) : i("", !0)])) : i("", !0),
+						X.value ? (b(), a("i", Kn)) : i("", !0)
+					], 8, Rn)], void 0, 0) : i("", !0), w(n.$slots, "drawer-footer", { close: d })])) : i("", !0)
 				])]),
 				_: 3
 			}, 8, ["visible", "style"]),
@@ -2365,41 +2370,41 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			}, null, 8, ["model"])
 		], 4));
 	}
-}), Yn = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, Xn = {
+}), Xn = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, Zn = {
 	key: 0,
 	class: "pi pi-spin pi-spinner"
-}, Zn = {
+}, Qn = {
 	key: 1,
 	class: "pi pi-search"
-}, Qn = {
+}, $n = {
 	key: 1,
 	class: "flex items-center gap-1 !text-sm"
-}, $n = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, er = ["onClick"], tr = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, nr = {
+}, er = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, tr = ["onClick"], nr = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, rr = {
 	key: 1,
 	class: "flex min-h-[100px] flex-col items-center justify-center gap-2 py-2"
-}, rr = {
+}, ir = {
 	key: 0,
 	class: "text-xs font-medium text-primary-600"
-}, ir = {
+}, ar = {
 	key: 2,
 	class: "text-xs text-secondary-500"
-}, ar = { key: 1 }, or = {
+}, or = { key: 1 }, sr = {
 	key: 1,
 	class: "flex items-center gap-2 font-semibold"
-}, sr = {
+}, cr = {
 	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" }
-}, $ = ["title"], cr = {
+}, $ = ["title"], lr = {
 	key: 0,
 	class: "top-select-option-prefix whitespace-nowrap font-bold text-primary-800 dark:text-primary-100"
-}, lr = {
+}, ur = {
 	key: 0,
 	class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
-}, ur = {
+}, dr = {
 	key: 0,
 	class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
-}, dr = /* @__PURE__ */ u({
+}, fr = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "TopSelect",
 	props: {
@@ -2531,7 +2536,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 		}), (n, r) => (b(), a("div", {
 			class: h(["top-select top-solutions-component relative w-full", { "pointer-events-none": t.disabled }]),
 			onFocusin: K
-		}, [o("span", Yn, [w(n.$slots, "icon", { loading: t.loading }, () => [t.loading ? (b(), a("i", Xn)) : (b(), a("i", Zn))])]), l(O(E), p({
+		}, [o("span", Xn, [w(n.$slots, "icon", { loading: t.loading }, () => [t.loading ? (b(), a("i", Zn)) : (b(), a("i", Qn))])]), l(O(E), p({
 			ref_key: "autocompleteRef",
 			ref: P
 		}, B.value, {
@@ -2602,18 +2607,18 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			},
 			onChange: r[4] ||= (e) => _("change", e)
 		}), s({
-			chip: j((e) => [O(x).chip ? w(n.$slots, "chip", g(d(e)), void 0, void 0, 0) : (b(), a("div", Qn, [o("div", $n, [o("i", {
+			chip: j((e) => [O(x).chip ? w(n.$slots, "chip", g(d(e)), void 0, void 0, 0) : (b(), a("div", $n, [o("div", er, [o("i", {
 				class: "pi pi-times-circle shrink-0 cursor-pointer rounded-full hover:bg-primary-800",
 				onClick: (t) => e.removeCallback(t)
-			}, null, 8, er), M((b(), a("span", tr, [c(D(U(e.value)), 1)])), [[
+			}, null, 8, tr), M((b(), a("span", nr, [c(D(U(e.value)), 1)])), [[
 				O(F),
 				U(e.value),
 				void 0,
 				{ top: !0 }
 			]])])]))]),
-			empty: j(() => [O(x).empty ? w(n.$slots, "empty", {}, void 0, void 0, 0) : t.loading ? (b(), a("div", nr, [r[5] ||= o("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), t.showLoadingMessage ? (b(), a("span", rr, D(t.loadingMessage), 1)) : i("", !0)])) : (b(), a("span", ir, D(t.emptyMessage), 1))]),
-			"selected-item": j((e) => [O(x)["selected-item"] ? w(n.$slots, "selected-item", g(d(e)), void 0, void 0, 0) : e.item ? (b(), a("span", ar, D(U(e.item)), 1)) : i("", !0)]),
-			optiongroup: j((e) => [O(x)["option-group"] ? w(n.$slots, "option-group", g(d(e)), void 0, void 0, 0) : (b(), a("div", or, [e.option.icon ? (b(), a("i", {
+			empty: j(() => [O(x).empty ? w(n.$slots, "empty", {}, void 0, void 0, 0) : t.loading ? (b(), a("div", rr, [r[5] ||= o("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), t.showLoadingMessage ? (b(), a("span", ir, D(t.loadingMessage), 1)) : i("", !0)])) : (b(), a("span", ar, D(t.emptyMessage), 1))]),
+			"selected-item": j((e) => [O(x)["selected-item"] ? w(n.$slots, "selected-item", g(d(e)), void 0, void 0, 0) : e.item ? (b(), a("span", or, D(U(e.item)), 1)) : i("", !0)]),
+			optiongroup: j((e) => [O(x)["option-group"] ? w(n.$slots, "option-group", g(d(e)), void 0, void 0, 0) : (b(), a("div", sr, [e.option.icon ? (b(), a("i", {
 				key: 0,
 				class: h(e.option.icon)
 			}, null, 2)) : i("", !0), o("span", null, D(e.option[t.optionGroupLabel ?? "label"]), 1)]))]),
@@ -2621,10 +2626,10 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				label: re(s.option),
 				prefix: ie(s.option),
 				query: k.value
-			}), void 0, void 0, 0) : M((b(), a("div", sr, [o("span", {
+			}), void 0, void 0, 0) : M((b(), a("div", cr, [o("span", {
 				class: "top-select-option-label line-clamp-2 min-w-0 flex-1 text-secondary-700 dark:text-zinc-200",
 				title: re(s.option)
-			}, [t.showOptionPrefix && ie(s.option) ? (b(), a("span", cr, [(b(!0), a(e, null, C(W(ie(s.option)), (t, n) => (b(), a(e, { key: n }, [t.highlighted ? (b(), a("mark", lr, D(t.text), 1)) : (b(), a(e, { key: 1 }, [c(D(t.text), 1)], 64))], 64))), 128)), r[6] ||= o("span", { class: "font-bold text-secondary-500 dark:text-zinc-400" }, "\xA0-\xA0", -1)])) : i("", !0), (b(!0), a(e, null, C(W(re(s.option)), (t, n) => (b(), a(e, { key: n }, [t.highlighted ? (b(), a("mark", ur, D(t.text), 1)) : (b(), a(e, { key: 1 }, [c(D(t.text), 1)], 64))], 64))), 128))], 8, $)])), [[
+			}, [t.showOptionPrefix && ie(s.option) ? (b(), a("span", lr, [(b(!0), a(e, null, C(W(ie(s.option)), (t, n) => (b(), a(e, { key: n }, [t.highlighted ? (b(), a("mark", ur, D(t.text), 1)) : (b(), a(e, { key: 1 }, [c(D(t.text), 1)], 64))], 64))), 128)), r[6] ||= o("span", { class: "font-bold text-secondary-500 dark:text-zinc-400" }, "\xA0-\xA0", -1)])) : i("", !0), (b(!0), a(e, null, C(W(re(s.option)), (t, n) => (b(), a(e, { key: n }, [t.highlighted ? (b(), a("mark", dr, D(t.text), 1)) : (b(), a(e, { key: 1 }, [c(D(t.text), 1)], 64))], 64))), 128))], 8, $)])), [[
 				O(F),
 				t.showTooltip ? re(s.option) : null,
 				void 0,
@@ -2653,7 +2658,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			"pt"
 		])], 34));
 	}
-}), fr = /* @__PURE__ */ u({
+}), pr = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "TopTabs",
 	props: {
@@ -2714,12 +2719,12 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 });
 //#endregion
 //#region src/components/internal/topAccordion.ts
-function pr(e, t) {
+function mr(e, t) {
 	return `${e}--section-${encodeURIComponent(String(t))}`;
 }
 //#endregion
 //#region src/components/TopAccordion.vue?vue&type=script&setup=true&lang.ts
-var mr = Symbol("top-accordion-context"), hr = /* @__PURE__ */ u({
+var hr = Symbol("top-accordion-context"), gr = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "TopAccordion",
 	props: {
@@ -2744,7 +2749,7 @@ var mr = Symbol("top-accordion-context"), hr = /* @__PURE__ */ u({
 			return s.value.includes(e);
 		}
 		function g(e) {
-			return pr(i.id, e);
+			return mr(i.id, e);
 		}
 		function _(e) {
 			s.value = Array.isArray(e) ? e : e == null ? [] : [e];
@@ -2760,7 +2765,7 @@ var mr = Symbol("top-accordion-context"), hr = /* @__PURE__ */ u({
 				behavior: t.behavior ?? "smooth"
 			}), !0;
 		}
-		return x(mr, {
+		return x(hr, {
 			accordionId: i.id,
 			sections: c,
 			openSections: s,
@@ -2787,11 +2792,11 @@ var mr = Symbol("top-accordion-context"), hr = /* @__PURE__ */ u({
 			_: 3
 		}, 16, ["value", "multiple"])], 512));
 	}
-}), gr = {
+}), _r = {
 	key: 0,
 	class: "top-accordion-summary__separator",
 	"aria-hidden": "true"
-}, _r = { class: "top-accordion-summary__item" }, vr = /* @__PURE__ */ u({
+}, vr = { class: "top-accordion-summary__item" }, yr = /* @__PURE__ */ u({
 	__name: "TopAccordionSummary",
 	props: {
 		items: { default: () => [] },
@@ -2812,12 +2817,12 @@ var mr = Symbol("top-accordion-context"), hr = /* @__PURE__ */ u({
 		return (r, s) => t.visible && (t.items.length || r.$slots.default) ? (b(), a("div", {
 			key: 0,
 			class: h(["top-accordion-summary", { "top-accordion-summary--nowrap": t.nowrap }])
-		}, [(b(!0), a(e, null, C(t.items, (t, r) => (b(), a(e, { key: `${t.label}-${r}` }, [r > 0 ? (b(), a("span", gr)) : i("", !0), o("span", _r, [o("strong", null, D(t.label) + ":", 1), c(" " + D(n(t)), 1)])], 64))), 128)), w(r.$slots, "default")], 2)) : i("", !0);
+		}, [(b(!0), a(e, null, C(t.items, (t, r) => (b(), a(e, { key: `${t.label}-${r}` }, [r > 0 ? (b(), a("span", _r)) : i("", !0), o("span", vr, [o("strong", null, D(t.label) + ":", 1), c(" " + D(n(t)), 1)])], 64))), 128)), w(r.$slots, "default")], 2)) : i("", !0);
 	}
-}), yr = ["id"], br = { class: "top-accordion-panel__heading" }, xr = { class: "top-accordion-panel__title-row" }, Sr = {
+}), br = ["id"], xr = { class: "top-accordion-panel__heading" }, Sr = { class: "top-accordion-panel__title-row" }, Cr = {
 	class: "top-accordion-panel__badge",
 	"aria-hidden": "true"
-}, Cr = { key: 1 }, wr = { class: "top-accordion-panel__title" }, Tr = ["aria-label"], Er = { class: "top-accordion-panel__content" }, Dr = /* @__PURE__ */ u({
+}, wr = { key: 1 }, Tr = { class: "top-accordion-panel__title" }, Er = ["aria-label"], Dr = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "TopAccordionPanel",
 	props: {
@@ -2826,48 +2831,94 @@ var mr = Symbol("top-accordion-context"), hr = /* @__PURE__ */ u({
 		icon: { default: "" },
 		summary: { default: () => [] },
 		status: { default: void 0 },
-		statusLabel: { default: "" }
+		statusLabel: { default: "" },
+		headerClass: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		headerStyle: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		contentClass: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		contentStyle: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
 	},
 	setup(e) {
-		let t = e, r = f(mr);
+		let t = e, r = f(hr);
 		if (!r) throw Error("TopAccordionPanel deve ser usado dentro de TopAccordion.");
-		let s = n(() => r.getSection(t.value)), u = n(() => t.title || s.value?.label || String(t.value)), d = n(() => t.icon || s.value?.icon || ""), m = n(() => !!s.value?.disabled), g = n(() => r.sections.value.findIndex((e) => e.value === t.value) + 1), _ = n(() => r.isOpen(t.value)), v = n(() => r.getAnchorId(t.value)), y = n(() => t.status === "valid" ? "pi pi-check-circle" : "pi pi-times-circle"), x = n(() => t.status === "valid" ? "top-accordion-panel__status--valid" : "top-accordion-panel__status--error");
+		let s = n(() => r.getSection(t.value)), u = n(() => t.title || s.value?.label || String(t.value)), d = n(() => t.icon || s.value?.icon || ""), m = n(() => !!s.value?.disabled), g = n(() => r.sections.value.findIndex((e) => e.value === t.value) + 1), v = n(() => r.isOpen(t.value)), y = n(() => r.getAnchorId(t.value)), x = n(() => t.status === "valid" ? "pi pi-check-circle" : "pi pi-times-circle"), S = n(() => t.status === "valid" ? "top-accordion-panel__status--valid" : "top-accordion-panel__status--error");
 		return (t, n) => (b(), a("div", {
-			id: v.value,
+			id: y.value,
 			class: "top-accordion-panel-anchor"
 		}, [l(O(se), p(t.$attrs, {
 			value: e.value,
 			disabled: m.value,
 			class: "top-accordion-panel"
 		}), {
-			default: j(() => [l(O(q), { class: "top-accordion-panel__header" }, {
-				default: j(() => [o("div", br, [o("div", xr, [
-					o("span", Sr, [w(t.$slots, "icon", {}, () => [d.value ? (b(), a("i", {
+			default: j(() => [l(O(q), {
+				class: h(["top-accordion-panel__header", e.headerClass]),
+				style: _(e.headerStyle)
+			}, {
+				default: j(() => [o("div", xr, [o("div", Sr, [
+					o("span", Cr, [w(t.$slots, "icon", {}, () => [d.value ? (b(), a("i", {
 						key: 0,
 						class: h(d.value)
-					}, null, 2)) : (b(), a("span", Cr, D(g.value), 1))])]),
-					o("span", wr, [w(t.$slots, "title", {}, () => [c(D(u.value), 1)])]),
+					}, null, 2)) : (b(), a("span", wr, D(g.value), 1))])]),
+					o("span", Tr, [w(t.$slots, "title", {}, () => [c(D(u.value), 1)])]),
 					w(t.$slots, "status", {}, () => [e.status ? (b(), a("i", {
 						key: 0,
 						class: h([
 							"top-accordion-panel__status",
-							x.value,
-							y.value
+							S.value,
+							x.value
 						]),
 						"aria-label": e.statusLabel || (e.status === "valid" ? "Seção válida" : "Existem erros na seção"),
 						role: "img"
-					}, null, 10, Tr)) : i("", !0)])
-				]), t.$slots.preview ? w(t.$slots, "preview", { open: _.value }, void 0, void 0, 0) : w(t.$slots, "summary", { open: _.value }, () => [l(vr, {
+					}, null, 10, Er)) : i("", !0)])
+				]), t.$slots.preview ? w(t.$slots, "preview", { open: v.value }, void 0, void 0, 0) : w(t.$slots, "summary", { open: v.value }, () => [l(yr, {
 					items: e.summary,
-					visible: !_.value
+					visible: !v.value
 				}, null, 8, ["items", "visible"])], void 0, 1)])]),
 				_: 3
-			}), l(O(K), null, {
-				default: j(() => [o("div", Er, [w(t.$slots, "default")])]),
+			}, 8, ["class", "style"]), l(O(K), null, {
+				default: j(() => [o("div", {
+					class: h(["top-accordion-panel__content", e.contentClass]),
+					style: _(e.contentStyle)
+				}, [w(t.$slots, "default")], 6)]),
 				_: 3
 			})]),
 			_: 3
-		}, 16, ["value", "disabled"])], 8, yr));
+		}, 16, ["value", "disabled"])], 8, br));
 	}
 }), Or = { class: "top-accordion-navigator__items" }, kr = [
 	"disabled",
@@ -2912,7 +2963,7 @@ var mr = Symbol("top-accordion-context"), hr = /* @__PURE__ */ u({
 		async function E(e) {
 			if (e.disabled) return;
 			x(e.value) || (g.value = [...g.value, e.value]), c("navigate", e), await m(), await new Promise((e) => requestAnimationFrame(() => e()));
-			let t = document.getElementById(pr(s.accordionId, e.value));
+			let t = document.getElementById(mr(s.accordionId, e.value));
 			t && window.scrollTo({
 				top: t.getBoundingClientRect().top + window.scrollY - s.scrollOffset,
 				behavior: "smooth"
@@ -3026,6 +3077,6 @@ var mr = Symbol("top-accordion-context"), hr = /* @__PURE__ */ u({
 	}
 });
 //#endregion
-export { hr as a, Jn as c, He as d, be as f, le as h, vr as i, Xe as l, ue as m, Pr as n, fr as o, he as p, Dr as r, dr as s, zr as t, Z as u };
+export { gr as a, Yn as c, He as d, be as f, le as h, yr as i, Xe as l, ue as m, Pr as n, pr as o, he as p, Dr as r, fr as s, zr as t, Z as u };
 
-//# sourceMappingURL=TopToast-Dw5MKTR2.js.map
+//# sourceMappingURL=TopToast-BYigZ3kA.js.map