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

package/dist/{TopToast-BI4cWWtd.js → TopToast-Dw5MKTR2.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, inject as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeProps as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, openBlock as b, provide as x, ref as S, renderList as C, renderSlot as w, resolveComponent as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useAttrs as k, useId as ee, useSlots as te, watch as A, withCtx as j, withDirectives as M, withModifiers as N } 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, inject as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeProps as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, openBlock as b, provide as x, ref as S, renderList as C, renderSlot as w, resolveComponent as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useAttrs as ee, useId as k, useSlots as te, watch as A, withCtx as j, withDirectives as M, withModifiers as N } from "vue";
 import P from "primevue/button";
 import F from "primevue/tooltip";
 import { twMerge as I } from "tailwind-merge";
@@ -7,12 +7,12 @@ import R from "primevue/datepicker";
 import z from "primevue/fileupload";
 import B from "primevue/inputtext";
 import V from "primevue/inputnumber";
-import H from "primevue/drawer";
-import ne from "primevue/menu";
-import U from "primevue/autocomplete";
-import re from "primevue/tab";
-import W from "primevue/tablist";
-import ie from "primevue/tabpanel";
+import ne from "primevue/drawer";
+import re from "primevue/menu";
+import H from "primevue/autocomplete";
+import ie from "primevue/tab";
+import U from "primevue/tablist";
+import W from "primevue/tabpanel";
 import G from "primevue/tabpanels";
 import ae from "primevue/tabs";
 import oe from "primevue/accordion";
@@ -330,7 +330,7 @@ var J = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 		"keydown"
 	],
 	setup(e, { emit: t }) {
-		let r = e, o = t, u = k(), f = te(), m = ee(), h = n(() => u.id === void 0 || u.id === null || u.id === "" ? m : String(u.id)), _ = n(() => `${h.value}-error`), v = n(() => r.invalid || !!r.error), y = n(() => r.manualInput && !r.readonly && !r.disabled && r.selectionMode === "single" && r.dateFormat === "dd/mm/yy"), x = n(() => {
+		let r = e, o = t, u = ee(), f = te(), m = k(), h = n(() => u.id === void 0 || u.id === null || u.id === "" ? m : String(u.id)), _ = n(() => `${h.value}-error`), v = n(() => r.invalid || !!r.error), y = n(() => r.manualInput && !r.readonly && !r.disabled && r.selectionMode === "single" && r.dateFormat === "dd/mm/yy"), x = n(() => {
 			if (v.value) return !0;
 			let e = u["aria-invalid"];
 			return typeof e == "boolean" || e === "true" || e === "false" || e === "grammar" || e === "spelling" ? e : void 0;
@@ -554,14 +554,14 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 }, X = { class: "m-0 text-center text-xs text-secondary-600 dark:text-zinc-300" }, Pe = {
 	key: 1,
 	class: "flex w-full flex-col gap-2"
-}, Fe = ["src", "alt"], Z = {
+}, Fe = ["src", "alt"], Ie = {
 	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"
-}, Ie = { class: "min-w-0 flex-1" }, Le = { class: "m-0 truncate text-xs font-bold text-secondary-900 dark:text-zinc-100" }, Re = { class: "text-[11px] text-secondary-500 dark:text-zinc-400" }, ze = [
+}, Le = { class: "min-w-0 flex-1" }, Re = { class: "m-0 truncate text-xs font-bold text-secondary-900 dark:text-zinc-100" }, ze = { class: "text-[11px] text-secondary-500 dark:text-zinc-400" }, Be = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], Be = ["id"], Ve = /* @__PURE__ */ u({
+], Ve = ["id"], He = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "TopFileUpload",
 	props: {
@@ -600,7 +600,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 		"error"
 	],
 	setup(t, { expose: s, emit: u }) {
-		let d = t, f = u, p = k(), h = ee(), g = S(null), _ = S(I(d.modelValue)), x = S([]), T = /* @__PURE__ */ new Map(), E = n(() => p.id === void 0 || p.id === null || p.id === "" ? h : String(p.id)), te = n(() => `${E.value}-error`), M = n(() => d.error || x.value[0]?.message || ""), N = n(() => d.disabled || d.loading), P = n(() => {
+		let d = t, f = u, p = ee(), h = k(), g = S(null), _ = S(I(d.modelValue)), x = S([]), T = /* @__PURE__ */ new Map(), E = n(() => p.id === void 0 || p.id === null || p.id === "" ? h : String(p.id)), te = n(() => `${E.value}-error`), M = n(() => d.error || x.value[0]?.message || ""), N = n(() => d.disabled || d.loading), P = n(() => {
 			let e = p["aria-describedby"], t = [typeof e == "string" ? e : "", M.value ? te.value : ""].filter(Boolean);
 			return t.length ? t.join(" ") : void 0;
 		}), F = n(() => ({
@@ -641,23 +641,23 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				}), !1))
 			};
 		}
-		function H(e) {
+		function ne(e) {
 			let t = e.originalEvent;
 			return Array.from(t.dataTransfer?.files ?? t.target?.files ?? []);
 		}
-		function ne(e) {
+		function re(e) {
 			return d.multiple ? [...e] : e[0] ?? null;
 		}
-		function U() {
+		function H() {
 			g.value && (g.value.files = [..._.value]);
 		}
-		function re(e, t) {
-			_.value = e, x.value = [], q(), m(U);
-			let n = ne(e);
+		function ie(e, t) {
+			_.value = e, x.value = [], q(), m(H);
+			let n = re(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 } = V(H(e)), r = d.multiple ? [..._.value, ...n.filter((e) => !_.value.some((t) => L(t, e)))] : n.slice(-1);
+		function U(e) {
+			let { errors: t, validFiles: n } = V(ne(e)), r = d.multiple ? [..._.value, ...n.filter((e) => !_.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) => ({
@@ -666,13 +666,13 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					message: `O limite máximo é de ${d.maxFiles} arquivo(s).`
 				}))), r = r.slice(0, d.maxFiles);
 			}
-			if (t.length ? (x.value = t, f("error", t)) : x.value = [], U(), n.length && !ie(r, _.value)) {
-				_.value = r, q(), m(U);
-				let e = ne(r);
+			if (t.length ? (x.value = t, f("error", t)) : x.value = [], H(), n.length && !W(r, _.value)) {
+				_.value = r, q(), m(H);
+				let e = re(r);
 				f("update:modelValue", e), f("change", e), f("select", [...r]);
 			}
 		}
-		function ie(e, t) {
+		function W(e, t) {
 			return e.length === t.length && e.every((e, n) => L(e, t[n]));
 		}
 		function G() {
@@ -684,10 +684,10 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			if (!n) return;
 			e(t);
 			let r = _.value.filter((e, n) => n !== t);
-			re(r, "remove"), f("remove", n, t), r.length || f("clear");
+			ie(r, "remove"), f("remove", n, t), r.length || f("clear");
 		}
 		function oe() {
-			N.value || !_.value.length || re([], "clear");
+			N.value || !_.value.length || ie([], "clear");
 		}
 		function K(e) {
 			if (!e.type.startsWith("image/") || typeof URL.createObjectURL != "function") return "";
@@ -701,11 +701,11 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 		}
 		return A(() => d.modelValue, (e) => {
 			let t = I(e);
-			ie(t, _.value) || (_.value = t, x.value = [], q(), m(U));
+			W(t, _.value) || (_.value = t, x.value = [], q(), m(H));
 		}), A(() => d.multiple, () => {
 			let e = I(d.modelValue);
-			_.value = e, q(), m(U);
-		}), y(U), v(() => {
+			_.value = e, q(), m(H);
+		}), y(H), v(() => {
 			for (let e of T.values()) URL.revokeObjectURL(e);
 			T.clear();
 		}), s({
@@ -737,7 +737,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 						N.value ? "cursor-not-allowed opacity-60" : ""
 					].join(" ") }
 				},
-				onSelect: W
+				onSelect: U
 			}, {
 				content: j(({ removeFileCallback: c }) => [o("div", je, [_.value.length ? (b(), a("div", Pe, [(b(!0), a(e, null, C(_.value, (e, r) => (b(), a("div", {
 					key: `${e.name}-${e.size}-${e.lastModified}`,
@@ -752,11 +752,11 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 						src: K(e),
 						alt: `Pré-visualização de ${e.name}`,
 						class: "size-12 shrink-0 rounded-lg object-cover"
-					}, null, 8, Fe)) : (b(), a("span", Z, [...s[0] ||= [o("i", {
+					}, null, 8, Fe)) : (b(), a("span", Ie, [...s[0] ||= [o("i", {
 						class: "pi pi-file text-2xl",
 						"aria-hidden": "true"
 					}, null, -1)]]))]),
-					o("div", Ie, [o("p", Le, D(e.name), 1), o("span", Re, D(B(e.size)), 1)]),
+					o("div", Le, [o("p", Re, D(e.name), 1), o("span", ze, D(B(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",
@@ -766,7 +766,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					}, [...s[1] ||= [o("i", {
 						class: "pi pi-times",
 						"aria-hidden": "true"
-					}, null, -1)]], 8, ze)
+					}, null, -1)]], 8, Be)
 				]))), 128)), t.multiple && (!t.maxFiles || _.value.length < t.maxFiles) ? (b(), r(le, {
 					key: 0,
 					label: t.selectLabel,
@@ -817,14 +817,14 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				id: te.value,
 				class: "text-[11px] text-red-600 dark:text-red-400",
 				role: "alert"
-			}, D(M.value), 9, Be)) : i("", !0)
+			}, D(M.value), 9, Ve)) : i("", !0)
 		]));
 	}
-}), He = { class: "top-input-text top-solutions-component flex w-full flex-col gap-1" }, Ue = ["for"], We = {
+}), Ue = { class: "top-input-text top-solutions-component flex w-full flex-col gap-1" }, We = ["for"], Ge = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "text-red-600 dark:text-red-400"
-}, Ge = ["id"], Q = /* @__PURE__ */ u({
+}, Ke = ["id"], Z = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "TopInputText",
 	props: {
@@ -847,7 +847,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let r = e, o = t, s = k(), u = ee(), d = n(() => s.id === void 0 || s.id === null || s.id === "" ? u : String(s.id)), f = n(() => `${d.value}-error`), m = n(() => {
+		let r = e, o = t, s = ee(), u = k(), d = n(() => s.id === void 0 || s.id === null || s.id === "" ? u : String(s.id)), f = 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;
@@ -858,12 +858,12 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 		function g(e) {
 			o("update:modelValue", e ?? "");
 		}
-		return (t, n) => (b(), a("div", He, [
+		return (t, n) => (b(), a("div", Ue, [
 			e.label ? (b(), a("label", {
 				key: 0,
 				for: d.value,
 				class: "top-field-label text-xs font-bold"
-			}, [c(D(e.label) + " ", 1), e.required ? (b(), a("span", We, "*")) : i("", !0)], 8, Ue)) : i("", !0),
+			}, [c(D(e.label) + " ", 1), e.required ? (b(), a("span", Ge, "*")) : i("", !0)], 8, We)) : i("", !0),
 			l(O(B), p(t.$attrs, {
 				id: d.value,
 				"model-value": e.modelValue,
@@ -894,14 +894,14 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				id: f.value,
 				class: "text-[11px] text-red-600 dark:text-red-400",
 				role: "alert"
-			}, D(e.error), 9, Ge)) : i("", !0)
+			}, D(e.error), 9, Ke)) : i("", !0)
 		]));
 	}
