@sikka/hawa 0.24.8-next → 0.24.11-next

package/dist/index.js

@@ -2955,8 +2955,10 @@ var Radio = ({
   width = "default",
   size = "default",
   orientation = "horizontal",
+  name,
   labelProps,
   tabsContainerClassName,
+  onChange,
   ...props
 }) => {
   var _a, _b, _c;
@@ -2990,6 +2992,14 @@ var Radio = ({
       setParentDirection(dir);
     }
   });
+  const handleChange = (opt) => {
+    setSelectedOption(opt.value);
+    if (onChange) {
+      onChange(opt.value);
+    } else {
+      console.log("onChange was not provided");
+    }
+  };
   switch (design) {
     case "tabs":
       return /* @__PURE__ */ import_react11.default.createElement(
@@ -3008,14 +3018,7 @@ var Radio = ({
           "li",
           {
             "aria-current": "page",
-            onClick: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            },
+            onClick: () => handleChange(opt),
             className: cn(
               "hawa-w-full hawa-cursor-pointer ",
               orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
@@ -3036,7 +3039,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ import_react11.default.createElement(
           "div",
@@ -3054,7 +3057,8 @@ var Radio = ({
               id: opt.value.toString(),
               type: "radio",
               value: opt.value,
-              name: "bordered-radio"
+              name,
+              onChange: () => handleChange(opt)
             }
           ),
           /* @__PURE__ */ import_react11.default.createElement(
@@ -3062,7 +3066,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },
@@ -3071,12 +3075,12 @@ var Radio = ({
         )
       )));
     case "cards":
-      return /* @__PURE__ */ import_react11.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react11.default.createElement("li", { key: o }, /* @__PURE__ */ import_react11.default.createElement(
+      return /* @__PURE__ */ import_react11.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react11.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react11.default.createElement(
         "input",
         {
           type: "radio",
           id: opt.value.toString(),
-          name: "cards-radio",
+          name,
           value: opt.value.toString(),
           className: "hawa-peer hawa-hidden",
           required: true,
@@ -3110,15 +3114,8 @@ var Radio = ({
             id: opt.value.toString(),
             type: "radio",
             value: opt.value,
-            name: "default-radio",
-            onChange: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            }
+            name,
+            onChange: () => handleChange(opt)
           }
         ),
         /* @__PURE__ */ import_react11.default.createElement(
@@ -4084,7 +4081,7 @@ var Checkbox = ({
   let labelLineHeightStyles = {
     xs: sublabel || helperText ? 0.5 : 0.1,
     sm: 0.6,
-    default: 0.7,
+    default: 1,
     md: 0.8,
     lg: 0.9,
     xl: 1
@@ -4094,8 +4091,7 @@ var Checkbox = ({
     {
       className: cn(
         "hawa-flex hawa-gap-2",
-        "hawa-items-top",
-        sublabel || helperText ? "hawa-items-top" : "hawa-items-center"
+        size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
     /* @__PURE__ */ React34.createElement(
@@ -4108,16 +4104,17 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React34.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React34.createElement(
+    (label || helperText) && /* @__PURE__ */ React34.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React34.createElement(
       "label",
       {
         htmlFor: id,
         className: cn(
-          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium hawa-leading-none",
+          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
           disabled ? "hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 " : "hawa-cursor-pointer"
         ),
         style: {
-          lineHeight: labelLineHeightStyles[size]
+          // lineHeight: labelLineHeightStyles[size]
+          lineHeight: 1
         }
       },
       label
@@ -7706,7 +7703,7 @@ var InterfaceSettings = ({
     {
       width,
       defaultValue: language,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (handleLanguage) {
           handleLanguage(e.value);
         }
@@ -7723,7 +7720,7 @@ var InterfaceSettings = ({
     {
       width,
       defaultValue: color,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (handleColorMode) {
           handleColorMode(e.value);
         }
@@ -10279,7 +10276,7 @@ var UserReferralSource = ({
                     orientation: "vertical",
                     options: optionsWithOther,
                     defaultValue: field.value,
-                    onChangeTab: (e) => field.onChange(e.value),
+                    onChange: (e) => field.onChange(e.value),
                     helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
                   }
                 );
@@ -11272,7 +11269,7 @@ var PricingPlans = ({
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCycleChange) {
           props.onCycleChange(e);
         }
@@ -11284,7 +11281,7 @@ var PricingPlans = ({
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCurrencyChange) {
           props.onCurrencyChange(e);
         }
@@ -11345,7 +11342,7 @@ var ComparingPlans = (props) => {
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCycleChange) {
           props.onCycleChange(e);
         }
@@ -11359,7 +11356,7 @@ var ComparingPlans = (props) => {
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCurrencyChange) {
           props.onCurrencyChange(e);
         }

package/dist/index.mjs

@@ -2722,8 +2722,10 @@ var Radio = ({
   width = "default",
   size = "default",
   orientation = "horizontal",
+  name,
   labelProps,
   tabsContainerClassName,
+  onChange,
   ...props
 }) => {
   var _a, _b, _c;
@@ -2757,6 +2759,14 @@ var Radio = ({
       setParentDirection(dir);
     }
   });
+  const handleChange = (opt) => {
+    setSelectedOption(opt.value);
+    if (onChange) {
+      onChange(opt.value);
+    } else {
+      console.log("onChange was not provided");
+    }
+  };
   switch (design) {
     case "tabs":
       return /* @__PURE__ */ React24.createElement(
@@ -2775,14 +2785,7 @@ var Radio = ({
           "li",
           {
             "aria-current": "page",
-            onClick: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            },
+            onClick: () => handleChange(opt),
             className: cn(
               "hawa-w-full hawa-cursor-pointer ",
               orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
@@ -2803,7 +2806,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ React24.createElement(
           "div",
@@ -2821,7 +2824,8 @@ var Radio = ({
               id: opt.value.toString(),
               type: "radio",
               value: opt.value,
-              name: "bordered-radio"
+              name,
+              onChange: () => handleChange(opt)
             }
           ),
           /* @__PURE__ */ React24.createElement(
@@ -2829,7 +2833,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },
@@ -2838,12 +2842,12 @@ var Radio = ({
         )
       )));
     case "cards":
-      return /* @__PURE__ */ React24.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React24.createElement("li", { key: o }, /* @__PURE__ */ React24.createElement(
+      return /* @__PURE__ */ React24.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React24.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ React24.createElement(
         "input",
         {
           type: "radio",
           id: opt.value.toString(),
-          name: "cards-radio",
+          name,
           value: opt.value.toString(),
           className: "hawa-peer hawa-hidden",
           required: true,
@@ -2877,15 +2881,8 @@ var Radio = ({
             id: opt.value.toString(),
             type: "radio",
             value: opt.value,
-            name: "default-radio",
-            onChange: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            }
+            name,
+            onChange: () => handleChange(opt)
           }
         ),
         /* @__PURE__ */ React24.createElement(
@@ -3851,7 +3848,7 @@ var Checkbox = ({
   let labelLineHeightStyles = {
     xs: sublabel || helperText ? 0.5 : 0.1,
     sm: 0.6,
-    default: 0.7,
+    default: 1,
     md: 0.8,
     lg: 0.9,
     xl: 1
@@ -3861,8 +3858,7 @@ var Checkbox = ({
     {
       className: cn(
         "hawa-flex hawa-gap-2",
-        "hawa-items-top",
-        sublabel || helperText ? "hawa-items-top" : "hawa-items-center"
+        size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
     /* @__PURE__ */ React34.createElement(
@@ -3875,16 +3871,17 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React34.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React34.createElement(
+    (label || helperText) && /* @__PURE__ */ React34.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React34.createElement(
       "label",
       {
         htmlFor: id,
         className: cn(
-          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium hawa-leading-none",
+          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
           disabled ? "hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 " : "hawa-cursor-pointer"
         ),
         style: {
-          lineHeight: labelLineHeightStyles[size]
+          // lineHeight: labelLineHeightStyles[size]
+          lineHeight: 1
         }
       },
       label
@@ -7480,7 +7477,7 @@ var InterfaceSettings = ({
     {
       width,
       defaultValue: language,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (handleLanguage) {
           handleLanguage(e.value);
         }
@@ -7497,7 +7494,7 @@ var InterfaceSettings = ({
     {
       width,
       defaultValue: color,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (handleColorMode) {
           handleColorMode(e.value);
         }
@@ -10053,7 +10050,7 @@ var UserReferralSource = ({
                     orientation: "vertical",
                     options: optionsWithOther,
                     defaultValue: field.value,
-                    onChangeTab: (e) => field.onChange(e.value),
+                    onChange: (e) => field.onChange(e.value),
                     helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
                   }
                 );
@@ -11046,7 +11043,7 @@ var PricingPlans = ({
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCycleChange) {
           props.onCycleChange(e);
         }
@@ -11058,7 +11055,7 @@ var PricingPlans = ({
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCurrencyChange) {
           props.onCurrencyChange(e);
         }
@@ -11119,7 +11116,7 @@ var ComparingPlans = (props) => {
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCycleChange) {
           props.onCycleChange(e);
         }
@@ -11133,7 +11130,7 @@ var ComparingPlans = (props) => {
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCurrencyChange) {
           props.onCurrencyChange(e);
         }

package/dist/interfaceSettings/index.js

@@ -138,8 +138,10 @@ var Radio = ({
   width = "default",
   size = "default",
   orientation = "horizontal",
+  name,
   labelProps,
   tabsContainerClassName,
+  onChange,
   ...props
 }) => {
   var _a, _b, _c;
@@ -173,6 +175,14 @@ var Radio = ({
       setParentDirection(dir);
     }
   });
+  const handleChange = (opt) => {
+    setSelectedOption(opt.value);
+    if (onChange) {
+      onChange(opt.value);
+    } else {
+      console.log("onChange was not provided");
+    }
+  };
   switch (design) {
     case "tabs":
       return /* @__PURE__ */ import_react2.default.createElement(
@@ -191,14 +201,7 @@ var Radio = ({
           "li",
           {
             "aria-current": "page",
-            onClick: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            },
+            onClick: () => handleChange(opt),
             className: cn(
               "hawa-w-full hawa-cursor-pointer ",
               orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
@@ -219,7 +222,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ import_react2.default.createElement(
           "div",
@@ -237,7 +240,8 @@ var Radio = ({
               id: opt.value.toString(),
               type: "radio",
               value: opt.value,
-              name: "bordered-radio"
+              name,
+              onChange: () => handleChange(opt)
             }
           ),
           /* @__PURE__ */ import_react2.default.createElement(
@@ -245,7 +249,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },
@@ -254,12 +258,12 @@ var Radio = ({
         )
       )));
     case "cards":
-      return /* @__PURE__ */ import_react2.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react2.default.createElement("li", { key: o }, /* @__PURE__ */ import_react2.default.createElement(
+      return /* @__PURE__ */ import_react2.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react2.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react2.default.createElement(
         "input",
         {
           type: "radio",
           id: opt.value.toString(),
-          name: "cards-radio",
+          name,
           value: opt.value.toString(),
           className: "hawa-peer hawa-hidden",
           required: true,
@@ -293,15 +297,8 @@ var Radio = ({
             id: opt.value.toString(),
             type: "radio",
             value: opt.value,
-            name: "default-radio",
-            onChange: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            }
+            name,
+            onChange: () => handleChange(opt)
           }
         ),
         /* @__PURE__ */ import_react2.default.createElement(
@@ -347,7 +344,7 @@ var InterfaceSettings = ({
     {
       width,
       defaultValue: language,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (handleLanguage) {
           handleLanguage(e.value);
         }
@@ -364,7 +361,7 @@ var InterfaceSettings = ({
     {
       width,
       defaultValue: color,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (handleColorMode) {
           handleColorMode(e.value);
         }

package/dist/interfaceSettings/index.mjs

@@ -13,8 +13,10 @@ var Radio = ({
   width = "default",
   size = "default",
   orientation = "horizontal",
+  name,
   labelProps,
   tabsContainerClassName,
+  onChange,
   ...props
 }) => {
   var _a, _b, _c;
@@ -48,6 +50,14 @@ var Radio = ({
       setParentDirection(dir);
     }
   });
+  const handleChange = (opt) => {
+    setSelectedOption(opt.value);
+    if (onChange) {
+      onChange(opt.value);
+    } else {
+      console.log("onChange was not provided");
+    }
+  };
   switch (design) {
     case "tabs":
       return /* @__PURE__ */ React.createElement(
@@ -66,14 +76,7 @@ var Radio = ({
           "li",
           {
             "aria-current": "page",
-            onClick: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            },
+            onClick: () => handleChange(opt),
             className: cn(
               "hawa-w-full hawa-cursor-pointer ",
               orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
@@ -94,7 +97,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ React.createElement(
           "div",
@@ -112,7 +115,8 @@ var Radio = ({
               id: opt.value.toString(),
               type: "radio",
               value: opt.value,
-              name: "bordered-radio"
+              name,
+              onChange: () => handleChange(opt)
             }
           ),
           /* @__PURE__ */ React.createElement(
@@ -120,7 +124,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },
@@ -129,12 +133,12 @@ var Radio = ({
         )
       )));
     case "cards":
-      return /* @__PURE__ */ React.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React.createElement("li", { key: o }, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ React.createElement(
         "input",
         {
           type: "radio",
           id: opt.value.toString(),
-          name: "cards-radio",
+          name,
           value: opt.value.toString(),
           className: "hawa-peer hawa-hidden",
           required: true,
@@ -168,15 +172,8 @@ var Radio = ({
             id: opt.value.toString(),
             type: "radio",
             value: opt.value,
-            name: "default-radio",
-            onChange: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            }
+            name,
+            onChange: () => handleChange(opt)
           }
         ),
         /* @__PURE__ */ React.createElement(
@@ -222,7 +219,7 @@ var InterfaceSettings = ({
     {
       width,
       defaultValue: language,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (handleLanguage) {
           handleLanguage(e.value);
         }
@@ -239,7 +236,7 @@ var InterfaceSettings = ({
     {
       width,
       defaultValue: color,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (handleColorMode) {
           handleColorMode(e.value);
         }

package/dist/radio/index.d.mts

@@ -21,8 +21,9 @@ type RadioTypes = {
     design?: "default" | "tabs" | "cards" | "bordered";
     width?: "default" | "full" | "none";
     size?: "default" | "lg" | "sm" | "xs";
+    name?: string;
     options: RadioOptionsTypes[];
-    onChangeTab?: any;
+    onChange?: any;
     defaultValue?: any;
     direction?: DirectionType;
     helperText?: string;

package/dist/radio/index.d.ts

@@ -21,8 +21,9 @@ type RadioTypes = {
     design?: "default" | "tabs" | "cards" | "bordered";
     width?: "default" | "full" | "none";
     size?: "default" | "lg" | "sm" | "xs";
+    name?: string;
     options: RadioOptionsTypes[];
-    onChangeTab?: any;
+    onChange?: any;
     defaultValue?: any;
     direction?: DirectionType;
     helperText?: string;