minusculas

components/radial.js

@@ -0,0 +1,18 @@
+// components/Radial.js
+import { Tag } from "sigpro";
+
+export const Radial = (props, children) => {
+  children === undefined && (children = props, props = {});
+  const percentage = props.value != null ? (props.value / (props.max || 100)) * 100 : 0;
+  const style = `--value: ${percentage}; --max: 100;`;
+
+  return Tag("div", {
+    ...props,
+    class: `radial-progress ${props.class ?? ''}`,
+    style: style,
+    role: "progressbar",
+    "aria-valuenow": props.value,
+    "aria-valuemin": 0,
+    "aria-valuemax": props.max || 100
+  }, children || `${Math.round(percentage)}%`);
+};