-}), $ = { class: "top-input-number top-solutions-component flex w-full flex-col gap-1" }, Ke = ["for"], qe = {
+}), Q = { class: "top-input-number top-solutions-component flex w-full flex-col gap-1" }, qe = ["for"], Je = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "text-red-600 dark:text-red-400"
-}, Je = ["id"], Ye = /* @__PURE__ */ u({
+}, Ye = ["id"], Xe = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "TopInputNumber",
 	props: {
@@ -975,7 +975,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 		"blur"
 	],
 	setup(e, { emit: t }) {
-		let o = e, l = t, u = k(), f = te(), h = ee(), _ = n(() => u.id === void 0 || u.id === null || u.id === "" ? h : String(u.id)), v = n(() => `${_.value}-error`), y = n(() => o.invalid || !!o.error), x = n(() => {
+		let o = e, l = t, u = ee(), f = te(), h = k(), _ = n(() => u.id === void 0 || u.id === null || u.id === "" ? h : String(u.id)), v = n(() => `${_.value}-error`), y = n(() => o.invalid || !!o.error), x = n(() => {
 			if (y.value) return !0;
 			let e = u["aria-invalid"];
 			return typeof e == "boolean" || e === "true" || e === "false" || e === "grammar" || e === "spelling" ? e : void 0;
@@ -986,9 +986,9 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			let e = o.centsFractionDigits ?? o.currencyFractionDigits ?? o.maxFractionDigits ?? 2;
 			return Math.min(20, Math.max(0, e));
 		}), M = n(() => {
-			let { id: e, "aria-describedby": t, "aria-invalid": n, ...r } = u;
-			return r;
-		}), N = n(() => {
+			let { class: e, id: t, "aria-describedby": n, "aria-invalid": r, ...i } = u;
+			return i;
+		}), N = n(() => I("top-input-number__control top-field-control h-[40px] w-full rounded-[10px] border px-3 py-2 text-xs read-only:cursor-default disabled:cursor-not-allowed", u.class)), P = n(() => {
 			let e = u.pt, t = e && typeof e == "object" ? e : {}, n = t.pcInputText && typeof t.pcInputText == "object" ? t.pcInputText : {}, r = n.root && typeof n.root == "object" ? n.root : {};
 			return {
 				...t,
@@ -1002,13 +1002,13 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				}
 			};
 		});
-		function P(e) {
+		function F(e) {
 			l("update:modelValue", e ?? null);
 		}
-		function F(e) {
+		function L(e) {
 			return o.min !== void 0 && e < o.min ? o.min : o.max !== void 0 && e > o.max ? o.max : e;
 		}
-		function I(e) {
+		function R(e) {
 			return e === null ? "" : new Intl.NumberFormat(o.locale, {
 				style: "currency",
 				currency: o.currency || "BRL",
@@ -1018,10 +1018,10 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				maximumFractionDigits: A.value
 			}).format(e);
 		}
-		function L(e) {
+		function z(e) {
 			let t = e.target;
 			if (!(t instanceof HTMLInputElement)) return;
-			let n = t.value.replace(/\D/g, ""), r = 10 ** A.value, i = n ? F(Number(n) / r) : o.allowEmpty ? null : 0, a = I(i);
+			let n = t.value.replace(/\D/g, ""), r = 10 ** A.value, i = n ? L(Number(n) / r) : o.allowEmpty ? null : 0, a = R(i);
 			t.value = a, l("update:modelValue", i), l("input", {
 				originalEvent: e,
 				value: i ?? void 0,
@@ -1030,22 +1030,22 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				t.value = a;
 			});
 		}
-		function R(e) {
+		function ne(e) {
 			let t = e.target;
 			l("blur", {
 				originalEvent: e,
 				value: t instanceof HTMLInputElement ? t.value : ""
 			});
 		}
-		return (t, n) => (b(), a("div", $, [
+		return (t, n) => (b(), a("div", Q, [
 			e.label ? (b(), a("label", {
 				key: 0,
 				for: _.value,
 				class: "top-field-label text-xs font-bold"
-			}, [c(D(e.label) + " ", 1), e.required ? (b(), a("span", qe, "*")) : i("", !0)], 8, Ke)) : i("", !0),
+			}, [c(D(e.label) + " ", 1), e.required ? (b(), a("span", Je, "*")) : i("", !0)], 8, qe)) : i("", !0),
 			T.value ? (b(), r(O(B), p({ key: 1 }, M.value, {
 				id: _.value,
-				"model-value": I(e.modelValue),
+				"model-value": R(e.modelValue),
 				type: "text",
 				inputmode: "numeric",
 				placeholder: e.placeholder,
@@ -1056,10 +1056,10 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				"aria-invalid": x.value,
 				"aria-describedby": S.value,
 				fluid: "",
-				class: "top-input-number__control top-field-control h-[40px] w-full rounded-[10px] border px-3 py-2 text-xs read-only:cursor-default disabled:cursor-not-allowed",
-				onInput: L,
+				class: N.value,
+				onInput: z,
 				onFocus: n[0] ||= (e) => l("focus", e),
-				onBlur: R
+				onBlur: ne
 			}), null, 16, [
 				"id",
 				"model-value",
@@ -1069,7 +1069,8 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				"disabled",
 				"readonly",
 				"aria-invalid",
-				"aria-describedby"
+				"aria-describedby",
+				"class"
 			])) : (b(), r(O(V), p({ key: 2 }, M.value, {
 				"model-value": e.modelValue,
 				"input-id": _.value,
@@ -1096,10 +1097,10 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				"show-clear": e.showClear,
 				"aria-invalid": x.value,
 				"aria-describedby": S.value,
-				pt: N.value,
-				"input-class": "top-input-number__control top-field-control h-[40px] w-full rounded-[10px] border px-3 py-2 text-xs read-only:cursor-default disabled:cursor-not-allowed",
+				pt: P.value,
+				"input-class": N.value,
 				fluid: "",
-				"onUpdate:modelValue": P,
+				"onUpdate:modelValue": F,
 				onValueChange: n[1] ||= (e) => l("value-change", e ?? null),
 				onInput: n[2] ||= (e) => l("input", e),
 				onFocus: n[3] ||= (e) => l("focus", e),
@@ -1107,24 +1108,24 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			}), s({ _: 2 }, [C(O(f), (e, n) => ({
 				name: n,
 				fn: j((e) => [w(t.$slots, n, g(d(e ?? {})))])
-			}))]), 1040, /* @__PURE__ */ "model-value.input-id.placeholder.required.invalid.disabled.readonly.format.show-buttons.button-layout.locale.mode.currency.currency-display.use-grouping.min-fraction-digits.max-fraction-digits.min.max.step.allow-empty.highlight-on-focus.show-clear.aria-invalid.aria-describedby.pt".split("."))),
+			}))]), 1040, /* @__PURE__ */ "model-value.input-id.placeholder.required.invalid.disabled.readonly.format.show-buttons.button-layout.locale.mode.currency.currency-display.use-grouping.min-fraction-digits.max-fraction-digits.min.max.step.allow-empty.highlight-on-focus.show-clear.aria-invalid.aria-describedby.pt.input-class".split("."))),
 			e.error ? (b(), a("span", {
 				key: 3,
 				id: v.value,
 				class: "text-[11px] text-red-600 dark:text-red-400",
 				role: "alert"
-			}, D(e.error), 9, Je)) : i("", !0)
+			}, D(e.error), 9, Ye)) : i("", !0)
 		]));
 	}
-}), Xe = [
+}), Ze = [
 	"disabled",
 	"aria-expanded",
 	"onClick"
-], Ze = { class: "top-nav-bar__mobile-item-label" }, Qe = {
+], Qe = { class: "top-nav-bar__mobile-item-label" }, $e = {
 	key: 1,
 	class: "top-nav-bar__mobile-count",
 	"aria-hidden": "true"
-}, $e = /* @__PURE__ */ u({
+}, et = /* @__PURE__ */ u({
 	name: "TopNavMobileTree",
 	__name: "TopNavMobileTree",
 	props: {
@@ -1197,14 +1198,14 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					class: h(e.icon),
 					"aria-hidden": "true"
 				}, null, 2)) : i("", !0),
-				o("span", Ze, D(e.label), 1),
-				p(e).length ? (b(), a("span", Qe, D(p(e).length), 1)) : i("", !0),
+				o("span", Qe, D(e.label), 1),
+				p(e).length ? (b(), a("span", $e, D(p(e).length), 1)) : i("", !0),
 				p(e).length ? (b(), a("i", {
 					key: 2,
 					class: h(["pi pi-chevron-down top-nav-bar__mobile-chevron", { "top-nav-bar__mobile-chevron--open": g(e) }]),
 					"aria-hidden": "true"
 				}, null, 2)) : i("", !0)
-			], 10, Xe), l(t, { name: "top-nav-bar-menu-expand" }, {
+			], 10, Ze), l(t, { name: "top-nav-bar-menu-expand" }, {
 				default: j(() => [p(e).length && g(e) ? (b(), r(u, {
 					key: 0,
 					items: p(e),
@@ -1222,170 +1223,170 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			}, 1024)], 2))), 128))], 6);
 		};
 	}
