@topjoao/top-design-system 0.1.0-beta.20 → 0.1.0-beta.21

package/dist/{TopToast-SOmpzVY5.js → TopToast-ZB64v4w6.js}

@@ -1,4 +1,4 @@
-import { Fragment as e, Transition as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, nextTick as p, normalizeClass as m, normalizeProps as h, normalizeStyle as g, onBeforeUnmount as ee, onMounted as te, openBlock as _, ref as v, renderList as y, renderSlot as b, resolveComponent as x, resolveDynamicComponent as S, toDisplayString as C, unref as w, useAttrs as ne, useId as T, useSlots as E, watch as D, withCtx as O, withDirectives as k, withModifiers as A } from "vue";
+import { Fragment as e, Transition as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, nextTick as p, normalizeClass as m, normalizeProps as h, normalizeStyle as g, onBeforeUnmount as ee, onMounted as te, openBlock as _, ref as v, renderList as y, renderSlot as b, resolveComponent 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 ne, withModifiers as A } from "vue";
 import j from "primevue/button";
 import M from "primevue/tooltip";
 import { twMerge as N } from "tailwind-merge";
@@ -7,15 +7,16 @@ import F from "primevue/datepicker";
 import I from "primevue/fileupload";
 import L from "primevue/inputtext";
 import re from "primevue/drawer";
+import ie from "primevue/menu";
 import R from "primevue/autocomplete";
 import z from "primevue/tab";
 import B from "primevue/tablist";
 import V from "primevue/tabpanel";
-import H from "primevue/tabpanels";
-import U from "primevue/tabs";
-import W from "primevue/toast";
+import ae from "primevue/tabpanels";
+import H from "primevue/tabs";
+import U from "primevue/toast";
 //#region src/components/TopButton.vue?vue&type=script&setup=true&lang.ts
