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

package/dist/{TopToast-C7cOTxTp.js → TopToast-CXC-8FkA.js}

@@ -6,10 +6,10 @@ import P from "primevue/dialog";
 import F from "primevue/datepicker";
 import I from "primevue/fileupload";
 import L from "primevue/inputtext";
-import ee from "primevue/autocomplete";
-import R from "primevue/toast";
+import R from "primevue/autocomplete";
+import z from "primevue/toast";
 //#region src/components/TopButton.vue?vue&type=script&setup=true&lang.ts
-var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px] bg-transparent" }, B = /* @__PURE__ */ l({
+var B = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px] bg-transparent" }, V = /* @__PURE__ */ l({
 	__name: "TopButton",
 	props: {
 		tooltip: { default: "" },
@@ -46,7 +46,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			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, r) => (v(), i("span", z, [A((v(), n(w(j), {
+		return (t, r) => (v(), i("span", B, [A((v(), n(w(j), {
 			type: e.type,
 			label: e.label,
 			disabled: e.disabled || e.loading,
@@ -81,7 +81,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			{ top: !0 }
 		]])]));
 	}
-}), V = {
+}), H = {
 	primary: {
 		50: "#EEF9FF",
 		100: "#DFF4FF",
@@ -147,7 +147,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 		900: "#5D0803",
 		950: "#450501"
 	}
-}, H = ["aria-label", "disabled"], U = { class: "flex flex-col items-center gap-2 pt-2" }, W = { class: "text-base font-bold text-secondary-900 dark:text-zinc-100" }, G = { class: "text-sm leading-5 text-secondary-700 dark:text-zinc-300" }, K = { class: "mt-2 flex w-full items-center justify-center gap-3" }, q = /* @__PURE__ */ l({
+}, U = ["aria-label", "disabled"], W = { class: "flex flex-col items-center gap-2 pt-2" }, G = { class: "text-base font-bold text-secondary-900 dark:text-zinc-100" }, K = { class: "text-sm leading-5 text-secondary-700 dark:text-zinc-300" }, q = { class: "mt-2 flex w-full items-center justify-center gap-3" }, J = /* @__PURE__ */ l({
 	__name: "TopConfirmDialog",
 	props: {
 		modelValue: {
@@ -179,8 +179,8 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				!e && i.loading || o("update:modelValue", e);
 			}
 		}), u = t(() => ({
-			"--top-confirm-dialog-accent": i.severity === "danger" ? V.danger[600] : V.primary[800],
-			"--top-confirm-dialog-accent-hover": i.severity === "danger" ? V.danger[700] : V.primary[700]
+			"--top-confirm-dialog-accent": i.severity === "danger" ? H.danger[600] : H.primary[800],
+			"--top-confirm-dialog-accent-hover": i.severity === "danger" ? H.danger[700] : H.primary[700]
 		})), d = t(() => ["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 || o("confirm");
@@ -225,19 +225,19 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				}, [...r[2] ||= [a("i", {
 					class: "pi pi-times text-lg",
 					"aria-hidden": "true"
-				}, null, -1)]], 8, H),
-				a("div", U, [a("i", {
+				}, null, -1)]], 8, U),
+				a("div", W, [a("i", {
 					class: p([e.icon, "top-confirm-dialog__icon text-[40px]"]),
 					"aria-hidden": "true"
-				}, null, 2), a("p", W, C(e.title), 1)]),
-				a("div", G, [x(t.$slots, "message", {}, () => [x(t.$slots, "default", {}, () => [s(C(e.message), 1)])])]),
-				a("div", K, [c(B, {
+				}, null, 2), a("p", G, C(e.title), 1)]),
+				a("div", K, [x(t.$slots, "message", {}, () => [x(t.$slots, "default", {}, () => [s(C(e.message), 1)])])]),
+				a("div", q, [c(V, {
 					label: e.cancelText,
 					secondary: "",
 					disabled: e.loading,
 					class: "px-3 py-2 text-sm",
 					onClick: m
-				}, null, 8, ["label", "disabled"]), c(B, {
+				}, null, 8, ["label", "disabled"]), c(V, {
 					label: e.loading ? e.loadingText : e.confirmText,
 					loading: e.loading,
 					class: p(d.value),
@@ -255,11 +255,11 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			"aria-label"
 		]));
 	}
-}), J = { class: "top-date-picker top-solutions-component flex w-full flex-col gap-1" }, Y = ["for"], X = {
+}), Y = { class: "top-date-picker top-solutions-component flex w-full flex-col gap-1" }, X = ["for"], Z = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "text-red-600 dark:text-red-400"
-}, Z = ["id"], te = /* @__PURE__ */ l({
+}, ee = ["id"], te = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "TopDatePicker",
 	props: {
@@ -350,12 +350,12 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			}
 			l("input", e);
 		}
-		return (t, n) => (v(), i("div", J, [
+		return (t, n) => (v(), i("div", Y, [
 			e.label ? (v(), i("label", {
 				key: 0,
 				for: g.value,
 				class: "top-field-label text-xs font-bold"
-			}, [s(C(e.label) + " ", 1), e.required ? (v(), i("span", X, "*")) : r("", !0)], 8, Y)) : r("", !0),
+			}, [s(C(e.label) + " ", 1), e.required ? (v(), i("span", Z, "*")) : r("", !0)], 8, X)) : r("", !0),
 			c(w(F), d(j.value, {
 				"model-value": e.modelValue,
 				"input-id": g.value,
@@ -417,7 +417,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				id: _.value,
 				class: "text-[11px] text-red-600 dark:text-red-400",
 				role: "alert"
-			}, C(e.error), 9, Z)) : r("", !0)
+			}, C(e.error), 9, ee)) : r("", !0)
 		]));
 	}
 }), ne = [["path", {
@@ -434,7 +434,21 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 	strokeLinejoin: "round",
 	strokeWidth: "1.5",
 	key: "1"
-}]], Q = l({
+}]], Q = [["path", {
+	d: "M12.8924 2.80982L21.4876 9.59547C21.8112 9.85095 22 10.2405 22 10.6528C22 11.3969 21.3969 12 20.6528 12H20V15.5C20 18.3284 20 19.7426 19.1213 20.6213C18.2426 21.5 16.8284 21.5 14 21.5H10C7.17157 21.5 5.75736 21.5 4.87868 20.6213C4 19.7426 4 18.3284 4 15.5V12H3.34716C2.60315 12 2 11.3969 2 10.6528C2 10.2405 2.1888 9.85095 2.5124 9.59547L11.1076 2.80982C11.3617 2.60915 11.6761 2.5 12 2.5C12.3239 2.5 12.6383 2.60915 12.8924 2.80982Z",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5",
+	key: "0"
+}], ["path", {
+	d: "M14.5 21.5V17C14.5 16.0654 14.5 15.5981 14.299 15.25C14.1674 15.022 13.978 14.8326 13.75 14.701C13.4019 14.5 12.9346 14.5 12 14.5C11.0654 14.5 10.5981 14.5 10.25 14.701C10.022 14.8326 9.83261 15.022 9.70096 15.25C9.5 15.5981 9.5 16.0654 9.5 17V21.5",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5",
+	key: "1"
+}]], $ = l({
 	name: "HugeiconsIcon",
 	inheritAttrs: !1,
 	props: {
@@ -492,16 +506,16 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			currentIcon: t(() => e.altIcon && e.showAlt ? e.altIcon : e.icon)
 		};
 	}
-}), $ = (e, t) => {
+}), re = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, re = [
+}, ie = [
 	"width",
 	"height",
 	"color"
 ];
