@sikka/hawa 0.26.3-next → 0.26.5-next

package/dist/elements/index.mjs

@@ -28,7 +28,7 @@ import {
   TabsTrigger,
   Textarea,
   UncheckMark
-} from "../chunk-I7I5JJHC.mjs";
+} from "../chunk-SUS6O2PO.mjs";
 import {
   Sheet,
   SheetClose,

package/dist/index.d.mts

@@ -547,6 +547,9 @@ interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaEleme
     textareaProps?: React$1.TextareaHTMLAttributes<HTMLTextAreaElement>;
     showCount?: boolean;
     countPosition?: "top" | "bottom";
+    classNames?: {
+        textarea?: string;
+    };
 }
 declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
 

package/dist/index.d.ts

@@ -547,6 +547,9 @@ interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaEleme
     textareaProps?: React$1.TextareaHTMLAttributes<HTMLTextAreaElement>;
     showCount?: boolean;
     countPosition?: "top" | "bottom";
+    classNames?: {
+        textarea?: string;
+    };
 }
 declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
 

package/dist/index.js

@@ -3046,45 +3046,38 @@ var Radio = ({
         ))
       );
     case "bordered":
-      return /* @__PURE__ */ import_react11.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react11.default.createElement(
+      return /* @__PURE__ */ import_react11.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react11.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
-          key: i,
-          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
+          className: cn(
+            "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
+            props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
+          ),
+          key: i + 1
         },
         /* @__PURE__ */ import_react11.default.createElement(
-          "div",
+          "input",
           {
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name,
+            onChange: () => handleChange(opt)
+          }
+        ),
+        /* @__PURE__ */ import_react11.default.createElement(
+          "label",
+          {
+            htmlFor: opt.value.toString(),
             className: cn(
-              "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
-              props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
-            ),
-            key: i + 1
+              "hawa-ml-2 hawa-w-full hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium hawa-text-black dark:hawa-text-white",
+              opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
+            )
           },
-          /* @__PURE__ */ import_react11.default.createElement(
-            "input",
-            {
-              disabled: opt.disabled,
-              id: opt.value.toString(),
-              type: "radio",
-              value: opt.value,
-              name,
-              onChange: () => handleChange(opt)
-            }
-          ),
-          /* @__PURE__ */ import_react11.default.createElement(
-            "label",
-            {
-              htmlFor: opt.value.toString(),
-              className: cn(
-                "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"
-              )
-            },
-            opt.label
-          )
+          opt.label
         )
-      )));
+      ))));
     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, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react11.default.createElement(
         "input",
@@ -3486,6 +3479,7 @@ var React28 = __toESM(require("react"));
 var Textarea = React28.forwardRef(
   ({
     className,
+    classNames,
     labelProps,
     showCount,
     forceHideHelperText,
@@ -3493,39 +3487,51 @@ var Textarea = React28.forwardRef(
     countPosition = "bottom",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React28.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2 textarea-main " }, props.label && /* @__PURE__ */ React28.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React28.createElement(
-      "textarea",
-      {
-        className: cn(
-          "hawa-flex hawa-min-h-[40px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-gray-400 placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
-          className
-        ),
-        ref,
-        ...textareaProps
-      }
-    ), /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React28.createElement(
-      "p",
-      {
-        className: cn(
-          "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-          props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-        )
-      },
-      props.helperText
-    ), showCount && /* @__PURE__ */ React28.createElement(
+    return /* @__PURE__ */ React28.createElement(
       "div",
       {
         className: cn(
-          "hawa-text-start hawa-text-xs hawa-transition-all",
-          {
-            "hawa-absolute hawa-bottom-[80px] hawa-end-0 hawa-translate-y-1/2": countPosition === "top"
-          }
+          "textarea-main hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col",
+          !forceHideHelperText && "hawa-gap-2",
+          className
         )
       },
-      (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
-      "/",
-      textareaProps == null ? void 0 : textareaProps.maxLength
-    )));
+      props.label && /* @__PURE__ */ React28.createElement(Label2, { ...labelProps }, props.label),
+      /* @__PURE__ */ React28.createElement(
+        "textarea",
+        {
+          className: cn(
+            "hawa-flex hawa-min-h-[40px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-gray-400 placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
+            classNames == null ? void 0 : classNames.textarea
+          ),
+          ref,
+          ...textareaProps
+        }
+      ),
+      /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React28.createElement(
+        "p",
+        {
+          className: cn(
+            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+          )
+        },
+        props.helperText
+      ), showCount && /* @__PURE__ */ React28.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-text-start hawa-text-xs hawa-transition-all",
+            {
+              "hawa-absolute hawa-bottom-[80px] hawa-end-0 hawa-translate-y-1/2": countPosition === "top"
+            }
+          )
+        },
+        (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
+        "/",
+        textareaProps == null ? void 0 : textareaProps.maxLength
+      ))
+    );
   }
 );
 Textarea.displayName = "Textarea";