-var G = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px] bg-transparent" }, K = /* @__PURE__ */ u({
+var W = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px] bg-transparent" }, oe = /* @__PURE__ */ u({
 	__name: "TopButton",
 	props: {
 		tooltip: { default: "" },
@@ -48,11 +49,11 @@ var G = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let i = E(), o = n(() => !!i.icon), c = e, l = t, u = n(() => c.secondary ? "secondary" : c.severity), d = n(() => {
+		let i = D(), 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 N(e, c.class);
 		});
-		return (t, n) => (_(), a("span", G, [k((_(), r(w(j), {
+		return (t, n) => (_(), a("span", W, [ne((_(), r(w(j), {
 			type: e.type,
 			label: e.label,
 			disabled: e.disabled || e.loading,
@@ -65,7 +66,7 @@ var G = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			onClick: n[0] ||= (e) => l("click")
 		}, s({ _: 2 }, [o.value ? {
 			name: "icon",
-			fn: O(() => [b(t.$slots, "icon")]),
+			fn: k(() => [b(t.$slots, "icon")]),
 			key: "0"
 		} : void 0]), 1032, [
 			"type",
@@ -87,7 +88,7 @@ var G = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			{ top: !0 }
 		]])]));
 	}
-}), q = {
+}), se = {
 	primary: {
 		50: "#EEF9FF",
 		100: "#DFF4FF",
@@ -153,7 +154,7 @@ var G = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 		900: "#5D0803",
 		950: "#450501"
 	}
-}, ie = ["aria-label", "disabled"], ae = { class: "flex flex-col items-center gap-2 pt-2" }, J = { class: "text-base font-bold text-secondary-900 dark:text-zinc-100" }, oe = { class: "text-sm leading-5 text-secondary-700 dark:text-zinc-300" }, se = { class: "mt-2 flex w-full items-center justify-center gap-3" }, ce = /* @__PURE__ */ u({
+}, G = ["aria-label", "disabled"], K = { class: "flex flex-col items-center gap-2 pt-2" }, q = { class: "text-base font-bold text-secondary-900 dark:text-zinc-100" }, ce = { class: "text-sm leading-5 text-secondary-700 dark:text-zinc-300" }, J = { class: "mt-2 flex w-full items-center justify-center gap-3" }, le = /* @__PURE__ */ u({
 	__name: "TopConfirmDialog",
 	props: {
 		modelValue: {
@@ -185,8 +186,8 @@ var G = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				!e && i.loading || a("update:modelValue", e);
 			}
 		}), u = n(() => ({
-			"--top-confirm-dialog-accent": i.severity === "danger" ? q.danger[600] : q.primary[800],
-			"--top-confirm-dialog-accent-hover": i.severity === "danger" ? q.danger[700] : q.primary[700]
+			"--top-confirm-dialog-accent": i.severity === "danger" ? se.danger[600] : se.primary[800],
+			"--top-confirm-dialog-accent-hover": i.severity === "danger" ? se.danger[700] : se.primary[700]
 		})), d = n(() => ["px-3 py-2 text-sm", i.severity === "danger" ? "!border-red-600 !bg-red-600 hover:!border-red-700 hover:!bg-red-700" : ""].filter(Boolean).join(" "));
 		function f() {
 			i.loading || a("confirm");
@@ -218,7 +219,7 @@ var G = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			},
 			onHide: n[1] ||= (e) => a("close")
 		}, {
-			default: O(() => [o("div", {
+			default: k(() => [o("div", {
 				class: "relative flex flex-col items-center gap-4 text-center",
 				style: g(u.value)
 			}, [
@@ -231,19 +232,19 @@ var G = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				}, [...n[2] ||= [o("i", {
 					class: "pi pi-times text-lg",
 					"aria-hidden": "true"
-				}, null, -1)]], 8, ie),
-				o("div", ae, [o("i", {
+				}, null, -1)]], 8, G),
+				o("div", K, [o("i", {
 					class: m([e.icon, "top-confirm-dialog__icon text-[40px]"]),
 					"aria-hidden": "true"
-				}, null, 2), o("p", J, C(e.title), 1)]),
-				o("div", oe, [b(t.$slots, "message", {}, () => [b(t.$slots, "default", {}, () => [c(C(e.message), 1)])])]),
-				o("div", se, [l(K, {
+				}, null, 2), o("p", q, C(e.title), 1)]),
+				o("div", ce, [b(t.$slots, "message", {}, () => [b(t.$slots, "default", {}, () => [c(C(e.message), 1)])])]),
+				o("div", J, [l(oe, {
 					label: e.cancelText,
 					secondary: "",
 					disabled: e.loading,
 					class: "px-3 py-2 text-sm",
 					onClick: p
-				}, null, 8, ["label", "disabled"]), l(K, {
+				}, null, 8, ["label", "disabled"]), l(oe, {
 					label: e.loading ? e.loadingText : e.confirmText,
 					loading: e.loading,
 					class: m(d.value),
@@ -261,11 +262,11 @@ var G = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			"aria-label"
 		]));
 	}
-}), le = { class: "top-date-picker top-solutions-component flex w-full flex-col gap-1" }, ue = ["for"], de = {
+}), ue = { class: "top-date-picker top-solutions-component flex w-full flex-col gap-1" }, de = ["for"], fe = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "text-red-600 dark:text-red-400"
-}, fe = ["id"], pe = /* @__PURE__ */ u({
+}, pe = ["id"], me = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "TopDatePicker",
 	props: {
@@ -324,17 +325,17 @@ var G = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 		"keydown"
 	],
 	setup(e, { emit: t }) {
-		let r = e, o = t, u = ne(), p = E(), m = T(), g = n(() => u.id === void 0 || u.id === null || u.id === "" ? m : String(u.id)), ee = n(() => `${g.value}-error`), te = n(() => r.invalid || !!r.error), v = n(() => r.manualInput && !r.readonly && !r.disabled && r.selectionMode === "single" && r.dateFormat === "dd/mm/yy"), x = n(() => {
+		let r = e, o = t, u = T(), p = D(), m = E(), g = n(() => u.id === void 0 || u.id === null || u.id === "" ? m : String(u.id)), ee = n(() => `${g.value}-error`), te = n(() => r.invalid || !!r.error), v = n(() => r.manualInput && !r.readonly && !r.disabled && r.selectionMode === "single" && r.dateFormat === "dd/mm/yy"), x = n(() => {
 			if (te.value) return !0;
 			let e = u["aria-invalid"];
 			return typeof e == "boolean" || e === "true" || e === "false" || e === "grammar" || e === "spelling" ? e : void 0;
 		}), S = n(() => {
 			let e = u["aria-describedby"], t = [typeof e == "string" ? e : "", r.error ? ee.value : ""].filter(Boolean);
 			return t.length ? t.join(" ") : void 0;
-		}), D = n(() => {
+		}), O = n(() => {
 			let { id: e, "aria-describedby": t, "aria-invalid": n, ...r } = u;
 			return r;
-		}), k = n(() => ({ pcInputText: { root: {
+		}), ne = n(() => ({ pcInputText: { root: {
 			"aria-describedby": S.value,
 			"aria-invalid": x.value,
 			onChange: (e) => o("change", e),
@@ -356,13 +357,13 @@ var G = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			}
 			o("input", e);
 		}
-		return (t, n) => (_(), a("div", le, [
+		return (t, n) => (_(), a("div", ue, [
 			e.label ? (_(), a("label", {
 				key: 0,
 				for: g.value,
 				class: "top-field-label text-xs font-bold"
-			}, [c(C(e.label) + " ", 1), e.required ? (_(), a("span", de, "*")) : i("", !0)], 8, ue)) : i("", !0),
-			l(w(F), f(D.value, {
+			}, [c(C(e.label) + " ", 1), e.required ? (_(), a("span", fe, "*")) : i("", !0)], 8, de)) : i("", !0),
+			l(w(F), f(O.value, {
 				"model-value": e.modelValue,
 				"input-id": g.value,
 				placeholder: e.placeholder,
@@ -380,7 +381,7 @@ var G = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				"manual-input": e.manualInput,
 				"show-button-bar": e.showButtonBar,
 				"append-to": e.appendTo,
-				pt: k.value,
+				pt: ne.value,
 				"input-class": "top-date-picker__input top-field-control h-[40px] w-full rounded-[10px] border px-3 py-2 text-xs read-only:cursor-default disabled:cursor-not-allowed",
 				"panel-class": "top-date-picker-panel top-solutions-component",
 				fluid: "",
@@ -398,7 +399,7 @@ var G = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				onKeydown: n[9] ||= (e) => o("keydown", e)
 			}), s({ _: 2 }, [y(w(p), (e, n) => ({
 				name: n,
-				fn: O((e) => [b(t.$slots, n, h(d(e ?? {})))])
+				fn: k((e) => [b(t.$slots, n, h(d(e ?? {})))])
 			}))]), 1040, [
 				"model-value",
 				"input-id",
@@ -423,10 +424,10 @@ var G = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				id: ee.value,
 				class: "text-[11px] text-red-600 dark:text-red-400",
 				role: "alert"
-			}, C(e.error), 9, fe)) : i("", !0)
+			}, C(e.error), 9, pe)) : i("", !0)
 		]));
 	}
-}), me = [["path", {
+}), Y = [["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",
@@ -534,28 +535,28 @@ function ye(t, n, i, o, s, c) {
 		ref_for: !0
 	}, t.transformAttrs(e[1], t.calculatedStrokeWidth)), null, 16))), 128))], 16, ve);
 }
-var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasan/Desktop/Projects/Hugeicons/hugeicons-monorepo/packages/vue/src/components/HugeiconsIcon.vue"]]), xe = { class: "top-file-upload top-solutions-component flex w-full flex-col gap-1" }, Se = ["for"], Y = {
+var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasan/Desktop/Projects/Hugeicons/hugeicons-monorepo/packages/vue/src/components/HugeiconsIcon.vue"]]), xe = { 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"
-}, Ce = { class: "flex min-h-[130px] w-full flex-col items-center justify-center gap-3" }, X = {
+}, we = { class: "flex min-h-[130px] w-full flex-col items-center justify-center gap-3" }, Te = {
 	class: "top-file-upload__empty-icon",
 	"aria-hidden": "true"
-}, we = {
+}, Ee = {
 	key: 0,
 	"aria-label": "Carregando...",
 	class: "pi pi-spin pi-spinner text-5xl"
-}, Te = { class: "m-0 text-center text-xs text-secondary-600 dark:text-zinc-300" }, Ee = {
+}, De = { class: "m-0 text-center text-xs text-secondary-600 dark:text-zinc-300" }, Oe = {
 	key: 1,
 	class: "flex w-full flex-col gap-2"
-}, De = ["src", "alt"], Oe = {
+}, ke = ["src", "alt"], Ae = {
 	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"
-}, ke = { class: "min-w-0 flex-1" }, Z = { class: "m-0 truncate text-xs font-bold text-secondary-900 dark:text-zinc-100" }, Q = { class: "text-[11px] text-secondary-500 dark:text-zinc-400" }, Ae = [
+}, je = { class: "min-w-0 flex-1" }, Me = { class: "m-0 truncate text-xs font-bold text-secondary-900 dark:text-zinc-100" }, Ne = { class: "text-[11px] text-secondary-500 dark:text-zinc-400" }, X = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], je = ["id"], Me = /* @__PURE__ */ u({
+], Pe = ["id"], Fe = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "TopFileUpload",
 	props: {
@@ -594,12 +595,12 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 		"error"
 	],
 	setup(t, { expose: s, emit: u }) {
-		let d = t, f = u, m = ne(), h = T(), g = v(null), x = v(F(d.modelValue)), S = v([]), E = /* @__PURE__ */ new Map(), k = n(() => m.id === void 0 || m.id === null || m.id === "" ? h : String(m.id)), A = n(() => `${k.value}-error`), j = n(() => d.error || S.value[0]?.message || ""), M = n(() => d.disabled || d.loading), N = n(() => {
+		let d = t, f = u, m = T(), h = E(), g = v(null), x = v(F(d.modelValue)), S = v([]), D = /* @__PURE__ */ new Map(), ne = n(() => m.id === void 0 || m.id === null || m.id === "" ? h : String(m.id)), A = n(() => `${ne.value}-error`), j = n(() => d.error || S.value[0]?.message || ""), M = n(() => d.disabled || d.loading), N = n(() => {
 			let e = m["aria-describedby"], t = [typeof e == "string" ? e : "", j.value ? A.value : ""].filter(Boolean);
 			return t.length ? t.join(" ") : void 0;
 		}), P = n(() => ({
 			...m,
-			id: k.value,
+			id: ne.value,
 			required: d.required,
 			"aria-invalid": j.value ? !0 : m["aria-invalid"],
 			"aria-describedby": N.value,
@@ -617,17 +618,17 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 				return n ? n.startsWith(".") ? e.name.toLowerCase().endsWith(n) : n.endsWith("/*") ? r.startsWith(n.slice(0, -1)) : r === n : !1;
 			});
 		}
-		function R(e) {
+		function ie(e) {
 			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(2)} MB`;
 		}
-		function z(e) {
+		function R(e) {
 			let t = [];
 			return {
 				errors: t,
 				validFiles: e.filter((e) => re(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 ${R(d.maxFileSize)}.`
+					message: `O arquivo "${e.name}" excede o tamanho máximo de ${ie(d.maxFileSize)}.`
 				}), !1) : !0 : (t.push({
 					code: "file-type",
 					file: e,
@@ -635,23 +636,23 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 				}), !1))
 			};
 		}
-		function B(e) {
+		function z(e) {
 			let t = e.originalEvent;
 			return Array.from(t.dataTransfer?.files ?? t.target?.files ?? []);
 		}
-		function V(e) {
+		function B(e) {
 			return d.multiple ? [...e] : e[0] ?? null;
 		}
-		function H() {
+		function V() {
 			g.value && (g.value.files = [...x.value]);
 		}
-		function U(e, t) {
-			x.value = e, S.value = [], oe(), p(H);
-			let n = V(e);
+		function ae(e, t) {
+			x.value = e, S.value = [], q(), p(V);
+			let n = B(e);
 			f("update:modelValue", n), f("change", n), t === "select" && f("select", [...e]), t === "clear" && f("clear");
 		}
-		function W(e) {
-			let { errors: t, validFiles: n } = z(B(e)), r = d.multiple ? [...x.value, ...n.filter((e) => !x.value.some((t) => L(t, e)))] : n.slice(-1);
+		function H(e) {
+			let { errors: t, validFiles: n } = R(z(e)), r = d.multiple ? [...x.value, ...n.filter((e) => !x.value.some((t) => L(t, e)))] : n.slice(-1);
 			if (d.maxFiles && r.length > d.maxFiles) {
 				let e = r.slice(d.maxFiles);
 				t.push(...e.map((e) => ({
@@ -660,57 +661,57 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 					message: `O limite máximo é de ${d.maxFiles} arquivo(s).`
 				}))), r = r.slice(0, d.maxFiles);
 			}
-			if (t.length ? (S.value = t, f("error", t)) : S.value = [], H(), n.length && !G(r, x.value)) {
-				x.value = r, oe(), p(H);
-				let e = V(r);
+			if (t.length ? (S.value = t, f("error", t)) : S.value = [], V(), n.length && !U(r, x.value)) {
+				x.value = r, q(), p(V);
+				let e = B(r);
 				f("update:modelValue", e), f("change", e), f("select", [...r]);
 			}
 		}
-		function G(e, t) {
+		function U(e, t) {
 			return e.length === t.length && e.every((e, n) => L(e, t[n]));
 		}
-		function q() {
+		function W() {
 			M.value || g.value?.choose();
 		}
-		function ie(e, t) {
+		function se(e, t) {
 			if (M.value) return;
 			let n = x.value[t];
 			if (!n) return;
 			e(t);
 			let r = x.value.filter((e, n) => n !== t);
-			U(r, "remove"), f("remove", n, t), r.length || f("clear");
+			ae(r, "remove"), f("remove", n, t), r.length || f("clear");
 		}
-		function ae() {
-			M.value || !x.value.length || U([], "clear");
+		function G() {
+			M.value || !x.value.length || ae([], "clear");
 		}
-		function J(e) {
+		function K(e) {
 			if (!e.type.startsWith("image/") || typeof URL.createObjectURL != "function") return "";
-			let t = E.get(e);
+			let t = D.get(e);
 			if (t) return t;
 			let n = URL.createObjectURL(e);
-			return E.set(e, n), n;
+			return D.set(e, n), n;
 		}
-		function oe() {
-			for (let [e, t] of E) x.value.includes(e) || (URL.revokeObjectURL(t), E.delete(e));
+		function q() {
+			for (let [e, t] of D) x.value.includes(e) || (URL.revokeObjectURL(t), D.delete(e));
 		}
-		return D(() => d.modelValue, (e) => {
+		return O(() => d.modelValue, (e) => {
 			let t = F(e);
-			G(t, x.value) || (x.value = t, S.value = [], oe(), p(H));
-		}), D(() => d.multiple, () => {
+			U(t, x.value) || (x.value = t, S.value = [], q(), p(V));
+		}), O(() => d.multiple, () => {
 			let e = F(d.modelValue);
-			x.value = e, oe(), p(H);
-		}), te(H), ee(() => {
-			for (let e of E.values()) URL.revokeObjectURL(e);
-			E.clear();
+			x.value = e, q(), p(V);
+		}), te(V), ee(() => {
+			for (let e of D.values()) URL.revokeObjectURL(e);
+			D.clear();
 		}), s({
-			choose: q,
-			clear: ae
+			choose: W,
+			clear: G
 		}), (n, s) => (_(), a("div", xe, [
 			t.label ? (_(), a("label", {
 				key: 0,
-				for: k.value,
+				for: ne.value,
 				class: "text-xs font-bold text-secondary-800 dark:text-zinc-200"
-			}, [c(C(t.label) + " ", 1), t.required ? (_(), a("span", Y, "*")) : i("", !0)], 8, Se)) : i("", !0),
+			}, [c(C(t.label) + " ", 1), t.required ? (_(), a("span", Ce, "*")) : i("", !0)], 8, Se)) : i("", !0),
 			l(w(I), {
 				ref_key: "fileUploadRef",
 				ref: g,
@@ -731,37 +732,37 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 						M.value ? "cursor-not-allowed opacity-60" : ""
 					].join(" ") }
 				},
-				onSelect: W
+				onSelect: H
 			}, {
-				content: O(({ removeFileCallback: c }) => [o("div", Ce, [x.value.length ? (_(), a("div", Ee, [(_(!0), a(e, null, y(x.value, (e, r) => (_(), a("div", {
+				content: k(({ removeFileCallback: c }) => [o("div", we, [x.value.length ? (_(), a("div", Oe, [(_(!0), a(e, null, y(x.value, (e, r) => (_(), a("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"
 				}, [
 					b(n.$slots, "preview", {
 						file: e,
 						index: r,
-						url: J(e)
-					}, () => [J(e) ? (_(), a("img", {
+						url: K(e)
+					}, () => [K(e) ? (_(), a("img", {
 						key: 0,
-						src: J(e),
+						src: K(e),
 						alt: `Pré-visualização de ${e.name}`,
 						class: "size-12 shrink-0 rounded-lg object-cover"
-					}, null, 8, De)) : (_(), a("span", Oe, [...s[0] ||= [o("i", {
+					}, null, 8, ke)) : (_(), a("span", Ae, [...s[0] ||= [o("i", {
 						class: "pi pi-file text-2xl",
 						"aria-hidden": "true"
 					}, null, -1)]]))]),
-					o("div", ke, [o("p", Z, C(e.name), 1), o("span", Q, C(R(e.size)), 1)]),
+					o("div", je, [o("p", Me, C(e.name), 1), o("span", Ne, C(ie(e.size)), 1)]),
 					o("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": `${t.removeLabel}: ${e.name}`,
 						disabled: M.value,
-						onClick: (e) => ie(c, r)
+						onClick: (e) => se(c, r)
 					}, [...s[1] ||= [o("i", {
 						class: "pi pi-times",
 						"aria-hidden": "true"
-					}, null, -1)]], 8, Ae)
-				]))), 128)), t.multiple && (!t.maxFiles || x.value.length < t.maxFiles) ? (_(), r(K, {
+					}, null, -1)]], 8, X)
+				]))), 128)), t.multiple && (!t.maxFiles || x.value.length < t.maxFiles) ? (_(), r(oe, {
 					key: 0,
 					label: t.selectLabel,
 					icon: "pi pi-plus-circle",
@@ -769,30 +770,30 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 					disabled: t.disabled,
 					loading: t.loading,
 					class: "mt-1 px-3 py-2 text-xs",
-					onClick: q
+					onClick: W
 				}, null, 8, [
 					"label",
 					"disabled",
 					"loading"
 				])) : i("", !0)])) : b(n.$slots, "empty", {
-					choose: q,
+					choose: W,
 					disabled: M.value
 				}, () => [
-					o("span", X, [t.loading ? (_(), a("i", we)) : (_(), r(w(be), {
+					o("span", Te, [t.loading ? (_(), a("i", Ee)) : (_(), r(w(be), {
 						key: 1,
-						icon: w(me),
+						icon: w(Y),
 						size: 72,
 						"stroke-width": 1.5,
 						class: "text-primary-800 dark:text-primary-300"
 					}, null, 8, ["icon"]))]),
-					o("p", Te, C(t.placeholder), 1),
-					l(K, {
+					o("p", De, C(t.placeholder), 1),
+					l(oe, {
 						label: t.selectLabel,
 						icon: "pi pi-plus-circle",
 						disabled: t.disabled,
 						loading: t.loading,
 						class: "px-3 py-2 text-xs",
-						onClick: q
+						onClick: W
 					}, null, 8, [
 						"label",
 						"disabled",
@@ -811,14 +812,14 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 				id: A.value,
 				class: "text-[11px] text-red-600 dark:text-red-400",
 				role: "alert"
-			}, C(j.value), 9, je)) : i("", !0)
+			}, C(j.value), 9, Pe)) : i("", !0)
 		]));
 	}
-}), Ne = { class: "top-input-text top-solutions-component flex w-full flex-col gap-1" }, Pe = ["for"], Fe = {
+}), Z = { class: "top-input-text top-solutions-component flex w-full flex-col gap-1" }, Ie = ["for"], Le = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "text-red-600 dark:text-red-400"
-}, Ie = ["id"], Le = /* @__PURE__ */ u({
+}, Re = ["id"], ze = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "TopInputText",
 	props: {
@@ -841,7 +842,7 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let r = e, o = t, s = ne(), u = T(), d = n(() => s.id === void 0 || s.id === null || s.id === "" ? u : String(s.id)), p = n(() => `${d.value}-error`), m = n(() => {
+		let r = e, o = t, s = T(), u = E(), d = n(() => s.id === void 0 || s.id === null || s.id === "" ? u : String(s.id)), p = n(() => `${d.value}-error`), m = n(() => {
 			if (r.error) return !0;
 			let e = s["aria-invalid"];
 			return typeof e == "boolean" || e === "true" || e === "false" || e === "grammar" || e === "spelling" ? e : void 0;
@@ -852,12 +853,12 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 		function g(e) {
 			o("update:modelValue", e ?? "");
 		}
-		return (t, n) => (_(), a("div", Ne, [
+		return (t, n) => (_(), a("div", Z, [
 			e.label ? (_(), a("label", {
 				key: 0,
 				for: d.value,
 				class: "top-field-label text-xs font-bold"
-			}, [c(C(e.label) + " ", 1), e.required ? (_(), a("span", Fe, "*")) : i("", !0)], 8, Pe)) : i("", !0),
+			}, [c(C(e.label) + " ", 1), e.required ? (_(), a("span", Le, "*")) : i("", !0)], 8, Ie)) : i("", !0),
 			l(w(L), f(t.$attrs, {
 				id: d.value,
 				"model-value": e.modelValue,
@@ -888,18 +889,18 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 				id: p.value,
 				class: "text-[11px] text-red-600 dark:text-red-400",
 				role: "alert"
-			}, C(e.error), 9, Ie)) : i("", !0)
+			}, C(e.error), 9, Re)) : i("", !0)
 		]));
 	}
-}), Re = [
+}), Be = [
 	"disabled",
 	"aria-expanded",
 	"onClick"
-], ze = { class: "top-nav-bar__mobile-item-label" }, Be = {
+], Ve = { class: "top-nav-bar__mobile-item-label" }, He = {
 	key: 1,
 	class: "top-nav-bar__mobile-count",
 	"aria-hidden": "true"
-}, Ve = /* @__PURE__ */ u({
+}, Ue = /* @__PURE__ */ u({
 	name: "TopNavMobileTree",
 	__name: "TopNavMobileTree",
 	props: {
@@ -936,7 +937,7 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 			let t = new Set(f.value);
 			t.has(e.id) ? t.delete(e.id) : t.add(e.id), f.value = t;
 		}
-		D(() => [u.activeItemId, u.items], () => {
+		O(() => [u.activeItemId, u.items], () => {
 			let e = new Set(f.value);
 			u.items.forEach((t) => {
 				p(t).length && h(t) && e.add(t.id);
@@ -972,15 +973,15 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 					class: m(e.icon),
 					"aria-hidden": "true"
 				}, null, 2)) : i("", !0),
-				o("span", ze, C(e.label), 1),
-				p(e).length ? (_(), a("span", Be, C(p(e).length), 1)) : i("", !0),
+				o("span", Ve, C(e.label), 1),
+				p(e).length ? (_(), a("span", He, C(p(e).length), 1)) : i("", !0),
 				p(e).length ? (_(), a("i", {
 					key: 2,
 					class: m(["pi pi-chevron-down top-nav-bar__mobile-chevron", { "top-nav-bar__mobile-chevron--open": ee(e) }]),
 					"aria-hidden": "true"
 				}, null, 2)) : i("", !0)
-			], 10, Re), l(t, { name: "top-nav-bar-menu-expand" }, {
-				default: O(() => [p(e).length && ee(e) ? (_(), r(u, {
+			], 10, Be), l(t, { name: "top-nav-bar-menu-expand" }, {
+				default: k(() => [p(e).length && ee(e) ? (_(), r(u, {
 					key: 0,
 					items: p(e),
 					"active-item-id": s.activeItemId,
@@ -997,144 +998,151 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 			}, 1024)], 2))), 128))], 6);
 		};
 	}
-}), He = ["aria-expanded"], Ue = { class: "top-nav-bar__brand" }, We = {
+}), We = ["aria-expanded"], Ge = { class: "top-nav-bar__brand" }, Ke = {
 	key: 1,
 	class: "top-nav-bar__context"
-}, Ge = { class: "top-nav-bar__desktop-tools" }, Ke = {
+}, qe = { class: "top-nav-bar__desktop-tools" }, Je = {
 	key: 0,
 	class: "top-nav-bar__search-shell",
 	"data-top-nav-search": ""
-}, qe = ["value", "placeholder"], Je = ["aria-label"], Ye = {
+}, Ye = ["value", "placeholder"], Xe = ["aria-label"], Ze = {
 	key: 1,
 	class: "top-nav-bar__search-results",
 	role: "menu"
-}, Xe = ["disabled", "onClick"], Ze = {
+}, Qe = { class: "top-nav-bar__search-results-scroll" }, $e = ["disabled", "onClick"], et = {
 	key: 0,
 	class: "top-nav-bar__empty"
-}, Qe = {
+}, tt = {
 	key: 1,
 	class: "top-nav-bar__quick-actions",
 	"data-top-nav-actions": ""
-}, $e = [
+}, nt = [
 	"disabled",
 	"aria-label",
 	"aria-pressed",
 	"title",
 	"onClick"
-], et = ["aria-expanded"], tt = {
+], rt = ["aria-expanded"], it = {
 	key: 0,
 	class: "top-nav-bar__popover-layer top-nav-bar__actions-layer"
-}, nt = {
+}, at = {
 	class: "top-nav-bar__small-panel",
 	role: "menu"
-}, rt = ["disabled", "onClick"], it = {
+}, ot = ["disabled", "onClick"], st = {
 	key: 2,
 	class: "top-nav-bar__custom-actions"
-}, at = ["aria-haspopup", "aria-expanded"], ot = ["src"], st = {
+}, ct = ["aria-haspopup", "aria-expanded"], lt = ["src"], ut = {
 	key: 1,
 	class: "top-nav-bar__user-avatar"
-}, ct = {
+}, dt = {
 	key: 2,
 	class: "top-nav-bar__user-details"
-}, lt = { class: "top-nav-bar__user-name" }, ut = {
+}, ft = { class: "top-nav-bar__user-name" }, pt = {
 	key: 0,
 	class: "top-nav-bar__user-subtitle"
-}, dt = {
+}, mt = {
 	key: 0,
 	class: "pi pi-chevron-down top-nav-bar__chevron",
 	"aria-hidden": "true"
-}, ft = {
+}, ht = {
 	key: 0,
 	class: "top-nav-bar__popover-layer top-nav-bar__user-layer"
-}, pt = {
+}, gt = {
 	class: "top-nav-bar__small-panel top-nav-bar__user-dropdown",
 	role: "menu"
-}, mt = {
+}, _t = {
 	key: 0,
 	class: "top-nav-bar__user-separator",
 	role: "separator"
-}, ht = ["disabled", "onClick"], gt = {
+}, vt = ["disabled", "onClick"], yt = {
 	class: "top-nav-bar__breadcrumbs",
 	"aria-label": "Breadcrumb"
-}, _t = {
+}, bt = {
 	key: 0,
 	class: "top-nav-bar__separator top-nav-bar__desktop-navigation-separator",
 	"aria-hidden": "true"
-}, vt = ["aria-expanded"], yt = {
+}, xt = ["aria-expanded"], St = {
 	key: 0,
 	class: "top-nav-bar__menu-layer"
-}, bt = {
+}, Ct = {
 	class: "top-nav-bar__menu-panel",
 	role: "menu"
-}, xt = { class: "top-nav-bar__section-list" }, St = [
+}, wt = { class: "top-nav-bar__section-list" }, Tt = [
 	"aria-expanded",
 	"onMouseenter",
 	"onClick"
-], Ct = { class: "top-nav-bar__menu-label" }, wt = { class: "top-nav-bar__item-count" }, Tt = {
+], Et = { class: "top-nav-bar__menu-label" }, Dt = { class: "top-nav-bar__item-count" }, Ot = {
 	key: 0,
 	class: "top-nav-bar__submenu-region"
-}, Et = [
+}, kt = [
 	"disabled",
 	"aria-haspopup",
 	"aria-expanded",
 	"onMouseenter",
 	"onClick"
-], Dt = { class: "top-nav-bar__menu-label" }, Ot = {
+], At = { class: "top-nav-bar__menu-label" }, jt = {
 	key: 1,
 	class: "pi pi-chevron-right top-nav-bar__menu-arrow",
 	"aria-hidden": "true"
-}, kt = ["onMouseenter"], At = {
+}, Mt = ["onMouseenter"], Nt = {
 	key: 0,
 	class: "top-nav-bar__crumb top-nav-bar__crumb--static"
-}, jt = ["aria-expanded", "onClick"], Mt = {
+}, Pt = ["aria-expanded", "onClick"], Ft = {
 	key: 2,
 	class: "top-nav-bar__menu-layer"
-}, Nt = {
+}, It = {
 	class: "top-nav-bar__menu-panel top-nav-bar__breadcrumb-panel",
 	role: "menu"
-}, Pt = [
+}, Lt = [
 	"disabled",
 	"onMouseenter",
 	"onClick"
-], Ft = { class: "top-nav-bar__menu-label" }, It = {
+], Rt = { class: "top-nav-bar__menu-label" }, zt = {
 	key: 1,
 	class: "pi pi-chevron-right top-nav-bar__menu-arrow",
 	"aria-hidden": "true"
-}, Lt = ["onClick"], Rt = ["title"], zt = { class: "top-nav-bar__breadcrumb-actions" }, Bt = ["aria-label", "aria-pressed"], Vt = ["aria-expanded"], Ht = {
+}, Bt = ["onClick"], Vt = ["title"], Ht = { class: "top-nav-bar__current-label" }, Ut = ["aria-label", "aria-pressed"], Wt = { class: "top-nav-bar__breadcrumb-actions" }, Gt = ["aria-expanded"], Kt = {
 	key: 0,
 	class: "top-nav-bar__popover-layer top-nav-bar__favorites-layer"
-}, Ut = {
+}, qt = {
 	class: "top-nav-bar__small-panel top-nav-bar__favorites-panel",
 	role: "menu"
-}, Wt = ["disabled", "onClick"], Gt = { class: "top-nav-bar__mobile-menu" }, Kt = { class: "top-nav-bar__mobile-menu-header" }, qt = { class: "top-nav-bar__drawer-brand" }, Jt = ["onClick"], Yt = {
+}, Jt = ["disabled", "onClick"], Yt = { class: "top-nav-bar__favorites-title" }, Xt = {
+	key: 0,
+	class: "top-nav-bar__favorites-separator"
+}, Zt = {
+	key: 0,
+	class: "top-nav-bar__favorites-row top-nav-bar__desktop-only"
+}, Qt = { class: "top-nav-bar__favorites-title" }, $t = { class: "top-nav-bar__favorites-list" }, en = {
+	key: 0,
+	class: "top-nav-bar__favorites-separator",
+	"aria-hidden": "true"
+}, tn = ["disabled", "onClick"], nn = { class: "top-nav-bar__mobile-menu" }, rn = { class: "top-nav-bar__mobile-menu-header" }, an = { class: "top-nav-bar__drawer-brand" }, on = ["onClick"], sn = {
 	key: 0,
 	class: "top-nav-bar__drawer-tools"
-}, Xt = { class: "top-nav-bar__drawer-search" }, Zt = ["value", "placeholder"], Qt = ["disabled", "onClick"], $t = { class: "top-nav-bar__mobile-menu-scroll" }, en = { class: "top-nav-bar__mobile-menu-track" }, tn = {
+}, cn = { class: "top-nav-bar__drawer-search" }, ln = ["value", "placeholder"], un = ["disabled", "onClick"], dn = { class: "top-nav-bar__mobile-menu-scroll" }, fn = { class: "top-nav-bar__mobile-menu-track" }, pn = {
 	key: 0,
 	class: "top-nav-bar__mobile-favorites"
-}, nn = ["aria-expanded"], rn = { class: "top-nav-bar__mobile-item-label" }, an = { class: "top-nav-bar__mobile-count" }, on = {
+}, mn = ["aria-expanded"], hn = { class: "top-nav-bar__mobile-item-label" }, gn = { class: "top-nav-bar__mobile-count" }, _n = {
 	key: 1,
 	class: "top-nav-bar__drawer-empty"
-}, sn = {
+}, vn = {
 	key: 1,
 	class: "top-nav-bar__mobile-footer"
-}, cn = ["aria-expanded"], ln = ["src"], un = {
+}, yn = ["aria-haspopup", "aria-expanded"], bn = ["src"], xn = {
 	key: 1,
 	class: "top-nav-bar__user-avatar"
-}, dn = {
+}, Sn = {
 	key: 2,
 	class: "top-nav-bar__user-details"
-}, fn = { class: "top-nav-bar__user-name" }, pn = {
+}, Cn = { class: "top-nav-bar__user-name" }, wn = {
 	key: 0,
 	class: "top-nav-bar__user-subtitle"
-}, mn = {
-	key: 0,
-	class: "top-nav-bar__drawer-user-actions"
-}, hn = {
-	key: 0,
-	class: "top-nav-bar__drawer-separator",
-	role: "separator"
-}, gn = ["disabled", "onClick"], _n = /* @__PURE__ */ u({
+}, Tn = {
+	key: 3,
+	class: "pi pi-chevron-down top-nav-bar__mobile-chevron",
+	"aria-hidden": "true"
+}, En = 120, Dn = 24, On = /* @__PURE__ */ u({
 	__name: "TopNavBar",
 	props: {
 		sections: { default: () => [] },
@@ -1198,16 +1206,16 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 		"user-action",
 		"user-click"
 	],
-	setup(s, { expose: c, emit: u }) {
-		let d = s, f = u, h = E(), x = v(null), S = v(null), ne = v(null), T = v(null), k = v(d.mobileOpen ?? !1), j = v(!1), M = v(null), N = v([]), P = v(null), F = v([]), I = v(!1), L = v(!1), R = v(!1), z = v(!1), B = v(!1), V = v(d.searchValue ?? ""), H = v(!1), U = v(!1), W = v(!1), G = v({
+	setup(s, { expose: u, emit: d }) {
+		let f = s, h = d, x = D(), S = v(null), T = v(null), E = v(null), ne = v(null), j = v(null), M = v(null), N = v(f.mobileOpen ?? !1), P = v(!1), F = v(null), I = v([]), L = v(null), R = v([]), z = v(!1), B = v(!1), V = v(!1), ae = v(null), H = v(!1), U = v(!1), W = v(!1), oe = v(!0), se = v(!1), G = v(f.searchValue ?? ""), K = v(!1), q = v(!1), ce = v(!1), J = v({
 			collapseActions: !1,
 			searchIconOnly: !1,
 			hideUserName: !1,
 			hideContextDetails: !1
-		}), K, q, ie = 0;
-		function ae(e) {
+		}), le, ue, de, fe, pe = 0;
+		function me(e) {
 			return (e.children ?? []).filter(Boolean).map((e) => {
-				let t = ae(e);
+				let t = me(e);
 				if (!t.length) {
 					let { children: t, ...n } = e;
 					return n;
@@ -1218,63 +1226,63 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 				};
 			});
 		}
-		let J = n(() => d.sections.map((e) => ({
+		let Y = n(() => f.sections.map((e) => ({
 			...e,
-			children: ae(e)
+			children: me(e)
 		})).filter((e) => e.children.length > 0));
-		function oe(e, t = []) {
+		function ge(e, t = []) {
 			return e.forEach((e) => {
 				let n = e.children ?? [];
-				n.length ? oe(n, t) : t.push(e);
+				n.length ? ge(n, t) : t.push(e);
 			}), t;
 		}
-		let se = n(() => J.value.flatMap((e) => oe(e.children)));
-		function ce(e) {
+		let _e = n(() => Y.value.flatMap((e) => ge(e.children)));
+		function ve(e) {
 			return e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLocaleLowerCase("pt-BR");
 		}
-		let le = n(() => {
-			if (d.searchResults !== void 0) return d.searchResults;
-			let e = ce(V.value.trim());
-			return e ? se.value.filter((t) => ce(t.label).includes(e)) : se.value;
+		let ye = n(() => {
+			if (f.searchResults !== void 0) return f.searchResults;
+			let e = ve(G.value.trim());
+			return e ? _e.value.filter((t) => ve(t.label).includes(e)) : _e.value;
 		});
-		function ue(e, t) {
+		function xe(e, t) {
 			return t ? e.flatMap((e) => {
-				let n = ce(e.label).includes(t), r = ue(e.children ?? [], t);
+				let n = ve(e.label).includes(t), r = xe(e.children ?? [], t);
 				return !n && !r.length ? [] : [{
 					...e,
 					children: n ? e.children : r
 				}];
 			}) : e;
 		}
-		let de = n(() => ue(J.value, ce(V.value.trim())));
-		function fe(e, t, n = []) {
+		let Se = n(() => xe(Y.value, ve(G.value.trim())));
+		function Ce(e, t, n = []) {
 			for (let r of e) {
 				let e = [...n, r];
 				if (r.id === t) return e;
-				let i = fe(r.children ?? [], t, e);
+				let i = Ce(r.children ?? [], t, e);
 				if (i) return i;
 			}
 			return null;
 		}
-		function pe(e, t) {
+		function we(e, t) {
 			for (let n of e) {
 				if (n.id === t) return n;
-				let e = pe(n.children ?? [], t);
+				let e = we(n.children ?? [], t);
 				if (e) return e;
 			}
 			return null;
 		}
-		let me = n(() => {
-			if (!d.activeItemId) return null;
-			for (let e of J.value) {
-				if (e.id === d.activeItemId) return [e];
-				let t = fe(e.children, d.activeItemId);
+		let Te = n(() => {
+			if (!f.activeItemId) return null;
+			for (let e of Y.value) {
+				if (e.id === f.activeItemId) return [e];
+				let t = Ce(e.children, f.activeItemId);
 				if (t) return [e, ...t];
 			}
 			return null;
-		}), ge = n(() => {
-			if (d.breadcrumbs.length) return d.breadcrumbs;
-			let e = me.value;
+		}), Ee = n(() => {
+			if (f.breadcrumbs.length) return f.breadcrumbs;
+			let e = Te.value;
 			if (!e?.length) return [];
 			let t = e.length - 1;
 			return e.map((e, n) => ({
@@ -1285,11 +1293,11 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 				menuId: n > 0 && e.children?.length ? e.id : void 0
 			}));
 		});
-		function _e(e) {
-			return e.menuId ? pe(J.value, e.menuId) : e.sectionId ? J.value.find((t) => t.id === e.sectionId) ?? null : null;
+		function De(e) {
+			return e.menuId ? we(Y.value, e.menuId) : e.sectionId ? Y.value.find((t) => t.id === e.sectionId) ?? null : null;
 		}
-		let ve = n(() => J.value.find((e) => e.id === M.value) ?? null);
-		function ye(e, t) {
+		let Oe = n(() => Y.value.find((e) => e.id === F.value) ?? null);
+		function ke(e, t) {
 			let n = [], r = e, i = 0;
 			for (; r.length;) {
 				n.push(r);
@@ -1301,139 +1309,170 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 			}
 			return n;
 		}
-		let xe = n(() => ve.value ? ye(ve.value.children, N.value) : []);
-		function Se(e, t = 10) {
+		let Ae = n(() => Oe.value ? ke(Oe.value.children, I.value) : []);
+		function je(e, t = 10) {
 			let n = [];
 			for (let r = 0; r < e.length; r += t) n.push(e.slice(r, r + t));
 			return n;
 		}
-		let Y = n(() => {
+		let Me = n(() => {
 			let e = [];
-			return d.showAia && e.push({
+			return f.showAia && e.push({
 				id: "__aia",
-				label: d.aiaLabel,
+				label: f.aiaLabel,
 				icon: "pi pi-comments",
 				kind: "aia"
-			}), d.showSupport && e.push({
+			}), f.showSupport && e.push({
 				id: "__support",
-				label: d.supportLabel,
+				label: f.supportLabel,
 				icon: "pi pi-headphones",
 				kind: "support"
-			}), d.actions.forEach((t) => e.push({
+			}), f.actions.forEach((t) => e.push({
 				...t,
 				kind: "action"
 			})), e;
-		}), Ce = n(() => {
+		}), Ne = n(() => {
 			let e = [];
-			return d.userMenuItems.forEach((t) => {
+			return f.userMenuItems.forEach((t) => {
 				if (t.separator) {
 					e.length && !e.at(-1)?.separator && e.push(t);
 					return;
 				}
 				e.push(t);
 			}), e.at(-1)?.separator && e.pop(), e;
-		}), X = n(() => !!h["user-menu"] || Ce.value.some((e) => !e.separator)), we = n(() => !!d.user || !!h.user), Te = n(() => !!(h.context || h.scope || h.client || h["context-compact"])), Ee = n(() => d.favoriteItems.filter(Boolean)), De = n(() => J.value.length > 0 || d.searchable || Y.value.length > 0 || we.value || !!(h["drawer-menu"] || h["drawer-actions"] || h["drawer-footer"])), Oe = n(() => d.user ? d.user.initials ? d.user.initials : d.user.name.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toLocaleUpperCase("pt-BR")).join("") : ""), ke = n(() => {
-			let e = d.appearance, t = {}, n = (e, n) => {
+		}), X = n(() => !!x["user-menu"] || Ne.value.some((e) => !e.separator)), Pe = n(() => !!f.user || !!x.user), Fe = n(() => !!(x.context || x.scope || x.client || x["context-compact"])), Z = n(() => f.favoriteItems.filter(Boolean)), Ie = n(() => W.value || !oe.value), Le = n(() => Z.value.length > 0 && !Ie.value), Re = n(() => Y.value.length > 0 || f.searchable || Me.value.length > 0 || Pe.value || !!(x["drawer-menu"] || x["drawer-actions"] || x["drawer-footer"])), ze = n(() => f.user ? f.user.initials ? f.user.initials : f.user.name.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toLocaleUpperCase("pt-BR")).join("") : ""), Be = n(() => Ne.value.map((e) => e.separator ? { separator: !0 } : {
+			label: e.label,
+			icon: e.icon,
+			disabled: e.disabled,
+			command: () => jn(e)
+		})), Ve = n(() => {
+			let e = f.appearance, t = {}, n = (e, n) => {
 				n !== void 0 && n !== "" && (t[e] = n);
 			};
-			return n("--top-nav-bg", e.headerBackground), n("--top-nav-breadcrumb-bg", e.breadcrumbBackground ?? e.headerBackground), n("--top-nav-drawer-bg", e.drawerBackground ?? e.headerBackground), n("--top-nav-drawer-footer-bg", e.drawerFooterBackground), n("--top-nav-fg", e.textColor), n("--top-nav-muted-fg", e.mutedTextColor), n("--top-nav-accent", e.accentColor), n("--top-nav-menu-bg", e.menuBackground), n("--top-nav-menu-fg", e.menuTextColor), n("--top-nav-menu-hover", e.menuHoverBackground), n("--top-nav-menu-explored", e.menuExploredBackground), n("--top-nav-border", e.borderColor), n("--top-nav-menu-border", e.menuBorderColor), n("--top-nav-menu-outline", e.menuOutlineColor), n("--top-nav-radius", e.radius), n("--top-nav-drawer-radius", e.drawerRadius), n("--top-nav-header-height", e.headerHeight ?? e.height), n("--top-nav-drawer-width", e.drawerWidth), n("--top-nav-shadow", e.shadow), n("--top-nav-font-family", e.fontFamily), n("--top-nav-font-size", e.fontSize), n("--top-nav-secondary-font-size", e.secondaryFontSize), n("--top-nav-caption-font-size", e.captionFontSize), n("--top-nav-line-height", e.lineHeight), n("--top-nav-font-weight", e.fontWeight), n("--top-nav-strong-font-weight", e.strongFontWeight), n("--top-nav-action-size", e.actionSize), n("--top-nav-header-padding", e.headerPadding), n("--top-nav-header-padding-mobile", e.mobileHeaderPadding), n("--top-nav-breadcrumb-padding", e.breadcrumbPadding), n("--top-nav-breadcrumb-padding-mobile", e.mobileBreadcrumbPadding), n("--top-nav-menu-item-padding", e.menuItemPadding), n("--top-nav-item-line-height", e.itemLineHeight), n("--top-nav-section-width", e.sectionWidth), n("--top-nav-column-width", e.columnWidth), n("--top-nav-context-compact-width", e.contextCompactWidth), n("--top-nav-mobile-active-bg", e.mobileActiveBackground), n("--top-nav-mobile-active-fg", e.mobileActiveTextColor), n("--top-nav-mobile-divider", e.mobileDividerColor), t;
+			return n("--top-nav-bg", e.colors?.navigation), n("--top-nav-breadcrumb-bg", e.surfaces?.breadcrumb ?? e.colors?.navigation), n("--top-nav-drawer-bg", e.surfaces?.drawer ?? e.colors?.navigation), n("--top-nav-drawer-footer-bg", e.surfaces?.drawerFooter), n("--top-nav-fg", e.colors?.text), n("--top-nav-muted-fg", e.colors?.mutedText), n("--top-nav-accent", e.colors?.accent), n("--top-nav-menu-bg", e.surfaces?.menu), n("--top-nav-menu-fg", e.colors?.menuText), n("--top-nav-menu-hover", e.surfaces?.menuHover), n("--top-nav-menu-explored", e.surfaces?.menuExplored), n("--top-nav-border", e.colors?.border), n("--top-nav-menu-border", e.borders?.menu), n("--top-nav-menu-outline", e.borders?.menuOutline), n("--top-nav-radius", e.shape?.radius), n("--top-nav-drawer-radius", e.shape?.drawerRadius), n("--top-nav-shadow", e.shape?.shadow), n("--top-nav-mobile-active-bg", e.surfaces?.mobileActive), n("--top-nav-mobile-active-fg", e.colors?.mobileActiveText), n("--top-nav-mobile-divider", e.borders?.mobileDivider), n("--top-nav-favorites-bg", e.surfaces?.favorites), n("--top-nav-favorites-fg", e.colors?.favoritesText), n("--top-nav-favorites-border", e.borders?.favorites), n("--top-nav-favorites-shadow", e.shape?.favoritesShadow), n("--top-nav-focus-ring", e.focus?.onDark), n("--top-nav-focus-ring-light", e.focus?.onLight), n("--top-nav-current-bg", e.surfaces?.currentPage), n("--top-nav-current-border", e.borders?.currentPage), t;
 		});
-		function Z() {
+		function He() {
+			let e = Math.max(0, window.scrollY);
+			if (!W.value && e >= En) {
+				W.value = !0;
+				return;
+			}
+			W.value && e <= Dn && (W.value = !1);
+		}
+		function On() {
+			let e = E.value, t = ne.value;
+			!e || !t || (oe.value = t.scrollWidth <= e.clientWidth + 1);
+		}
+		function kn() {
+			fe = window.requestAnimationFrame(() => {
+				fe = window.requestAnimationFrame(() => {
+					se.value = !0;
+				});
+			});
+		}
+		function Q() {
 			return typeof window < "u" && window.matchMedia?.("(hover: hover) and (pointer: fine)").matches;
 		}
-		function Q(e) {
-			e.disabled || (f("navigate", e), k.value = !1, xn());
+		function $(e) {
+			e.disabled || (h("navigate", e), N.value = !1, Kn());
 		}
-		function Ae(e, t = !1) {
-			e.disabled || (e.kind === "aia" ? f("toggle-aia") : e.kind === "support" ? f("open-support") : f("action", e), I.value = !1, t && (k.value = !1));
+		function An(e, t = !1) {
+			e.disabled || (e.kind === "aia" ? h("toggle-aia") : e.kind === "support" ? h("open-support") : h("action", e), z.value = !1, t && (N.value = !1));
 		}
-		function je(e, t = !1) {
-			e.disabled || e.separator || (f("user-action", e), L.value = !1, R.value = !1, t && (k.value = !1));
+		function jn(e, t = !1) {
+			e.disabled || e.separator || (h("user-action", e), B.value = !1, V.value = !1, t && (N.value = !1));
+		}
+		function Mn(e) {
+			if (!X.value) {
+				h("user-click", f.user);
+				return;
+			}
+			ae.value?.toggle(e);
 		}
-		function Me(e) {
-			V.value = e, f("update:searchValue", e), f("search", e);
+		function Nn(e) {
+			G.value = e, h("update:searchValue", e), h("search", e);
 		}
-		function Ne() {
-			Me(""), p(() => k.value ? T.value?.focus() : ne.value?.focus());
+		function Pn() {
+			Nn(""), p(() => N.value ? M.value?.focus() : j.value?.focus());
 		}
-		function Pe() {
-			Z() && (j.value = !0);
+		function Fn() {
+			Q() && (P.value = !0);
 		}
-		function Fe() {
-			!Z() || window.innerWidth < 1024 || (j.value = !1, M.value = null, N.value = []);
+		function In() {
+			!Q() || window.innerWidth < 1024 || (P.value = !1, F.value = null, I.value = []);
 		}
-		function Ie() {
-			if (Z()) {
-				j.value = !0;
+		function Ln() {
+			if (Q()) {
+				P.value = !0;
 				return;
 			}
-			j.value = !j.value, j.value || (M.value = null, N.value = []);
+			P.value = !P.value, P.value || (F.value = null, I.value = []);
 		}
-		function Le(e) {
-			Z() && (M.value = e, N.value = []);
+		function Rn(e) {
+			Q() && (F.value = e, I.value = []);
 		}
-		function Re(e) {
-			if (Z()) {
-				M.value = e, N.value = [];
+		function zn(e) {
+			if (Q()) {
+				F.value = e, I.value = [];
 				return;
 			}
-			let t = M.value === e;
-			M.value = t ? null : e, N.value = [];
+			let t = F.value === e;
+			F.value = t ? null : e, I.value = [];
 		}
-		function ze(e, t, n, r) {
-			if (r && !Z()) return;
+		function Bn(e, t, n, r) {
+			if (r && !Q()) return;
 			let i = e.value[n];
 			if (!t.children?.length) {
-				e.value = e.value.slice(0, n), r || Q(t);
+				e.value = e.value.slice(0, n), r || $(t);
 				return;
 			}
-			if (!r && Z()) {
+			if (!r && Q()) {
 				e.value = [...e.value.slice(0, n), t.id];
 				return;
 			}
 			e.value = i === t.id && !r ? e.value.slice(0, n) : [...e.value.slice(0, n), t.id];
 		}
-		function Be(e, t, n) {
-			ze(N, e, t, n);
+		function Vn(e, t, n) {
+			Bn(I, e, t, n);
 		}
-		function _n(e, t, n) {
-			ze(F, e, t, n);
+		function Hn(e, t, n) {
+			Bn(R, e, t, n);
 		}
-		function vn(e) {
-			Z() && (P.value = e, F.value = []);
+		function Un(e) {
+			Q() && (L.value = e, R.value = []);
 		}
-		function yn() {
-			!Z() || window.innerWidth < 1024 || (P.value = null, F.value = []);
+		function Wn() {
+			!Q() || window.innerWidth < 1024 || (L.value = null, R.value = []);
 		}
-		function bn(e) {
-			if (Z()) {
-				P.value = e;
+		function Gn(e) {
+			if (Q()) {
+				L.value = e;
 				return;
 			}
-			P.value = P.value === e ? null : e, F.value = [];
+			L.value = L.value === e ? null : e, R.value = [];
 		}
-		function xn() {
-			j.value = !1, M.value = null, N.value = [], P.value = null, F.value = [], I.value = !1, L.value = !1, z.value = !1, H.value = !1;
+		function Kn() {
+			P.value = !1, F.value = null, I.value = [], L.value = null, R.value = [], z.value = !1, B.value = !1, H.value = !1, K.value = !1;
 		}
-		async function Sn() {
+		async function qn() {
 			if (typeof window < "u" && window.innerWidth < 1024) {
-				k.value = !0, await p(), T.value?.focus();
+				N.value = !0, await p(), M.value?.focus();
 				return;
 			}
-			U.value = !0, H.value = !0, await p(), ne.value?.focus(), $();
+			q.value = !0, K.value = !0, await p(), j.value?.focus(), Zn();
 		}
-		function Cn() {
+		function Jn() {
 			window.setTimeout(() => {
-				H.value = !1, G.value.searchIconOnly && !V.value.trim() && (U.value = !1, $());
+				K.value = !1, J.value.searchIconOnly && !G.value.trim() && (q.value = !1, Zn());
 			}, 150);
 		}
-		function wn() {
+		function Yn() {
 			return Math.round(window.visualViewport?.width ?? window.innerWidth);
 		}
-		async function Tn() {
-			if (typeof window > "u" || !S.value) return;
-			let e = ++ie, t = wn();
-			W.value = t < 1024;
+		async function Xn() {
+			if (typeof window > "u" || !T.value) return;
+			let e = ++pe, t = Yn();
+			ce.value = t < 1024;
 			let n = {
 				collapseActions: !1,
 				searchIconOnly: !1,
@@ -1441,196 +1480,205 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 				hideContextDetails: !1
 			};
 			if (t < 1024) {
-				G.value = n, U.value = !1;
+				J.value = n, q.value = !1;
 				return;
 			}
-			if (G.value = {
+			if (J.value = {
 				collapseActions: t < 1440,
 				searchIconOnly: t < 1320,
 				hideUserName: t < 1180,
 				hideContextDetails: !1
-			}, await p(), e === ie) for (let t of [
+			}, await p(), e === pe) for (let t of [
 				"collapseActions",
 				"searchIconOnly",
 				"hideUserName",
 				"hideContextDetails"
 			]) {
-				let n = S.value;
+				let n = T.value;
 				if (!n || n.scrollWidth <= n.clientWidth + 1) break;
-				if (G.value = {
-					...G.value,
+				if (J.value = {
+					...J.value,
 					[t]: !0
-				}, await p(), e !== ie) return;
+				}, await p(), e !== pe) return;
 			}
 		}
-		function $() {
-			typeof window > "u" || (q !== void 0 && window.cancelAnimationFrame(q), q = window.requestAnimationFrame(() => {
-				q = void 0, Tn();
+		function Zn() {
+			typeof window > "u" || (de !== void 0 && window.cancelAnimationFrame(de), de = window.requestAnimationFrame(() => {
+				de = void 0, Xn();
 			}));
 		}
-		function En(e) {
+		function Qn(e) {
 			let t = e.target;
 			if (t instanceof Element && !t.closest(".top-nav-bar__mobile-menu")) {
-				if (!x.value?.contains(t)) {
-					xn();
+				if (!S.value?.contains(t)) {
+					Kn();
 					return;
 				}
-				t.closest("[data-top-nav-navigation]") || (j.value = !1, M.value = null, N.value = []), t.closest("[data-top-nav-breadcrumb]") || (P.value = null, F.value = []), t.closest("[data-top-nav-actions]") || (I.value = !1), t.closest("[data-top-nav-user]") || (L.value = !1), t.closest("[data-top-nav-favorites]") || (z.value = !1), t.closest("[data-top-nav-search]") || (H.value = !1);
+				t.closest("[data-top-nav-navigation]") || (P.value = !1, F.value = null, I.value = []), t.closest("[data-top-nav-breadcrumb]") || (L.value = null, R.value = []), t.closest("[data-top-nav-actions]") || (z.value = !1), t.closest("[data-top-nav-user]") || (B.value = !1), t.closest("[data-top-nav-favorites]") || (H.value = !1), t.closest("[data-top-nav-search]") || (K.value = !1);
 			}
 		}
-		function Dn(e) {
-			if ((e.ctrlKey || e.metaKey) && e.key.toLocaleLowerCase() === "k" && d.searchable) {
-				e.preventDefault(), Sn();
+		function $n(e) {
+			if ((e.ctrlKey || e.metaKey) && e.key.toLocaleLowerCase() === "k" && f.searchable) {
+				e.preventDefault(), qn();
 				return;
 			}
-			e.key === "Escape" && (k.value &&= !1, xn(), G.value.searchIconOnly && !V.value.trim() && (U.value = !1));
+			if (e.key === "Escape") {
+				if (V.value) {
+					ae.value?.hide();
+					return;
+				}
+				N.value &&= !1, Kn(), J.value.searchIconOnly && !G.value.trim() && (q.value = !1);
+			}
 		}
-		function On() {
+		function er() {
 			if (!X.value) {
-				f("user-click", d.user);
+				h("user-click", f.user);
 				return;
 			}
-			if (Z()) {
-				L.value = !0;
+			if (Q()) {
+				B.value = !0;
 				return;
 			}
-			L.value = !L.value;
+			B.value = !B.value;
 		}
-		function kn() {
-			if (Z()) {
-				z.value = !0;
+		function tr() {
+			if (Q()) {
+				H.value = !0;
 				return;
 			}
-			z.value = !z.value;
-		}
-		return D(() => d.searchValue, (e) => {
-			e !== void 0 && e !== V.value && (V.value = e);
-		}), D(() => d.mobileOpen, (e) => {
-			e !== void 0 && e !== k.value && (k.value = e);
-		}), D(k, (e) => f("update:mobileOpen", e)), D([
-			J,
-			() => d.user,
-			Y
-		], () => p($), { deep: !0 }), te(() => {
-			document.addEventListener("keydown", Dn), document.addEventListener("pointerdown", En), window.addEventListener("resize", $), window.visualViewport?.addEventListener("resize", $), typeof ResizeObserver < "u" && (K = new ResizeObserver($), S.value && K.observe(S.value)), $();
+			H.value = !H.value;
+		}
+		return O(() => f.searchValue, (e) => {
+			e !== void 0 && e !== G.value && (G.value = e);
+		}), O(() => f.mobileOpen, (e) => {
+			e !== void 0 && e !== N.value && (N.value = e);
+		}), O(N, (e) => h("update:mobileOpen", e)), O([
+			Y,
+			() => f.user,
+			Me
+		], () => p(Zn), { deep: !0 }), O(Z, () => p(On), { deep: !0 }), te(() => {
+			document.addEventListener("keydown", $n), document.addEventListener("pointerdown", Qn), window.addEventListener("resize", Zn), window.visualViewport?.addEventListener("resize", Zn), window.addEventListener("resize", On), window.addEventListener("scroll", He, { passive: !0 }), typeof ResizeObserver < "u" && (le = new ResizeObserver(Zn), T.value && le.observe(T.value), ue = new ResizeObserver(On), E.value && ue.observe(E.value)), Zn(), p(() => {
+				On(), He(), kn();
+			});
 		}), ee(() => {
-			document.removeEventListener("keydown", Dn), document.removeEventListener("pointerdown", En), window.removeEventListener("resize", $), window.visualViewport?.removeEventListener("resize", $), K?.disconnect(), q !== void 0 && window.cancelAnimationFrame(q);
-		}), c({
-			close: xn,
+			document.removeEventListener("keydown", $n), document.removeEventListener("pointerdown", Qn), window.removeEventListener("resize", Zn), window.visualViewport?.removeEventListener("resize", Zn), window.removeEventListener("resize", On), window.removeEventListener("scroll", He), le?.disconnect(), ue?.disconnect(), de !== void 0 && window.cancelAnimationFrame(de), fe !== void 0 && window.cancelAnimationFrame(fe);
+		}), u({
+			close: Kn,
 			closeDrawer: () => {
-				k.value = !1;
+				N.value = !1;
 			},
-			focusSearch: Sn,
+			focusSearch: qn,
 			openDrawer: () => {
-				k.value = !0;
+				N.value = !0;
 			}
-		}), (n, c) => (_(), a("nav", {
+		}), (n, u) => (_(), a("nav", {
 			ref_key: "rootRef",
-			ref: x,
+			ref: S,
 			class: "top-nav-bar top-solutions-component",
-			style: g(ke.value),
+			style: g(Ve.value),
 			"aria-label": "Navegação principal"
 		}, [
 			o("header", {
 				ref_key: "headerRef",
-				ref: S,
-				class: m(["top-nav-bar__header", { "top-nav-bar__header--context-compact": G.value.hideContextDetails }])
+				ref: T,
+				class: m(["top-nav-bar__header", { "top-nav-bar__header--context-compact": J.value.hideContextDetails }])
 			}, [
-				De.value ? (_(), a("button", {
+				Re.value ? (_(), a("button", {
 					key: 0,
 					class: "top-nav-bar__mobile-trigger top-nav-bar__square-button",
 					type: "button",
 					"aria-label": "Abrir navegação",
-					"aria-expanded": k.value,
-					onClick: c[0] ||= (e) => k.value = !k.value
-				}, [...c[18] ||= [o("i", {
+					"aria-expanded": N.value,
+					onClick: u[0] ||= (e) => N.value = !N.value
+				}, [...u[19] ||= [o("i", {
 					class: "pi pi-bars",
 					"aria-hidden": "true"
-				}, null, -1)]], 8, He)) : i("", !0),
-				o("div", Ue, [b(n.$slots, "brand", { compact: G.value.hideContextDetails })]),
-				Te.value ? (_(), a("div", We, [G.value.hideContextDetails && n.$slots["context-compact"] ? b(n.$slots, "context-compact", {}, void 0, void 0, 0) : n.$slots.context ? b(n.$slots, "context", { compact: G.value.hideContextDetails }, void 0, void 0, 1) : n.$slots.scope ? b(n.$slots, "scope", { compact: G.value.hideContextDetails }, void 0, void 0, 2) : b(n.$slots, "client", { compact: G.value.hideContextDetails }, void 0, void 0, 3)])) : i("", !0),
-				c[23] ||= o("div", {
+				}, null, -1)]], 8, We)) : i("", !0),
+				o("div", Ge, [b(n.$slots, "brand", { compact: J.value.hideContextDetails })]),
+				Fe.value ? (_(), a("div", Ke, [J.value.hideContextDetails && n.$slots["context-compact"] ? b(n.$slots, "context-compact", {}, void 0, void 0, 0) : n.$slots.context ? b(n.$slots, "context", { compact: J.value.hideContextDetails }, void 0, void 0, 1) : n.$slots.scope ? b(n.$slots, "scope", { compact: J.value.hideContextDetails }, void 0, void 0, 2) : b(n.$slots, "client", { compact: J.value.hideContextDetails }, void 0, void 0, 3)])) : i("", !0),
+				u[24] ||= o("div", {
 					class: "top-nav-bar__spacer",
 					"aria-hidden": "true"
 				}, null, -1),
-				o("div", Ge, [
-					s.searchable ? (_(), a("div", Ke, [G.value.searchIconOnly && !U.value ? (_(), a("button", {
+				o("div", qe, [
+					s.searchable ? (_(), a("div", Je, [J.value.searchIconOnly && !q.value ? (_(), a("button", {
 						key: 0,
 						class: "top-nav-bar__square-button",
 						type: "button",
 						"aria-label": "Pesquisar no menu",
 						title: "Pesquisar no menu (Ctrl+K)",
-						onClick: Sn
-					}, [...c[19] ||= [o("i", {
+						onClick: qn
+					}, [...u[20] ||= [o("i", {
 						class: "pi pi-search",
 						"aria-hidden": "true"
 					}, null, -1)]])) : (_(), a("div", {
 						key: 1,
-						class: m(["top-nav-bar__search", { "top-nav-bar__search--expanded": U.value }])
+						class: m(["top-nav-bar__search", { "top-nav-bar__search--expanded": q.value }])
 					}, [
-						c[21] ||= o("i", {
+						u[22] ||= o("i", {
 							class: "pi pi-search",
 							"aria-hidden": "true"
 						}, null, -1),
 						o("input", {
 							ref_key: "searchInputRef",
-							ref: ne,
-							value: V.value,
-							type: "search",
+							ref: j,
+							value: G.value,
+							type: "text",
+							role: "searchbox",
 							placeholder: s.searchPlaceholder,
 							"aria-label": "Pesquisar no menu",
-							onFocus: c[1] ||= (e) => H.value = !0,
-							onBlur: Cn,
-							onInput: c[2] ||= (e) => Me(e.target.value)
-						}, null, 40, qe),
-						V.value || G.value.searchIconOnly && U.value ? (_(), a("button", {
+							onFocus: u[1] ||= (e) => K.value = !0,
+							onBlur: Jn,
+							onInput: u[2] ||= (e) => Nn(e.target.value)
+						}, null, 40, Ye),
+						G.value || J.value.searchIconOnly && q.value ? (_(), a("button", {
 							key: 0,
 							class: "top-nav-bar__search-clear",
 							type: "button",
-							"aria-label": V.value ? "Limpar pesquisa" : "Fechar pesquisa",
-							onMousedown: c[3] ||= A(() => {}, ["prevent"]),
-							onClick: c[4] ||= (e) => V.value ? Ne() : U.value = !1
-						}, [...c[20] ||= [o("i", {
+							"aria-label": G.value ? "Limpar pesquisa" : "Fechar pesquisa",
+							onMousedown: u[3] ||= A(() => {}, ["prevent"]),
+							onClick: u[4] ||= (e) => G.value ? Pn() : q.value = !1
+						}, [...u[21] ||= [o("i", {
 							class: "pi pi-times",
 							"aria-hidden": "true"
-						}, null, -1)]], 40, Je)) : i("", !0),
-						H.value ? (_(), a("div", Ye, [b(n.$slots, "search-results", {
-							items: le.value,
-							select: Q
-						}, () => [(_(!0), a(e, null, y(le.value, (e) => (_(), a("button", {
+						}, null, -1)]], 40, Xe)) : i("", !0),
+						K.value ? (_(), a("div", Ze, [o("div", Qe, [b(n.$slots, "search-results", {
+							items: ye.value,
+							select: $
+						}, () => [(_(!0), a(e, null, y(ye.value, (e) => (_(), a("button", {
 							key: e.id,
 							class: "top-nav-bar__menu-item",
 							type: "button",
 							role: "menuitem",
 							disabled: e.disabled,
-							onMousedown: c[5] ||= A(() => {}, ["prevent"]),
-							onClick: (t) => Q(e)
+							onMousedown: u[5] ||= A(() => {}, ["prevent"]),
+							onClick: (t) => $(e)
 						}, [e.icon ? (_(), a("i", {
 							key: 0,
 							class: m(e.icon),
 							"aria-hidden": "true"
-						}, null, 2)) : i("", !0), o("span", null, C(e.label), 1)], 40, Xe))), 128)), le.value.length ? i("", !0) : (_(), a("span", Ze, "Nenhum item encontrado."))])])) : i("", !0)
+						}, null, 2)) : i("", !0), o("span", null, C(e.label), 1)], 40, $e))), 128)), ye.value.length ? i("", !0) : (_(), a("span", et, "Nenhum item encontrado."))])])])) : i("", !0)
 					], 2))])) : i("", !0),
-					Y.value.length ? (_(), a("div", Qe, [G.value.collapseActions ? (_(), a(e, { key: 1 }, [o("button", {
+					Me.value.length ? (_(), a("div", tt, [J.value.collapseActions ? (_(), a(e, { key: 1 }, [o("button", {
 						class: "top-nav-bar__square-button",
 						type: "button",
 						"aria-label": "Mais ações",
-						"aria-expanded": I.value,
-						onClick: c[6] ||= (e) => I.value = !I.value
-					}, [...c[22] ||= [o("i", {
+						"aria-expanded": z.value,
+						onClick: u[6] ||= (e) => z.value = !z.value
+					}, [...u[23] ||= [o("i", {
 						class: "pi pi-ellipsis-h",
 						"aria-hidden": "true"
-					}, null, -1)]], 8, et), I.value ? (_(), a("div", tt, [o("div", nt, [(_(!0), a(e, null, y(Y.value, (e) => (_(), a("button", {
+					}, null, -1)]], 8, rt), z.value ? (_(), a("div", it, [o("div", at, [(_(!0), a(e, null, y(Me.value, (e) => (_(), a("button", {
 						key: e.id,
 						class: "top-nav-bar__menu-item",
 						type: "button",
 						role: "menuitem",
 						disabled: e.disabled,
-						onClick: (t) => Ae(e)
+						onClick: (t) => An(e)
 					}, [o("i", {
 						class: m(e.icon),
 						"aria-hidden": "true"
-					}, null, 2), o("span", null, C(e.label), 1)], 8, rt))), 128))])])) : i("", !0)], 64)) : (_(!0), a(e, { key: 0 }, y(Y.value, (e) => (_(), a("button", {
+					}, null, 2), o("span", null, C(e.label), 1)], 8, ot))), 128))])])) : i("", !0)], 64)) : (_(!0), a(e, { key: 0 }, y(Me.value, (e) => (_(), a("button", {
 						key: e.id,
 						class: m(["top-nav-bar__square-button", { "top-nav-bar__square-button--active": e.kind === "aia" && s.aiaActive }]),
 						type: "button",
@@ -1638,7 +1686,7 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 						"aria-label": e.label,
 						"aria-pressed": e.kind === "aia" ? s.aiaActive : void 0,
 						title: e.label,
-						onClick: (t) => Ae(e)
+						onClick: (t) => An(e)
 					}, [e.kind === "aia" ? b(n.$slots, "aia-icon", {}, () => [o("i", {
 						class: m(e.icon),
 						"aria-hidden": "true"
@@ -1649,404 +1697,441 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 						key: 2,
 						class: m(e.icon),
 						"aria-hidden": "true"
-					}, null, 2))], 10, $e))), 128))])) : i("", !0),
-					n.$slots.actions ? (_(), a("div", it, [b(n.$slots, "actions", {
-						compact: G.value.collapseActions,
-						close: xn
+					}, null, 2))], 10, nt))), 128))])) : i("", !0),
+					n.$slots.actions ? (_(), a("div", st, [b(n.$slots, "actions", {
+						compact: J.value.collapseActions,
+						close: Kn
 					})])) : i("", !0),
-					we.value ? (_(), a("div", {
+					Pe.value ? (_(), a("div", {
 						key: 3,
 						class: "top-nav-bar__user-menu",
 						"data-top-nav-user": "",
-						onMouseenter: c[7] ||= (e) => X.value && Z() && (L.value = !0),
-						onMouseleave: c[8] ||= (e) => Z() && (L.value = !1)
+						onMouseenter: u[7] ||= (e) => X.value && Q() && (B.value = !0),
+						onMouseleave: u[8] ||= (e) => Q() && (B.value = !1)
 					}, [o("button", {
 						class: "top-nav-bar__user-trigger",
 						type: "button",
 						"aria-haspopup": X.value ? "menu" : void 0,
-						"aria-expanded": X.value ? L.value : void 0,
-						onClick: On
+						"aria-expanded": X.value ? B.value : void 0,
+						onClick: er
 					}, [b(n.$slots, "user", {
 						user: s.user,
-						compact: G.value.hideUserName
+						compact: J.value.hideUserName
 					}, () => [s.user?.avatarUrl ? (_(), a("img", {
 						key: 0,
 						src: s.user.avatarUrl,
 						alt: "",
 						class: "top-nav-bar__user-avatar"
-					}, null, 8, ot)) : (_(), a("span", st, C(Oe.value), 1)), s.user && !G.value.hideUserName ? (_(), a("span", ct, [o("span", lt, C(s.user.name), 1), s.user.subtitle ? (_(), a("span", ut, C(s.user.subtitle), 1)) : i("", !0)])) : i("", !0)]), X.value ? (_(), a("i", dt)) : i("", !0)], 8, at), X.value && L.value ? (_(), a("div", ft, [o("div", pt, [b(n.$slots, "user-menu", {
-						items: Ce.value,
-						select: je
-					}, () => [(_(!0), a(e, null, y(Ce.value, (t) => (_(), a(e, { key: t.id }, [t.separator ? (_(), a("div", mt)) : (_(), a("button", {
+					}, null, 8, lt)) : (_(), a("span", ut, C(ze.value), 1)), s.user && !J.value.hideUserName ? (_(), a("span", dt, [o("span", ft, C(s.user.name), 1), s.user.subtitle ? (_(), a("span", pt, C(s.user.subtitle), 1)) : i("", !0)])) : i("", !0)]), X.value ? (_(), a("i", mt)) : i("", !0)], 8, ct), X.value && B.value ? (_(), a("div", ht, [o("div", gt, [b(n.$slots, "user-menu", {
+						items: Ne.value,
+						select: jn
+					}, () => [(_(!0), a(e, null, y(Ne.value, (t) => (_(), a(e, { key: t.id }, [t.separator ? (_(), a("div", _t)) : (_(), a("button", {
 						key: 1,
 						class: "top-nav-bar__menu-item",
 						type: "button",
 						role: "menuitem",
 						disabled: t.disabled,
-						onClick: (e) => je(t)
+						onClick: (e) => jn(t)
 					}, [t.icon ? (_(), a("i", {
 						key: 0,
 						class: m(t.icon),
 						"aria-hidden": "true"
-					}, null, 2)) : i("", !0), o("span", null, C(t.label), 1)], 8, ht))], 64))), 128))])])])) : i("", !0)], 32)) : i("", !0)
+					}, null, 2)) : i("", !0), o("span", null, C(t.label), 1)], 8, vt))], 64))), 128))])])])) : i("", !0)], 32)) : i("", !0)
 				])
 			], 2),
-			o("div", gt, [
+			o("div", yt, [
 				o("button", {
 					class: "top-nav-bar__crumb",
 					type: "button",
-					onClick: c[9] ||= (e) => Q(s.homeItem)
+					onClick: u[9] ||= (e) => $(s.homeItem)
 				}, [l(w(be), { icon: w(he) }, null, 8, ["icon"]), o("span", null, C(s.homeItem.label), 1)]),
-				J.value.length ? (_(), a("span", _t, "/")) : i("", !0),
-				J.value.length ? (_(), a("div", {
+				Y.value.length ? (_(), a("span", bt, "/")) : i("", !0),
+				Y.value.length ? (_(), a("div", {
 					key: 1,
 					class: "top-nav-bar__dropdown top-nav-bar__desktop-navigation",
 					"data-top-nav-navigation": "",
-					onMouseenter: Pe,
-					onMouseleave: Fe
+					onMouseenter: Fn,
+					onMouseleave: In
 				}, [o("button", {
 					class: "top-nav-bar__crumb",
 					type: "button",
 					"aria-haspopup": "menu",
-					"aria-expanded": j.value,
-					onClick: Ie
+					"aria-expanded": P.value,
+					onClick: Ln
 				}, [
-					c[24] ||= o("i", {
+					u[25] ||= o("i", {
 						class: "pi pi-bars",
 						"aria-hidden": "true"
 					}, null, -1),
 					o("span", null, C(s.navigationLabel), 1),
-					c[25] ||= o("i", {
+					u[26] ||= o("i", {
 						class: "pi pi-chevron-down top-nav-bar__chevron",
 						"aria-hidden": "true"
 					}, null, -1)
-				], 8, vt), j.value ? (_(), a("div", yt, [o("div", bt, [o("div", xt, [(_(!0), a(e, null, y(J.value, (e) => (_(), a("button", {
+				], 8, xt), P.value ? (_(), a("div", St, [o("div", Ct, [o("div", wt, [(_(!0), a(e, null, y(Y.value, (e) => (_(), a("button", {
 					key: e.id,
-					class: m(["top-nav-bar__menu-item", { "top-nav-bar__menu-item--explored": M.value === e.id }]),
+					class: m(["top-nav-bar__menu-item", { "top-nav-bar__menu-item--explored": F.value === e.id }]),
 					type: "button",
 					role: "menuitem",
 					"aria-haspopup": "menu",
-					"aria-expanded": M.value === e.id,
-					onMouseenter: (t) => Le(e.id),
-					onClick: (t) => Re(e.id)
+					"aria-expanded": F.value === e.id,
+					onMouseenter: (t) => Rn(e.id),
+					onClick: (t) => zn(e.id)
 				}, [
 					e.icon ? (_(), a("i", {
 						key: 0,
 						class: m(e.icon),
 						"aria-hidden": "true"
 					}, null, 2)) : i("", !0),
-					o("span", Ct, C(e.label), 1),
-					o("span", wt, C(e.children.length), 1),
-					c[26] ||= o("i", {
+					o("span", Et, C(e.label), 1),
+					o("span", Dt, C(e.children.length), 1),
+					u[27] ||= o("i", {
 						class: "pi pi-chevron-right top-nav-bar__menu-arrow",
 						"aria-hidden": "true"
 					}, null, -1)
-				], 42, St))), 128))]), ve.value ? (_(), a("div", Tt, [(_(!0), a(e, null, y(xe.value, (t, n) => (_(), a("div", {
+				], 42, Tt))), 128))]), Oe.value ? (_(), a("div", Ot, [(_(!0), a(e, null, y(Ae.value, (t, n) => (_(), a("div", {
 					key: `navigation-level-${n}`,
 					class: m(["top-nav-bar__cascade-level", { "top-nav-bar__section-items": n === 0 }]),
 					role: "menu"
-				}, [(_(!0), a(e, null, y(Se(t), (t, r) => (_(), a("div", {
+				}, [(_(!0), a(e, null, y(je(t), (t, r) => (_(), a("div", {
 					key: `navigation-${n}-${r}`,
 					class: "top-nav-bar__menu-column"
 				}, [(_(!0), a(e, null, y(t, (e) => (_(), a("button", {
 					key: e.id,
-					class: m(["top-nav-bar__menu-item", { "top-nav-bar__menu-item--explored": N.value[n] === e.id }]),
+					class: m(["top-nav-bar__menu-item", { "top-nav-bar__menu-item--explored": I.value[n] === e.id }]),
 					type: "button",
 					role: "menuitem",
 					disabled: e.disabled,
 					"aria-haspopup": e.children?.length ? "menu" : void 0,
-					"aria-expanded": e.children?.length ? N.value[n] === e.id : void 0,
-					onMouseenter: (t) => Be(e, n, !0),
-					onClick: (t) => Be(e, n, !1)
+					"aria-expanded": e.children?.length ? I.value[n] === e.id : void 0,
+					onMouseenter: (t) => Vn(e, n, !0),
+					onClick: (t) => Vn(e, n, !1)
 				}, [
 					e.icon ? (_(), a("i", {
 						key: 0,
 						class: m(e.icon),
 						"aria-hidden": "true"
 					}, null, 2)) : i("", !0),
-					o("span", Dt, C(e.label), 1),
-					e.children?.length ? (_(), a("i", Ot)) : i("", !0)
-				], 42, Et))), 128))]))), 128))], 2))), 128))])) : i("", !0)])])) : i("", !0)], 32)) : i("", !0),
-				(_(!0), a(e, null, y(ge.value, (t) => (_(), a(e, { key: t.id }, [c[28] ||= o("span", {
-					class: "top-nav-bar__separator",
+					o("span", At, C(e.label), 1),
+					e.children?.length ? (_(), a("i", jt)) : i("", !0)
+				], 42, kt))), 128))]))), 128))], 2))), 128))])) : i("", !0)])])) : i("", !0)], 32)) : i("", !0),
+				(_(!0), a(e, null, y(Ee.value, (t, n) => (_(), a(e, { key: t.id }, [o("span", {
+					class: m(["top-nav-bar__separator", { "top-nav-bar__separator--current": !t.to && n === Ee.value.length - 1 }]),
 					"aria-hidden": "true"
-				}, "/", -1), _e(t)?.children?.length ? (_(), a("div", {
+				}, "/", 2), De(t)?.children?.length ? (_(), a("div", {
 					key: 0,
 					class: "top-nav-bar__dropdown top-nav-bar__breadcrumb-dropdown",
 					"data-top-nav-breadcrumb": "",
-					onMouseenter: (e) => !W.value && vn(t.id),
-					onMouseleave: c[10] ||= (e) => !W.value && yn()
-				}, [W.value ? (_(), a("span", At, C(t.label), 1)) : (_(), a("button", {
+					onMouseenter: (e) => !ce.value && Un(t.id),
+					onMouseleave: u[10] ||= (e) => !ce.value && Wn()
+				}, [ce.value ? (_(), a("span", Nt, C(t.label), 1)) : (_(), a("button", {
 					key: 1,
 					class: "top-nav-bar__crumb",
 					type: "button",
 					"aria-haspopup": "menu",
-					"aria-expanded": P.value === t.id,
-					onClick: (e) => bn(t.id)
-				}, [o("span", null, C(t.label), 1), c[27] ||= o("i", {
+					"aria-expanded": L.value === t.id,
+					onClick: (e) => Gn(t.id)
+				}, [o("span", null, C(t.label), 1), u[28] ||= o("i", {
 					class: "pi pi-chevron-down top-nav-bar__chevron",
 					"aria-hidden": "true"
-				}, null, -1)], 8, jt)), !W.value && P.value === t.id ? (_(), a("div", Mt, [o("div", Nt, [(_(!0), a(e, null, y(ye(_e(t)?.children ?? [], F.value), (n, r) => (_(), a("div", {
+				}, null, -1)], 8, Pt)), !ce.value && L.value === t.id ? (_(), a("div", Ft, [o("div", It, [(_(!0), a(e, null, y(ke(De(t)?.children ?? [], R.value), (n, r) => (_(), a("div", {
 					key: `breadcrumb-${t.id}-${r}`,
 					class: m(["top-nav-bar__cascade-level", { "top-nav-bar__breadcrumb-main-items": r === 0 }])
-				}, [(_(!0), a(e, null, y(Se(n), (n, s) => (_(), a("div", {
+				}, [(_(!0), a(e, null, y(je(n), (n, s) => (_(), a("div", {
 					key: `breadcrumb-${t.id}-${r}-${s}`,
 					class: "top-nav-bar__menu-column"
 				}, [(_(!0), a(e, null, y(n, (e) => (_(), a("button", {
 					key: e.id,
-					class: m(["top-nav-bar__menu-item", { "top-nav-bar__menu-item--explored": F.value[r] === e.id }]),
+					class: m(["top-nav-bar__menu-item", { "top-nav-bar__menu-item--explored": R.value[r] === e.id }]),
 					type: "button",
 					role: "menuitem",
 					disabled: e.disabled,
-					onMouseenter: (t) => _n(e, r, !0),
-					onClick: (t) => _n(e, r, !1)
+					onMouseenter: (t) => Hn(e, r, !0),
+					onClick: (t) => Hn(e, r, !1)
 				}, [
 					e.icon ? (_(), a("i", {
 						key: 0,
 						class: m(e.icon),
 						"aria-hidden": "true"
 					}, null, 2)) : i("", !0),
-					o("span", Ft, C(e.label), 1),
-					e.children?.length ? (_(), a("i", It)) : i("", !0)
-				], 42, Pt))), 128))]))), 128))], 2))), 128))])])) : i("", !0)], 40, kt)) : t.to ? (_(), a("button", {
+					o("span", Rt, C(e.label), 1),
+					e.children?.length ? (_(), a("i", zt)) : i("", !0)
+				], 42, Lt))), 128))]))), 128))], 2))), 128))])])) : i("", !0)], 40, Mt)) : t.to ? (_(), a("button", {
 					key: 1,
 					class: "top-nav-bar__crumb",
 					type: "button",
-					onClick: (e) => Q(t)
-				}, C(t.label), 9, Lt)) : (_(), a("span", {
+					onClick: (e) => $(t)
+				}, C(t.label), 9, Bt)) : (_(), a("span", {
 					key: 2,
 					class: "top-nav-bar__current",
 					title: t.label
-				}, C(t.label), 9, Rt))], 64))), 128)),
-				o("div", zt, [
-					s.showFavoriteToggle ? (_(), a("button", {
+				}, [o("span", Ht, C(t.label), 1), s.showFavoriteToggle ? (_(), a("button", {
+					key: 0,
+					class: "top-nav-bar__favorite-toggle",
+					type: "button",
+					"aria-label": s.favoriteActive ? "Remover dos favoritos" : "Adicionar aos favoritos",
+					"aria-pressed": s.favoriteActive,
+					onClick: u[11] ||= A((e) => h("toggle-favorite"), ["stop"])
+				}, [o("i", {
+					class: m(s.favoriteActive ? "pi pi-star-fill" : "pi pi-star"),
+					"aria-hidden": "true"
+				}, null, 2)], 8, Ut)) : i("", !0)], 8, Vt))], 64))), 128)),
+				o("div", Wt, [l(t, {
+					name: "top-nav-bar-favorites-trigger",
+					css: se.value
+				}, {
+					default: k(() => [Ie.value && Z.value.length ? (_(), a("div", {
 						key: 0,
-						class: "top-nav-bar__favorite-toggle",
-						type: "button",
-						"aria-label": s.favoriteActive ? "Remover dos favoritos" : "Adicionar aos favoritos",
-						"aria-pressed": s.favoriteActive,
-						onClick: c[11] ||= (e) => f("toggle-favorite")
-					}, [o("i", {
-						class: m(s.favoriteActive ? "pi pi-star-fill" : "pi pi-star"),
-						"aria-hidden": "true"
-					}, null, 2)], 8, Bt)) : i("", !0),
-					Ee.value.length ? (_(), a("div", {
-						key: 1,
 						class: "top-nav-bar__favorites-menu top-nav-bar__desktop-only",
 						"data-top-nav-favorites": "",
-						onMouseenter: c[12] ||= (e) => Z() && (z.value = !0),
-						onMouseleave: c[13] ||= (e) => Z() && (z.value = !1)
+						onMouseenter: u[12] ||= (e) => Q() && (H.value = !0),
+						onMouseleave: u[13] ||= (e) => Q() && (H.value = !1)
 					}, [o("button", {
 						class: "top-nav-bar__crumb",
 						type: "button",
 						"aria-haspopup": "menu",
-						"aria-expanded": z.value,
-						onClick: kn
+						"aria-expanded": H.value,
+						onClick: tr
 					}, [
-						c[29] ||= o("i", {
+						u[29] ||= o("i", {
 							class: "pi pi-star-fill top-nav-bar__accent",
 							"aria-hidden": "true"
 						}, null, -1),
 						o("span", null, C(s.favoriteLabel), 1),
-						c[30] ||= o("i", {
+						u[30] ||= o("i", {
 							class: "pi pi-chevron-down top-nav-bar__chevron",
 							"aria-hidden": "true"
 						}, null, -1)
-					], 8, Vt), z.value ? (_(), a("div", Ht, [o("div", Ut, [(_(!0), a(e, null, y(Ee.value, (e) => (_(), a("button", {
+					], 8, Gt), H.value ? (_(), a("div", Kt, [o("div", qt, [(_(!0), a(e, null, y(Z.value, (e) => (_(), a("button", {
 						key: e.id,
 						class: "top-nav-bar__menu-item",
 						type: "button",
 						role: "menuitem",
 						disabled: e.disabled,
-						onClick: (t) => Q(e)
+						onClick: (t) => $(e)
 					}, [e.icon ? (_(), a("i", {
 						key: 0,
 						class: m(e.icon),
 						"aria-hidden": "true"
-					}, null, 2)) : i("", !0), o("span", null, C(e.label), 1)], 8, Wt))), 128))])])) : i("", !0)], 32)) : i("", !0),
-					b(n.$slots, "breadcrumb-actions")
-				])
+					}, null, 2)) : i("", !0), o("span", null, C(e.label), 1)], 8, Jt))), 128))])])) : i("", !0)], 32)) : i("", !0)]),
+					_: 1
+				}, 8, ["css"]), b(n.$slots, "breadcrumb-actions")])
 			]),
+			o("div", {
+				ref_key: "favoritesMeasureContainerRef",
+				ref: E,
+				class: "top-nav-bar__favorites-measure",
+				"aria-hidden": "true"
+			}, [o("div", {
+				ref_key: "favoritesMeasureContentRef",
+				ref: ne,
+				class: "top-nav-bar__favorites-measure-content"
+			}, [o("span", Yt, [u[31] ||= o("i", {
+				class: "pi pi-star-fill top-nav-bar__favorites-icon",
+				"aria-hidden": "true"
+			}, null, -1), o("span", null, C(s.favoriteLabel), 1)]), (_(!0), a(e, null, y(Z.value, (e, t) => (_(), a("span", {
+				key: `measure-${e.id}`,
+				class: "top-nav-bar__favorites-measure-item"
+			}, [t > 0 ? (_(), a("span", Xt, "|")) : i("", !0), o("span", null, [e.icon ? (_(), a("i", {
+				key: 0,
+				class: m(e.icon),
+				"aria-hidden": "true"
+			}, null, 2)) : i("", !0), c(" " + C(e.label), 1)])]))), 128))], 512)], 512),
+			l(t, {
+				name: "top-nav-bar-favorites-row",
+				css: se.value
+			}, {
+				default: k(() => [Le.value ? (_(), a("div", Zt, [o("span", Qt, [u[32] ||= o("i", {
+					class: "pi pi-star-fill top-nav-bar__favorites-icon",
+					"aria-hidden": "true"
+				}, null, -1), o("span", null, C(s.favoriteLabel), 1)]), o("div", $t, [(_(!0), a(e, null, y(Z.value, (t, n) => (_(), a(e, { key: `row-${t.id}` }, [n > 0 ? (_(), a("span", en, "|")) : i("", !0), o("button", {
+					class: "top-nav-bar__favorites-row-item",
+					type: "button",
+					disabled: t.disabled,
+					onClick: (e) => $(t)
+				}, [t.icon ? (_(), a("i", {
+					key: 0,
+					class: m(t.icon),
+					"aria-hidden": "true"
+				}, null, 2)) : i("", !0), o("span", null, C(t.label), 1)], 8, tn)], 64))), 128))])])) : i("", !0)]),
+				_: 1
+			}, 8, ["css"]),
 			l(w(re), {
-				visible: k.value,
-				"onUpdate:visible": c[17] ||= (e) => k.value = e,
+				visible: N.value,
+				"onUpdate:visible": u[16] ||= (e) => N.value = e,
 				position: "left",
 				class: "top-nav-bar__mobile-drawer",
-				style: g([ke.value, { width: "var(--top-nav-drawer-width, min(22rem, calc(100vw - 1.5rem)))" }])
+				style: g([Ve.value, { width: "var(--top-nav-drawer-width, min(22rem, calc(100vw - 1.5rem)))" }])
 			}, {
-				container: O(({ closeCallback: u }) => [o("div", Gt, [
-					o("header", Kt, [b(n.$slots, "drawer-header", { close: u }, () => [o("div", qt, [b(n.$slots, "drawer-brand", {}, () => [b(n.$slots, "brand", { compact: !1 })])]), o("button", {
+				container: k(({ closeCallback: c }) => [o("div", nn, [
+					o("header", rn, [b(n.$slots, "drawer-header", { close: c }, () => [o("div", an, [b(n.$slots, "drawer-brand", {}, () => [b(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: u
-					}, [...c[31] ||= [o("i", {
+						onClick: c
+					}, [...u[33] ||= [o("i", {
 						class: "pi pi-times",
 						"aria-hidden": "true"
-					}, null, -1)]], 8, Jt)])]),
-					s.searchable || Y.value.length || n.$slots["drawer-actions"] ? (_(), a("div", Yt, [s.searchable ? b(n.$slots, "drawer-search", {
-						query: V.value,
-						update: Me,
-						clear: Ne
-					}, () => [o("div", Xt, [
-						c[33] ||= o("i", {
+					}, null, -1)]], 8, on)])]),
+					s.searchable || Me.value.length || n.$slots["drawer-actions"] ? (_(), a("div", sn, [s.searchable ? b(n.$slots, "drawer-search", {
+						query: G.value,
+						update: Nn,
+						clear: Pn
+					}, () => [o("div", cn, [
+						u[35] ||= o("i", {
 							class: "pi pi-search",
 							"aria-hidden": "true"
 						}, null, -1),
 						o("input", {
 							ref_key: "mobileSearchInputRef",
-							ref: T,
-							value: V.value,
-							type: "search",
+							ref: M,
+							value: G.value,
+							type: "text",
+							role: "searchbox",
 							placeholder: s.searchPlaceholder,
 							"aria-label": "Pesquisar no menu",
-							onInput: c[14] ||= (e) => Me(e.target.value)
-						}, null, 40, Zt),
-						V.value ? (_(), a("button", {
+							onInput: u[14] ||= (e) => Nn(e.target.value)
+						}, null, 40, ln),
+						G.value ? (_(), a("button", {
 							key: 0,
 							class: "top-nav-bar__search-clear",
 							type: "button",
 							"aria-label": "Limpar pesquisa",
-							onClick: Ne
-						}, [...c[32] ||= [o("i", {
+							onClick: Pn
+						}, [...u[34] ||= [o("i", {
 							class: "pi pi-times",
 							"aria-hidden": "true"
 						}, null, -1)]])) : i("", !0)
 					])], void 0, 0) : i("", !0), b(n.$slots, "drawer-actions", {
-						actions: Y.value,
-						select: (e) => Ae(e, !0),
-						close: u
-					}, () => [(_(!0), a(e, null, y(Y.value, (e) => (_(), a("button", {
+						actions: Me.value,
+						select: (e) => An(e, !0),
+						close: c
+					}, () => [(_(!0), a(e, null, y(Me.value, (e) => (_(), a("button", {
 						key: `drawer-${e.id}`,
 						class: m(["top-nav-bar__drawer-action", { "top-nav-bar__drawer-action--active": e.kind === "aia" && s.aiaActive }]),
 						type: "button",
 						disabled: e.disabled,
-						onClick: (t) => Ae(e, !0)
+						onClick: (t) => An(e, !0)
 					}, [o("i", {
 						class: m(e.icon),
 						"aria-hidden": "true"
-					}, null, 2), o("span", null, C(e.label), 1)], 10, Qt))), 128))])])) : i("", !0),
-					o("div", $t, [
-						b(n.$slots, "drawer-before-menu", { close: u }),
-						o("div", en, [Ee.value.length ? (_(), a("section", tn, [o("button", {
+					}, null, 2), o("span", null, C(e.label), 1)], 10, un))), 128))])])) : i("", !0),
+					o("div", dn, [
+						b(n.$slots, "drawer-before-menu", { close: c }),
+						o("div", fn, [Z.value.length ? (_(), a("section", pn, [o("button", {
 							class: "top-nav-bar__mobile-item",
 							type: "button",
-							"aria-expanded": B.value,
-							onClick: c[15] ||= (e) => B.value = !B.value
+							"aria-expanded": U.value,
+							onClick: u[15] ||= (e) => U.value = !U.value
 						}, [
-							c[34] ||= o("i", {
+							u[36] ||= o("i", {
 								class: "pi pi-star-fill top-nav-bar__accent",
 								"aria-hidden": "true"
 							}, null, -1),
-							o("span", rn, C(s.favoriteLabel), 1),
-							o("span", an, C(Ee.value.length), 1),
+							o("span", hn, C(s.favoriteLabel), 1),
+							o("span", gn, C(Z.value.length), 1),
 							o("i", {
-								class: m(["pi pi-chevron-down top-nav-bar__mobile-chevron", { "top-nav-bar__mobile-chevron--open": B.value }]),
+								class: m(["pi pi-chevron-down top-nav-bar__mobile-chevron", { "top-nav-bar__mobile-chevron--open": U.value }]),
 								"aria-hidden": "true"
 							}, null, 2)
-						], 8, nn), l(t, { name: "top-nav-bar-menu-expand" }, {
-							default: O(() => [B.value ? (_(), r(Ve, {
+						], 8, mn), l(t, { name: "top-nav-bar-menu-expand" }, {
+							default: k(() => [U.value ? (_(), r(Ue, {
 								key: 0,
-								items: Ee.value,
+								items: Z.value,
 								"active-item-id": s.activeItemId,
 								level: 1,
-								onSelect: Q
+								onSelect: $
 							}, null, 8, ["items", "active-item-id"])) : i("", !0)]),
 							_: 1
 						})])) : i("", !0), b(n.$slots, "drawer-menu", {
-							sections: de.value,
-							select: Q,
-							close: u
-						}, () => [de.value.length ? (_(), r(Ve, {
+							sections: Se.value,
+							select: $,
+							close: c
+						}, () => [Se.value.length ? (_(), r(Ue, {
 							key: 0,
-							items: de.value,
+							items: Se.value,
 							"active-item-id": s.activeItemId,
-							"force-open": !!V.value.trim(),
+							"force-open": !!G.value.trim(),
 							"show-section-dividers": "",
-							onSelect: Q
+							onSelect: $
 						}, null, 8, [
 							"items",
 							"active-item-id",
 							"force-open"
-						])) : (_(), a("div", on, "Nenhum menu encontrado."))])]),
-						b(n.$slots, "drawer-after-menu", { close: u })
+						])) : (_(), a("div", _n, "Nenhum menu encontrado."))])]),
+						b(n.$slots, "drawer-after-menu", { close: c })
 					]),
-					we.value || n.$slots["drawer-footer"] ? (_(), a("footer", sn, [we.value ? b(n.$slots, "drawer-user", {
+					Pe.value || n.$slots["drawer-footer"] ? (_(), a("footer", vn, [Pe.value ? b(n.$slots, "drawer-user", {
 						user: s.user,
-						open: R.value,
-						toggle: () => R.value = !R.value
+						open: V.value,
+						toggle: () => V.value = !V.value
 					}, () => [o("button", {
 						class: "top-nav-bar__drawer-user",
 						type: "button",
-						"aria-expanded": X.value ? R.value : void 0,
-						onClick: c[16] ||= (e) => X.value ? R.value = !R.value : f("user-click", s.user)
+						"aria-haspopup": X.value ? "menu" : void 0,
+						"aria-expanded": X.value ? V.value : void 0,
+						onClick: Mn
 					}, [
 						s.user?.avatarUrl ? (_(), a("img", {
 							key: 0,
 							src: s.user.avatarUrl,
 							alt: "",
 							class: "top-nav-bar__user-avatar"
-						}, null, 8, ln)) : (_(), a("span", un, C(Oe.value), 1)),
-						s.user ? (_(), a("span", dn, [o("span", fn, C(s.user.name), 1), s.user.subtitle ? (_(), a("span", pn, C(s.user.subtitle), 1)) : i("", !0)])) : i("", !0),
-						X.value ? (_(), a("i", {
-							key: 3,
-							class: m(["pi pi-chevron-down top-nav-bar__mobile-chevron", { "top-nav-bar__mobile-chevron--open": R.value }]),
-							"aria-hidden": "true"
-						}, null, 2)) : i("", !0)
-					], 8, cn), l(t, { name: "top-nav-bar-menu-expand" }, {
-						default: O(() => [X.value && R.value ? (_(), a("div", mn, [(_(!0), a(e, null, y(Ce.value, (t) => (_(), a(e, { key: `drawer-user-${t.id}` }, [t.separator ? (_(), a("div", hn)) : (_(), a("button", {
-							key: 1,
-							class: "top-nav-bar__drawer-user-action",
-							type: "button",
-							disabled: t.disabled,
-							onClick: (e) => je(t, !0)
-						}, [t.icon ? (_(), a("i", {
-							key: 0,
-							class: m(t.icon),
-							"aria-hidden": "true"
-						}, null, 2)) : i("", !0), o("span", null, C(t.label), 1)], 8, gn))], 64))), 128))])) : i("", !0)]),
-						_: 1
-					})], void 0, 0) : i("", !0), b(n.$slots, "drawer-footer", { close: u })])) : i("", !0)
+						}, null, 8, bn)) : (_(), a("span", xn, C(ze.value), 1)),
+						s.user ? (_(), a("span", Sn, [o("span", Cn, C(s.user.name), 1), s.user.subtitle ? (_(), a("span", wn, C(s.user.subtitle), 1)) : i("", !0)])) : i("", !0),
+						X.value ? (_(), a("i", Tn)) : i("", !0)
+					], 8, yn)], void 0, 0) : i("", !0), b(n.$slots, "drawer-footer", { close: c })])) : i("", !0)
 				])]),
 				_: 3
-			}, 8, ["visible", "style"])
+			}, 8, ["visible", "style"]),
+			l(w(ie), {
+				ref_key: "drawerUserMenuRef",
+				ref: ae,
+				class: "top-nav-bar__drawer-user-popup",
+				model: Be.value,
+				popup: !0,
+				"append-to": "body",
+				"base-z-index": 10001,
+				onShow: u[17] ||= (e) => V.value = !0,
+				onHide: u[18] ||= (e) => V.value = !1
+			}, null, 8, ["model"])
 		], 4));
 	}
-}), vn = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, yn = {
+}), kn = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, Q = {
 	key: 0,
 	class: "pi pi-spin pi-spinner"
-}, bn = {
+}, $ = {
 	key: 1,
 	class: "pi pi-search"
-}, xn = {
+}, An = {
 	key: 1,
 	class: "flex items-center gap-1 !text-sm"
-}, Sn = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, Cn = ["onClick"], wn = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, Tn = {
+}, jn = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, Mn = ["onClick"], Nn = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, Pn = {
 	key: 1,
 	class: "flex min-h-[100px] flex-col items-center justify-center gap-2 py-2"
-}, $ = {
+}, Fn = {
 	key: 0,
 	class: "text-xs font-medium text-primary-600"
-}, En = {
+}, In = {
 	key: 2,
 	class: "text-xs text-secondary-500"
-}, Dn = { key: 1 }, On = {
+}, Ln = { key: 1 }, Rn = {
 	key: 1,
 	class: "flex items-center gap-2 font-semibold"
-}, kn = {
+}, zn = {
 	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" }
-}, An = ["title"], jn = {
+}, Bn = ["title"], Vn = {
 	key: 0,
 	class: "top-select-option-prefix whitespace-nowrap font-bold text-primary-800 dark:text-primary-100"
-}, Mn = {
+}, Hn = {
 	key: 0,
 	class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
-}, Nn = {
+}, Un = {
 	key: 0,
 	class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
-}, Pn = /* @__PURE__ */ u({
+}, Wn = /* @__PURE__ */ u({
 	__name: "TopSelect",
 	props: {
 		modelValue: { default: null },
@@ -2115,7 +2200,7 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 		"change"
 	],
 	setup(t, { expose: r, emit: u }) {
-		let g = t, x = u, S = E(), ne = R, T = v(""), A = v(!1), j = v(null), N = `top-select-${Math.random().toString(36).slice(2)}`, P = null, F = n({
+		let g = t, x = u, S = D(), T = R, E = v(""), A = v(!1), j = v(null), N = `top-select-${Math.random().toString(36).slice(2)}`, P = null, F = n({
 			get: () => g.modelValue,
 			set: (e) => x("update:modelValue", e)
 		});
@@ -2128,12 +2213,12 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 		function re(e) {
 			return g.optionPrefix ? I(e, g.optionPrefix) : "";
 		}
-		function z(e, t = g.showSelectedPrefix) {
+		function ie(e, t = g.showSelectedPrefix) {
 			let n = L(e), r = re(e);
 			return t && r ? `${r} - ${n}` : n;
 		}
-		function B(e) {
-			let t = T.value;
+		function z(e) {
+			let t = E.value;
 			if (!t) return [{
 				text: e,
 				highlighted: !1
@@ -2144,37 +2229,37 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 				highlighted: e.toLowerCase() === t.toLowerCase()
 			}));
 		}
-		function V() {
+		function B() {
 			j.value?.hide?.();
 		}
-		function H() {
+		function V() {
 			typeof window > "u" || window.dispatchEvent(new CustomEvent("top-select:close-others", { detail: { instanceId: N } }));
 		}
-		function U(e) {
-			e.detail?.instanceId !== N && V();
+		function ae(e) {
+			e.detail?.instanceId !== N && B();
 		}
-		function W() {
+		function H() {
 			if (g.disabled || P) {
-				V();
+				B();
 				return;
 			}
-			A.value = !0, H();
+			A.value = !0, V();
 		}
-		function G() {
-			g.closeOnSelect && (A.value = !1, V(), p(V), P && clearTimeout(P), P = setTimeout(() => {
-				V(), P = null;
+		function U() {
+			g.closeOnSelect && (A.value = !1, B(), p(B), P && clearTimeout(P), P = setTimeout(() => {
+				B(), P = null;
 			}, 200));
 		}
-		return r({ hideDropdown: V }), te(() => window.addEventListener("top-select:close-others", U)), ee(() => {
-			window.removeEventListener("top-select:close-others", U), P && clearTimeout(P);
-		}), D(() => g.disabled, (e) => {
-			e && (A.value = !1, V());
-		}), D(() => g.options, () => {
-			A.value || V();
+		return r({ hideDropdown: B }), te(() => window.addEventListener("top-select:close-others", ae)), ee(() => {
+			window.removeEventListener("top-select:close-others", ae), P && clearTimeout(P);
+		}), O(() => g.disabled, (e) => {
+			e && (A.value = !1, B());
+		}), O(() => g.options, () => {
+			A.value || B();
 		}), (n, r) => (_(), a("div", {
 			class: m(["top-select top-solutions-component relative w-full", { "pointer-events-none": t.disabled }]),
-			onFocusin: W
-		}, [o("span", vn, [b(n.$slots, "icon", { loading: t.loading }, () => [t.loading ? (_(), a("i", yn)) : (_(), a("i", bn))])]), l(w(ne), {
+			onFocusin: H
+		}, [o("span", kn, [b(n.$slots, "icon", { loading: t.loading }, () => [t.loading ? (_(), a("i", Q)) : (_(), a("i", $))])]), l(w(T), {
 			ref_key: "autocompleteRef",
 			ref: j,
 			modelValue: F.value,
@@ -2183,7 +2268,7 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 			"option-group-children": t.optionGroupChildren ?? void 0,
 			suggestions: t.options,
 			"data-key": t.optionKey,
-			"option-label": (e) => z(e),
+			"option-label": (e) => ie(e),
 			placeholder: t.placeholder,
 			multiple: t.multiple,
 			"min-length": t.minQueryLength,
@@ -2227,46 +2312,46 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 			},
 			"search-message": " ",
 			onClear: r[1] ||= (e) => {
-				T.value = "", x("clear");
+				E.value = "", x("clear");
 			},
 			onItemSelect: r[2] ||= (e) => {
-				T.value = "", x("select", e), G();
+				E.value = "", x("select", e), U();
 			},
 			onComplete: r[3] ||= (e) => {
 				if (t.disabled) {
-					V();
+					B();
 					return;
 				}
-				T.value = e.query ?? "", H(), x("search", {
+				E.value = e.query ?? "", V(), x("search", {
 					...e,
-					query: T.value
+					query: E.value
 				});
 			},
 			onChange: r[4] ||= (e) => x("change", e)
 		}, s({
-			chip: O((e) => [w(S).chip ? b(n.$slots, "chip", h(d(e)), void 0, void 0, 0) : (_(), a("div", xn, [o("div", Sn, [o("i", {
+			chip: k((e) => [w(S).chip ? b(n.$slots, "chip", h(d(e)), void 0, void 0, 0) : (_(), a("div", An, [o("div", jn, [o("i", {
 				class: "pi pi-times-circle shrink-0 cursor-pointer rounded-full hover:bg-primary-800",
 				onClick: (t) => e.removeCallback(t)
-			}, null, 8, Cn), k((_(), a("span", wn, [c(C(z(e.value)), 1)])), [[
+			}, null, 8, Mn), ne((_(), a("span", Nn, [c(C(ie(e.value)), 1)])), [[
 				w(M),
-				z(e.value),
+				ie(e.value),
 				void 0,
 				{ top: !0 }
 			]])])]))]),
-			empty: O(() => [w(S).empty ? b(n.$slots, "empty", {}, void 0, void 0, 0) : t.loading ? (_(), a("div", Tn, [r[5] ||= o("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), t.showLoadingMessage ? (_(), a("span", $, C(t.loadingMessage), 1)) : i("", !0)])) : (_(), a("span", En, C(t.emptyMessage), 1))]),
-			"selected-item": O((e) => [w(S)["selected-item"] ? b(n.$slots, "selected-item", h(d(e)), void 0, void 0, 0) : e.item ? (_(), a("span", Dn, C(z(e.item)), 1)) : i("", !0)]),
-			optiongroup: O((e) => [w(S)["option-group"] ? b(n.$slots, "option-group", h(d(e)), void 0, void 0, 0) : (_(), a("div", On, [e.option.icon ? (_(), a("i", {
+			empty: k(() => [w(S).empty ? b(n.$slots, "empty", {}, void 0, void 0, 0) : t.loading ? (_(), a("div", Pn, [r[5] ||= o("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), t.showLoadingMessage ? (_(), a("span", Fn, C(t.loadingMessage), 1)) : i("", !0)])) : (_(), a("span", In, C(t.emptyMessage), 1))]),
+			"selected-item": k((e) => [w(S)["selected-item"] ? b(n.$slots, "selected-item", h(d(e)), void 0, void 0, 0) : e.item ? (_(), a("span", Ln, C(ie(e.item)), 1)) : i("", !0)]),
+			optiongroup: k((e) => [w(S)["option-group"] ? b(n.$slots, "option-group", h(d(e)), void 0, void 0, 0) : (_(), a("div", Rn, [e.option.icon ? (_(), a("i", {
 				key: 0,
 				class: m(e.option.icon)
 			}, null, 2)) : i("", !0), o("span", null, C(e.option[t.optionGroupLabel ?? "label"]), 1)]))]),
-			option: O((s) => [w(S).option ? b(n.$slots, "option", f(s, {
+			option: k((s) => [w(S).option ? b(n.$slots, "option", f(s, {
 				label: L(s.option),
 				prefix: re(s.option),
-				query: T.value
-			}), void 0, void 0, 0) : k((_(), a("div", kn, [o("span", {
+				query: E.value
+			}), void 0, void 0, 0) : ne((_(), a("div", zn, [o("span", {
 				class: "top-select-option-label line-clamp-2 min-w-0 flex-1 text-secondary-700 dark:text-zinc-200",
 				title: L(s.option)
-			}, [t.showOptionPrefix && re(s.option) ? (_(), a("span", jn, [(_(!0), a(e, null, y(B(re(s.option)), (t, n) => (_(), a(e, { key: n }, [t.highlighted ? (_(), a("mark", Mn, C(t.text), 1)) : (_(), a(e, { key: 1 }, [c(C(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), (_(!0), a(e, null, y(B(L(s.option)), (t, n) => (_(), a(e, { key: n }, [t.highlighted ? (_(), a("mark", Nn, C(t.text), 1)) : (_(), a(e, { key: 1 }, [c(C(t.text), 1)], 64))], 64))), 128))], 8, An)])), [[
+			}, [t.showOptionPrefix && re(s.option) ? (_(), a("span", Vn, [(_(!0), a(e, null, y(z(re(s.option)), (t, n) => (_(), a(e, { key: n }, [t.highlighted ? (_(), a("mark", Hn, C(t.text), 1)) : (_(), a(e, { key: 1 }, [c(C(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), (_(!0), a(e, null, y(z(L(s.option)), (t, n) => (_(), a(e, { key: n }, [t.highlighted ? (_(), a("mark", Un, C(t.text), 1)) : (_(), a(e, { key: 1 }, [c(C(t.text), 1)], 64))], 64))), 128))], 8, Bn)])), [[
 				w(M),
 				t.showTooltip ? L(s.option) : null,
 				void 0,
@@ -2275,7 +2360,7 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 			_: 2
 		}, [w(S).footer ? {
 			name: "footer",
-			fn: O((e) => [b(n.$slots, "footer", h(d(e)))]),
+			fn: k((e) => [b(n.$slots, "footer", h(d(e)))]),
 			key: "0"
 		} : void 0]), 1032, [
 			"modelValue",
@@ -2295,7 +2380,7 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 			"pt"
 		])], 34));
 	}
-}), Fn = /* @__PURE__ */ u({
+}), Gn = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "TopTabs",
 	props: {
@@ -2316,29 +2401,29 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 		function o(e) {
 			return String(e.value);
 		}
-		return (n, s) => (_(), r(w(U), f(n.$attrs, {
+		return (n, s) => (_(), r(w(H), f(n.$attrs, {
 			class: "top-tabs top-solutions-component w-full min-w-0",
 			value: t.modelValue,
 			lazy: t.lazy,
 			scrollable: t.scrollable,
 			"onUpdate:value": s[0] ||= (e) => i("update:modelValue", e)
 		}), {
-			default: O(() => [l(w(B), null, {
-				default: O(() => [(_(!0), a(e, null, y(t.tabs, (e) => (_(), r(w(z), {
+			default: k(() => [l(w(B), null, {
+				default: k(() => [(_(!0), a(e, null, y(t.tabs, (e) => (_(), r(w(z), {
 					key: e.value,
 					value: e.value,
 					disabled: e.disabled
 				}, {
-					default: O(() => [c(C(e.label), 1)]),
+					default: k(() => [c(C(e.label), 1)]),
 					_: 2
 				}, 1032, ["value", "disabled"]))), 128))]),
 				_: 1
-			}), l(w(H), null, {
-				default: O(() => [(_(!0), a(e, null, y(t.tabs, (e) => (_(), r(w(V), {
+			}), l(w(ae), null, {
+				default: k(() => [(_(!0), a(e, null, y(t.tabs, (e) => (_(), r(w(V), {
 					key: e.value,
 					value: e.value
 				}, {
-					default: O(() => [b(n.$slots, o(e), {
+					default: k(() => [b(n.$slots, o(e), {
 						tab: e,
 						active: t.modelValue === e.value
 					})]),
@@ -2353,10 +2438,10 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 			"scrollable"
 		]));
 	}
-}), In = { class: "top-toast__content" }, Ln = { class: "top-toast__detail" }, Rn = ["onClick"], zn = {
+}), Kn = { class: "top-toast__content" }, qn = { class: "top-toast__detail" }, Jn = ["onClick"], Yn = {
 	key: 0,
 	class: "top-toast__footer"
-}, Bn = /* @__PURE__ */ u({
+}, Xn = /* @__PURE__ */ u({
 	__name: "TopToast",
 	props: { baseZIndex: { default: 3e4 } },
 	setup(e) {
@@ -2378,13 +2463,13 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 		function d(e, t) {
 			return `top-toast__${t}--${e.severity ?? "info"}`;
 		}
-		return (f, p) => (_(), r(w(W), {
+		return (f, p) => (_(), r(w(U), {
 			position: "top-right",
 			"base-z-index": e.baseZIndex
 		}, {
-			message: O((e) => [o("div", In, [
+			message: k((e) => [o("div", Kn, [
 				o("div", { class: m(["top-toast__summary", d(e.message, "summary")]) }, C(e.message.summary), 3),
-				o("div", Ln, C(e.message.detail), 1),
+				o("div", qn, C(e.message.detail), 1),
 				u(e.message) ? b(f.$slots, "action", {
 					action: n(e.message),
 					message: e.message,
@@ -2398,17 +2483,17 @@ var be = /* @__PURE__ */ _e(ge, [["render", ye], ["__file", "/Users/mahmudulhasa
 					key: 0,
 					class: m(n(e.message)?.icon),
 					"aria-hidden": "true"
-				}, null, 2)) : i("", !0), c(" " + C(n(e.message)?.label), 1)], 10, Rn)) : i("", !0)], void 0, 0) : i("", !0),
+				}, null, 2)) : i("", !0), c(" " + C(n(e.message)?.label), 1)], 10, Jn)) : i("", !0)], void 0, 0) : i("", !0),
 				l(e.message) ? b(f.$slots, "footer", {
 					message: e.message,
 					footer: t(e.message)
-				}, () => [t(e.message) === void 0 ? i("", !0) : (_(), a("div", zn, C(t(e.message)), 1))], void 0, 1) : i("", !0)
+				}, () => [t(e.message) === void 0 ? i("", !0) : (_(), a("div", Yn, C(t(e.message)), 1))], void 0, 1) : i("", !0)
 			])]),
 			_: 3
 		}, 8, ["base-z-index"]));
 	}
 });
 //#endregion
-export { Le as a, ce as c, _n as i, q as l, Fn as n, Me as o, Pn as r, pe as s, Bn as t, K as u };
+export { ze as a, le as c, On as i, se as l, Gn as n, Fe as o, Wn as r, me as s, Xn as t, oe as u };
 
-//# sourceMappingURL=TopToast-SOmpzVY5.js.map
+//# sourceMappingURL=TopToast-ZB64v4w6.js.map