@sikka/hawa 0.26.3-next → 0.26.5-next

package/dist/chunk-LT3VHLAG.mjs

@@ -0,0 +1,70 @@
+import {
+  Label,
+  cn
+} from "./chunk-FYH74ZRQ.mjs";
+
+// components/elements/textarea/Textarea.tsx
+import * as React from "react";
+var Textarea = React.forwardRef(
+  ({
+    className,
+    classNames,
+    labelProps,
+    showCount,
+    forceHideHelperText,
+    textareaProps,
+    countPosition = "bottom",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: cn(
+          "textarea-main hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col",
+          !forceHideHelperText && "hawa-gap-2",
+          className
+        )
+      },
+      props.label && /* @__PURE__ */ React.createElement(Label, { ...labelProps }, props.label),
+      /* @__PURE__ */ React.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__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React.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__ */ React.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";
+
+export {
+  Textarea
+};

package/dist/{chunk-2UQWMSFQ.mjs → chunk-M2ZS3EDT.mjs}

@@ -90,45 +90,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/{chunk-I7I5JJHC.mjs → chunk-SUS6O2PO.mjs}

@@ -2541,45 +2541,38 @@ var Radio = ({
         ))
       );
     case "bordered":
-      return /* @__PURE__ */ React9.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React9.createElement(
+      return /* @__PURE__ */ React9.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React9.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ React9.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__ */ React9.createElement(
-          "div",
+          "input",
+          {
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name,
+            onChange: () => handleChange(opt)
+          }
+        ),
+        /* @__PURE__ */ React9.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__ */ React9.createElement(
-            "input",
-            {
-              disabled: opt.disabled,
-              id: opt.value.toString(),
-              type: "radio",
-              value: opt.value,
-              name,
-              onChange: () => handleChange(opt)
-            }
-          ),
-          /* @__PURE__ */ React9.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__ */ React9.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React9.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ React9.createElement(
         "input",
@@ -2653,6 +2646,7 @@ import * as React10 from "react";
 var Textarea = React10.forwardRef(
   ({
     className,
+    classNames,
     labelProps,
     showCount,
     forceHideHelperText,
@@ -2660,39 +2654,51 @@ var Textarea = React10.forwardRef(
     countPosition = "bottom",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React10.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2 textarea-main " }, props.label && /* @__PURE__ */ React10.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React10.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__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React10.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__ */ React10.createElement(
+    return /* @__PURE__ */ React10.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__ */ React10.createElement(Label, { ...labelProps }, props.label),
+      /* @__PURE__ */ React10.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__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React10.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__ */ React10.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";

package/dist/codeBlock/index.js

@@ -1982,6 +1982,7 @@ var React28 = __toESM(require("react"));
 var Textarea = React28.forwardRef(
   ({
     className,
+    classNames,
     labelProps,
     showCount,
     forceHideHelperText,
@@ -1989,39 +1990,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";

package/dist/codeBlock/index.mjs

@@ -1855,6 +1855,7 @@ import * as React26 from "react";
 var Textarea = React26.forwardRef(
   ({
     className,
+    classNames,
     labelProps,
     showCount,
     forceHideHelperText,
@@ -1862,39 +1863,51 @@ var Textarea = React26.forwardRef(
     countPosition = "bottom",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React26.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2 textarea-main " }, props.label && /* @__PURE__ */ React26.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React26.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__ */ React26.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React26.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__ */ React26.createElement(
+    return /* @__PURE__ */ React26.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__ */ React26.createElement(Label, { ...labelProps }, props.label),
+      /* @__PURE__ */ React26.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__ */ React26.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React26.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__ */ React26.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";

package/dist/elements/index.d.mts

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

package/dist/elements/index.d.ts

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

package/dist/elements/index.js

@@ -2980,45 +2980,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",
@@ -3420,6 +3413,7 @@ var React28 = __toESM(require("react"));
 var Textarea = React28.forwardRef(
   ({
     className,
+    classNames,
     labelProps,
     showCount,
     forceHideHelperText,
@@ -3427,39 +3421,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";