@@ -9826,10 +9832,12 @@ var RegisterForm = ({
     /* @__PURE__ */ import_react47.default.createElement(
       Button,
       {
+        className: "hawa-mt-4 hawa-w-full",
+        type: "submit",
         isLoading: props.isLoading,
-        className: "hawa-mt-4 hawa-w-full"
+        disabled: props.isLoading
       },
-      texts == null ? void 0 : texts.registerText
+      (texts == null ? void 0 : texts.registerText) || "Register"
     ),
     props.additionalButtons
   )), /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center  hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ import_react47.default.createElement("span", null, texts == null ? void 0 : texts.existingUserText), /* @__PURE__ */ import_react47.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react47.default.createElement(
@@ -10527,7 +10535,9 @@ var FeedbackEmoji = (props) => {
           trigger: /* @__PURE__ */ import_react55.default.createElement(
             Textarea,
             {
-              className: cn("hawa-mt-2 hawa-h-full hawa-resize-none"),
+              classNames: {
+                textarea: "hawa-mt-2 hawa-h-full hawa-resize-none"
+              },
               placeholder: "Your feedback",
               onChange: (e) => {
                 if (e.target.value) {

package/dist/index.mjs

@@ -2813,45 +2813,38 @@ var Radio = ({
         ))
       );
     case "bordered":
-      return /* @__PURE__ */ React24.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React24.createElement(
+      return /* @__PURE__ */ React24.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React24.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ React24.createElement(
         "div",
         {
-          key: i,
-          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
+          className: cn(
+            "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
+            props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
+          ),
+          key: i + 1
         },
         /* @__PURE__ */ React24.createElement(
-          "div",
+          "input",
           {
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name,
+            onChange: () => handleChange(opt)
+          }
+        ),
+        /* @__PURE__ */ React24.createElement(
+          "label",
+          {
+            htmlFor: opt.value.toString(),
             className: cn(
-              "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
-              props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
-            ),
-            key: i + 1
+              "hawa-ml-2 hawa-w-full hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium hawa-text-black dark:hawa-text-white",
+              opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
+            )
           },
-          /* @__PURE__ */ React24.createElement(
-            "input",
-            {
-              disabled: opt.disabled,
-              id: opt.value.toString(),
-              type: "radio",
-              value: opt.value,
-              name,
-              onChange: () => handleChange(opt)
-            }
-          ),
-          /* @__PURE__ */ React24.createElement(
-            "label",
-            {
-              htmlFor: opt.value.toString(),
-              className: cn(
-                "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"
-              )
-            },
-            opt.label
-          )
+          opt.label
         )
-      )));
+      ))));
     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, onClick: () => handleChange(opt) }, /* @__PURE__ */ React24.createElement(
         "input",
@@ -3253,6 +3246,7 @@ import * as React28 from "react";
 var Textarea = React28.forwardRef(
   ({
     className,
+    classNames,
     labelProps,
     showCount,
     forceHideHelperText,
@@ -3260,39 +3254,51 @@ var Textarea = React28.forwardRef(
     countPosition = "bottom",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React28.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2 textarea-main " }, props.label && /* @__PURE__ */ React28.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React28.createElement(
-      "textarea",
-      {
-        className: cn(
-          "hawa-flex hawa-min-h-[40px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-gray-400 placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
-          className
-        ),
-        ref,
-        ...textareaProps
-      }
-    ), /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React28.createElement(
-      "p",
-      {
-        className: cn(
-          "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-          props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-        )
-      },
-      props.helperText
-    ), showCount && /* @__PURE__ */ React28.createElement(
+    return /* @__PURE__ */ React28.createElement(
       "div",
       {
         className: cn(
-          "hawa-text-start hawa-text-xs hawa-transition-all",
-          {
-            "hawa-absolute hawa-bottom-[80px] hawa-end-0 hawa-translate-y-1/2": countPosition === "top"
-          }
+          "textarea-main hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col",
+          !forceHideHelperText && "hawa-gap-2",
+          className
         )
       },
-      (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
-      "/",
-      textareaProps == null ? void 0 : textareaProps.maxLength
-    )));
+      props.label && /* @__PURE__ */ React28.createElement(Label2, { ...labelProps }, props.label),
+      /* @__PURE__ */ React28.createElement(
+        "textarea",
+        {
+          className: cn(
+            "hawa-flex hawa-min-h-[40px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-gray-400 placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
+            classNames == null ? void 0 : classNames.textarea
+          ),
+          ref,
+          ...textareaProps
+        }
+      ),
+      /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React28.createElement(
+        "p",
+        {
+          className: cn(
+            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+          )
+        },
+        props.helperText
+      ), showCount && /* @__PURE__ */ React28.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-text-start hawa-text-xs hawa-transition-all",
+            {
+              "hawa-absolute hawa-bottom-[80px] hawa-end-0 hawa-translate-y-1/2": countPosition === "top"
+            }
+          )
+        },
+        (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
+        "/",
+        textareaProps == null ? void 0 : textareaProps.maxLength
+      ))
+    );
   }
 );
 Textarea.displayName = "Textarea";