-}), et = ["aria-expanded"], tt = { class: "top-nav-bar__brand" }, nt = {
+}), tt = ["aria-expanded"], nt = { class: "top-nav-bar__brand" }, rt = {
 	key: 1,
 	class: "top-nav-bar__brand-context-divider",
 	"aria-hidden": "true"
-}, rt = {
+}, it = {
 	key: 2,
 	class: "top-nav-bar__context"
-}, it = {
+}, at = {
 	key: 0,
 	class: "top-nav-bar__client"
-}, at = ["src"], ot = {
+}, ot = ["src"], st = {
 	key: 1,
 	class: "top-nav-bar__client-logo"
-}, st = {
+}, ct = {
 	key: 2,
 	class: "top-nav-bar__client-details"
-}, ct = { class: "top-nav-bar__client-name" }, lt = {
+}, lt = { class: "top-nav-bar__client-name" }, ut = {
 	key: 0,
 	class: "top-nav-bar__client-subtitle"
-}, ut = { class: "top-nav-bar__desktop-tools" }, dt = {
+}, dt = { class: "top-nav-bar__desktop-tools" }, ft = {
 	key: 0,
 	class: "top-nav-bar__search-shell",
 	"data-top-nav-search": ""
-}, ft = ["value", "placeholder"], pt = ["aria-label"], mt = {
+}, pt = ["value", "placeholder"], mt = ["aria-label"], ht = {
 	key: 1,
 	class: "top-nav-bar__search-results",
 	role: "menu"
-}, ht = { class: "top-nav-bar__search-results-scroll" }, gt = ["disabled", "onClick"], _t = {
+}, gt = { class: "top-nav-bar__search-results-scroll" }, _t = ["disabled", "onClick"], vt = {
 	key: 0,
 	class: "top-nav-bar__empty"
-}, vt = {
+}, yt = {
 	key: 1,
 	class: "top-nav-bar__quick-actions",
 	"data-top-nav-actions": ""
-}, yt = [
+}, bt = [
 	"disabled",
 	"aria-label",
 	"aria-pressed",
 	"title",
 	"onClick"
-], bt = ["aria-expanded"], xt = {
+], xt = ["aria-expanded"], St = {
 	key: 0,
 	class: "top-nav-bar__popover-layer top-nav-bar__actions-layer"
-}, St = {
+}, Ct = {
 	class: "top-nav-bar__small-panel",
 	role: "menu"
-}, Ct = ["disabled", "onClick"], wt = {
+}, wt = ["disabled", "onClick"], Tt = {
 	key: 2,
 	class: "top-nav-bar__custom-actions"
-}, Tt = ["aria-haspopup", "aria-expanded"], Et = ["src"], Dt = {
+}, Et = ["aria-haspopup", "aria-expanded"], Dt = ["src"], Ot = {
 	key: 1,
 	class: "top-nav-bar__user-avatar"
-}, Ot = {
+}, kt = {
 	key: 2,
 	class: "top-nav-bar__user-details"
-}, kt = { class: "top-nav-bar__user-name" }, At = {
+}, At = { class: "top-nav-bar__user-name" }, jt = {
 	key: 0,
 	class: "top-nav-bar__user-subtitle"
-}, jt = {
+}, Mt = {
 	key: 0,
 	class: "pi pi-chevron-down top-nav-bar__chevron",
 	"aria-hidden": "true"
-}, Mt = {
+}, Nt = {
 	key: 0,
 	class: "top-nav-bar__popover-layer top-nav-bar__user-layer"
-}, Nt = {
+}, Pt = {
 	class: "top-nav-bar__small-panel top-nav-bar__user-dropdown",
 	role: "menu"
-}, Pt = {
+}, Ft = {
 	key: 0,
 	class: "top-nav-bar__user-separator",
 	role: "separator"
-}, Ft = ["disabled", "onClick"], It = {
+}, It = ["disabled", "onClick"], Lt = {
 	class: "top-nav-bar__breadcrumbs",
 	"aria-label": "Breadcrumb"
-}, Lt = {
+}, Rt = {
 	key: 0,
 	class: "top-nav-bar__separator top-nav-bar__desktop-navigation-separator",
 	"aria-hidden": "true"
-}, Rt = ["aria-expanded"], zt = {
+}, zt = ["aria-expanded"], Bt = {
 	key: 0,
 	class: "top-nav-bar__menu-layer"
-}, Bt = {
+}, Vt = {
 	class: "top-nav-bar__menu-panel",
 	role: "menu"
-}, Vt = { class: "top-nav-bar__section-list" }, Ht = [
+}, Ht = { class: "top-nav-bar__section-list" }, Ut = [
 	"aria-expanded",
 	"onMouseenter",
 	"onClick"
-], Ut = { class: "top-nav-bar__menu-label" }, Wt = { class: "top-nav-bar__item-count" }, Gt = {
+], Wt = { class: "top-nav-bar__menu-label" }, Gt = { class: "top-nav-bar__item-count" }, Kt = {
 	key: 0,
 	class: "top-nav-bar__submenu-region"
-}, Kt = [
+}, qt = [
 	"disabled",
 	"aria-haspopup",
 	"aria-expanded",
 	"onMouseenter",
 	"onClick"
-], qt = { class: "top-nav-bar__menu-label" }, Jt = {
+], Jt = { class: "top-nav-bar__menu-label" }, Yt = {
 	key: 1,
 	class: "pi pi-chevron-right top-nav-bar__menu-arrow",
 	"aria-hidden": "true"
-}, Yt = ["onMouseenter"], Xt = {
+}, Xt = ["onMouseenter"], Zt = {
 	key: 0,
 	class: "top-nav-bar__crumb top-nav-bar__crumb--static"
-}, Zt = ["aria-expanded", "onClick"], Qt = {
+}, Qt = ["aria-expanded", "onClick"], $t = {
 	key: 2,
 	class: "top-nav-bar__menu-layer"
-}, $t = {
+}, en = {
 	class: "top-nav-bar__menu-panel top-nav-bar__breadcrumb-panel",
 	role: "menu"
-}, en = [
+}, tn = [
 	"disabled",
 	"onMouseenter",
 	"onClick"
-], tn = { class: "top-nav-bar__menu-label" }, nn = {
+], nn = { class: "top-nav-bar__menu-label" }, rn = {
 	key: 1,
 	class: "pi pi-chevron-right top-nav-bar__menu-arrow",
 	"aria-hidden": "true"
-}, rn = ["onClick"], an = ["title"], on = { class: "top-nav-bar__current-label" }, sn = ["aria-label", "aria-pressed"], cn = { class: "top-nav-bar__breadcrumb-actions" }, ln = ["aria-expanded"], un = {
+}, an = ["onClick"], on = ["title"], sn = { class: "top-nav-bar__current-label" }, cn = ["aria-label", "aria-pressed"], ln = { class: "top-nav-bar__breadcrumb-actions" }, un = ["aria-expanded"], dn = {
 	key: 0,
 	class: "top-nav-bar__popover-layer top-nav-bar__favorites-layer"
-}, dn = {
+}, fn = {
 	class: "top-nav-bar__small-panel top-nav-bar__favorites-panel",
 	role: "menu"
-}, fn = ["disabled", "onClick"], pn = { class: "top-nav-bar__favorites-title" }, mn = {
+}, pn = ["disabled", "onClick"], mn = { class: "top-nav-bar__favorites-title" }, hn = {
 	key: 0,
 	class: "top-nav-bar__favorites-separator"
-}, hn = {
+}, gn = {
 	key: 0,
 	class: "top-nav-bar__favorites-row top-nav-bar__desktop-only"
-}, gn = { class: "top-nav-bar__favorites-title" }, _n = { class: "top-nav-bar__favorites-list" }, vn = {
+}, _n = { class: "top-nav-bar__favorites-title" }, vn = { class: "top-nav-bar__favorites-list" }, yn = {
 	key: 0,
 	class: "top-nav-bar__favorites-separator",
 	"aria-hidden": "true"
-}, yn = ["disabled", "onClick"], bn = { class: "top-nav-bar__mobile-menu" }, xn = { class: "top-nav-bar__mobile-menu-header" }, Sn = { class: "top-nav-bar__drawer-brand" }, Cn = ["onClick"], wn = {
+}, bn = ["disabled", "onClick"], xn = { class: "top-nav-bar__mobile-menu" }, Sn = { class: "top-nav-bar__mobile-menu-header" }, Cn = { class: "top-nav-bar__drawer-brand" }, wn = ["onClick"], Tn = {
 	key: 0,
 	class: "top-nav-bar__drawer-tools"
-}, Tn = { class: "top-nav-bar__drawer-search" }, En = ["value", "placeholder"], Dn = ["disabled", "onClick"], On = { class: "top-nav-bar__mobile-menu-scroll" }, kn = { class: "top-nav-bar__mobile-menu-track" }, An = {
+}, En = { class: "top-nav-bar__drawer-search" }, Dn = ["value", "placeholder"], On = ["disabled", "onClick"], kn = { class: "top-nav-bar__mobile-menu-scroll" }, An = { class: "top-nav-bar__mobile-menu-track" }, jn = {
 	key: 0,
 	class: "top-nav-bar__mobile-favorites"
-}, jn = ["aria-expanded"], Mn = { class: "top-nav-bar__mobile-item-label" }, Nn = { class: "top-nav-bar__mobile-count" }, Pn = {
+}, Mn = ["aria-expanded"], Nn = { class: "top-nav-bar__mobile-item-label" }, Pn = { class: "top-nav-bar__mobile-count" }, Fn = {
 	key: 1,
 	class: "top-nav-bar__drawer-empty"
-}, Fn = {
+}, In = {
 	key: 1,
 	class: "top-nav-bar__mobile-footer"
-}, In = ["aria-haspopup", "aria-expanded"], Ln = ["src"], Rn = {
+}, Ln = ["aria-haspopup", "aria-expanded"], Rn = ["src"], zn = {
 	key: 1,
 	class: "top-nav-bar__user-avatar"
-}, zn = {
+}, Bn = {
 	key: 2,
 	class: "top-nav-bar__user-details"
-}, Bn = { class: "top-nav-bar__user-name" }, Vn = {
+}, Vn = { class: "top-nav-bar__user-name" }, Hn = {
 	key: 0,
 	class: "top-nav-bar__drawer-user-context"
-}, Hn = { class: "top-nav-bar__drawer-user-client" }, Un = {
+}, Un = { class: "top-nav-bar__drawer-user-client" }, Wn = {
 	key: 0,
 	class: "top-nav-bar__drawer-user-client-subtitle"
-}, Wn = {
+}, Gn = {
 	key: 3,
 	class: "pi pi-chevron-down top-nav-bar__mobile-chevron",
 	"aria-hidden": "true"
-}, Gn = 120, Kn = 24, qn = /* @__PURE__ */ u({
+}, Kn = 120, qn = 24, Jn = /* @__PURE__ */ u({
 	__name: "TopNavBar",
 	props: {
 		sections: { default: () => [] },
@@ -1436,7 +1437,8 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			type: Boolean,
 			default: void 0
 		},
-		appearance: { default: () => ({}) }
+		appearance: { default: () => ({}) },
+		spacing: { default: () => ({}) }
 	},
 	emits: [
 		"navigate",
@@ -1451,7 +1453,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 		"user-click"
 	],
 	setup(s, { expose: u, emit: d }) {
-		let f = s, p = d, g = te(), x = S(null), T = S(null), E = S(null), k = S(null), ee = S(null), M = S(null), P = S(f.mobileOpen ?? !1), F = S(!1), I = S(null), L = S([]), R = S(null), z = S([]), B = S(!1), V = S(!1), U = S(!1), re = S(null), W = S(!1), ie = S(!1), G = S(!1), ae = S(!0), oe = S(!1), K = S(f.searchValue ?? ""), q = S(!1), se = S(!1), ce = S(!1), J = S({
+		let f = s, p = d, g = te(), x = S(null), T = S(null), E = S(null), ee = S(null), k = S(null), M = S(null), P = S(f.mobileOpen ?? !1), F = S(!1), I = S(null), L = S([]), R = S(null), z = S([]), B = S(!1), V = S(!1), H = S(!1), ie = S(null), U = S(!1), W = S(!1), G = S(!1), ae = S(!0), oe = S(!1), K = S(f.searchValue ?? ""), q = S(!1), se = S(!1), ce = S(!1), J = S({
 			collapseActions: !1,
 			searchIconOnly: !1,
 			hideUserName: !1,
@@ -1584,138 +1586,138 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				}
 				e.push(t);
 			}), e.at(-1)?.separator && e.pop(), e;
-		}), X = n(() => !!g["user-menu"] || Ne.value.some((e) => !e.separator)), Pe = n(() => !!f.user || !!g.user), Fe = n(() => !!(f.client || g.context || g.scope || g.client || g["context-compact"])), Z = n(() => f.favoriteItems.filter(Boolean)), Ie = n(() => G.value || !ae.value), Le = n(() => Z.value.length > 0 && !Ie.value), Re = n(() => Y.value.length > 0 || f.searchable || Me.value.length > 0 || Pe.value || !!(g["drawer-menu"] || g["drawer-actions"] || g["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 } : {
+		}), X = n(() => !!g["user-menu"] || Ne.value.some((e) => !e.separator)), Pe = n(() => !!f.user || !!g.user), Fe = n(() => !!(f.client || g.context || g.scope || g.client || g["context-compact"])), Ie = n(() => f.favoriteItems.filter(Boolean)), Le = n(() => G.value || !ae.value), Re = n(() => Ie.value.length > 0 && !Le.value), ze = n(() => Y.value.length > 0 || f.searchable || Me.value.length > 0 || Pe.value || !!(g["drawer-menu"] || g["drawer-actions"] || g["drawer-footer"])), Be = 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("") : ""), Ve = n(() => Ne.value.map((e) => e.separator ? { separator: !0 } : {
 			label: e.label,
 			icon: e.icon,
 			disabled: e.disabled,
-			command: () => qe(e)
-		})), Ve = n(() => {
-			let e = f.appearance, t = {}, n = (e, n) => {
-				n !== void 0 && n !== "" && (t[e] = n);
+			command: () => Je(e)
+		})), He = n(() => {
+			let e = f.appearance, t = f.spacing, n = {}, r = (e, t) => {
+				t !== void 0 && t !== "" && (n[e] = 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;
-		}), He = n(() => f.client ? f.client.initials ? f.client.initials : f.client.name.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toLocaleUpperCase("pt-BR")).join("") : "");
-		function Ue() {
+			return r("--top-nav-bg", e.colors?.navigation), r("--top-nav-breadcrumb-bg", e.surfaces?.breadcrumb ?? e.colors?.navigation), r("--top-nav-drawer-bg", e.surfaces?.drawer ?? e.colors?.navigation), r("--top-nav-drawer-footer-bg", e.surfaces?.drawerFooter), r("--top-nav-fg", e.colors?.text), r("--top-nav-muted-fg", e.colors?.mutedText), r("--top-nav-accent", e.colors?.accent), r("--top-nav-menu-bg", e.surfaces?.menu), r("--top-nav-menu-fg", e.colors?.menuText), r("--top-nav-menu-hover", e.surfaces?.menuHover), r("--top-nav-menu-explored", e.surfaces?.menuExplored), r("--top-nav-border", e.colors?.border), r("--top-nav-menu-border", e.borders?.menu), r("--top-nav-menu-outline", e.borders?.menuOutline), r("--top-nav-radius", e.shape?.radius), r("--top-nav-drawer-radius", e.shape?.drawerRadius), r("--top-nav-shadow", e.shape?.shadow), r("--top-nav-mobile-active-bg", e.surfaces?.mobileActive), r("--top-nav-mobile-active-fg", e.colors?.mobileActiveText), r("--top-nav-mobile-divider", e.borders?.mobileDivider), r("--top-nav-favorites-bg", e.surfaces?.favorites), r("--top-nav-favorites-fg", e.colors?.favoritesText), r("--top-nav-favorites-border", e.borders?.favorites), r("--top-nav-favorites-shadow", e.shape?.favoritesShadow), r("--top-nav-focus-ring", e.focus?.onDark), r("--top-nav-focus-ring-light", e.focus?.onLight), r("--top-nav-current-bg", e.surfaces?.currentPage), r("--top-nav-current-border", e.borders?.currentPage), r("--top-nav-header-padding", t.headerPadding), r("--top-nav-breadcrumb-padding", t.breadcrumbPadding), n;
+		}), Ue = n(() => f.client ? f.client.initials ? f.client.initials : f.client.name.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toLocaleUpperCase("pt-BR")).join("") : "");
+		function We() {
 			let e = Math.max(0, window.scrollY);
-			if (!G.value && e >= Gn) {
+			if (!G.value && e >= Kn) {
 				G.value = !0;
 				return;
 			}
-			G.value && e <= Kn && (G.value = !1);
+			G.value && e <= qn && (G.value = !1);
 		}
-		function We() {
-			let e = E.value, t = k.value;
+		function Ge() {
+			let e = E.value, t = ee.value;
 			!e || !t || (ae.value = t.scrollWidth <= e.clientWidth + 1);
 		}
-		function Ge() {
+		function Ke() {
 			fe = window.requestAnimationFrame(() => {
 				fe = window.requestAnimationFrame(() => {
 					oe.value = !0;
 				});
 			});
 		}
-		function Q() {
+		function Z() {
 			return typeof window < "u" && window.matchMedia?.("(hover: hover) and (pointer: fine)").matches;
 		}
-		function $(e) {
-			e.disabled || (p("navigate", e), P.value = !1, nr());
+		function Q(e) {
+			e.disabled || (p("navigate", e), P.value = !1, rr());
 		}
-		function Ke(e, t = !1) {
+		function qe(e, t = !1) {
 			e.disabled || (e.kind === "aia" ? p("toggle-aia") : e.kind === "support" ? p("open-support") : p("action", e), B.value = !1, t && (P.value = !1));
 		}
-		function qe(e, t = !1) {
-			e.disabled || e.separator || (p("user-action", e), V.value = !1, U.value = !1, t && (P.value = !1));
+		function Je(e, t = !1) {
+			e.disabled || e.separator || (p("user-action", e), V.value = !1, H.value = !1, t && (P.value = !1));
 		}
-		function Je(e) {
+		function Ye(e) {
 			if (!X.value) {
 				p("user-click", f.user);
 				return;
 			}
-			re.value?.toggle(e);
+			ie.value?.toggle(e);
 		}
-		function Ye(e) {
+		function Xe(e) {
 			K.value = e, p("update:searchValue", e), p("search", e);
 		}
-		function Xe() {
-			Ye(""), m(() => P.value ? M.value?.focus() : ee.value?.focus());
-		}
 		function Ze() {
-			Q() && (F.value = !0);
+			Xe(""), m(() => P.value ? M.value?.focus() : k.value?.focus());
 		}
 		function Qe() {
-			!Q() || window.innerWidth < 1024 || (F.value = !1, I.value = null, L.value = []);
+			Z() && (F.value = !0);
+		}
+		function $e() {
+			!Z() || window.innerWidth < 1024 || (F.value = !1, I.value = null, L.value = []);
 		}
-		function qn() {
-			if (Q()) {
+		function Jn() {
+			if (Z()) {
 				F.value = !0;
 				return;
 			}
 			F.value = !F.value, F.value || (I.value = null, L.value = []);
 		}
-		function Jn(e) {
-			Q() && (I.value = e, L.value = []);
-		}
 		function Yn(e) {
-			if (Q()) {
+			Z() && (I.value = e, L.value = []);
+		}
+		function Xn(e) {
+			if (Z()) {
 				I.value = e, L.value = [];
 				return;
 			}
 			let t = I.value === e;
 			I.value = t ? null : e, L.value = [];
 		}
-		function Xn(e, t, n, r) {
-			if (r && !Q()) return;
+		function Zn(e, t, n, r) {
+			if (r && !Z()) return;
 			let i = e.value[n];
 			if (!t.children?.length) {
-				e.value = e.value.slice(0, n), r || $(t);
+				e.value = e.value.slice(0, n), r || Q(t);
 				return;
 			}
-			if (!r && Q()) {
+			if (!r && Z()) {
 				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 Zn(e, t, n) {
-			Xn(L, e, t, n);
-		}
 		function Qn(e, t, n) {
-			Xn(z, e, t, n);
+			Zn(L, e, t, n);
+		}
+		function $n(e, t, n) {
+			Zn(z, e, t, n);
 		}
-		function $n(e) {
-			Q() && (R.value = e, z.value = []);
+		function er(e) {
+			Z() && (R.value = e, z.value = []);
 		}
-		function er() {
-			!Q() || window.innerWidth < 1024 || (R.value = null, z.value = []);
+		function tr() {
+			!Z() || window.innerWidth < 1024 || (R.value = null, z.value = []);
 		}
-		function tr(e) {
-			if (Q()) {
+		function nr(e) {
+			if (Z()) {
 				R.value = e;
 				return;
 			}
 			R.value = R.value === e ? null : e, z.value = [];
 		}
-		function nr() {
-			F.value = !1, I.value = null, L.value = [], R.value = null, z.value = [], B.value = !1, V.value = !1, W.value = !1, q.value = !1;
+		function rr() {
+			F.value = !1, I.value = null, L.value = [], R.value = null, z.value = [], B.value = !1, V.value = !1, U.value = !1, q.value = !1;
 		}
-		async function rr() {
+		async function ir() {
 			if (typeof window < "u" && window.innerWidth < 1024) {
 				P.value = !0, await m(), M.value?.focus();
 				return;
 			}
-			se.value = !0, q.value = !0, await m(), ee.value?.focus(), sr();
+			se.value = !0, q.value = !0, await m(), k.value?.focus(), $();
 		}
-		function ir() {
+		function ar() {
 			window.setTimeout(() => {
-				q.value = !1, J.value.searchIconOnly && !K.value.trim() && (se.value = !1, sr());
+				q.value = !1, J.value.searchIconOnly && !K.value.trim() && (se.value = !1, $());
 			}, 150);
 		}
-		function ar() {
+		function or() {
 			return Math.round(window.visualViewport?.width ?? window.innerWidth);
 		}
-		async function or() {
+		async function sr() {
 			if (typeof window > "u" || !T.value) return;
-			let e = ++pe, t = ar();
+			let e = ++pe, t = or();
 			ce.value = t < 1024;
 			let n = {
 				collapseActions: !1,
@@ -1746,32 +1748,32 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				}, await m(), e !== pe) return;
 			}
 		}
-		function sr() {
+		function $() {
 			typeof window > "u" || (de !== void 0 && window.cancelAnimationFrame(de), de = window.requestAnimationFrame(() => {
-				de = void 0, or();
+				de = void 0, sr();
 			}));
 		}
 		function cr(e) {
 			let t = e.target;
 			if (t instanceof Element && !t.closest(".top-nav-bar__mobile-menu")) {
 				if (!x.value?.contains(t)) {
-					nr();
+					rr();
 					return;
 				}
-				t.closest("[data-top-nav-navigation]") || (F.value = !1, I.value = null, L.value = []), t.closest("[data-top-nav-breadcrumb]") || (R.value = null, z.value = []), t.closest("[data-top-nav-actions]") || (B.value = !1), t.closest("[data-top-nav-user]") || (V.value = !1), t.closest("[data-top-nav-favorites]") || (W.value = !1), t.closest("[data-top-nav-search]") || (q.value = !1);
+				t.closest("[data-top-nav-navigation]") || (F.value = !1, I.value = null, L.value = []), t.closest("[data-top-nav-breadcrumb]") || (R.value = null, z.value = []), t.closest("[data-top-nav-actions]") || (B.value = !1), t.closest("[data-top-nav-user]") || (V.value = !1), t.closest("[data-top-nav-favorites]") || (U.value = !1), t.closest("[data-top-nav-search]") || (q.value = !1);
 			}
 		}
 		function lr(e) {
 			if ((e.ctrlKey || e.metaKey) && e.key.toLocaleLowerCase() === "k" && f.searchable) {
-				e.preventDefault(), rr();
+				e.preventDefault(), ir();
 				return;
 			}
 			if (e.key === "Escape") {
-				if (U.value) {
-					re.value?.hide();
+				if (H.value) {
+					ie.value?.hide();
 					return;
 				}
-				P.value &&= !1, nr(), J.value.searchIconOnly && !K.value.trim() && (se.value = !1);
+				P.value &&= !1, rr(), J.value.searchIconOnly && !K.value.trim() && (se.value = !1);
 			}
 		}
 		function ur() {
@@ -1779,18 +1781,18 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				p("user-click", f.user);
 				return;
 			}
-			if (Q()) {
+			if (Z()) {
 				V.value = !0;
 				return;
 			}
 			V.value = !V.value;
 		}
 		function dr() {
-			if (Q()) {
-				W.value = !0;
+			if (Z()) {
+				U.value = !0;
 				return;
 			}
-			W.value = !W.value;
+			U.value = !U.value;
 		}
 		return A(() => f.searchValue, (e) => {
 			e !== void 0 && e !== K.value && (K.value = e);
@@ -1800,18 +1802,18 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			Y,
 			() => f.user,
 			Me
-		], () => m(sr), { deep: !0 }), A(Z, () => m(We), { deep: !0 }), y(() => {
-			document.addEventListener("keydown", lr), document.addEventListener("pointerdown", cr), window.addEventListener("resize", sr), window.visualViewport?.addEventListener("resize", sr), window.addEventListener("resize", We), window.addEventListener("scroll", Ue, { passive: !0 }), typeof ResizeObserver < "u" && (le = new ResizeObserver(sr), T.value && le.observe(T.value), ue = new ResizeObserver(We), E.value && ue.observe(E.value)), sr(), m(() => {
-				We(), Ue(), Ge();
+		], () => m($), { deep: !0 }), A(Ie, () => m(Ge), { deep: !0 }), y(() => {
+			document.addEventListener("keydown", lr), document.addEventListener("pointerdown", cr), window.addEventListener("resize", $), window.visualViewport?.addEventListener("resize", $), window.addEventListener("resize", Ge), window.addEventListener("scroll", We, { passive: !0 }), typeof ResizeObserver < "u" && (le = new ResizeObserver($), T.value && le.observe(T.value), ue = new ResizeObserver(Ge), E.value && ue.observe(E.value)), $(), m(() => {
+				Ge(), We(), Ke();
 			});
 		}), v(() => {
-			document.removeEventListener("keydown", lr), document.removeEventListener("pointerdown", cr), window.removeEventListener("resize", sr), window.visualViewport?.removeEventListener("resize", sr), window.removeEventListener("resize", We), window.removeEventListener("scroll", Ue), le?.disconnect(), ue?.disconnect(), de !== void 0 && window.cancelAnimationFrame(de), fe !== void 0 && window.cancelAnimationFrame(fe);
+			document.removeEventListener("keydown", lr), document.removeEventListener("pointerdown", cr), window.removeEventListener("resize", $), window.visualViewport?.removeEventListener("resize", $), window.removeEventListener("resize", Ge), window.removeEventListener("scroll", We), le?.disconnect(), ue?.disconnect(), de !== void 0 && window.cancelAnimationFrame(de), fe !== void 0 && window.cancelAnimationFrame(fe);
 		}), u({
-			close: nr,
+			close: rr,
 			closeDrawer: () => {
 				P.value = !1;
 			},
-			focusSearch: rr,
+			focusSearch: ir,
 			openDrawer: () => {
 				P.value = !0;
 			}
@@ -1819,7 +1821,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			ref_key: "rootRef",
 			ref: x,
 			class: "top-nav-bar top-solutions-component",
-			style: _(Ve.value),
+			style: _(He.value),
 			"aria-label": "Navegação principal"
 		}, [
 			o("header", {
@@ -1827,7 +1829,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				ref: T,
 				class: h(["top-nav-bar__header", { "top-nav-bar__header--context-compact": J.value.hideContextDetails }])
 			}, [
-				Re.value ? (b(), a("button", {
+				ze.value ? (b(), a("button", {
 					key: 0,
 					class: "top-nav-bar__mobile-trigger top-nav-bar__square-button",
 					type: "button",
@@ -1837,10 +1839,10 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				}, [...u[19] ||= [o("i", {
 					class: "pi pi-bars",
 					"aria-hidden": "true"
-				}, null, -1)]], 8, et)) : i("", !0),
-				o("div", tt, [w(n.$slots, "brand", { compact: J.value.hideContextDetails })]),
-				Fe.value ? (b(), a("div", nt)) : i("", !0),
-				Fe.value ? (b(), a("div", rt, [J.value.hideContextDetails && n.$slots["context-compact"] ? w(n.$slots, "context-compact", {
+				}, null, -1)]], 8, tt)) : i("", !0),
+				o("div", nt, [w(n.$slots, "brand", { compact: J.value.hideContextDetails })]),
+				Fe.value ? (b(), a("div", rt)) : i("", !0),
+				Fe.value ? (b(), a("div", it, [J.value.hideContextDetails && n.$slots["context-compact"] ? w(n.$slots, "context-compact", {
 					client: s.client,
 					compact: !0
 				}, void 0, void 0, 0) : n.$slots.context ? w(n.$slots, "context", {
@@ -1852,24 +1854,24 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				}, void 0, void 0, 2) : w(n.$slots, "client", {
 					client: s.client,
 					compact: J.value.hideContextDetails
-				}, () => [s.client ? (b(), a("div", it, [s.client.logoUrl ? (b(), a("img", {
+				}, () => [s.client ? (b(), a("div", at, [s.client.logoUrl ? (b(), a("img", {
 					key: 0,
 					src: s.client.logoUrl,
 					alt: "",
 					class: "top-nav-bar__client-logo"
-				}, null, 8, at)) : (b(), a("span", ot, D(He.value), 1)), J.value.hideContextDetails ? i("", !0) : (b(), a("span", st, [o("span", ct, D(s.client.name), 1), s.client.subtitle ? (b(), a("span", lt, D(s.client.subtitle), 1)) : i("", !0)]))])) : i("", !0)], void 0, 3)])) : i("", !0),
+				}, null, 8, ot)) : (b(), a("span", st, D(Ue.value), 1)), J.value.hideContextDetails ? i("", !0) : (b(), a("span", ct, [o("span", lt, D(s.client.name), 1), s.client.subtitle ? (b(), a("span", ut, D(s.client.subtitle), 1)) : i("", !0)]))])) : i("", !0)], void 0, 3)])) : i("", !0),
 				u[24] ||= o("div", {
 					class: "top-nav-bar__spacer",
 					"aria-hidden": "true"
 				}, null, -1),
-				o("div", ut, [
-					s.searchable ? (b(), a("div", dt, [J.value.searchIconOnly && !se.value ? (b(), a("button", {
+				o("div", dt, [
+					s.searchable ? (b(), a("div", ft, [J.value.searchIconOnly && !se.value ? (b(), a("button", {
 						key: 0,
 						class: "top-nav-bar__square-button",
 						type: "button",
 						"aria-label": "Pesquisar no menu",
 						title: "Pesquisar no menu (Ctrl+K)",
-						onClick: rr
+						onClick: ir
 					}, [...u[20] ||= [o("i", {
 						class: "pi pi-search",
 						"aria-hidden": "true"
@@ -1883,30 +1885,30 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 						}, null, -1),
 						o("input", {
 							ref_key: "searchInputRef",
-							ref: ee,
+							ref: k,
 							value: K.value,
 							type: "text",
 							role: "searchbox",
 							placeholder: s.searchPlaceholder,
 							"aria-label": "Pesquisar no menu",
 							onFocus: u[1] ||= (e) => q.value = !0,
-							onBlur: ir,
-							onInput: u[2] ||= (e) => Ye(e.target.value)
-						}, null, 40, ft),
+							onBlur: ar,
+							onInput: u[2] ||= (e) => Xe(e.target.value)
+						}, null, 40, pt),
 						K.value || J.value.searchIconOnly && se.value ? (b(), a("button", {
 							key: 0,
 							class: "top-nav-bar__search-clear",
 							type: "button",
 							"aria-label": K.value ? "Limpar pesquisa" : "Fechar pesquisa",
 							onMousedown: u[3] ||= N(() => {}, ["prevent"]),
-							onClick: u[4] ||= (e) => K.value ? Xe() : se.value = !1
+							onClick: u[4] ||= (e) => K.value ? Ze() : se.value = !1
 						}, [...u[21] ||= [o("i", {
 							class: "pi pi-times",
 							"aria-hidden": "true"
-						}, null, -1)]], 40, pt)) : i("", !0),
-						q.value ? (b(), a("div", mt, [o("div", ht, [w(n.$slots, "search-results", {
+						}, null, -1)]], 40, mt)) : i("", !0),
+						q.value ? (b(), a("div", ht, [o("div", gt, [w(n.$slots, "search-results", {
 							items: ve.value,
-							select: $
+							select: Q
 						}, () => [(b(!0), a(e, null, C(ve.value, (e) => (b(), a("button", {
 							key: e.id,
 							class: "top-nav-bar__menu-item",
@@ -1914,14 +1916,14 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 							role: "menuitem",
 							disabled: e.disabled,
 							onMousedown: u[5] ||= N(() => {}, ["prevent"]),
-							onClick: (t) => $(e)
+							onClick: (t) => Q(e)
 						}, [e.icon ? (b(), a("i", {
 							key: 0,
 							class: h(e.icon),
 							"aria-hidden": "true"
-						}, null, 2)) : i("", !0), o("span", null, D(e.label), 1)], 40, gt))), 128)), ve.value.length ? i("", !0) : (b(), a("span", _t, "Nenhum item encontrado."))])])])) : i("", !0)
+						}, null, 2)) : i("", !0), o("span", null, D(e.label), 1)], 40, _t))), 128)), ve.value.length ? i("", !0) : (b(), a("span", vt, "Nenhum item encontrado."))])])])) : i("", !0)
 					], 2))])) : i("", !0),
-					Me.value.length ? (b(), a("div", vt, [J.value.collapseActions ? (b(), a(e, { key: 1 }, [o("button", {
+					Me.value.length ? (b(), a("div", yt, [J.value.collapseActions ? (b(), a(e, { key: 1 }, [o("button", {
 						class: "top-nav-bar__square-button",
 						type: "button",
 						"aria-label": "Mais ações",
@@ -1930,17 +1932,17 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					}, [...u[23] ||= [o("i", {
 						class: "pi pi-ellipsis-h",
 						"aria-hidden": "true"
-					}, null, -1)]], 8, bt), B.value ? (b(), a("div", xt, [o("div", St, [(b(!0), a(e, null, C(Me.value, (e) => (b(), a("button", {
+					}, null, -1)]], 8, xt), B.value ? (b(), a("div", St, [o("div", Ct, [(b(!0), a(e, null, C(Me.value, (e) => (b(), a("button", {
 						key: e.id,
 						class: "top-nav-bar__menu-item",
 						type: "button",
 						role: "menuitem",
 						disabled: e.disabled,
-						onClick: (t) => Ke(e)
+						onClick: (t) => qe(e)
 					}, [o("i", {
 						class: h(e.icon),
 						"aria-hidden": "true"
-					}, null, 2), o("span", null, D(e.label), 1)], 8, Ct))), 128))])])) : i("", !0)], 64)) : (b(!0), a(e, { key: 0 }, C(Me.value, (e) => (b(), a("button", {
+					}, null, 2), o("span", null, D(e.label), 1)], 8, wt))), 128))])])) : i("", !0)], 64)) : (b(!0), a(e, { key: 0 }, C(Me.value, (e) => (b(), a("button", {
 						key: e.id,
 						class: h(["top-nav-bar__square-button", { "top-nav-bar__square-button--active": e.kind === "aia" && s.aiaActive }]),
 						type: "button",
@@ -1948,7 +1950,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 						"aria-label": e.label,
 						"aria-pressed": e.kind === "aia" ? s.aiaActive : void 0,
 						title: e.label,
-						onClick: (t) => Ke(e)
+						onClick: (t) => qe(e)
 					}, [e.kind === "aia" ? w(n.$slots, "aia-icon", {}, () => [o("i", {
 						class: h(e.icon),
 						"aria-hidden": "true"
@@ -1959,17 +1961,17 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 						key: 2,
 						class: h(e.icon),
 						"aria-hidden": "true"
-					}, null, 2))], 10, yt))), 128))])) : i("", !0),
-					n.$slots.actions ? (b(), a("div", wt, [w(n.$slots, "actions", {
+					}, null, 2))], 10, bt))), 128))])) : i("", !0),
+					n.$slots.actions ? (b(), a("div", Tt, [w(n.$slots, "actions", {
 						compact: J.value.collapseActions,
-						close: nr
+						close: rr
 					})])) : i("", !0),
 					Pe.value ? (b(), a("div", {
 						key: 3,
 						class: "top-nav-bar__user-menu",
 						"data-top-nav-user": "",
-						onMouseenter: u[7] ||= (e) => X.value && Q() && (V.value = !0),
-						onMouseleave: u[8] ||= (e) => Q() && (V.value = !1)
+						onMouseenter: u[7] ||= (e) => X.value && Z() && (V.value = !0),
+						onMouseleave: u[8] ||= (e) => Z() && (V.value = !1)
 					}, [o("button", {
 						class: "top-nav-bar__user-trigger",
 						type: "button",
@@ -1984,42 +1986,42 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 						src: s.user.avatarUrl,
 						alt: "",
 						class: "top-nav-bar__user-avatar"
-					}, null, 8, Et)) : (b(), a("span", Dt, D(ze.value), 1)), s.user && !J.value.hideUserName ? (b(), a("span", Ot, [o("span", kt, D(s.user.name), 1), s.user.subtitle ? (b(), a("span", At, D(s.user.subtitle), 1)) : i("", !0)])) : i("", !0)]), X.value ? (b(), a("i", jt)) : i("", !0)], 8, Tt), X.value && V.value ? (b(), a("div", Mt, [o("div", Nt, [w(n.$slots, "user-menu", {
+					}, null, 8, Dt)) : (b(), a("span", Ot, D(Be.value), 1)), s.user && !J.value.hideUserName ? (b(), a("span", kt, [o("span", At, D(s.user.name), 1), s.user.subtitle ? (b(), a("span", jt, D(s.user.subtitle), 1)) : i("", !0)])) : i("", !0)]), X.value ? (b(), a("i", Mt)) : i("", !0)], 8, Et), X.value && V.value ? (b(), a("div", Nt, [o("div", Pt, [w(n.$slots, "user-menu", {
 						items: Ne.value,
-						select: qe
-					}, () => [(b(!0), a(e, null, C(Ne.value, (t) => (b(), a(e, { key: t.id }, [t.separator ? (b(), a("div", Pt)) : (b(), a("button", {
+						select: Je
+					}, () => [(b(!0), a(e, null, C(Ne.value, (t) => (b(), a(e, { key: t.id }, [t.separator ? (b(), a("div", Ft)) : (b(), a("button", {
 						key: 1,
 						class: "top-nav-bar__menu-item",
 						type: "button",
 						role: "menuitem",
 						disabled: t.disabled,
-						onClick: (e) => qe(t)
+						onClick: (e) => Je(t)
 					}, [t.icon ? (b(), a("i", {
 						key: 0,
 						class: h(t.icon),
 						"aria-hidden": "true"
-					}, null, 2)) : i("", !0), o("span", null, D(t.label), 1)], 8, Ft))], 64))), 128))])])])) : i("", !0)], 32)) : i("", !0)
+					}, null, 2)) : i("", !0), o("span", null, D(t.label), 1)], 8, It))], 64))), 128))])])])) : i("", !0)], 32)) : i("", !0)
 				])
 			], 2),
