feat: Introduce rect item

src/exports.ts

@@ -34,6 +34,7 @@ export * from './items/heading';
 export * from './items/hyperlink';
 export * from './items/label';
 export * from './items/progressbar';
+export * from './items/rect';
 export * from './items/selectable';
 export * from './items/separator';
 export * from './items/slider';

src/index.ts

@@ -45,6 +45,7 @@ globalThis.exports('heading', Exports.heading);
 globalThis.exports('hyperlink', Exports.hyperlink);
 globalThis.exports('label', Exports.label);
 globalThis.exports('progressBar', Exports.progressBar);
+globalThis.exports('rect', Exports.rect);
 globalThis.exports('selectable', Exports.selectable);
 globalThis.exports('separator', Exports.separator);
 globalThis.exports('slider', Exports.slider);

src/items/rect.ts

@@ -0,0 +1,13 @@
+import { getFrameChecked } from '../core/frame';
+
+export function rect(w: number, h: number, r: number, g: number, b: number, a: number) {
+	const frame = getFrameChecked();
+	const painter = frame.getPainter();
+
+	frame.beginItem(w, h);
+
+	painter.setColor([r, g, b, a]);
+	painter.drawRect(w, h);
+
+	frame.endItem();
+}