Radio correction

dist/sigpro-ui.cjs

@@ -1104,26 +1104,25 @@ var NavbarModule = /*#__PURE__*/Object.freeze({
 
 /** RADIO */
 const Radio = (props) => {
-  const { label, tooltip, value, name, ...rest } = props;
+  const { label, tooltip, value, inputValue, name, ...rest } = props;
 
   const radioEl = sigpro.$html("input", {
     ...rest,
     type: "radio",
     name: name,
     class: joinClass("radio", props.class),
-    checked: () => val(value) === props.value,
+    checked: () => val(value) === inputValue,
-    disabled: () => val(props.disabled),
+    onclick: () => {
-    onclick: () => typeof value === "function" && value(props.value),
+      if (typeof value === "function") value(inputValue);
+    },
   });
 
   if (!label && !tooltip) return radioEl;
 
-  const layout = sigpro.$html("label", { class: "label cursor-pointer justify-start gap-3" }, [
+  return sigpro.$html("label", { class: "label cursor-pointer justify-start gap-3" }, [
     radioEl,
     label ? sigpro.$html("span", { class: "label-text" }, label) : null,
   ]);
-
-  return tooltip ? sigpro.$html("div", { class: "tooltip", "data-tip": tooltip }, layout) : layout;
 };
 
 var RadioModule = /*#__PURE__*/Object.freeze({

dist/sigpro-ui.esm.js

@@ -1100,26 +1100,25 @@ var NavbarModule = /*#__PURE__*/Object.freeze({
 
 /** RADIO */
 const Radio = (props) => {
-  const { label, tooltip, value, name, ...rest } = props;
+  const { label, tooltip, value, inputValue, name, ...rest } = props;
 
   const radioEl = $html("input", {
     ...rest,
     type: "radio",
     name: name,
     class: joinClass("radio", props.class),
-    checked: () => val(value) === props.value,
+    checked: () => val(value) === inputValue,
-    disabled: () => val(props.disabled),
+    onclick: () => {
-    onclick: () => typeof value === "function" && value(props.value),
+      if (typeof value === "function") value(inputValue);
+    },
   });
 
   if (!label && !tooltip) return radioEl;
 
-  const layout = $html("label", { class: "label cursor-pointer justify-start gap-3" }, [
+  return $html("label", { class: "label cursor-pointer justify-start gap-3" }, [
     radioEl,
     label ? $html("span", { class: "label-text" }, label) : null,
   ]);
-
-  return tooltip ? $html("div", { class: "tooltip", "data-tip": tooltip }, layout) : layout;
 };
 
 var RadioModule = /*#__PURE__*/Object.freeze({

dist/sigpro-ui.umd.js

@@ -1101,26 +1101,25 @@ var SigProUI = (function (exports, sigpro) {
 
   /** RADIO */
   const Radio = (props) => {
-    const { label, tooltip, value, name, ...rest } = props;
+    const { label, tooltip, value, inputValue, name, ...rest } = props;
 
     const radioEl = sigpro.$html("input", {
       ...rest,
       type: "radio",
       name: name,
       class: joinClass("radio", props.class),
-      checked: () => val(value) === props.value,
+      checked: () => val(value) === inputValue,
-      disabled: () => val(props.disabled),
+      onclick: () => {
-      onclick: () => typeof value === "function" && value(props.value),
+        if (typeof value === "function") value(inputValue);
+      },
     });
 
     if (!label && !tooltip) return radioEl;
 
-    const layout = sigpro.$html("label", { class: "label cursor-pointer justify-start gap-3" }, [
+    return sigpro.$html("label", { class: "label cursor-pointer justify-start gap-3" }, [
       radioEl,
       label ? sigpro.$html("span", { class: "label-text" }, label) : null,
     ]);
-
-    return tooltip ? sigpro.$html("div", { class: "tooltip", "data-tip": tooltip }, layout) : layout;
   };
 
   var RadioModule = /*#__PURE__*/Object.freeze({

docs/index.html

@@ -40,7 +40,8 @@
     </script>
 
     <script src="https://unpkg.com/sigpro"></script>
-    <script src="https://unpkg.com/sigpro-ui"></script>
+    <script src="https://cdn.jsdelivr.net/gh/natxocc/sigpro-ui@main/dist/sigpro-ui.umd.min.js"></script>
+    <!-- <script src="https://unpkg.com/sigpro-ui"></script> -->
     <script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
     <script src="//cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
   </body>

src/components/Radio.js

@@ -3,24 +3,23 @@ import { val, joinClass } from "../core/utils.js";
 
 /** RADIO */
 export const Radio = (props) => {
-  const { label, tooltip, value, name, ...rest } = props;
+  const { label, tooltip, value, inputValue, name, ...rest } = props;
 
   const radioEl = $html("input", {
     ...rest,
     type: "radio",
     name: name,
     class: joinClass("radio", props.class),
-    checked: () => val(value) === props.value,
+    checked: () => val(value) === inputValue,
-    disabled: () => val(props.disabled),
+    onclick: () => {
-    onclick: () => typeof value === "function" && value(props.value),
+      if (typeof value === "function") value(inputValue);
+    },
   });
 
   if (!label && !tooltip) return radioEl;
 
-  const layout = $html("label", { class: "label cursor-pointer justify-start gap-3" }, [
+  return $html("label", { class: "label cursor-pointer justify-start gap-3" }, [
     radioEl,
     label ? $html("span", { class: "label-text" }, label) : null,
   ]);
-
-  return tooltip ? $html("div", { class: "tooltip", "data-tip": tooltip }, layout) : layout;
 };