-			o("div", It, [
+			o("div", Lt, [
 				o("button", {
 					class: "top-nav-bar__crumb",
 					type: "button",
-					onClick: u[9] ||= (e) => $(s.homeItem)
+					onClick: u[9] ||= (e) => Q(s.homeItem)
 				}, [l(O(De), { icon: O(Se) }, null, 8, ["icon"]), o("span", null, D(s.homeItem.label), 1)]),
-				Y.value.length ? (b(), a("span", Lt, "/")) : i("", !0),
+				Y.value.length ? (b(), a("span", Rt, "/")) : i("", !0),
 				Y.value.length ? (b(), a("div", {
 					key: 1,
 					class: "top-nav-bar__dropdown top-nav-bar__desktop-navigation",
 					"data-top-nav-navigation": "",
-					onMouseenter: Ze,
-					onMouseleave: Qe
+					onMouseenter: Qe,
+					onMouseleave: $e
 				}, [o("button", {
 					class: "top-nav-bar__crumb",
 					type: "button",
 					"aria-haspopup": "menu",
 					"aria-expanded": F.value,
-					onClick: qn
+					onClick: Jn
 				}, [
 					u[25] ||= o("i", {
 						class: "pi pi-bars",
@@ -2030,28 +2032,28 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 						class: "pi pi-chevron-down top-nav-bar__chevron",
 						"aria-hidden": "true"
 					}, null, -1)
-				], 8, Rt), F.value ? (b(), a("div", zt, [o("div", Bt, [o("div", Vt, [(b(!0), a(e, null, C(Y.value, (e) => (b(), a("button", {
+				], 8, zt), F.value ? (b(), a("div", Bt, [o("div", Vt, [o("div", Ht, [(b(!0), a(e, null, C(Y.value, (e) => (b(), a("button", {
 					key: e.id,
 					class: h(["top-nav-bar__menu-item", { "top-nav-bar__menu-item--explored": I.value === e.id }]),
 					type: "button",
 					role: "menuitem",
 					"aria-haspopup": "menu",
 					"aria-expanded": I.value === e.id,
-					onMouseenter: (t) => Jn(e.id),
-					onClick: (t) => Yn(e.id)
+					onMouseenter: (t) => Yn(e.id),
+					onClick: (t) => Xn(e.id)
 				}, [
 					e.icon ? (b(), a("i", {
 						key: 0,
 						class: h(e.icon),
 						"aria-hidden": "true"
 					}, null, 2)) : i("", !0),
-					o("span", Ut, D(e.label), 1),
-					o("span", Wt, D(e.children.length), 1),
+					o("span", Wt, D(e.label), 1),
+					o("span", Gt, D(e.children.length), 1),
 					u[27] ||= o("i", {
 						class: "pi pi-chevron-right top-nav-bar__menu-arrow",
 						"aria-hidden": "true"
 					}, null, -1)
-				], 42, Ht))), 128))]), Oe.value ? (b(), a("div", Gt, [(b(!0), a(e, null, C(Ae.value, (t, n) => (b(), a("div", {
+				], 42, Ut))), 128))]), Oe.value ? (b(), a("div", Kt, [(b(!0), a(e, null, C(Ae.value, (t, n) => (b(), a("div", {
 					key: `navigation-level-${n}`,
 					class: h(["top-nav-bar__cascade-level", { "top-nav-bar__section-items": n === 0 }]),
 					role: "menu"
@@ -2066,17 +2068,17 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					disabled: e.disabled,
 					"aria-haspopup": e.children?.length ? "menu" : void 0,
 					"aria-expanded": e.children?.length ? L.value[n] === e.id : void 0,
-					onMouseenter: (t) => Zn(e, n, !0),
-					onClick: (t) => Zn(e, n, !1)
+					onMouseenter: (t) => Qn(e, n, !0),
+					onClick: (t) => Qn(e, n, !1)
 				}, [
 					e.icon ? (b(), a("i", {
 						key: 0,
 						class: h(e.icon),
 						"aria-hidden": "true"
 					}, null, 2)) : i("", !0),
-					o("span", qt, D(e.label), 1),
-					e.children?.length ? (b(), a("i", Jt)) : i("", !0)
-				], 42, Kt))), 128))]))), 128))], 2))), 128))])) : i("", !0)])])) : i("", !0)], 32)) : i("", !0),
+					o("span", Jt, D(e.label), 1),
+					e.children?.length ? (b(), a("i", Yt)) : i("", !0)
+				], 42, qt))), 128))]))), 128))], 2))), 128))])) : i("", !0)])])) : i("", !0)], 32)) : i("", !0),
 				(b(!0), a(e, null, C(Te.value, (t, n) => (b(), a(e, { key: t.id }, [o("span", {
 					class: h(["top-nav-bar__separator", { "top-nav-bar__separator--current": !t.to && n === Te.value.length - 1 }]),
 					"aria-hidden": "true"
@@ -2084,19 +2086,19 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					key: 0,
 					class: "top-nav-bar__dropdown top-nav-bar__breadcrumb-dropdown",
 					"data-top-nav-breadcrumb": "",
-					onMouseenter: (e) => !ce.value && $n(t.id),
-					onMouseleave: u[10] ||= (e) => !ce.value && er()
-				}, [ce.value ? (b(), a("span", Xt, D(t.label), 1)) : (b(), a("button", {
+					onMouseenter: (e) => !ce.value && er(t.id),
+					onMouseleave: u[10] ||= (e) => !ce.value && tr()
+				}, [ce.value ? (b(), a("span", Zt, D(t.label), 1)) : (b(), a("button", {
 					key: 1,
 					class: "top-nav-bar__crumb",
 					type: "button",
 					"aria-haspopup": "menu",
 					"aria-expanded": R.value === t.id,
-					onClick: (e) => tr(t.id)
+					onClick: (e) => nr(t.id)
 				}, [o("span", null, D(t.label), 1), u[28] ||= o("i", {
 					class: "pi pi-chevron-down top-nav-bar__chevron",
 					"aria-hidden": "true"
-				}, null, -1)], 8, Zt)), !ce.value && R.value === t.id ? (b(), a("div", Qt, [o("div", $t, [(b(!0), a(e, null, C(ke(Ee(t)?.children ?? [], z.value), (n, r) => (b(), a("div", {
+				}, null, -1)], 8, Qt)), !ce.value && R.value === t.id ? (b(), a("div", $t, [o("div", en, [(b(!0), a(e, null, C(ke(Ee(t)?.children ?? [], z.value), (n, r) => (b(), a("div", {
 					key: `breadcrumb-${t.id}-${r}`,
 					class: h(["top-nav-bar__cascade-level", { "top-nav-bar__breadcrumb-main-items": r === 0 }])
 				}, [(b(!0), a(e, null, C(je(n), (n, s) => (b(), a("div", {
@@ -2108,26 +2110,26 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					type: "button",
 					role: "menuitem",
 					disabled: e.disabled,
-					onMouseenter: (t) => Qn(e, r, !0),
-					onClick: (t) => Qn(e, r, !1)
+					onMouseenter: (t) => $n(e, r, !0),
+					onClick: (t) => $n(e, r, !1)
 				}, [
 					e.icon ? (b(), a("i", {
 						key: 0,
 						class: h(e.icon),
 						"aria-hidden": "true"
 					}, null, 2)) : i("", !0),
-					o("span", tn, D(e.label), 1),
-					e.children?.length ? (b(), a("i", nn)) : i("", !0)
-				], 42, en))), 128))]))), 128))], 2))), 128))])])) : i("", !0)], 40, Yt)) : t.to ? (b(), a("button", {
+					o("span", nn, D(e.label), 1),
+					e.children?.length ? (b(), a("i", rn)) : i("", !0)
+				], 42, tn))), 128))]))), 128))], 2))), 128))])])) : i("", !0)], 40, Xt)) : t.to ? (b(), a("button", {
 					key: 1,
 					class: "top-nav-bar__crumb",
 					type: "button",
-					onClick: (e) => $(t)
-				}, D(t.label), 9, rn)) : (b(), a("span", {
+					onClick: (e) => Q(t)
+				}, D(t.label), 9, an)) : (b(), a("span", {
 					key: 2,
 					class: "top-nav-bar__current",
 					title: t.label
-				}, [o("span", on, D(t.label), 1), s.showFavoriteToggle ? (b(), a("button", {
+				}, [o("span", sn, D(t.label), 1), s.showFavoriteToggle ? (b(), a("button", {
 					key: 0,
 					class: "top-nav-bar__favorite-toggle",
 					type: "button",
@@ -2137,22 +2139,22 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				}, [o("i", {
 					class: h(s.favoriteActive ? "pi pi-star-fill" : "pi pi-star"),
 					"aria-hidden": "true"
-				}, null, 2)], 8, sn)) : i("", !0)], 8, an))], 64))), 128)),
-				o("div", cn, [l(t, {
+				}, null, 2)], 8, cn)) : i("", !0)], 8, on))], 64))), 128)),
+				o("div", ln, [l(t, {
 					name: "top-nav-bar-favorites-trigger",
 					css: oe.value
 				}, {
-					default: j(() => [Ie.value && Z.value.length ? (b(), a("div", {
+					default: j(() => [Le.value && Ie.value.length ? (b(), a("div", {
 						key: 0,
 						class: "top-nav-bar__favorites-menu top-nav-bar__desktop-only",
 						"data-top-nav-favorites": "",
-						onMouseenter: u[12] ||= (e) => Q() && (W.value = !0),
-						onMouseleave: u[13] ||= (e) => Q() && (W.value = !1)
+						onMouseenter: u[12] ||= (e) => Z() && (U.value = !0),
+						onMouseleave: u[13] ||= (e) => Z() && (U.value = !1)
 					}, [o("button", {
 						class: "top-nav-bar__crumb",
 						type: "button",
 						"aria-haspopup": "menu",
-						"aria-expanded": W.value,
+						"aria-expanded": U.value,
 						onClick: dr
 					}, [
 						u[29] ||= o("i", {
@@ -2164,18 +2166,18 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 							class: "pi pi-chevron-down top-nav-bar__chevron",
 							"aria-hidden": "true"
 						}, null, -1)
-					], 8, ln), W.value ? (b(), a("div", un, [o("div", dn, [(b(!0), a(e, null, C(Z.value, (e) => (b(), a("button", {
+					], 8, un), U.value ? (b(), a("div", dn, [o("div", fn, [(b(!0), a(e, null, C(Ie.value, (e) => (b(), a("button", {
 						key: e.id,
 						class: "top-nav-bar__menu-item",
 						type: "button",
 						role: "menuitem",
 						disabled: e.disabled,
-						onClick: (t) => $(e)
+						onClick: (t) => Q(e)
 					}, [e.icon ? (b(), a("i", {
 						key: 0,
 						class: h(e.icon),
 						"aria-hidden": "true"
-					}, null, 2)) : i("", !0), o("span", null, D(e.label), 1)], 8, fn))), 128))])])) : i("", !0)], 32)) : i("", !0)]),
+					}, null, 2)) : i("", !0), o("span", null, D(e.label), 1)], 8, pn))), 128))])])) : i("", !0)], 32)) : i("", !0)]),
 					_: 1
 				}, 8, ["css"]), w(n.$slots, "breadcrumb-actions")])
 			]),
