@sikka/hawa 0.26.3-next → 0.26.5-next

package/dist/blocks/auth/index.js

@@ -3753,10 +3753,12 @@ var RegisterForm = ({
     /* @__PURE__ */ import_react15.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_react15.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_react15.default.createElement("span", null, texts == null ? void 0 : texts.existingUserText), /* @__PURE__ */ import_react15.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react15.default.createElement(

package/dist/blocks/auth/index.mjs

@@ -2946,10 +2946,12 @@ var RegisterForm = ({
     /* @__PURE__ */ React7.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__ */ React7.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__ */ React7.createElement("span", null, texts == null ? void 0 : texts.existingUserText), /* @__PURE__ */ React7.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React7.createElement(

package/dist/blocks/feedback/index.js

@@ -568,45 +568,38 @@ var Radio = ({
         ))
       );
     case "bordered":
-      return /* @__PURE__ */ import_react3.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react3.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react3.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react3.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_react3.default.createElement(
-          "div",
+          "input",
+          {
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name,
+            onChange: () => handleChange(opt)
+          }
+        ),
+        /* @__PURE__ */ import_react3.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_react3.default.createElement(
-            "input",
-            {
-              disabled: opt.disabled,
-              id: opt.value.toString(),
-              type: "radio",
-              value: opt.value,
-              name,
-              onChange: () => handleChange(opt)
-            }
-          ),
-          /* @__PURE__ */ import_react3.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_react3.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react3.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react3.default.createElement(
         "input",
@@ -680,6 +673,7 @@ var React7 = __toESM(require("react"));
 var Textarea = React7.forwardRef(
   ({
     className,
+    classNames,
     labelProps,
     showCount,
     forceHideHelperText,
@@ -687,39 +681,51 @@ var Textarea = React7.forwardRef(
     countPosition = "bottom",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React7.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2 textarea-main " }, props.label && /* @__PURE__ */ React7.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React7.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__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React7.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__ */ React7.createElement(
+    return /* @__PURE__ */ React7.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__ */ React7.createElement(Label, { ...labelProps }, props.label),
+      /* @__PURE__ */ React7.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__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React7.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__ */ React7.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";
@@ -1236,7 +1242,9 @@ var FeedbackEmoji = (props) => {
           trigger: /* @__PURE__ */ import_react9.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/blocks/feedback/index.mjs

@@ -1,12 +1,12 @@
 import {
   Textarea
-} from "../../chunk-2XKXPVD3.mjs";
+} from "../../chunk-LT3VHLAG.mjs";
 import {
   Select
 } from "../../chunk-TTKRRN7S.mjs";
 import {
   Radio
-} from "../../chunk-2UQWMSFQ.mjs";
+} from "../../chunk-M2ZS3EDT.mjs";
 import {
   BadEmoji,
   GoodEmoji,
@@ -438,7 +438,9 @@ var FeedbackEmoji = (props) => {
           trigger: /* @__PURE__ */ React4.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/blocks/index.js

@@ -3910,10 +3910,12 @@ var RegisterForm = ({
     /* @__PURE__ */ import_react15.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_react15.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_react15.default.createElement("span", null, texts == null ? void 0 : texts.existingUserText), /* @__PURE__ */ import_react15.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react15.default.createElement(
@@ -4433,45 +4435,38 @@ var Radio = ({
         ))
       );
     case "bordered":
-      return /* @__PURE__ */ import_react22.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react22.default.createElement(
+      return /* @__PURE__ */ import_react22.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react22.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react22.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_react22.default.createElement(
-          "div",
+          "input",
+          {
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name,
+            onChange: () => handleChange(opt)
+          }
+        ),
+        /* @__PURE__ */ import_react22.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_react22.default.createElement(
-            "input",
-            {
-              disabled: opt.disabled,
-              id: opt.value.toString(),
-              type: "radio",
-              value: opt.value,
-              name,
-              onChange: () => handleChange(opt)
-            }
-          ),
-          /* @__PURE__ */ import_react22.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_react22.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react22.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react22.default.createElement(
         "input",
@@ -4545,6 +4540,7 @@ var React27 = __toESM(require("react"));
 var Textarea = React27.forwardRef(
   ({
     className,
+    classNames,
     labelProps,
     showCount,
     forceHideHelperText,
@@ -4552,39 +4548,51 @@ var Textarea = React27.forwardRef(
     countPosition = "bottom",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React27.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2 textarea-main " }, props.label && /* @__PURE__ */ React27.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React27.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__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React27.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__ */ React27.createElement(
+    return /* @__PURE__ */ React27.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__ */ React27.createElement(Label, { ...labelProps }, props.label),
+      /* @__PURE__ */ React27.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__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React27.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__ */ React27.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";
@@ -5002,7 +5010,9 @@ var FeedbackEmoji = (props) => {
           trigger: /* @__PURE__ */ import_react25.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/blocks/index.mjs

@@ -25,7 +25,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-I7I5JJHC.mjs";
+} from "../chunk-SUS6O2PO.mjs";
 import {
   Button,
   Card,
@@ -719,10 +719,12 @@ var RegisterForm = ({
     /* @__PURE__ */ React3.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__ */ React3.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__ */ React3.createElement("span", null, texts == null ? void 0 : texts.existingUserText), /* @__PURE__ */ React3.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React3.createElement(
@@ -1420,7 +1422,9 @@ var FeedbackEmoji = (props) => {
           trigger: /* @__PURE__ */ React11.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/blocks/misc/index.js

@@ -980,6 +980,7 @@ var React18 = __toESM(require("react"));
 var Textarea = React18.forwardRef(
   ({
     className,
+    classNames,
     labelProps,
     showCount,
     forceHideHelperText,
@@ -987,39 +988,51 @@ var Textarea = React18.forwardRef(
     countPosition = "bottom",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React18.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2 textarea-main " }, props.label && /* @__PURE__ */ React18.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React18.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__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React18.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__ */ React18.createElement(
+    return /* @__PURE__ */ React18.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__ */ React18.createElement(Label, { ...labelProps }, props.label),
+      /* @__PURE__ */ React18.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__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React18.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__ */ React18.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/blocks/misc/index.mjs

@@ -7,7 +7,7 @@ import {
 } from "../../chunk-OE23TTPS.mjs";
 import {
   Textarea
-} from "../../chunk-2XKXPVD3.mjs";
+} from "../../chunk-LT3VHLAG.mjs";
 import {
   Button,
   Card,

package/dist/blocks/pricing/index.js

@@ -995,45 +995,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",

package/dist/blocks/pricing/index.mjs

@@ -5,7 +5,7 @@ import {
 import "../../chunk-ZCZ3WARS.mjs";
 import {
   Radio
-} from "../../chunk-2UQWMSFQ.mjs";
+} from "../../chunk-M2ZS3EDT.mjs";
 import {
   CheckMark,
   UncheckMark