-function ie(t, r, a, o, s, c) {
+function ae(t, r, a, o, s, c) {
 	return v(), i("svg", d({
 		width: t.computedSize,
 		height: t.computedSize,
@@ -512,30 +526,30 @@ function ie(t, r, a, o, s, c) {
 	}, t.$attrs), [(v(!0), i(e, null, b(t.currentIcon, (e, r) => (v(), n(S(e[0]), d({
 		key: r,
 		ref_for: !0
-	}, t.transformAttrs(e[1], t.calculatedStrokeWidth)), null, 16))), 128))], 16, re);
+	}, t.transformAttrs(e[1], t.calculatedStrokeWidth)), null, 16))), 128))], 16, ie);
 }
-var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/Desktop/Projects/Hugeicons/hugeicons-monorepo/packages/vue/src/components/HugeiconsIcon.vue"]]), oe = { class: "top-file-upload top-solutions-component flex w-full flex-col gap-1" }, se = ["for"], ce = {
+var oe = /* @__PURE__ */ re($, [["render", ae], ["__file", "/Users/mahmudulhasan/Desktop/Projects/Hugeicons/hugeicons-monorepo/packages/vue/src/components/HugeiconsIcon.vue"]]), se = { class: "top-file-upload top-solutions-component flex w-full flex-col gap-1" }, ce = ["for"], le = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "text-red-600 dark:text-red-400"
-}, le = { class: "flex min-h-[130px] w-full flex-col items-center justify-center gap-3" }, ue = {
+}, ue = { class: "flex min-h-[130px] w-full flex-col items-center justify-center gap-3" }, de = {
 	class: "top-file-upload__empty-icon",
 	"aria-hidden": "true"
-}, de = {
+}, fe = {
 	key: 0,
 	"aria-label": "Carregando...",
 	class: "pi pi-spin pi-spinner text-5xl"
-}, fe = { class: "m-0 text-center text-xs text-secondary-600 dark:text-zinc-300" }, pe = {
+}, pe = { class: "m-0 text-center text-xs text-secondary-600 dark:text-zinc-300" }, me = {
 	key: 1,
 	class: "flex w-full flex-col gap-2"
-}, me = ["src", "alt"], he = {
+}, he = ["src", "alt"], ge = {
 	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"
-}, ge = { class: "min-w-0 flex-1" }, _e = { class: "m-0 truncate text-xs font-bold text-secondary-900 dark:text-zinc-100" }, ve = { class: "text-[11px] text-secondary-500 dark:text-zinc-400" }, ye = [
+}, _e = { class: "min-w-0 flex-1" }, ve = { class: "m-0 truncate text-xs font-bold text-secondary-900 dark:text-zinc-100" }, ye = { class: "text-[11px] text-secondary-500 dark:text-zinc-400" }, be = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], be = ["id"], xe = /* @__PURE__ */ l({
+], xe = ["id"], Se = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "TopFileUpload",
 	props: {
@@ -574,10 +588,10 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 		"error"
 	],
 	setup(o, { expose: l, emit: u }) {
-		let d = o, p = u, m = T(), h = E(), S = y(null), D = y(R(d.modelValue)), A = y([]), j = /* @__PURE__ */ new Map(), M = t(() => m.id === void 0 || m.id === null || m.id === "" ? h : String(m.id)), N = t(() => `${M.value}-error`), P = t(() => d.error || A.value[0]?.message || ""), F = t(() => d.disabled || d.loading), L = t(() => {
+		let d = o, p = u, m = T(), h = E(), S = y(null), D = y(z(d.modelValue)), A = y([]), j = /* @__PURE__ */ new Map(), M = t(() => m.id === void 0 || m.id === null || m.id === "" ? h : String(m.id)), N = t(() => `${M.value}-error`), P = t(() => d.error || A.value[0]?.message || ""), F = t(() => d.disabled || d.loading), L = t(() => {
 			let e = m["aria-describedby"], t = [typeof e == "string" ? e : "", P.value ? N.value : ""].filter(Boolean);
 			return t.length ? t.join(" ") : void 0;
-		}), ee = t(() => ({
+		}), R = t(() => ({
 			...m,
 			id: M.value,
 			required: d.required,
@@ -585,29 +599,29 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 			"aria-describedby": L.value,
 			"aria-label": m["aria-label"] || (d.label ? void 0 : d.selectLabel)
 		}));
-		function R(e) {
+		function z(e) {
 			return e ? Array.isArray(e) ? d.multiple ? [...e] : e.slice(0, 1) : [e] : [];
 		}
-		function z(e, t) {
+		function B(e, t) {
 			return e.name === t.name && e.type === t.type && e.size === t.size;
 		}
-		function V(e) {
+		function H(e) {
 			return !d.accept.trim() || d.accept.split(",").some((t) => {
 				let n = t.trim().toLowerCase(), r = e.type.toLowerCase();
 				return n ? n.startsWith(".") ? e.name.toLowerCase().endsWith(n) : n.endsWith("/*") ? r.startsWith(n.slice(0, -1)) : r === n : !1;
 			});
 		}
-		function H(e) {
+		function U(e) {
 			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(2)} MB`;
 		}
-		function U(e) {
+		function W(e) {
 			let t = [];
 			return {
 				errors: t,
-				validFiles: e.filter((e) => V(e) ? d.maxFileSize && e.size > d.maxFileSize ? (t.push({
+				validFiles: e.filter((e) => H(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 ${H(d.maxFileSize)}.`
+					message: `O arquivo "${e.name}" excede o tamanho máximo de ${U(d.maxFileSize)}.`
 				}), !1) : !0 : (t.push({
 					code: "file-type",
 					file: e,
@@ -615,23 +629,23 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 				}), !1))
 			};
 		}
-		function W(e) {
+		function G(e) {
 			let t = e.originalEvent;
 			return Array.from(t.dataTransfer?.files ?? t.target?.files ?? []);
 		}
-		function G(e) {
+		function K(e) {
 			return d.multiple ? [...e] : e[0] ?? null;
 		}
-		function K() {
+		function q() {
 			S.value && (S.value.files = [...D.value]);
 		}
-		function q(e, t) {
-			D.value = e, A.value = [], $(), f(K);
-			let n = G(e);
+		function J(e, t) {
+			D.value = e, A.value = [], $(), f(q);
+			let n = K(e);
 			p("update:modelValue", n), p("change", n), t === "select" && p("select", [...e]), t === "clear" && p("clear");
 		}
-		function J(e) {
-			let { errors: t, validFiles: n } = U(W(e)), r = d.multiple ? [...D.value, ...n.filter((e) => !D.value.some((t) => z(t, e)))] : n.slice(-1);
+		function Y(e) {
+			let { errors: t, validFiles: n } = W(G(e)), r = d.multiple ? [...D.value, ...n.filter((e) => !D.value.some((t) => B(t, e)))] : n.slice(-1);
 			if (d.maxFiles && r.length > d.maxFiles) {
 				let e = r.slice(d.maxFiles);
 				t.push(...e.map((e) => ({
@@ -640,28 +654,28 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 					message: `O limite máximo é de ${d.maxFiles} arquivo(s).`
 				}))), r = r.slice(0, d.maxFiles);
 			}
-			if (t.length ? (A.value = t, p("error", t)) : A.value = [], K(), n.length && !Y(r, D.value)) {
-				D.value = r, $(), f(K);
-				let e = G(r);
+			if (t.length ? (A.value = t, p("error", t)) : A.value = [], q(), n.length && !X(r, D.value)) {
+				D.value = r, $(), f(q);
+				let e = K(r);
 				p("update:modelValue", e), p("change", e), p("select", [...r]);
 			}
 		}
-		function Y(e, t) {
-			return e.length === t.length && e.every((e, n) => z(e, t[n]));
+		function X(e, t) {
+			return e.length === t.length && e.every((e, n) => B(e, t[n]));
 		}
-		function X() {
+		function Z() {
 			F.value || S.value?.choose();
 		}
-		function Z(e, t) {
+		function ee(e, t) {
 			if (F.value) return;
 			let n = D.value[t];
 			if (!n) return;
 			e(t);
 			let r = D.value.filter((e, n) => n !== t);
-			q(r, "remove"), p("remove", n, t), r.length || p("clear");
+			J(r, "remove"), p("remove", n, t), r.length || p("clear");
 		}
 		function te() {
-			F.value || !D.value.length || q([], "clear");
+			F.value || !D.value.length || J([], "clear");
 		}
 		function Q(e) {
 			if (!e.type.startsWith("image/") || typeof URL.createObjectURL != "function") return "";
@@ -674,23 +688,23 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 			for (let [e, t] of j) D.value.includes(e) || (URL.revokeObjectURL(t), j.delete(e));
 		}
 		return O(() => d.modelValue, (e) => {
-			let t = R(e);
-			Y(t, D.value) || (D.value = t, A.value = [], $(), f(K));
+			let t = z(e);
+			X(t, D.value) || (D.value = t, A.value = [], $(), f(q));
 		}), O(() => d.multiple, () => {
-			let e = R(d.modelValue);
-			D.value = e, $(), f(K);
-		}), _(K), g(() => {
+			let e = z(d.modelValue);
+			D.value = e, $(), f(q);
+		}), _(q), g(() => {
 			for (let e of j.values()) URL.revokeObjectURL(e);
 			j.clear();
 		}), l({
-			choose: X,
+			choose: Z,
 			clear: te
-		}), (t, l) => (v(), i("div", oe, [
+		}), (t, l) => (v(), i("div", se, [
 			o.label ? (v(), i("label", {
 				key: 0,
 				for: M.value,
 				class: "text-xs font-bold text-secondary-800 dark:text-zinc-200"
-			}, [s(C(o.label) + " ", 1), o.required ? (v(), i("span", ce, "*")) : r("", !0)], 8, se)) : r("", !0),
+			}, [s(C(o.label) + " ", 1), o.required ? (v(), i("span", le, "*")) : r("", !0)], 8, ce)) : r("", !0),
 			c(w(I), {
 				ref_key: "fileUploadRef",
 				ref: S,
@@ -704,16 +718,16 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 				pt: {
 					root: { class: "top-file-upload__root w-full" },
 					header: { class: "hidden" },
-					input: ee.value,
+					input: R.value,
 					content: { class: [
 						"top-file-upload__dropzone min-h-[224px] rounded-[10px] border p-4 transition-colors",
 						P.value ? "border-red-600 bg-red-50 dark:border-red-400 dark:bg-red-950/20" : "border-secondary-300 bg-white hover:border-primary-600 hover:bg-primary-50 dark:border-zinc-600 dark:bg-zinc-800 dark:hover:border-primary-400 dark:hover:bg-zinc-700",
 						F.value ? "cursor-not-allowed opacity-60" : ""
 					].join(" ") }
 				},
-				onSelect: J
+				onSelect: Y
 			}, {
-				content: k(({ removeFileCallback: s }) => [a("div", le, [D.value.length ? (v(), i("div", pe, [(v(!0), i(e, null, b(D.value, (e, n) => (v(), i("div", {
+				content: k(({ removeFileCallback: s }) => [a("div", ue, [D.value.length ? (v(), i("div", me, [(v(!0), i(e, null, b(D.value, (e, n) => (v(), i("div", {
 					key: `${e.name}-${e.size}-${e.lastModified}`,
 					class: "flex min-w-0 items-center gap-3 rounded-[10px] border border-secondary-300 bg-white p-3 dark:border-zinc-600 dark:bg-zinc-900"
 				}, [
@@ -726,22 +740,22 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 						src: Q(e),
 						alt: `Pré-visualização de ${e.name}`,
 						class: "size-12 shrink-0 rounded-lg object-cover"
-					}, null, 8, me)) : (v(), i("span", he, [...l[0] ||= [a("i", {
+					}, null, 8, he)) : (v(), i("span", ge, [...l[0] ||= [a("i", {
 						class: "pi pi-file text-2xl",
 						"aria-hidden": "true"
 					}, null, -1)]]))]),
-					a("div", ge, [a("p", _e, C(e.name), 1), a("span", ve, C(H(e.size)), 1)]),
+					a("div", _e, [a("p", ve, C(e.name), 1), a("span", ye, C(U(e.size)), 1)]),
 					a("button", {
 						type: "button",
 						class: "flex size-8 shrink-0 items-center justify-center rounded-full border-0 bg-transparent p-0 text-red-600 transition-colors hover:bg-red-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:text-red-400 dark:hover:bg-red-950/40 dark:focus-visible:ring-offset-zinc-900",
 						"aria-label": `${o.removeLabel}: ${e.name}`,
 						disabled: F.value,
-						onClick: (e) => Z(s, n)
+						onClick: (e) => ee(s, n)
 					}, [...l[1] ||= [a("i", {
 						class: "pi pi-times",
 						"aria-hidden": "true"
-					}, null, -1)]], 8, ye)
-				]))), 128)), o.multiple && (!o.maxFiles || D.value.length < o.maxFiles) ? (v(), n(B, {
+					}, null, -1)]], 8, be)
+				]))), 128)), o.multiple && (!o.maxFiles || D.value.length < o.maxFiles) ? (v(), n(V, {
 					key: 0,
 					label: o.selectLabel,
 					icon: "pi pi-plus-circle",
@@ -749,30 +763,30 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 					disabled: o.disabled,
 					loading: o.loading,
 					class: "mt-1 px-3 py-2 text-xs",
-					onClick: X
+					onClick: Z
 				}, null, 8, [
 					"label",
 					"disabled",
 					"loading"
 				])) : r("", !0)])) : x(t.$slots, "empty", {
-					choose: X,
+					choose: Z,
 					disabled: F.value
 				}, () => [
-					a("span", ue, [o.loading ? (v(), i("i", de)) : (v(), n(w(ae), {
+					a("span", de, [o.loading ? (v(), i("i", fe)) : (v(), n(w(oe), {
 						key: 1,
 						icon: w(ne),
 						size: 72,
 						"stroke-width": 1.5,
 						class: "text-primary-800 dark:text-primary-300"
 					}, null, 8, ["icon"]))]),
-					a("p", fe, C(o.placeholder), 1),
-					c(B, {
+					a("p", pe, C(o.placeholder), 1),
+					c(V, {
 						label: o.selectLabel,
 						icon: "pi pi-plus-circle",
 						disabled: o.disabled,
 						loading: o.loading,
 						class: "px-3 py-2 text-xs",
-						onClick: X
+						onClick: Z
 					}, null, 8, [
 						"label",
 						"disabled",
@@ -791,14 +805,14 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 				id: N.value,
 				class: "text-[11px] text-red-600 dark:text-red-400",
 				role: "alert"
-			}, C(P.value), 9, be)) : r("", !0)
+			}, C(P.value), 9, xe)) : r("", !0)
 		]));
 	}
-}), Se = { class: "top-input-text top-solutions-component flex w-full flex-col gap-1" }, Ce = ["for"], we = {
+}), Ce = { class: "top-input-text top-solutions-component flex w-full flex-col gap-1" }, we = ["for"], Te = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "text-red-600 dark:text-red-400"
-}, Te = ["id"], Ee = /* @__PURE__ */ l({
+}, Ee = ["id"], De = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "TopInputText",
 	props: {
@@ -832,12 +846,12 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 		function g(e) {
 			o("update:modelValue", e ?? "");
 		}
-		return (t, n) => (v(), i("div", Se, [
+		return (t, n) => (v(), i("div", Ce, [
 			e.label ? (v(), i("label", {
 				key: 0,
 				for: f.value,
 				class: "top-field-label text-xs font-bold"
-			}, [s(C(e.label) + " ", 1), e.required ? (v(), i("span", we, "*")) : r("", !0)], 8, Ce)) : r("", !0),
+			}, [s(C(e.label) + " ", 1), e.required ? (v(), i("span", Te, "*")) : r("", !0)], 8, we)) : r("", !0),
 			c(w(L), d(t.$attrs, {
 				id: f.value,
 				"model-value": e.modelValue,
@@ -868,44 +882,420 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 				id: p.value,
 				class: "text-[11px] text-red-600 dark:text-red-400",
 				role: "alert"
-			}, C(e.error), 9, Te)) : r("", !0)
+			}, C(e.error), 9, Ee)) : r("", !0)
 		]));
 	}
-}), De = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, Oe = {
+}), Oe = { class: "top-nav-bar__header" }, ke = ["aria-expanded"], Ae = { class: "top-nav-bar__brand" }, je = { class: "top-nav-bar__context" }, Me = {
+	key: 1,
+	class: "top-nav-bar__search"
+}, Ne = ["value", "placeholder"], Pe = {
+	key: 0,
+	class: "top-nav-bar__search-results",
+	role: "menu"
+}, Fe = ["onClick"], Ie = {
+	key: 0,
+	class: "top-nav-bar__empty"
+}, Le = { class: "top-nav-bar__actions" }, Re = {
+	key: 2,
+	class: "top-nav-bar__user-menu"
+}, ze = ["aria-expanded"], Be = ["src"], Ve = {
+	key: 1,
+	class: "top-nav-bar__user-avatar"
+}, He = { class: "top-nav-bar__user-details" }, Ue = { class: "top-nav-bar__user-name" }, We = {
+	key: 0,
+	class: "top-nav-bar__user-subtitle"
+}, Ge = {
+	key: 0,
+	class: "top-nav-bar__user-dropdown",
+	role: "menu"
+}, Ke = {
+	key: 0,
+	class: "top-nav-bar__user-separator",
+	role: "separator"
+}, qe = ["disabled", "onClick"], Je = { class: "top-nav-bar__breadcrumbs" }, Ye = {
+	key: 0,
+	class: "top-nav-bar__separator",
+	"aria-hidden": "true"
+}, Xe = ["aria-expanded"], Ze = {
+	key: 0,
+	class: "top-nav-bar__menu-layer",
+	role: "menu"
+}, Qe = [
+	"aria-expanded",
+	"onMouseenter",
+	"onClick"
+], $e = {
+	key: 0,
+	class: "top-nav-bar__section-items",
+	role: "menu"
+}, et = ["onClick"], tt = ["onMouseenter"], nt = ["aria-expanded", "onClick"], rt = {
+	key: 0,
+	class: "top-nav-bar__menu-layer",
+	role: "menu"
+}, it = { class: "top-nav-bar__menu-panel top-nav-bar__breadcrumb-panel" }, at = ["onClick"], ot = ["onClick"], st = {
+	key: 2,
+	class: "top-nav-bar__current"
+}, ct = { class: "top-nav-bar__breadcrumb-actions" }, lt = {
+	key: 0,
+	class: "top-nav-bar__mobile-menu"
+}, ut = ["onClick"], dt = {
+	key: 0,
+	class: "top-nav-bar__mobile-items"
+}, ft = ["onClick"], pt = /* @__PURE__ */ l({
+	__name: "TopNavBar",
+	props: {
+		sections: { default: () => [] },
+		breadcrumbs: { default: () => [] },
+		homeItem: { default: () => ({
+			id: "home",
+			label: "Início",
+			to: "/"
+		}) },
+		activeItemId: { default: "" },
+		searchable: {
+			type: Boolean,
+			default: !1
+		},
+		searchPlaceholder: { default: "Pesquisar no menu..." },
+		searchResults: { default: void 0 },
+		showAia: {
+			type: Boolean,
+			default: !1
+		},
+		aiaLabel: { default: "Aia" },
+		showSupport: {
+			type: Boolean,
+			default: !1
+		},
+		supportLabel: { default: "Suporte" },
+		user: { default: void 0 },
+		userMenuItems: { default: () => [] },
+		appearance: { default: () => ({}) }
+	},
+	emits: [
+		"navigate",
+		"search",
+		"toggle-aia",
+		"open-support",
+		"toggle-favorite",
+		"user-action"
+	],
+	setup(n, { emit: o }) {
+		let l = n, u = o, d = y(!1), f = y(null), m = y(!1), S = y(null), T = y(null), E = y(!1), D = y(""), O = t(() => l.sections.flatMap((e) => e.children)), k = t(() => {
+			if (l.searchResults) return l.searchResults;
+			let e = D.value.trim().toLocaleLowerCase("pt-BR");
+			return e ? O.value.filter((t) => t.label.toLocaleLowerCase("pt-BR").includes(e)) : [];
+		}), A = t(() => ({
+			"--top-nav-bg": l.appearance.headerBackground ?? "#013a59",
+			"--top-nav-breadcrumb-bg": l.appearance.breadcrumbBackground ?? l.appearance.headerBackground ?? "#013a59",
+			"--top-nav-fg": l.appearance.foreground ?? "#ffffff",
+			"--top-nav-muted-fg": l.appearance.mutedForeground ?? "#bfdbfe",
+			"--top-nav-accent": l.appearance.accentColor ?? "#fbbf24",
+			"--top-nav-menu-bg": l.appearance.menuBackground ?? "#ffffff",
+			"--top-nav-menu-fg": l.appearance.menuForeground ?? "#172033",
+			"--top-nav-border": l.appearance.borderColor ?? "rgb(255 255 255 / 15%)",
+			"--top-nav-radius": l.appearance.radius ?? "8px",
+			"--top-nav-height": l.appearance.height ?? "auto"
+		}));
+		function j(e) {
+			return e.icon || "pi pi-circle";
+		}
+		function M(e) {
+			e.disabled || (u("navigate", e), G());
+		}
+		function N(e) {
+			f.value = f.value === e ? null : e;
+		}
+		function P(e) {
+			return l.sections.find((t) => t.id === e.sectionId);
+		}
+		function F() {
+			return typeof window < "u" && window.matchMedia("(hover: hover) and (pointer: fine)").matches;
+		}
+		function I() {
+			F() && (m.value = !0);
+		}
+		function L() {
+			!F() || window.innerWidth < 768 || (m.value = !1, S.value = null);
+		}
+		function R() {
+			m.value = !m.value, m.value || (S.value = null);
+		}
+		function z(e) {
+			S.value = S.value === e ? null : e;
+		}
+		function B(e) {
+			F() && (T.value = e);
+		}
+		function V() {
+			!F() || window.innerWidth < 768 || (T.value = null);
+		}
+		function H(e) {
+			T.value = T.value === e ? null : e;
+		}
+		function U(e) {
+			e.disabled || e.separator || (u("user-action", e), E.value = !1);
+		}
+		function W(e) {
+			D.value = e, u("search", e);
+		}
+		function G() {
+			d.value = !1, f.value = null, m.value = !1, S.value = null, T.value = null, E.value = !1;
+		}
+		function K(e) {
+			e.key === "Escape" && G();
+		}
+		return _(() => document.addEventListener("keydown", K)), g(() => document.removeEventListener("keydown", K)), (t, o) => (v(), i("nav", {
+			class: "top-nav-bar top-solutions-component",
+			style: h(A.value),
+			"aria-label": "Navegação principal"
+		}, [
+			a("div", Oe, [
+				n.sections.length ? (v(), i("button", {
+					key: 0,
+					class: "top-nav-bar__mobile-trigger",
+					type: "button",
+					"aria-label": "Abrir navegação",
+					"aria-expanded": d.value,
+					onClick: o[0] ||= (e) => d.value = !d.value
+				}, [...o[6] ||= [a("i", {
+					class: "pi pi-bars",
+					"aria-hidden": "true"
+				}, null, -1)]], 8, ke)) : r("", !0),
+				a("div", Ae, [x(t.$slots, "brand")]),
+				a("div", je, [x(t.$slots, "context")]),
+				o[11] ||= a("div", { class: "top-nav-bar__spacer" }, null, -1),
+				n.searchable ? (v(), i("div", Me, [
+					o[7] ||= a("i", {
+						class: "pi pi-search",
+						"aria-hidden": "true"
+					}, null, -1),
+					a("input", {
+						value: D.value,
+						type: "search",
+						placeholder: n.searchPlaceholder,
+						"aria-label": "Pesquisar no menu",
+						onInput: o[1] ||= (e) => W(e.target.value)
+					}, null, 40, Ne),
+					D.value ? (v(), i("div", Pe, [x(t.$slots, "search-results", {
+						items: k.value,
+						select: M
+					}, () => [(v(!0), i(e, null, b(k.value, (e) => (v(), i("button", {
+						key: e.id,
+						class: "top-nav-bar__menu-item",
+						type: "button",
+						role: "menuitem",
+						onClick: (t) => M(e)
+					}, [a("i", {
+						class: p(j(e)),
+						"aria-hidden": "true"
+					}, null, 2), s(" " + C(e.label), 1)], 8, Fe))), 128)), k.value.length ? r("", !0) : (v(), i("span", Ie, "Nenhum item encontrado."))])])) : r("", !0)
+				])) : r("", !0),
+				a("div", Le, [
+					n.showAia ? (v(), i("button", {
+						key: 0,
+						class: "top-nav-bar__action",
+						type: "button",
+						onClick: o[2] ||= (e) => u("toggle-aia")
+					}, [o[8] ||= a("i", {
+						class: "pi pi-comments",
+						"aria-hidden": "true"
+					}, null, -1), s(" " + C(n.aiaLabel), 1)])) : r("", !0),
+					n.showSupport ? (v(), i("button", {
+						key: 1,
+						class: "top-nav-bar__action",
+						type: "button",
+						onClick: o[3] ||= (e) => u("open-support")
+					}, [o[9] ||= a("i", {
+						class: "pi pi-headphones",
+						"aria-hidden": "true"
+					}, null, -1), s(" " + C(n.supportLabel), 1)])) : r("", !0),
+					x(t.$slots, "actions"),
+					n.user ? (v(), i("div", Re, [a("button", {
+						class: "top-nav-bar__user-trigger",
+						type: "button",
+						"aria-expanded": E.value,
+						"aria-haspopup": "menu",
+						onClick: o[4] ||= (e) => E.value = !E.value
+					}, [
+						n.user.avatarUrl ? (v(), i("img", {
+							key: 0,
+							src: n.user.avatarUrl,
+							alt: "",
+							class: "top-nav-bar__user-avatar"
+						}, null, 8, Be)) : (v(), i("span", Ve, C(n.user.initials || n.user.name.slice(0, 2).toUpperCase()), 1)),
+						a("span", He, [a("span", Ue, C(n.user.name), 1), n.user.subtitle ? (v(), i("span", We, C(n.user.subtitle), 1)) : r("", !0)]),
+						o[10] ||= a("i", {
+							class: "pi pi-chevron-down top-nav-bar__chevron",
+							"aria-hidden": "true"
+						}, null, -1)
+					], 8, ze), E.value ? (v(), i("div", Ge, [(v(!0), i(e, null, b(n.userMenuItems, (t) => (v(), i(e, { key: t.id }, [t.separator ? (v(), i("div", Ke)) : (v(), i("button", {
+						key: 1,
+						class: "top-nav-bar__menu-item",
+						type: "button",
+						disabled: t.disabled,
+						onClick: (e) => U(t)
+					}, [t.icon ? (v(), i("i", {
+						key: 0,
+						class: p(t.icon),
+						"aria-hidden": "true"
+					}, null, 2)) : r("", !0), s(" " + C(t.label), 1)], 8, qe))], 64))), 128))])) : r("", !0)])) : r("", !0),
+					x(t.$slots, "user-menu")
+				])
+			]),
+			a("div", Je, [
+				a("button", {
+					class: "top-nav-bar__crumb",
+					type: "button",
+					onClick: o[5] ||= (e) => M(n.homeItem)
+				}, [c(w(oe), { icon: w(Q) }, null, 8, ["icon"]), s(" " + C(n.homeItem.label), 1)]),
+				n.sections.length ? (v(), i("span", Ye, "/")) : r("", !0),
+				n.sections.length ? (v(), i("div", {
+					key: 1,
+					class: "top-nav-bar__dropdown",
+					onMouseenter: I,
+					onMouseleave: L
+				}, [a("button", {
+					class: "top-nav-bar__crumb",
+					type: "button",
+					"aria-haspopup": "menu",
+					"aria-expanded": m.value,
+					onClick: R
+				}, [...o[12] ||= [
+					a("i", {
+						class: "pi pi-bars",
+						"aria-hidden": "true"
+					}, null, -1),
+					s(" Navegação ", -1),
+					a("i", {
+						class: "pi pi-chevron-down top-nav-bar__chevron",
+						"aria-hidden": "true"
+					}, null, -1)
+				]], 8, Xe), m.value ? (v(), i("div", Ze, [a("div", { class: p(["top-nav-bar__menu-panel", { "top-nav-bar__menu-panel--expanded": S.value }]) }, [a("div", { class: p(["top-nav-bar__section-list", { "top-nav-bar__section-list--with-submenu": S.value }]) }, [(v(!0), i(e, null, b(n.sections, (e) => (v(), i("button", {
+					key: e.id,
+					class: p(["top-nav-bar__menu-item", { "top-nav-bar__menu-item--selected": S.value === e.id }]),
+					type: "button",
+					role: "menuitem",
+					"aria-expanded": S.value === e.id,
+					onMouseenter: (t) => F() && (S.value = e.id),
+					onClick: (t) => z(e.id)
+				}, [
+					a("i", {
+						class: p(j(e)),
+						"aria-hidden": "true"
+					}, null, 2),
+					a("span", null, C(e.label), 1),
+					o[13] ||= a("i", {
+						class: "pi pi-chevron-right top-nav-bar__menu-arrow",
+						"aria-hidden": "true"
+					}, null, -1)
+				], 42, Qe))), 128))], 2), S.value ? (v(), i("div", $e, [(v(!0), i(e, null, b(n.sections, (t) => (v(), i(e, { key: t.id }, [t.id === S.value ? (v(!0), i(e, { key: 0 }, b(t.children, (e) => (v(), i("button", {
+					key: e.id,
+					class: p(["top-nav-bar__menu-item", { "top-nav-bar__menu-item--active": n.activeItemId === e.id }]),
+					type: "button",
+					role: "menuitem",
+					onClick: (t) => M(e)
+				}, [a("i", {
+					class: p(j(e)),
+					"aria-hidden": "true"
+				}, null, 2), a("span", null, C(e.label), 1)], 10, et))), 128)) : r("", !0)], 64))), 128))])) : r("", !0)], 2)])) : r("", !0)], 32)) : r("", !0),
+				(v(!0), i(e, null, b(n.breadcrumbs, (t) => (v(), i(e, { key: t.id }, [o[15] ||= a("span", {
+					class: "top-nav-bar__separator",
+					"aria-hidden": "true"
+				}, "/", -1), t.sectionId && P(t) ? (v(), i("div", {
+					key: 0,
+					class: "top-nav-bar__dropdown",
+					onMouseenter: (e) => B(t.sectionId),
+					onMouseleave: V
+				}, [a("button", {
+					class: "top-nav-bar__crumb",
+					type: "button",
+					"aria-haspopup": "menu",
+					"aria-expanded": T.value === t.sectionId,
+					onClick: (e) => H(t.sectionId)
+				}, [s(C(t.label) + " ", 1), o[14] ||= a("i", {
+					class: "pi pi-chevron-down top-nav-bar__chevron",
+					"aria-hidden": "true"
+				}, null, -1)], 8, nt), T.value === t.sectionId ? (v(), i("div", rt, [a("div", it, [(v(!0), i(e, null, b(P(t)?.children, (e) => (v(), i("button", {
+					key: e.id,
+					class: p(["top-nav-bar__menu-item", { "top-nav-bar__menu-item--active": n.activeItemId === e.id }]),
+					type: "button",
+					role: "menuitem",
+					onClick: (t) => M(e)
+				}, [a("i", {
+					class: p(j(e)),
+					"aria-hidden": "true"
+				}, null, 2), a("span", null, C(e.label), 1)], 10, at))), 128))])])) : r("", !0)], 40, tt)) : t.to ? (v(), i("button", {
+					key: 1,
+					class: "top-nav-bar__crumb",
+					type: "button",
+					onClick: (e) => M(t)
+				}, C(t.label), 9, ot)) : (v(), i("span", st, C(t.label), 1))], 64))), 128)),
+				a("span", ct, [x(t.$slots, "breadcrumb-actions")])
+			]),
+			d.value ? (v(), i("div", lt, [(v(!0), i(e, null, b(n.sections, (t) => (v(), i("section", {
+				key: t.id,
+				class: "top-nav-bar__mobile-section"
+			}, [a("button", {
+				class: "top-nav-bar__mobile-section-title",
+				type: "button",
+				onClick: (e) => N(t.id)
+			}, [
+				a("i", {
+					class: p(j(t)),
+					"aria-hidden": "true"
+				}, null, 2),
+				s(" " + C(t.label) + " ", 1),
+				a("i", {
+					class: p(["pi pi-chevron-down top-nav-bar__menu-arrow", { "top-nav-bar__menu-arrow--open": f.value === t.id }]),
+					"aria-hidden": "true"
+				}, null, 2)
+			], 8, ut), f.value === t.id ? (v(), i("div", dt, [(v(!0), i(e, null, b(t.children, (e) => (v(), i("button", {
+				key: e.id,
+				class: p(["top-nav-bar__menu-item", { "top-nav-bar__menu-item--active": n.activeItemId === e.id }]),
+				type: "button",
+				onClick: (t) => M(e)
+			}, [a("i", {
+				class: p(j(e)),
+				"aria-hidden": "true"
+			}, null, 2), s(" " + C(e.label), 1)], 10, ft))), 128))])) : r("", !0)]))), 128)), x(t.$slots, "mobile-footer")])) : r("", !0)
+		], 4));
+	}
+}), mt = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, ht = {
 	key: 0,
 	class: "pi pi-spin pi-spinner"
-}, ke = {
+}, gt = {
 	key: 1,
 	class: "pi pi-search"
-}, Ae = {
+}, _t = {
 	key: 1,
 	class: "flex items-center gap-1 !text-sm"
-}, je = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, Me = ["onClick"], Ne = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, Pe = {
+}, vt = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, yt = ["onClick"], bt = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, xt = {
 	key: 1,
 	class: "flex min-h-[100px] flex-col items-center justify-center gap-2 py-2"
-}, Fe = {
+}, St = {
 	key: 0,
 	class: "text-xs font-medium text-primary-600"
-}, Ie = {
+}, Ct = {
 	key: 2,
 	class: "text-xs text-secondary-500"
-}, Le = { key: 1 }, Re = {
+}, wt = { key: 1 }, Tt = {
 	key: 1,
 	class: "flex items-center gap-2 font-semibold"
-}, ze = {
+}, Et = {
 	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" }
-}, Be = ["title"], Ve = {
+}, Dt = ["title"], Ot = {
 	key: 0,
 	class: "top-select-option-prefix whitespace-nowrap font-bold text-primary-800 dark:text-primary-100"
-}, He = {
+}, kt = {
 	key: 0,
 	class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
-}, Ue = {
+}, At = {
 	key: 0,
 	class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
-}, We = /* @__PURE__ */ l({
+}, jt = /* @__PURE__ */ l({
 	__name: "TopSelect",
 	props: {
 		modelValue: { default: null },
@@ -974,24 +1364,24 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 		"change"
 	],
 	setup(n, { expose: l, emit: h }) {
-		let S = n, T = h, E = D(), j = ee, N = y(""), P = y(!1), F = y(null), I = `top-select-${Math.random().toString(36).slice(2)}`, L = null, R = t({
+		let S = n, T = h, E = D(), j = R, N = y(""), P = y(!1), F = y(null), I = `top-select-${Math.random().toString(36).slice(2)}`, L = null, z = t({
 			get: () => S.modelValue,
 			set: (e) => T("update:modelValue", e)
 		});
-		function z(e, t) {
+		function B(e, t) {
 			return e == null ? "" : String(typeof e == "object" ? e[t] ?? "" : e);
 		}
-		function B(e) {
-			return e == null ? "" : typeof S.optionLabel == "function" ? S.optionLabel(e) : z(e, S.optionLabel);
-		}
 		function V(e) {
-			return S.optionPrefix ? z(e, S.optionPrefix) : "";
+			return e == null ? "" : typeof S.optionLabel == "function" ? S.optionLabel(e) : B(e, S.optionLabel);
+		}
+		function H(e) {
+			return S.optionPrefix ? B(e, S.optionPrefix) : "";
 		}
-		function H(e, t = S.showSelectedPrefix) {
-			let n = B(e), r = V(e);
+		function U(e, t = S.showSelectedPrefix) {
+			let n = V(e), r = H(e);
 			return t && r ? `${r} - ${n}` : n;
 		}
-		function U(e) {
+		function W(e) {
 			let t = N.value;
 			if (!t) return [{
 				text: e,
@@ -1003,46 +1393,46 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 				highlighted: e.toLowerCase() === t.toLowerCase()
 			}));
 		}
-		function W() {
+		function G() {
 			F.value?.hide?.();
 		}
-		function G() {
+		function K() {
 			typeof window > "u" || window.dispatchEvent(new CustomEvent("top-select:close-others", { detail: { instanceId: I } }));
 		}
-		function K(e) {
-			e.detail?.instanceId !== I && W();
+		function q(e) {
+			e.detail?.instanceId !== I && G();
 		}
-		function q() {
+		function J() {
 			if (S.disabled || L) {
-				W();
+				G();
 				return;
 			}
-			P.value = !0, G();
+			P.value = !0, K();
 		}
-		function J() {
-			S.closeOnSelect && (P.value = !1, W(), f(W), L && clearTimeout(L), L = setTimeout(() => {
-				W(), L = null;
+		function Y() {
+			S.closeOnSelect && (P.value = !1, G(), f(G), L && clearTimeout(L), L = setTimeout(() => {
+				G(), L = null;
 			}, 200));
 		}
-		return l({ hideDropdown: W }), _(() => window.addEventListener("top-select:close-others", K)), g(() => {
-			window.removeEventListener("top-select:close-others", K), L && clearTimeout(L);
+		return l({ hideDropdown: G }), _(() => window.addEventListener("top-select:close-others", q)), g(() => {
+			window.removeEventListener("top-select:close-others", q), L && clearTimeout(L);
 		}), O(() => S.disabled, (e) => {
-			e && (P.value = !1, W());
+			e && (P.value = !1, G());
 		}), O(() => S.options, () => {
-			P.value || W();
+			P.value || G();
 		}), (t, l) => (v(), i("div", {
 			class: p(["top-select top-solutions-component relative w-full", { "pointer-events-none": n.disabled }]),
-			onFocusin: q
-		}, [a("span", De, [x(t.$slots, "icon", { loading: n.loading }, () => [n.loading ? (v(), i("i", Oe)) : (v(), i("i", ke))])]), c(w(j), {
+			onFocusin: J
+		}, [a("span", mt, [x(t.$slots, "icon", { loading: n.loading }, () => [n.loading ? (v(), i("i", ht)) : (v(), i("i", gt))])]), c(w(j), {
 			ref_key: "autocompleteRef",
 			ref: F,
-			modelValue: R.value,
-			"onUpdate:modelValue": l[0] ||= (e) => R.value = e,
+			modelValue: z.value,
+			"onUpdate:modelValue": l[0] ||= (e) => z.value = e,
 			"option-group-label": n.optionGroupLabel ?? void 0,
 			"option-group-children": n.optionGroupChildren ?? void 0,
 			suggestions: n.options,
 			"data-key": n.optionKey,
-			"option-label": (e) => H(e),
+			"option-label": (e) => U(e),
 			placeholder: n.placeholder,
 			multiple: n.multiple,
 			"min-length": n.minQueryLength,
@@ -1089,45 +1479,45 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 				N.value = "", T("clear");
 			},
 			onItemSelect: l[2] ||= (e) => {
-				N.value = "", T("select", e), J();
+				N.value = "", T("select", e), Y();
 			},
 			onComplete: l[3] ||= (e) => {
 				if (n.disabled) {
-					W();
+					G();
 					return;
 				}
-				N.value = e.query ?? "", G(), T("search", {
+				N.value = e.query ?? "", K(), T("search", {
 					...e,
 					query: N.value
 				});
 			},
 			onChange: l[4] ||= (e) => T("change", e)
 		}, o({
-			chip: k((e) => [w(E).chip ? x(t.$slots, "chip", m(u(e)), void 0, void 0, 0) : (v(), i("div", Ae, [a("div", je, [a("i", {
+			chip: k((e) => [w(E).chip ? x(t.$slots, "chip", m(u(e)), void 0, void 0, 0) : (v(), i("div", _t, [a("div", vt, [a("i", {
 				class: "pi pi-times-circle shrink-0 cursor-pointer rounded-full hover:bg-primary-800",
 				onClick: (t) => e.removeCallback(t)
-			}, null, 8, Me), A((v(), i("span", Ne, [s(C(H(e.value)), 1)])), [[
+			}, null, 8, yt), A((v(), i("span", bt, [s(C(U(e.value)), 1)])), [[
 				w(M),
-				H(e.value),
+				U(e.value),
 				void 0,
 				{ top: !0 }
 			]])])]))]),
-			empty: k(() => [w(E).empty ? x(t.$slots, "empty", {}, void 0, void 0, 0) : n.loading ? (v(), i("div", Pe, [l[5] ||= a("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), n.showLoadingMessage ? (v(), i("span", Fe, C(n.loadingMessage), 1)) : r("", !0)])) : (v(), i("span", Ie, C(n.emptyMessage), 1))]),
-			"selected-item": k((e) => [w(E)["selected-item"] ? x(t.$slots, "selected-item", m(u(e)), void 0, void 0, 0) : e.item ? (v(), i("span", Le, C(H(e.item)), 1)) : r("", !0)]),
-			optiongroup: k((e) => [w(E)["option-group"] ? x(t.$slots, "option-group", m(u(e)), void 0, void 0, 0) : (v(), i("div", Re, [e.option.icon ? (v(), i("i", {
+			empty: k(() => [w(E).empty ? x(t.$slots, "empty", {}, void 0, void 0, 0) : n.loading ? (v(), i("div", xt, [l[5] ||= a("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), n.showLoadingMessage ? (v(), i("span", St, C(n.loadingMessage), 1)) : r("", !0)])) : (v(), i("span", Ct, C(n.emptyMessage), 1))]),
+			"selected-item": k((e) => [w(E)["selected-item"] ? x(t.$slots, "selected-item", m(u(e)), void 0, void 0, 0) : e.item ? (v(), i("span", wt, C(U(e.item)), 1)) : r("", !0)]),
+			optiongroup: k((e) => [w(E)["option-group"] ? x(t.$slots, "option-group", m(u(e)), void 0, void 0, 0) : (v(), i("div", Tt, [e.option.icon ? (v(), i("i", {
 				key: 0,
 				class: p(e.option.icon)
 			}, null, 2)) : r("", !0), a("span", null, C(e.option[n.optionGroupLabel ?? "label"]), 1)]))]),
 			option: k((o) => [w(E).option ? x(t.$slots, "option", d(o, {
-				label: B(o.option),
-				prefix: V(o.option),
+				label: V(o.option),
+				prefix: H(o.option),
 				query: N.value
-			}), void 0, void 0, 0) : A((v(), i("div", ze, [a("span", {
+			}), void 0, void 0, 0) : A((v(), i("div", Et, [a("span", {
 				class: "top-select-option-label line-clamp-2 min-w-0 flex-1 text-secondary-700 dark:text-zinc-200",
-				title: B(o.option)
-			}, [n.showOptionPrefix && V(o.option) ? (v(), i("span", Ve, [(v(!0), i(e, null, b(U(V(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", He, C(t.text), 1)) : (v(), i(e, { key: 1 }, [s(C(t.text), 1)], 64))], 64))), 128)), l[6] ||= a("span", { class: "font-bold text-secondary-500 dark:text-zinc-400" }, "\xA0-\xA0", -1)])) : r("", !0), (v(!0), i(e, null, b(U(B(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", Ue, C(t.text), 1)) : (v(), i(e, { key: 1 }, [s(C(t.text), 1)], 64))], 64))), 128))], 8, Be)])), [[
+				title: V(o.option)
+			}, [n.showOptionPrefix && H(o.option) ? (v(), i("span", Ot, [(v(!0), i(e, null, b(W(H(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", kt, C(t.text), 1)) : (v(), i(e, { key: 1 }, [s(C(t.text), 1)], 64))], 64))), 128)), l[6] ||= a("span", { class: "font-bold text-secondary-500 dark:text-zinc-400" }, "\xA0-\xA0", -1)])) : r("", !0), (v(!0), i(e, null, b(W(V(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", At, C(t.text), 1)) : (v(), i(e, { key: 1 }, [s(C(t.text), 1)], 64))], 64))), 128))], 8, Dt)])), [[
 				w(M),
-				n.showTooltip ? B(o.option) : null,
+				n.showTooltip ? V(o.option) : null,
 				void 0,
 				{ top: !0 }
 			]])]),
@@ -1154,10 +1544,10 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 			"pt"
 		])], 34));
 	}
-}), Ge = { class: "top-toast__content" }, Ke = { class: "top-toast__detail" }, qe = ["onClick"], Je = {
+}), Mt = { class: "top-toast__content" }, Nt = { class: "top-toast__detail" }, Pt = ["onClick"], Ft = {
 	key: 0,
 	class: "top-toast__footer"
-}, Ye = /* @__PURE__ */ l({
+}, It = /* @__PURE__ */ l({
 	__name: "TopToast",
 	props: { baseZIndex: { default: 3e4 } },
 	setup(e) {
@@ -1179,13 +1569,13 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 		function d(e, t) {
 			return `top-toast__${t}--${e.severity ?? "info"}`;
 		}
-		return (f, m) => (v(), n(w(R), {
+		return (f, m) => (v(), n(w(z), {
 			position: "top-right",
 			"base-z-index": e.baseZIndex
 		}, {
-			message: k((e) => [a("div", Ge, [
+			message: k((e) => [a("div", Mt, [
 				a("div", { class: p(["top-toast__summary", d(e.message, "summary")]) }, C(e.message.summary), 3),
-				a("div", Ke, C(e.message.detail), 1),
+				a("div", Nt, C(e.message.detail), 1),
 				u(e.message) ? x(f.$slots, "action", {
 					action: o(e.message),
 					message: e.message,
@@ -1199,17 +1589,17 @@ var ae = /* @__PURE__ */ $(Q, [["render", ie], ["__file", "/Users/mahmudulhasan/
 					key: 0,
 					class: p(o(e.message)?.icon),
 					"aria-hidden": "true"
-				}, null, 2)) : r("", !0), s(" " + C(o(e.message)?.label), 1)], 10, qe)) : r("", !0)], void 0, 0) : r("", !0),
+				}, null, 2)) : r("", !0), s(" " + C(o(e.message)?.label), 1)], 10, Pt)) : r("", !0)], void 0, 0) : r("", !0),
 				l(e.message) ? x(f.$slots, "footer", {
 					message: e.message,
 					footer: t(e.message)
-				}, () => [t(e.message) === void 0 ? r("", !0) : (v(), i("div", Je, C(t(e.message)), 1))], void 0, 1) : r("", !0)
+				}, () => [t(e.message) === void 0 ? r("", !0) : (v(), i("div", Ft, C(t(e.message)), 1))], void 0, 1) : r("", !0)
 			])]),
 			_: 3
 		}, 8, ["base-z-index"]));
 	}
 });
 //#endregion
-export { te as a, B as c, xe as i, We as n, q as o, Ee as r, V as s, Ye as t };
+export { Se as a, H as c, De as i, V as l, jt as n, te as o, pt as r, J as s, It as t };
 
-//# sourceMappingURL=TopToast-C7cOTxTp.js.map
+//# sourceMappingURL=TopToast-CXC-8FkA.js.map