@@ -2186,15 +2188,15 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				"aria-hidden": "true"
 			}, [o("div", {
 				ref_key: "favoritesMeasureContentRef",
-				ref: k,
+				ref: ee,
 				class: "top-nav-bar__favorites-measure-content"
-			}, [o("span", pn, [u[31] ||= o("i", {
+			}, [o("span", mn, [u[31] ||= o("i", {
 				class: "pi pi-star-fill top-nav-bar__favorites-icon",
 				"aria-hidden": "true"
-			}, null, -1), o("span", null, D(s.favoriteLabel), 1)]), (b(!0), a(e, null, C(Z.value, (e, t) => (b(), a("span", {
+			}, null, -1), o("span", null, D(s.favoriteLabel), 1)]), (b(!0), a(e, null, C(Ie.value, (e, t) => (b(), a("span", {
 				key: `measure-${e.id}`,
 				class: "top-nav-bar__favorites-measure-item"
-			}, [t > 0 ? (b(), a("span", mn, "|")) : i("", !0), o("span", null, [e.icon ? (b(), a("i", {
+			}, [t > 0 ? (b(), a("span", hn, "|")) : i("", !0), o("span", null, [e.icon ? (b(), a("i", {
 				key: 0,
 				class: h(e.icon),
 				"aria-hidden": "true"
@@ -2203,30 +2205,30 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				name: "top-nav-bar-favorites-row",
 				css: oe.value
 			}, {
-				default: j(() => [Le.value ? (b(), a("div", hn, [o("span", gn, [u[32] ||= o("i", {
+				default: j(() => [Re.value ? (b(), a("div", gn, [o("span", _n, [u[32] ||= o("i", {
 					class: "pi pi-star-fill top-nav-bar__favorites-icon",
 					"aria-hidden": "true"
-				}, null, -1), o("span", null, D(s.favoriteLabel), 1)]), o("div", _n, [(b(!0), a(e, null, C(Z.value, (t, n) => (b(), a(e, { key: `row-${t.id}` }, [n > 0 ? (b(), a("span", vn, "|")) : i("", !0), o("button", {
+				}, null, -1), o("span", null, D(s.favoriteLabel), 1)]), o("div", vn, [(b(!0), a(e, null, C(Ie.value, (t, n) => (b(), a(e, { key: `row-${t.id}` }, [n > 0 ? (b(), a("span", yn, "|")) : i("", !0), o("button", {
 					class: "top-nav-bar__favorites-row-item",
 					type: "button",
 					disabled: t.disabled,
-					onClick: (e) => $(t)
+					onClick: (e) => Q(t)
 				}, [t.icon ? (b(), a("i", {
 					key: 0,
 					class: h(t.icon),
 					"aria-hidden": "true"
-				}, null, 2)) : i("", !0), o("span", null, D(t.label), 1)], 8, yn)], 64))), 128))])])) : i("", !0)]),
+				}, null, 2)) : i("", !0), o("span", null, D(t.label), 1)], 8, bn)], 64))), 128))])])) : i("", !0)]),
 				_: 1
 			}, 8, ["css"]),
-			l(O(H), {
+			l(O(ne), {
 				visible: P.value,
 				"onUpdate:visible": u[16] ||= (e) => P.value = e,
 				position: "left",
 				class: "top-nav-bar__mobile-drawer",
-				style: _([Ve.value, { width: "var(--top-nav-drawer-width, min(22rem, calc(100vw - 1.5rem)))" }])
+				style: _([He.value, { width: "var(--top-nav-drawer-width, min(22rem, calc(100vw - 1.5rem)))" }])
 			}, {
-				container: j(({ closeCallback: d }) => [o("div", bn, [
-					o("header", xn, [w(n.$slots, "drawer-header", { close: d }, () => [o("div", Sn, [w(n.$slots, "drawer-brand", {}, () => [w(n.$slots, "brand", { compact: !1 })])]), o("button", {
+				container: j(({ closeCallback: d }) => [o("div", xn, [
+					o("header", Sn, [w(n.$slots, "drawer-header", { close: d }, () => [o("div", Cn, [w(n.$slots, "drawer-brand", {}, () => [w(n.$slots, "brand", { compact: !1 })])]), o("button", {
 						class: "top-nav-bar__drawer-close top-nav-bar__square-button",
 						type: "button",
 						"aria-label": "Fechar navegação",
@@ -2234,12 +2236,12 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 					}, [...u[33] ||= [o("i", {
 						class: "pi pi-times",
 						"aria-hidden": "true"
-					}, null, -1)]], 8, Cn)])]),
-					s.searchable || Me.value.length || n.$slots["drawer-actions"] ? (b(), a("div", wn, [s.searchable ? w(n.$slots, "drawer-search", {
+					}, null, -1)]], 8, wn)])]),
+					s.searchable || Me.value.length || n.$slots["drawer-actions"] ? (b(), a("div", Tn, [s.searchable ? w(n.$slots, "drawer-search", {
 						query: K.value,
-						update: Ye,
-						clear: Xe
-					}, () => [o("div", Tn, [
+						update: Xe,
+						clear: Ze
+					}, () => [o("div", En, [
 						u[35] ||= o("i", {
 							class: "pi pi-search",
 							"aria-hidden": "true"
@@ -2252,143 +2254,143 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 							role: "searchbox",
 							placeholder: s.searchPlaceholder,
 							"aria-label": "Pesquisar no menu",
-							onInput: u[14] ||= (e) => Ye(e.target.value)
-						}, null, 40, En),
+							onInput: u[14] ||= (e) => Xe(e.target.value)
+						}, null, 40, Dn),
 						K.value ? (b(), a("button", {
 							key: 0,
 							class: "top-nav-bar__search-clear",
 							type: "button",
 							"aria-label": "Limpar pesquisa",
-							onClick: Xe
+							onClick: Ze
 						}, [...u[34] ||= [o("i", {
 							class: "pi pi-times",
 							"aria-hidden": "true"
 						}, null, -1)]])) : i("", !0)
 					])], void 0, 0) : i("", !0), w(n.$slots, "drawer-actions", {
 						actions: Me.value,
-						select: (e) => Ke(e, !0),
+						select: (e) => qe(e, !0),
 						close: d
 					}, () => [(b(!0), a(e, null, C(Me.value, (e) => (b(), a("button", {
 						key: `drawer-${e.id}`,
 						class: h(["top-nav-bar__drawer-action", { "top-nav-bar__drawer-action--active": e.kind === "aia" && s.aiaActive }]),
 						type: "button",
 						disabled: e.disabled,
-						onClick: (t) => Ke(e, !0)
+						onClick: (t) => qe(e, !0)
 					}, [o("i", {
 						class: h(e.icon),
 						"aria-hidden": "true"
-					}, null, 2), o("span", null, D(e.label), 1)], 10, Dn))), 128))])])) : i("", !0),
-					o("div", On, [
+					}, null, 2), o("span", null, D(e.label), 1)], 10, On))), 128))])])) : i("", !0),
+					o("div", kn, [
 						w(n.$slots, "drawer-before-menu", { close: d }),
-						o("div", kn, [Z.value.length ? (b(), a("section", An, [o("button", {
+						o("div", An, [Ie.value.length ? (b(), a("section", jn, [o("button", {
 							class: "top-nav-bar__mobile-item",
 							type: "button",
-							"aria-expanded": ie.value,
-							onClick: u[15] ||= (e) => ie.value = !ie.value
+							"aria-expanded": W.value,
+							onClick: u[15] ||= (e) => W.value = !W.value
 						}, [
 							u[36] ||= o("i", {
 								class: "pi pi-star-fill top-nav-bar__accent",
 								"aria-hidden": "true"
 							}, null, -1),
-							o("span", Mn, D(s.favoriteLabel), 1),
-							o("span", Nn, D(Z.value.length), 1),
+							o("span", Nn, D(s.favoriteLabel), 1),
+							o("span", Pn, D(Ie.value.length), 1),
 							o("i", {
-								class: h(["pi pi-chevron-down top-nav-bar__mobile-chevron", { "top-nav-bar__mobile-chevron--open": ie.value }]),
+								class: h(["pi pi-chevron-down top-nav-bar__mobile-chevron", { "top-nav-bar__mobile-chevron--open": W.value }]),
 								"aria-hidden": "true"
 							}, null, 2)
-						], 8, jn), l(t, { name: "top-nav-bar-menu-expand" }, {
-							default: j(() => [ie.value ? (b(), r($e, {
+						], 8, Mn), l(t, { name: "top-nav-bar-menu-expand" }, {
+							default: j(() => [W.value ? (b(), r(et, {
 								key: 0,
-								items: Z.value,
+								items: Ie.value,
 								"active-item-id": s.activeItemId,
 								level: 1,
-								onSelect: $
+								onSelect: Q
 							}, null, 8, ["items", "active-item-id"])) : i("", !0)]),
 							_: 1
 						})])) : i("", !0), w(n.$slots, "drawer-menu", {
 							sections: be.value,
-							select: $,
+							select: Q,
 							close: d
-						}, () => [be.value.length ? (b(), r($e, {
+						}, () => [be.value.length ? (b(), r(et, {
 							key: 0,
 							items: be.value,
 							"active-item-id": s.activeItemId,
 							"force-open": !!K.value.trim(),
 							"show-section-dividers": "",
-							onSelect: $
+							onSelect: Q
 						}, null, 8, [
 							"items",
 							"active-item-id",
 							"force-open"
-						])) : (b(), a("div", Pn, "Nenhum menu encontrado."))])]),
+						])) : (b(), a("div", Fn, "Nenhum menu encontrado."))])]),
 						w(n.$slots, "drawer-after-menu", { close: d })
 					]),
-					Pe.value || n.$slots["drawer-footer"] ? (b(), a("footer", Fn, [Pe.value ? w(n.$slots, "drawer-user", {
+					Pe.value || n.$slots["drawer-footer"] ? (b(), a("footer", In, [Pe.value ? w(n.$slots, "drawer-user", {
 						user: s.user,
 						client: s.client,
-						open: U.value,
-						toggle: () => U.value = !U.value
+						open: H.value,
+						toggle: () => H.value = !H.value
 					}, () => [o("button", {
 						class: "top-nav-bar__drawer-user",
 						type: "button",
 						"aria-haspopup": X.value ? "menu" : void 0,
-						"aria-expanded": X.value ? U.value : void 0,
-						onClick: Je
+						"aria-expanded": X.value ? H.value : void 0,
+						onClick: Ye
 					}, [
 						s.user?.avatarUrl ? (b(), a("img", {
 							key: 0,
 							src: s.user.avatarUrl,
 							alt: "",
 							class: "top-nav-bar__user-avatar"
-						}, null, 8, Ln)) : (b(), a("span", Rn, D(ze.value), 1)),
-						s.user ? (b(), a("span", zn, [o("span", Bn, D(s.user.name), 1), s.client ? (b(), a("span", Vn, [o("span", Hn, [u[37] ||= o("i", {
+						}, null, 8, Rn)) : (b(), a("span", zn, D(Be.value), 1)),
+						s.user ? (b(), a("span", Bn, [o("span", Vn, D(s.user.name), 1), s.client ? (b(), a("span", Hn, [o("span", Un, [u[37] ||= o("i", {
 							class: "pi pi-building",
 							"aria-hidden": "true"
-						}, null, -1), c(D(s.client.name), 1)]), s.client.subtitle ? (b(), a("span", Un, D(s.client.subtitle), 1)) : i("", !0)])) : i("", !0)])) : i("", !0),
-						X.value ? (b(), a("i", Wn)) : i("", !0)
-					], 8, In)], void 0, 0) : i("", !0), w(n.$slots, "drawer-footer", { close: d })])) : i("", !0)
+						}, null, -1), c(D(s.client.name), 1)]), s.client.subtitle ? (b(), a("span", Wn, D(s.client.subtitle), 1)) : i("", !0)])) : i("", !0)])) : i("", !0),
+						X.value ? (b(), a("i", Gn)) : i("", !0)
+					], 8, Ln)], void 0, 0) : i("", !0), w(n.$slots, "drawer-footer", { close: d })])) : i("", !0)
 				])]),
 				_: 3
 			}, 8, ["visible", "style"]),
-			l(O(ne), {
+			l(O(re), {
 				ref_key: "drawerUserMenuRef",
-				ref: re,
+				ref: ie,
 				class: "top-nav-bar__drawer-user-popup",
-				model: Be.value,
+				model: Ve.value,
 				popup: !0,
 				"append-to": "body",
 				"base-z-index": 10001,
-				onShow: u[17] ||= (e) => U.value = !0,
-				onHide: u[18] ||= (e) => U.value = !1
+				onShow: u[17] ||= (e) => H.value = !0,
+				onHide: u[18] ||= (e) => H.value = !1
 			}, null, 8, ["model"])
 		], 4));
 	}
-}), Jn = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, Yn = {
+}), Yn = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, Xn = {
 	key: 0,
 	class: "pi pi-spin pi-spinner"
-}, Xn = {
+}, Zn = {
 	key: 1,
 	class: "pi pi-search"
-}, Zn = {
+}, Qn = {
 	key: 1,
 	class: "flex items-center gap-1 !text-sm"
-}, Qn = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, $n = ["onClick"], er = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, tr = {
+}, $n = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, er = ["onClick"], tr = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, nr = {
 	key: 1,
 	class: "flex min-h-[100px] flex-col items-center justify-center gap-2 py-2"
-}, nr = {
+}, rr = {
 	key: 0,
 	class: "text-xs font-medium text-primary-600"
-}, rr = {
+}, ir = {
 	key: 2,
 	class: "text-xs text-secondary-500"
-}, ir = { key: 1 }, ar = {
+}, ar = { key: 1 }, or = {
 	key: 1,
 	class: "flex items-center gap-2 font-semibold"
-}, or = {
+}, sr = {
 	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" }
-}, sr = ["title"], cr = {
+}, $ = ["title"], cr = {
 	key: 0,
 	class: "top-select-option-prefix whitespace-nowrap font-bold text-primary-800 dark:text-primary-100"
 }, lr = {
@@ -2398,6 +2400,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 	key: 0,
 	class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
 }, dr = /* @__PURE__ */ u({
+	inheritAttrs: !1,
 	__name: "TopSelect",
 	props: {
 		modelValue: { default: null },
@@ -2466,25 +2469,28 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 		"change"
 	],
 	setup(t, { expose: r, emit: u }) {
-		let f = t, _ = u, x = te(), T = U, E = S(""), k = S(!1), ee = S(null), N = `top-select-${Math.random().toString(36).slice(2)}`, P = null, I = n({
+		let f = t, _ = u, x = te(), T = ee(), E = H, k = S(""), N = S(!1), P = S(null), L = `top-select-${Math.random().toString(36).slice(2)}`, R = null, z = n({
 			get: () => f.modelValue,
 			set: (e) => _("update:modelValue", e)
-		});
-		function L(e, t) {
+		}), B = n(() => {
+			let { class: e, ...t } = T;
+			return t;
+		}), V = n(() => I("top-field-control w-full h-auto text-xs", f.multiple ? "border-0 py-1 !shadow-none outline-none ring-0 rounded-[10px] pl-9 min-h-[40px]" : "border rounded-[10px] !pl-9 min-h-[36px]", T.class));
+		function ne(e, t) {
 			return e == null ? "" : String(typeof e == "object" ? e[t] ?? "" : e);
 		}
-		function R(e) {
-			return e == null ? "" : typeof f.optionLabel == "function" ? f.optionLabel(e) : L(e, f.optionLabel);
+		function re(e) {
+			return e == null ? "" : typeof f.optionLabel == "function" ? f.optionLabel(e) : ne(e, f.optionLabel);
 		}
-		function z(e) {
-			return f.optionPrefix ? L(e, f.optionPrefix) : "";
+		function ie(e) {
+			return f.optionPrefix ? ne(e, f.optionPrefix) : "";
 		}
-		function B(e, t = f.showSelectedPrefix) {
-			let n = R(e), r = z(e);
+		function U(e, t = f.showSelectedPrefix) {
+			let n = re(e), r = ie(e);
 			return t && r ? `${r} - ${n}` : n;
 		}
-		function V(e) {
-			let t = E.value;
+		function W(e) {
+			let t = k.value;
 			if (!t) return [{
 				text: e,
 				highlighted: !1
@@ -2495,46 +2501,47 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				highlighted: e.toLowerCase() === t.toLowerCase()
 			}));
 		}
-		function H() {
-			ee.value?.hide?.();
+		function G() {
+			P.value?.hide?.();
 		}
-		function ne() {
-			typeof window > "u" || window.dispatchEvent(new CustomEvent("top-select:close-others", { detail: { instanceId: N } }));
+		function ae() {
+			typeof window > "u" || window.dispatchEvent(new CustomEvent("top-select:close-others", { detail: { instanceId: L } }));
 		}
-		function re(e) {
-			e.detail?.instanceId !== N && H();
+		function oe(e) {
+			e.detail?.instanceId !== L && G();
 		}
-		function W() {
-			if (f.disabled || P) {
-				H();
+		function K() {
+			if (f.disabled || R) {
+				G();
 				return;
 			}
-			k.value = !0, ne();
+			N.value = !0, ae();
 		}
-		function ie() {
-			f.closeOnSelect && (k.value = !1, H(), m(H), P && clearTimeout(P), P = setTimeout(() => {
-				H(), P = null;
+		function q() {
+			f.closeOnSelect && (N.value = !1, G(), m(G), R && clearTimeout(R), R = setTimeout(() => {
+				G(), R = null;
 			}, 200));
 		}
-		return r({ hideDropdown: H }), y(() => window.addEventListener("top-select:close-others", re)), v(() => {
-			window.removeEventListener("top-select:close-others", re), P && clearTimeout(P);
+		return r({ hideDropdown: G }), y(() => window.addEventListener("top-select:close-others", oe)), v(() => {
+			window.removeEventListener("top-select:close-others", oe), R && clearTimeout(R);
 		}), A(() => f.disabled, (e) => {
-			e && (k.value = !1, H());
+			e && (N.value = !1, G());
 		}), A(() => f.options, () => {
-			k.value || H();
+			N.value || G();
 		}), (n, r) => (b(), a("div", {
 			class: h(["top-select top-solutions-component relative w-full", { "pointer-events-none": t.disabled }]),
-			onFocusin: W
-		}, [o("span", Jn, [w(n.$slots, "icon", { loading: t.loading }, () => [t.loading ? (b(), a("i", Yn)) : (b(), a("i", Xn))])]), l(O(T), {
+			onFocusin: K
+		}, [o("span", Yn, [w(n.$slots, "icon", { loading: t.loading }, () => [t.loading ? (b(), a("i", Xn)) : (b(), a("i", Zn))])]), l(O(E), p({
 			ref_key: "autocompleteRef",
-			ref: ee,
-			modelValue: I.value,
-			"onUpdate:modelValue": r[0] ||= (e) => I.value = e,
+			ref: P
+		}, B.value, {
+			modelValue: z.value,
+			"onUpdate:modelValue": r[0] ||= (e) => z.value = e,
 			"option-group-label": t.optionGroupLabel ?? void 0,
 			"option-group-children": t.optionGroupChildren ?? void 0,
 			suggestions: t.options,
 			"data-key": t.optionKey,
-			"option-label": (e) => B(e),
+			"option-label": (e) => U(e),
 			placeholder: t.placeholder,
 			multiple: t.multiple,
 			"min-length": t.minQueryLength,
@@ -2557,9 +2564,9 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			},
 			pt: {
 				root: { class: ["w-full text-xs", t.multiple ? "h-auto" : "h-[40px]"].join(" ") },
-				pcInputText: { root: { class: "top-field-control w-full h-auto text-xs border rounded-[10px] !pl-9 min-h-[36px]" } },
-				input: { class: ["top-field-control w-full h-auto text-xs", t.multiple ? "border-0 py-1 !shadow-none outline-none ring-0" : "border rounded-[10px] !pl-9 min-h-[36px]"].join(" ") },
-				inputMultiple: { class: "top-field-control rounded-[10px] pl-9 min-h-[40px]" },
+				pcInputText: { root: { class: V.value } },
+				input: { class: V.value },
+				inputMultiple: { class: V.value },
 				inputChip: { class: "py-0" },
 				token: { class: "bg-primary-100 text-primary-900 rounded-md gap-2 px-2 my-1 dark:bg-primary-900 dark:text-primary-100" },
 				removeTokenIcon: { class: "text-primary-900 w-3 h-3 cursor-pointer dark:text-primary-100" },
@@ -2578,48 +2585,48 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			},
 			"search-message": " ",
 			onClear: r[1] ||= (e) => {
-				E.value = "", _("clear");
+				k.value = "", _("clear");
 			},
 			onItemSelect: r[2] ||= (e) => {
-				E.value = "", _("select", e), ie();
+				k.value = "", _("select", e), q();
 			},
 			onComplete: r[3] ||= (e) => {
 				if (t.disabled) {
-					H();
+					G();
 					return;
 				}
-				E.value = e.query ?? "", ne(), _("search", {
+				k.value = e.query ?? "", ae(), _("search", {
 					...e,
-					query: E.value
+					query: k.value
 				});
 			},
 			onChange: r[4] ||= (e) => _("change", e)
-		}, s({
-			chip: j((e) => [O(x).chip ? w(n.$slots, "chip", g(d(e)), void 0, void 0, 0) : (b(), a("div", Zn, [o("div", Qn, [o("i", {
+		}), s({
+			chip: j((e) => [O(x).chip ? w(n.$slots, "chip", g(d(e)), void 0, void 0, 0) : (b(), a("div", Qn, [o("div", $n, [o("i", {
 				class: "pi pi-times-circle shrink-0 cursor-pointer rounded-full hover:bg-primary-800",
 				onClick: (t) => e.removeCallback(t)
-			}, null, 8, $n), M((b(), a("span", er, [c(D(B(e.value)), 1)])), [[
+			}, null, 8, er), M((b(), a("span", tr, [c(D(U(e.value)), 1)])), [[
 				O(F),
-				B(e.value),
+				U(e.value),
 				void 0,
 				{ top: !0 }
 			]])])]))]),
-			empty: j(() => [O(x).empty ? w(n.$slots, "empty", {}, void 0, void 0, 0) : t.loading ? (b(), a("div", tr, [r[5] ||= o("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), t.showLoadingMessage ? (b(), a("span", nr, D(t.loadingMessage), 1)) : i("", !0)])) : (b(), a("span", rr, D(t.emptyMessage), 1))]),
-			"selected-item": j((e) => [O(x)["selected-item"] ? w(n.$slots, "selected-item", g(d(e)), void 0, void 0, 0) : e.item ? (b(), a("span", ir, D(B(e.item)), 1)) : i("", !0)]),
-			optiongroup: j((e) => [O(x)["option-group"] ? w(n.$slots, "option-group", g(d(e)), void 0, void 0, 0) : (b(), a("div", ar, [e.option.icon ? (b(), a("i", {
+			empty: j(() => [O(x).empty ? w(n.$slots, "empty", {}, void 0, void 0, 0) : t.loading ? (b(), a("div", nr, [r[5] ||= o("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), t.showLoadingMessage ? (b(), a("span", rr, D(t.loadingMessage), 1)) : i("", !0)])) : (b(), a("span", ir, D(t.emptyMessage), 1))]),
+			"selected-item": j((e) => [O(x)["selected-item"] ? w(n.$slots, "selected-item", g(d(e)), void 0, void 0, 0) : e.item ? (b(), a("span", ar, D(U(e.item)), 1)) : i("", !0)]),
+			optiongroup: j((e) => [O(x)["option-group"] ? w(n.$slots, "option-group", g(d(e)), void 0, void 0, 0) : (b(), a("div", or, [e.option.icon ? (b(), a("i", {
 				key: 0,
 				class: h(e.option.icon)
 			}, null, 2)) : i("", !0), o("span", null, D(e.option[t.optionGroupLabel ?? "label"]), 1)]))]),
 			option: j((s) => [O(x).option ? w(n.$slots, "option", p(s, {
-				label: R(s.option),
-				prefix: z(s.option),
-				query: E.value
-			}), void 0, void 0, 0) : M((b(), a("div", or, [o("span", {
+				label: re(s.option),
+				prefix: ie(s.option),
+				query: k.value
+			}), void 0, void 0, 0) : M((b(), a("div", sr, [o("span", {
 				class: "top-select-option-label line-clamp-2 min-w-0 flex-1 text-secondary-700 dark:text-zinc-200",
-				title: R(s.option)
-			}, [t.showOptionPrefix && z(s.option) ? (b(), a("span", cr, [(b(!0), a(e, null, C(V(z(s.option)), (t, n) => (b(), a(e, { key: n }, [t.highlighted ? (b(), a("mark", lr, D(t.text), 1)) : (b(), a(e, { key: 1 }, [c(D(t.text), 1)], 64))], 64))), 128)), r[6] ||= o("span", { class: "font-bold text-secondary-500 dark:text-zinc-400" }, "\xA0-\xA0", -1)])) : i("", !0), (b(!0), a(e, null, C(V(R(s.option)), (t, n) => (b(), a(e, { key: n }, [t.highlighted ? (b(), a("mark", ur, D(t.text), 1)) : (b(), a(e, { key: 1 }, [c(D(t.text), 1)], 64))], 64))), 128))], 8, sr)])), [[
+				title: re(s.option)
+			}, [t.showOptionPrefix && ie(s.option) ? (b(), a("span", cr, [(b(!0), a(e, null, C(W(ie(s.option)), (t, n) => (b(), a(e, { key: n }, [t.highlighted ? (b(), a("mark", lr, D(t.text), 1)) : (b(), a(e, { key: 1 }, [c(D(t.text), 1)], 64))], 64))), 128)), r[6] ||= o("span", { class: "font-bold text-secondary-500 dark:text-zinc-400" }, "\xA0-\xA0", -1)])) : i("", !0), (b(!0), a(e, null, C(W(re(s.option)), (t, n) => (b(), a(e, { key: n }, [t.highlighted ? (b(), a("mark", ur, D(t.text), 1)) : (b(), a(e, { key: 1 }, [c(D(t.text), 1)], 64))], 64))), 128))], 8, $)])), [[
 				O(F),
-				t.showTooltip ? R(s.option) : null,
+				t.showTooltip ? re(s.option) : null,
 				void 0,
 				{ top: !0 }
 			]])]),
@@ -2628,7 +2635,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			name: "footer",
 			fn: j((e) => [w(n.$slots, "footer", g(d(e)))]),
 			key: "0"
-		} : void 0]), 1032, [
+		} : void 0]), 1040, [
 			"modelValue",
 			"option-group-label",
 			"option-group-children",
@@ -2674,8 +2681,8 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 			scrollable: t.scrollable,
 			"onUpdate:value": s[0] ||= (e) => i("update:modelValue", e)
 		}), {
-			default: j(() => [l(O(W), null, {
-				default: j(() => [(b(!0), a(e, null, C(t.tabs, (e) => (b(), r(O(re), {
+			default: j(() => [l(O(U), null, {
+				default: j(() => [(b(!0), a(e, null, C(t.tabs, (e) => (b(), r(O(ie), {
 					key: e.value,
 					value: e.value,
 					disabled: e.disabled
@@ -2685,7 +2692,7 @@ var De = /* @__PURE__ */ we(Ce, [["render", Ee], ["__file", "/Users/mahmudulhasa
 				}, 1032, ["value", "disabled"]))), 128))]),
 				_: 1
 			}), l(O(G), null, {
-				default: j(() => [(b(!0), a(e, null, C(t.tabs, (e) => (b(), r(O(ie), {
+				default: j(() => [(b(!0), a(e, null, C(t.tabs, (e) => (b(), r(O(W), {
 					key: e.value,
 					value: e.value
 				}, {
@@ -3019,6 +3026,6 @@ var mr = Symbol("top-accordion-context"), hr = /* @__PURE__ */ u({
 	}
 });
 //#endregion
-export { hr as a, qn as c, Ve as d, be as f, le as h, vr as i, Ye as l, ue as m, Pr as n, fr as o, he as p, Dr as r, dr as s, zr as t, Q as u };
+export { hr as a, Jn as c, He as d, be as f, le as h, vr as i, Xe as l, ue as m, Pr as n, fr as o, he as p, Dr as r, dr as s, zr as t, Z as u };
 
-//# sourceMappingURL=TopToast-BI4cWWtd.js.map
+//# sourceMappingURL=TopToast-Dw5MKTR2.js.map