import { getColor } from "@xstyled/system";

//#region src/theme/foundations/transformers.ts
var transformers_default = {
	border: (value, { props }) => {
		if (typeof value === "number") return `${value}px solid`;
		const [width, style = "", color] = value.split(" ");
		return `${width} ${style} ${getColor(color)(props) ?? ""}`;
	},
	space: (value) => {
		return typeof value === "string" ? value : `${value * 8}px`;
	}
};

//#endregion
export { transformers_default as default };
globalThis.__vuiVersion__ = "4.0.0-beta.1"
//# sourceMappingURL=transformers.js.map