Migrating new components

components/Toggle.js

@@ -0,0 +1,19 @@
+// components/Toggle.js
+import { Tag } from "sigpro";
+
+export const Toggle = (props) => {
+  const { class: className, label, ...rest } = props;
+
+  const inputEl = Tag("input", {
+    ...rest,
+    type: "checkbox",
+    class: `toggle ${className || ''}`.trim()
+  });
+
+  if (!label) return inputEl;
+
+  return Tag("label", { class: "label cursor-pointer justify-start gap-3" }, [
+    inputEl,
+    Tag("span", { class: "label-text" }, label)
+  ]);
+};