@@ -9600,10 +9606,12 @@ var RegisterForm = ({
     /* @__PURE__ */ React75.createElement(
       Button,
       {
+        className: "hawa-mt-4 hawa-w-full",
+        type: "submit",
         isLoading: props.isLoading,
-        className: "hawa-mt-4 hawa-w-full"
+        disabled: props.isLoading
       },
-      texts == null ? void 0 : texts.registerText
+      (texts == null ? void 0 : texts.registerText) || "Register"
     ),
     props.additionalButtons
   )), /* @__PURE__ */ React75.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center  hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ React75.createElement("span", null, texts == null ? void 0 : texts.existingUserText), /* @__PURE__ */ React75.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React75.createElement(
@@ -10301,7 +10309,9 @@ var FeedbackEmoji = (props) => {
           trigger: /* @__PURE__ */ React83.createElement(
             Textarea,
             {
-              className: cn("hawa-mt-2 hawa-h-full hawa-resize-none"),
+              classNames: {
+                textarea: "hawa-mt-2 hawa-h-full hawa-resize-none"
+              },
               placeholder: "Your feedback",
               onChange: (e) => {
                 if (e.target.value) {

package/dist/interfaceSettings/index.js

@@ -229,45 +229,38 @@ var Radio = ({
         ))
       );
     case "bordered":
-      return /* @__PURE__ */ import_react2.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react2.default.createElement(
+      return /* @__PURE__ */ import_react2.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react2.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react2.default.createElement(
         "div",
         {
-          key: i,
-          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
+          className: cn(
+            "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
+            props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
+          ),
+          key: i + 1
         },
         /* @__PURE__ */ import_react2.default.createElement(
-          "div",
+          "input",
           {
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name,
+            onChange: () => handleChange(opt)
+          }
+        ),
+        /* @__PURE__ */ import_react2.default.createElement(
+          "label",
+          {
+            htmlFor: opt.value.toString(),
             className: cn(
-              "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
-              props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
-            ),
-            key: i + 1
+              "hawa-ml-2 hawa-w-full hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium hawa-text-black dark:hawa-text-white",
+              opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
+            )
           },
-          /* @__PURE__ */ import_react2.default.createElement(
-            "input",
-            {
-              disabled: opt.disabled,
-              id: opt.value.toString(),
-              type: "radio",
-              value: opt.value,
-              name,
-              onChange: () => handleChange(opt)
-            }
-          ),
-          /* @__PURE__ */ import_react2.default.createElement(
-            "label",
-            {
-              htmlFor: opt.value.toString(),
-              className: cn(
-                "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"
-              )
-            },
-            opt.label
-          )
+          opt.label
         )
-      )));
+      ))));
     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, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react2.default.createElement(
         "input",

package/dist/interfaceSettings/index.mjs

@@ -93,45 +93,38 @@ var Radio = ({
         ))
       );
     case "bordered":
