import presetWind4 from "@unocss/preset-wind4";
import { defineConfig } from "unocss";
import { presetIcons } from "unocss";
import {} from "@iconify-json/solar";

export default defineConfig({
	presets: [
		presetWind4(),
		presetIcons({
			collections: {
				solar: () =>
					import("@iconify-json/solar/icons.json").then(
						(i) => i.default as any
					),
			},
		}),
	],
	shortcuts: [[/^s-(\d+)$/, ([, d]) => `w-${d} h-${d}`]],
	rules: [
		["tl", { top: 0, left: 0 }],
		["tr", { top: 0, right: 0 }],
		["bl", { bottom: 0, left: 0 }],
		["br", { bottom: 0, right: 0 }],
		[
			"bc",
			{
				bottom: 0,
				left: 0,
				right: 0,
				"margin-left": "auto",
				"margin-right": "auto",
			},
		],
		[
			"tc",
			{
				top: 0,
				left: 0,
				right: 0,
				"margin-left": "auto",
				"margin-right": "auto",
			},
		],

		[
			"center",
			{ top: "50%", left: "50%", transform: "translate(-50%, -50%)" },
		],
	],
});