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

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

@@ -424,17 +424,20 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 	key: 0,
 	"aria-hidden": "true",
 	class: "text-red-600 dark:text-red-400"
-}, ie = { class: "flex min-h-[130px] w-full flex-col items-center justify-center gap-3" }, ae = { class: "m-0 text-center text-xs text-secondary-600 dark:text-zinc-300" }, oe = {
+}, ie = { class: "flex min-h-[130px] w-full flex-col items-center justify-center gap-3" }, ae = {
+	class: "top-file-upload__empty-icon",
+	"aria-hidden": "true"
+}, oe = { class: "m-0 text-center text-xs text-secondary-600 dark:text-zinc-300" }, se = {
 	key: 1,
 	class: "flex w-full flex-col gap-2"
-}, se = ["src", "alt"], ce = {
+}, ce = ["src", "alt"], le = {
 	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"
-}, le = { class: "min-w-0 flex-1" }, ue = { class: "m-0 truncate text-xs font-bold text-secondary-900 dark:text-zinc-100" }, de = { class: "text-[11px] text-secondary-500 dark:text-zinc-400" }, fe = [
+}, ue = { class: "min-w-0 flex-1" }, de = { class: "m-0 truncate text-xs font-bold text-secondary-900 dark:text-zinc-100" }, fe = { class: "text-[11px] text-secondary-500 dark:text-zinc-400" }, pe = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], pe = ["id"], me = /* @__PURE__ */ l({
+], me = ["id"], he = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "TopFileUpload",
 	props: {
@@ -551,7 +554,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 		function Z() {
 			L.value || k.value?.choose();
 		}
-		function me(e, t) {
+		function he(e, t) {
 			if (L.value) return;
 			let n = A.value[t];
 			if (!n) return;
@@ -559,7 +562,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			let r = A.value.filter((e, n) => n !== t);
 			Y(r, "remove"), m("remove", n, t), r.length || m("clear");
 		}
-		function he() {
+		function ge() {
 			L.value || !A.value.length || Y([], "clear");
 		}
 		function Q(e) {
@@ -583,7 +586,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			M.clear();
 		}), l({
 			choose: Z,
-			clear: he
+			clear: ge
 		}), (t, l) => (v(), i("div", te, [
 			o.label ? (v(), i("label", {
 				key: 0,
@@ -605,14 +608,14 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 					header: { class: "hidden" },
 					input: z.value,
 					content: { class: [
-						"top-file-upload__dropzone min-h-[164px] rounded-[10px] border border-dashed p-4 transition-colors",
-						I.value ? "border-red-600 bg-red-50 dark:border-red-400 dark:bg-red-950/20" : "border-secondary-400 bg-secondary-50 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",
+						"top-file-upload__dropzone min-h-[224px] rounded-[10px] border p-4 transition-colors",
+						I.value ? "border-red-600 bg-red-50 dark:border-red-400 dark:bg-red-950/20" : "border-secondary-300 bg-white hover:border-primary-600 hover:bg-primary-50 dark:border-zinc-600 dark:bg-zinc-800 dark:hover:border-primary-400 dark:hover:bg-zinc-700",
 						L.value ? "cursor-not-allowed opacity-60" : ""
 					].join(" ") }
 				},
 				onSelect: ee
 			}, {
-				content: O(({ removeFileCallback: s }) => [a("div", ie, [A.value.length ? (v(), i("div", oe, [(v(!0), i(e, null, b(A.value, (e, n) => (v(), i("div", {
+				content: O(({ removeFileCallback: s }) => [a("div", ie, [A.value.length ? (v(), i("div", se, [(v(!0), i(e, null, b(A.value, (e, n) => (v(), i("div", {
 					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"
 				}, [
@@ -625,21 +628,21 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 						src: Q(e),
 						alt: `Pré-visualização de ${e.name}`,
 						class: "size-12 shrink-0 rounded-lg object-cover"
-					}, null, 8, se)) : (v(), i("span", ce, [...l[0] ||= [a("i", {
+					}, null, 8, ce)) : (v(), i("span", le, [...l[0] ||= [a("i", {
 						class: "pi pi-file text-2xl",
 						"aria-hidden": "true"
 					}, null, -1)]]))]),
-					a("div", le, [a("p", ue, S(e.name), 1), a("span", de, S(W(e.size)), 1)]),
+					a("div", ue, [a("p", de, S(e.name), 1), a("span", fe, S(W(e.size)), 1)]),
 					a("button", {
 						type: "button",
 						class: "flex size-8 shrink-0 items-center justify-center rounded-full border-0 bg-transparent p-0 text-red-600 transition-colors hover:bg-red-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:text-red-400 dark:hover:bg-red-950/40 dark:focus-visible:ring-offset-zinc-900",
 						"aria-label": `${o.removeLabel}: ${e.name}`,
 						disabled: L.value,
-						onClick: (e) => me(s, n)
+						onClick: (e) => he(s, n)
 					}, [...l[1] ||= [a("i", {
 						class: "pi pi-times",
 						"aria-hidden": "true"
-					}, null, -1)]], 8, fe)
+					}, null, -1)]], 8, pe)
 				]))), 128)), o.multiple && (!o.maxFiles || A.value.length < o.maxFiles) ? (v(), n(B, {
 					key: 0,
 					label: o.selectLabel,
@@ -657,11 +660,8 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 					choose: Z,
 					disabled: L.value
 				}, () => [
-					a("i", {
-						class: p([o.loading ? "pi pi-spin pi-spinner" : "pi pi-cloud-upload", "text-4xl text-primary-800 dark:text-primary-300"]),
-						"aria-hidden": "true"
-					}, null, 2),
-					a("p", ae, S(o.placeholder), 1),
+					a("span", ae, [a("i", { class: p([o.loading ? "pi pi-spin pi-spinner" : "pi pi-cloud-upload", "text-5xl"]) }, null, 2)]),
+					a("p", oe, S(o.placeholder), 1),
 					c(B, {
 						label: o.selectLabel,
 						icon: "pi pi-plus-circle",
@@ -687,14 +687,14 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				id: P.value,
 				class: "text-[11px] text-red-600 dark:text-red-400",
 				role: "alert"
-			}, S(I.value), 9, pe)) : r("", !0)
+			}, S(I.value), 9, me)) : r("", !0)
 		]));
 	}
-}), he = { class: "top-input-text top-solutions-component flex w-full flex-col gap-1" }, Q = ["for"], $ = {
+}), ge = { class: "top-input-text top-solutions-component flex w-full flex-col gap-1" }, Q = ["for"], $ = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "text-red-600 dark:text-red-400"
-}, ge = ["id"], _e = /* @__PURE__ */ l({
+}, _e = ["id"], ve = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "TopInputText",
 	props: {
@@ -728,7 +728,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 		function g(e) {
 			o("update:modelValue", e ?? "");
 		}
-		return (t, n) => (v(), i("div", he, [
+		return (t, n) => (v(), i("div", ge, [
 			e.label ? (v(), i("label", {
 				key: 0,
 				for: f.value,
@@ -764,44 +764,44 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				id: p.value,
 				class: "text-[11px] text-red-600 dark:text-red-400",
 				role: "alert"
-			}, S(e.error), 9, ge)) : r("", !0)
+			}, S(e.error), 9, _e)) : r("", !0)
 		]));
 	}
-}), ve = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, ye = {
+}), ye = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, be = {
 	key: 0,
 	class: "pi pi-spin pi-spinner"
-}, be = {
+}, xe = {
 	key: 1,
 	class: "pi pi-search"
-}, xe = {
+}, Se = {
 	key: 1,
 	class: "flex items-center gap-1 !text-sm"
-}, Se = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, Ce = ["onClick"], we = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, Te = {
+}, Ce = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, we = ["onClick"], Te = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, Ee = {
 	key: 1,
 	class: "flex min-h-[100px] flex-col items-center justify-center gap-2 py-2"
-}, Ee = {
+}, De = {
 	key: 0,
 	class: "text-xs font-medium text-primary-600"
-}, De = {
+}, Oe = {
 	key: 2,
 	class: "text-xs text-secondary-500"
-}, Oe = { key: 1 }, ke = {
+}, ke = { key: 1 }, Ae = {
 	key: 1,
 	class: "flex items-center gap-2 font-semibold"
-}, Ae = {
+}, je = {
 	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" }
-}, je = ["title"], Me = {
+}, Me = ["title"], Ne = {
 	key: 0,
 	class: "top-select-option-prefix whitespace-nowrap font-bold text-primary-800 dark:text-primary-100"
-}, Ne = {
+}, Pe = {
 	key: 0,
 	class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
-}, Pe = {
+}, Fe = {
 	key: 0,
 	class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
-}, Fe = /* @__PURE__ */ l({
+}, Ie = /* @__PURE__ */ l({
 	__name: "TopSelect",
 	props: {
 		modelValue: { default: null },
@@ -929,7 +929,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 		}), (t, l) => (v(), i("div", {
 			class: p(["top-select top-solutions-component relative w-full", { "pointer-events-none": n.disabled }]),
 			onFocusin: J
-		}, [a("span", ve, [x(t.$slots, "icon", { loading: n.loading }, () => [n.loading ? (v(), i("i", ye)) : (v(), i("i", be))])]), c(C(M), {
+		}, [a("span", ye, [x(t.$slots, "icon", { loading: n.loading }, () => [n.loading ? (v(), i("i", be)) : (v(), i("i", xe))])]), c(C(M), {
 			ref_key: "autocompleteRef",
 			ref: F,
 			modelValue: z.value,
@@ -999,18 +999,18 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			},
 			onChange: l[4] ||= (e) => T("change", e)
 		}, o({
-			chip: O((e) => [C(A).chip ? x(t.$slots, "chip", m(u(e)), void 0, void 0, 0) : (v(), i("div", xe, [a("div", Se, [a("i", {
+			chip: O((e) => [C(A).chip ? x(t.$slots, "chip", m(u(e)), void 0, void 0, 0) : (v(), i("div", Se, [a("div", Ce, [a("i", {
 				class: "pi pi-times-circle shrink-0 cursor-pointer rounded-full hover:bg-primary-800",
 				onClick: (t) => e.removeCallback(t)
-			}, null, 8, Ce), k((v(), i("span", we, [s(S(U(e.value)), 1)])), [[
+			}, null, 8, we), k((v(), i("span", Te, [s(S(U(e.value)), 1)])), [[
 				C(j),
 				U(e.value),
 				void 0,
 				{ top: !0 }
 			]])])]))]),
-			empty: O(() => [C(A).empty ? x(t.$slots, "empty", {}, void 0, void 0, 0) : n.loading ? (v(), i("div", Te, [l[5] ||= a("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), n.showLoadingMessage ? (v(), i("span", Ee, S(n.loadingMessage), 1)) : r("", !0)])) : (v(), i("span", De, S(n.emptyMessage), 1))]),
-			"selected-item": O((e) => [C(A)["selected-item"] ? x(t.$slots, "selected-item", m(u(e)), void 0, void 0, 0) : e.item ? (v(), i("span", Oe, S(U(e.item)), 1)) : r("", !0)]),
-			optiongroup: O((e) => [C(A)["option-group"] ? x(t.$slots, "option-group", m(u(e)), void 0, void 0, 0) : (v(), i("div", ke, [e.option.icon ? (v(), i("i", {
+			empty: O(() => [C(A).empty ? x(t.$slots, "empty", {}, void 0, void 0, 0) : n.loading ? (v(), i("div", Ee, [l[5] ||= a("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), n.showLoadingMessage ? (v(), i("span", De, S(n.loadingMessage), 1)) : r("", !0)])) : (v(), i("span", Oe, S(n.emptyMessage), 1))]),
+			"selected-item": O((e) => [C(A)["selected-item"] ? x(t.$slots, "selected-item", m(u(e)), void 0, void 0, 0) : e.item ? (v(), i("span", ke, S(U(e.item)), 1)) : r("", !0)]),
+			optiongroup: O((e) => [C(A)["option-group"] ? x(t.$slots, "option-group", m(u(e)), void 0, void 0, 0) : (v(), i("div", Ae, [e.option.icon ? (v(), i("i", {
 				key: 0,
 				class: p(e.option.icon)
 			}, null, 2)) : r("", !0), a("span", null, S(e.option[n.optionGroupLabel ?? "label"]), 1)]))]),
@@ -1018,10 +1018,10 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 				label: V(o.option),
 				prefix: H(o.option),
 				query: N.value
-			}), void 0, void 0, 0) : k((v(), i("div", Ae, [a("span", {
+			}), void 0, void 0, 0) : k((v(), i("div", je, [a("span", {
 				class: "top-select-option-label line-clamp-2 min-w-0 flex-1 text-secondary-700 dark:text-zinc-200",
 				title: V(o.option)
-			}, [n.showOptionPrefix && H(o.option) ? (v(), i("span", Me, [(v(!0), i(e, null, b(W(H(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", Ne, S(t.text), 1)) : (v(), i(e, { key: 1 }, [s(S(t.text), 1)], 64))], 64))), 128)), l[6] ||= a("span", { class: "font-bold text-secondary-500 dark:text-zinc-400" }, "\xA0-\xA0", -1)])) : r("", !0), (v(!0), i(e, null, b(W(V(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", Pe, S(t.text), 1)) : (v(), i(e, { key: 1 }, [s(S(t.text), 1)], 64))], 64))), 128))], 8, je)])), [[
+			}, [n.showOptionPrefix && H(o.option) ? (v(), i("span", Ne, [(v(!0), i(e, null, b(W(H(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", Pe, S(t.text), 1)) : (v(), i(e, { key: 1 }, [s(S(t.text), 1)], 64))], 64))), 128)), l[6] ||= a("span", { class: "font-bold text-secondary-500 dark:text-zinc-400" }, "\xA0-\xA0", -1)])) : r("", !0), (v(!0), i(e, null, b(W(V(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", Fe, S(t.text), 1)) : (v(), i(e, { key: 1 }, [s(S(t.text), 1)], 64))], 64))), 128))], 8, Me)])), [[
 				C(j),
 				n.showTooltip ? V(o.option) : null,
 				void 0,
@@ -1050,10 +1050,10 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			"pt"
 		])], 34));
 	}
-}), Ie = { class: "top-toast__content" }, Le = { class: "top-toast__detail" }, Re = ["onClick"], ze = {
+}), Le = { class: "top-toast__content" }, Re = { class: "top-toast__detail" }, ze = ["onClick"], Be = {
 	key: 0,
 	class: "top-toast__footer"
-}, Be = /* @__PURE__ */ l({
+}, Ve = /* @__PURE__ */ l({
 	__name: "TopToast",
 	props: { baseZIndex: { default: 3e4 } },
 	setup(e) {
@@ -1079,9 +1079,9 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 			position: "top-right",
 			"base-z-index": e.baseZIndex
 		}, {
-			message: O((e) => [a("div", Ie, [
+			message: O((e) => [a("div", Le, [
 				a("div", { class: p(["top-toast__summary", d(e.message, "summary")]) }, S(e.message.summary), 3),
-				a("div", Le, S(e.message.detail), 1),
+				a("div", Re, S(e.message.detail), 1),
 				u(e.message) ? x(f.$slots, "action", {
 					action: o(e.message),
 					message: e.message,
@@ -1095,17 +1095,17 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
 					key: 0,
 					class: p(o(e.message)?.icon),
 					"aria-hidden": "true"
-				}, null, 2)) : r("", !0), s(" " + S(o(e.message)?.label), 1)], 10, Re)) : r("", !0)], void 0, 0) : r("", !0),
+				}, null, 2)) : r("", !0), s(" " + S(o(e.message)?.label), 1)], 10, ze)) : 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", ze, S(t(e.message)), 1))], void 0, 1) : r("", !0)
+				}, () => [t(e.message) === void 0 ? r("", !0) : (v(), i("div", Be, S(t(e.message)), 1))], void 0, 1) : r("", !0)
 			])]),
 			_: 3
 		}, 8, ["base-z-index"]));
 	}
 });
 //#endregion
-export { Z as a, B as c, me as i, Fe as n, q as o, _e as r, V as s, Be as t };
+export { Z as a, B as c, he as i, Ie as n, q as o, ve as r, V as s, Ve as t };
 
-//# sourceMappingURL=TopToast-Bp0e2ch-.js.map
+//# sourceMappingURL=TopToast-B8ruKpjL.js.map