-      return /* @__PURE__ */ React.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ React.createElement(
         "div",
         {
-          key: i,
-          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
+          className: cn(
+            "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
+            props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
+          ),
+          key: i + 1
         },
         /* @__PURE__ */ React.createElement(
-          "div",
+          "input",
           {
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name,
+            onChange: () => handleChange(opt)
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "label",
+          {
+            htmlFor: opt.value.toString(),
             className: cn(
-              "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
-              props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
-            ),
-            key: i + 1
+              "hawa-ml-2 hawa-w-full hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium hawa-text-black dark:hawa-text-white",
+              opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
+            )
           },
-          /* @__PURE__ */ React.createElement(
-            "input",
-            {
-              disabled: opt.disabled,
-              id: opt.value.toString(),
-              type: "radio",
-              value: opt.value,
-              name,
-              onChange: () => handleChange(opt)
-            }
-          ),
-          /* @__PURE__ */ React.createElement(
-            "label",
-            {
-              htmlFor: opt.value.toString(),
-              className: cn(
-                "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"
-              )
-            },
-            opt.label
-          )
+          opt.label
         )
-      )));
+      ))));
     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, onClick: () => handleChange(opt) }, /* @__PURE__ */ React.createElement(
         "input",

package/dist/radio/index.js

@@ -226,45 +226,38 @@ var Radio = ({
         ))
       );
     case "bordered":
-      return /* @__PURE__ */ import_react2.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react2.default.createElement(
+      return /* @__PURE__ */ import_react2.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react2.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react2.default.createElement(
         "div",
         {
-          key: i,
-          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
+          className: cn(
+            "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
+            props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
+          ),
+          key: i + 1
         },
         /* @__PURE__ */ import_react2.default.createElement(
-          "div",
+          "input",
+          {
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name,
+            onChange: () => handleChange(opt)
+          }
+        ),
+        /* @__PURE__ */ import_react2.default.createElement(
+          "label",
           {
+            htmlFor: opt.value.toString(),
             className: cn(
-              "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
-              props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
-            ),
-            key: i + 1
+              "hawa-ml-2 hawa-w-full hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium hawa-text-black dark:hawa-text-white",
+              opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
+            )
           },
-          /* @__PURE__ */ import_react2.default.createElement(
-            "input",
-            {
-              disabled: opt.disabled,
-              id: opt.value.toString(),
-              type: "radio",
-              value: opt.value,
-              name,
-              onChange: () => handleChange(opt)
-            }
-          ),
-          /* @__PURE__ */ import_react2.default.createElement(
-            "label",
-            {
-              htmlFor: opt.value.toString(),
-              className: cn(
-                "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"
-              )
-            },
-            opt.label
-          )
+          opt.label
         )
-      )));
+      ))));
     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, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react2.default.createElement(
         "input",