@sikka/hawa 0.11.6-next → 0.11.8-next

package/dist/index.d.mts

@@ -1193,8 +1193,8 @@ type ComponentTypes$2 = {
     tag?: any;
     options?: RadioOptionsTypes[];
     position?: "bottom-right" | "bottom-left";
-    onOptionClicked?: (option: any) => void;
     direction?: "rtl" | "ltr";
+    onSubmitForm?: (e: any) => void;
     texts?: {
         pleaseSelectOption: string;
         textTooShort: string;

package/dist/index.d.ts

@@ -1193,8 +1193,8 @@ type ComponentTypes$2 = {
     tag?: any;
     options?: RadioOptionsTypes[];
     position?: "bottom-right" | "bottom-left";
-    onOptionClicked?: (option: any) => void;
     direction?: "rtl" | "ltr";
+    onSubmitForm?: (e: any) => void;
     texts?: {
         pleaseSelectOption: string;
         textTooShort: string;

package/dist/index.js

@@ -4953,18 +4953,20 @@ var Input = function(_param) {
         full: "hawa-w-full",
         auto: ""
     };
-    var defaultStyle = "hawa-flex hawa-max-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
+    var defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
     var defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
     return /* @__PURE__ */ import_react24.default.createElement("div", {
-        className: cn(defaultStyle, marginStyles[margin], widthStyles[width], props.containerClassName, "hawa-w-full hawa-gap-2")
+        className: cn(defaultStyle, marginStyles[margin], widthStyles[width], props.containerClassName, "hawa-w-full hawa-gap-2 ")
     }, props.label && /* @__PURE__ */ import_react24.default.createElement(Label2, {
         htmlFor: props.id,
         hint: props.hint,
         hintSide: props.hintSide,
         required: props.isRequired
-    }, props.label), props.isLoading ? /* @__PURE__ */ import_react24.default.createElement(Skeleton, {
+    }, props.label), props.isLoading ? /* @__PURE__ */ import_react24.default.createElement("div", {
+        className: "hawa-pb-2"
+    }, /* @__PURE__ */ import_react24.default.createElement(Skeleton, {
         className: "hawa-h-[40px] hawa-w-full"
-    }) : /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", {
+    })) : /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", {
         className: cn("hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800", preview ? "hawa-opacity-100" : "hawa-opacity-0")
     }), /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", {
         className: cn("hawa-relative")
@@ -6031,15 +6033,19 @@ var Combobox = function(_param) {
     var _React47_useState = _sliced_to_array(React47.useState(false), 2), open = _React47_useState[0], setOpen = _React47_useState[1];
     var _React47_useState1 = _sliced_to_array(React47.useState(defaultValue), 2), value = _React47_useState1[0], setValue = _React47_useState1[1];
     return /* @__PURE__ */ React47.createElement("div", {
-        className: cn("hawa-flex hawa-flex-col hawa-gap-2 hawa-relative", props.width === "fit" ? "hawa-w-fit" : "hawa-w-full")
+        className: cn("hawa-flex hawa-flex-col hawa-gap-2 hawa-relative hawa-h-fit", props.width === "fit" ? "hawa-w-fit" : "hawa-w-full")
     }, props.label && /* @__PURE__ */ React47.createElement(Label2, null, props.label), /* @__PURE__ */ React47.createElement(PopoverPrimitive2.Root, {
         open: open,
         onOpenChange: setOpen
     }, /* @__PURE__ */ React47.createElement(PopoverTrigger, {
         disabled: props.isLoading || props.preview
-    }, props.isLoading ? /* @__PURE__ */ React47.createElement(Skeleton, {
+    }, props.isLoading ? /* @__PURE__ */ React47.createElement("div", {
+        className: "hawa-pb-2"
+    }, /* @__PURE__ */ React47.createElement(Skeleton, {
         className: "hawa-h-[40px] hawa-w-full"
-    }) : /* @__PURE__ */ React47.createElement("div", null, /* @__PURE__ */ React47.createElement("div", {
+    })) : /* @__PURE__ */ React47.createElement("div", {
+        className: "hawa-flex hawa-flex-col hawa-gap-2 "
+    }, /* @__PURE__ */ React47.createElement("div", {
         className: cn("hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800", props.preview ? "hawa-opacity-100" : "hawa-opacity-0")
     }), /* @__PURE__ */ React47.createElement("button", {
         role: "combobox",
@@ -6058,7 +6064,9 @@ var Combobox = function(_param) {
         strokeLinejoin: "round"
     }, /* @__PURE__ */ React47.createElement("path", {
         d: "m6 9 6 6 6-6"
-    }))))), /* @__PURE__ */ React47.createElement(PopoverContent, {
+    }))), /* @__PURE__ */ React47.createElement("p", {
+        className: cn("hawa-my-0 hawa-text-xs hawa-text-helper-color hawa-transition-all", props.helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0")
+    }, props.helperText), " ")), /* @__PURE__ */ React47.createElement(PopoverContent, {
         className: cn("popover-w-parent")
     }, /* @__PURE__ */ React47.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React47.createElement(CommandInput, {
         placeholder: props.searchPlaceholder
@@ -6089,9 +6097,7 @@ var Combobox = function(_param) {
         }, /* @__PURE__ */ React47.createElement("polyline", {
             points: "20 6 9 17 4 12"
         })), getProperty(item, labelKey));
-    }))))), /* @__PURE__ */ React47.createElement("p", {
-        className: cn("hawa-my-0 hawa-text-xs hawa-text-helper-color hawa-transition-all", props.helperText && !props.isLoading ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0")
-    }, props.helperText));
+    }))))));
 };
 // components/elements/Count.tsx
 var import_react31 = __toESM(require("react"));
@@ -7716,7 +7722,6 @@ var UserReferralSource = function(_param) {
     ]);
     var _props_texts, _props_texts1;
     var _ref = _sliced_to_array((0, import_react45.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react45.useState)(5), 2), closingTimer = _ref1[0], setClosingTimer = _ref1[1];
     var popUpRef = (0, import_react45.useRef)(null);
     var formSchema = z6.object({
         source: z6.string({
@@ -7724,35 +7729,17 @@ var UserReferralSource = function(_param) {
         }),
         feedback: z6.string().optional()
     });
-    var _ref2 = (0, import_react_hook_form6.useForm)({
+    var _ref1 = (0, import_react_hook_form6.useForm)({
         resolver: (0, import_zod6.zodResolver)(formSchema)
-    }), handleSubmit = _ref2.handleSubmit, control = _ref2.control, formState = _ref2.formState;
+    }), handleSubmit = _ref1.handleSubmit, control = _ref1.control, formState = _ref1.formState;
     var boxPosition = {
         "bottom-right": "hawa-right-4",
         "bottom-left": "hawa-left-4"
     };
-    (0, import_react45.useEffect)(function() {
-        var timeoutHide = setTimeout(function() {
-            if (closingTimer >= 0) {
-                setClosingTimer(closingTimer - 1);
-            }
-        }, 1e3);
-        return function() {
-            clearTimeout(timeoutHide);
-        };
-    }, [
-        closingTimer
-    ]);
-    var slowClose = function() {
-        setClosed(true);
-        setTimeout(function() {
-            if (popUpRef.current) {
-                popUpRef.current.removeChild(popUpRef.current.children[0]);
-            }
-        }, 200);
-    };
-    return /* @__PURE__ */ import_react45.default.createElement(Card, {
-        ref: popUpRef,
+    return /* @__PURE__ */ import_react45.default.createElement("div", {
+        className: cn("hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100"),
+        ref: popUpRef
+    }, /* @__PURE__ */ import_react45.default.createElement(Card, {
         className: cn("hawa-fixed hawa-bottom-4 hawa-p-0 ", boxPosition[position]),
         dir: props.direction
     }, /* @__PURE__ */ import_react45.default.createElement("button", {
@@ -7761,7 +7748,12 @@ var UserReferralSource = function(_param) {
         "data-dismiss-target": "#toast-default",
         "aria-label": "Close",
         onClick: function() {
-            return slowClose();
+            setClosed(true);
+            setTimeout(function() {
+                if (popUpRef === null || popUpRef === void 0 ? void 0 : popUpRef.current) {
+                    popUpRef === null || popUpRef === void 0 ? void 0 : popUpRef.current.removeChild(popUpRef === null || popUpRef === void 0 ? void 0 : popUpRef.current.children[0]);
+                }
+            }, 200);
         }
     }, /* @__PURE__ */ import_react45.default.createElement("svg", {
         "aria-hidden": "true",
@@ -7776,10 +7768,13 @@ var UserReferralSource = function(_param) {
         headless: true
     }, /* @__PURE__ */ import_react45.default.createElement("form", {
         onSubmit: handleSubmit(function(e) {
-            return console.log("e is ", e);
+            if (props.onSubmitForm) {
+                props.onSubmitForm(e);
+            }
+            console.log("onSubmitForm was not provided");
         })
     }, /* @__PURE__ */ import_react45.default.createElement("div", {
-        className: cn("hawa-flex hawa-flex-col hawa-gap-4", closed ? "hawa-opacity-0" : "hawa-opacity-100")
+        className: cn("hawa-flex hawa-flex-col hawa-gap-4 hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100")
     }, /* @__PURE__ */ import_react45.default.createElement("div", {
         className: "hawa-mt-4 hawa-font-bold"
     }, props.question), /* @__PURE__ */ import_react45.default.createElement("div", {
@@ -7814,7 +7809,7 @@ var UserReferralSource = function(_param) {
     }))), /* @__PURE__ */ import_react45.default.createElement(Button, {
         type: "submit",
         className: "hawa-mt-4 hawa-w-full"
-    }, ((_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.submit) || "Submit"))));
+    }, ((_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.submit) || "Submit")))));
 };
 // components/blocks/feedback/FeedbackRating.tsx
 var import_react46 = __toESM(require("react"));

package/dist/index.mjs

@@ -4601,7 +4601,7 @@ var Input = ({
     full: "hawa-w-full",
     auto: ""
   };
-  let defaultStyle = "hawa-flex hawa-max-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
+  let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
   let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
   return /* @__PURE__ */ React36.createElement(
     "div",
@@ -4611,7 +4611,7 @@ var Input = ({
         marginStyles[margin],
         widthStyles[width],
         props.containerClassName,
-        "hawa-w-full hawa-gap-2"
+        "hawa-w-full hawa-gap-2 "
       )
     },
     props.label && /* @__PURE__ */ React36.createElement(
@@ -4624,7 +4624,7 @@ var Input = ({
       },
       props.label
     ),
-    props.isLoading ? /* @__PURE__ */ React36.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement(
+    props.isLoading ? /* @__PURE__ */ React36.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React36.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement(
       "div",
       {
         className: cn(
@@ -5757,12 +5757,12 @@ var Combobox = ({
     "div",
     {
       className: cn(
-        "hawa-flex hawa-flex-col hawa-gap-2 hawa-relative",
+        "hawa-flex hawa-flex-col hawa-gap-2 hawa-relative hawa-h-fit",
         props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
       )
     },
     props.label && /* @__PURE__ */ React47.createElement(Label2, null, props.label),
-    /* @__PURE__ */ React47.createElement(PopoverPrimitive2.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React47.createElement(PopoverTrigger, { disabled: props.isLoading || props.preview }, props.isLoading ? /* @__PURE__ */ React47.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : /* @__PURE__ */ React47.createElement("div", null, /* @__PURE__ */ React47.createElement(
+    /* @__PURE__ */ React47.createElement(PopoverPrimitive2.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React47.createElement(PopoverTrigger, { disabled: props.isLoading || props.preview }, props.isLoading ? /* @__PURE__ */ React47.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React47.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React47.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2 " }, /* @__PURE__ */ React47.createElement(
       "div",
       {
         className: cn(
@@ -5801,7 +5801,16 @@ var Combobox = ({
         },
         /* @__PURE__ */ React47.createElement("path", { d: "m6 9 6 6 6-6" })
       )
-    ))), /* @__PURE__ */ React47.createElement(PopoverContent, { className: cn("popover-w-parent") }, /* @__PURE__ */ React47.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React47.createElement(CommandInput, { placeholder: props.searchPlaceholder }), /* @__PURE__ */ React47.createElement(CommandEmpty, null, "No framework found."), /* @__PURE__ */ React47.createElement(CommandGroup, { className: "  hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item) => /* @__PURE__ */ React47.createElement(
+    ), /* @__PURE__ */ React47.createElement(
+      "p",
+      {
+        className: cn(
+          "hawa-my-0 hawa-text-xs hawa-text-helper-color hawa-transition-all",
+          props.helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0"
+        )
+      },
+      props.helperText
+    ), " ")), /* @__PURE__ */ React47.createElement(PopoverContent, { className: cn("popover-w-parent") }, /* @__PURE__ */ React47.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React47.createElement(CommandInput, { placeholder: props.searchPlaceholder }), /* @__PURE__ */ React47.createElement(CommandEmpty, null, "No framework found."), /* @__PURE__ */ React47.createElement(CommandGroup, { className: "  hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item) => /* @__PURE__ */ React47.createElement(
       CommandItem,
       {
         key: getProperty(item, valueKey),
@@ -5836,17 +5845,7 @@ var Combobox = ({
         /* @__PURE__ */ React47.createElement("polyline", { points: "20 6 9 17 4 12" })
       ),
       getProperty(item, labelKey)
-    )))))),
-    /* @__PURE__ */ React47.createElement(
-      "p",
-      {
-        className: cn(
-          "hawa-my-0 hawa-text-xs hawa-text-helper-color hawa-transition-all",
-          props.helperText && !props.isLoading ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0"
-        )
-      },
-      props.helperText
-    )
+    ))))))
   );
 };
 
@@ -7624,7 +7623,7 @@ var CodeConfirmation = (props) => {
 };
 
 // components/blocks/feedback/UserReferralSource.tsx
-import React64, { useEffect as useEffect15, useRef as useRef8, useState as useState25 } from "react";
+import React64, { useRef as useRef8, useState as useState25 } from "react";
 import { Controller as Controller6, useForm as useForm6 } from "react-hook-form";
 import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
 import * as z6 from "zod";
@@ -7634,7 +7633,6 @@ var UserReferralSource = ({
   ...props
 }) => {
   const [closed, setClosed] = useState25(false);
-  const [closingTimer, setClosingTimer] = useState25(5);
   const popUpRef = useRef8(null);
   const formSchema = z6.object({
     source: z6.string({ required_error: props.texts?.pleaseSelectOption }),
@@ -7647,106 +7645,116 @@ var UserReferralSource = ({
     "bottom-right": "hawa-right-4",
     "bottom-left": "hawa-left-4"
   };
-  useEffect15(() => {
-    const timeoutHide = setTimeout(() => {
-      if (closingTimer >= 0) {
-        setClosingTimer(closingTimer - 1);
-      }
-    }, 1e3);
-    return () => {
-      clearTimeout(timeoutHide);
-    };
-  }, [closingTimer]);
-  const slowClose = () => {
-    setClosed(true);
-    setTimeout(() => {
-      if (popUpRef.current) {
-        popUpRef.current.removeChild(popUpRef.current.children[0]);
-      }
-    }, 200);
-  };
   return /* @__PURE__ */ React64.createElement(
-    Card,
+    "div",
     {
-      ref: popUpRef,
       className: cn(
-        "hawa-fixed hawa-bottom-4 hawa-p-0 ",
-        boxPosition[position]
+        "hawa-transition-all",
+        closed ? "hawa-opacity-0" : "hawa-opacity-100"
       ),
-      dir: props.direction
+      ref: popUpRef
     },
     /* @__PURE__ */ React64.createElement(
-      "button",
+      Card,
       {
-        type: "button",
         className: cn(
-          props.direction === "rtl" ? "hawa-left-2" : "hawa-right-2",
-          "hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white"
+          "hawa-fixed hawa-bottom-4 hawa-p-0 ",
+          boxPosition[position]
         ),
-        "data-dismiss-target": "#toast-default",
-        "aria-label": "Close",
-        onClick: () => slowClose()
+        dir: props.direction
       },
       /* @__PURE__ */ React64.createElement(
-        "svg",
+        "button",
         {
-          "aria-hidden": "true",
-          className: "hawa-h-5 hawa-w-5",
-          fill: "currentColor",
-          viewBox: "0 0 20 20"
+          type: "button",
+          className: cn(
+            props.direction === "rtl" ? "hawa-left-2" : "hawa-right-2",
+            "hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white"
+          ),
+          "data-dismiss-target": "#toast-default",
+          "aria-label": "Close",
+          onClick: () => {
+            setClosed(true);
+            setTimeout(() => {
+              if (popUpRef?.current) {
+                popUpRef?.current.removeChild(popUpRef?.current.children[0]);
+              }
+            }, 200);
+          }
         },
         /* @__PURE__ */ React64.createElement(
-          "path",
+          "svg",
           {
-            fillRule: "evenodd",
-            d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-            clipRule: "evenodd"
-          }
-        )
-      )
-    ),
-    /* @__PURE__ */ React64.createElement(CardContent, { headless: true }, /* @__PURE__ */ React64.createElement("form", { onSubmit: handleSubmit((e) => console.log("e is ", e)) }, /* @__PURE__ */ React64.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-flex hawa-flex-col hawa-gap-4",
-          closed ? "hawa-opacity-0" : "hawa-opacity-100"
-        )
-      },
-      /* @__PURE__ */ React64.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
-      /* @__PURE__ */ React64.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ React64.createElement(
-        Controller6,
-        {
-          control,
-          name: "source",
-          render: ({ field }) => /* @__PURE__ */ React64.createElement(
-            Radio,
+            "aria-hidden": "true",
+            className: "hawa-h-5 hawa-w-5",
+            fill: "currentColor",
+            viewBox: "0 0 20 20"
+          },
+          /* @__PURE__ */ React64.createElement(
+            "path",
             {
-              direction: props.direction,
-              orientation: "vertical",
-              options,
-              defaultValue: field.value,
-              onChangeTab: (e) => field.onChange(e),
-              helperText: formState.errors.source?.message?.toString()
+              fillRule: "evenodd",
+              d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+              clipRule: "evenodd"
             }
           )
-        }
-      )),
-      /* @__PURE__ */ React64.createElement("div", null, /* @__PURE__ */ React64.createElement(
-        Controller6,
+        )
+      ),
+      /* @__PURE__ */ React64.createElement(CardContent, { headless: true }, /* @__PURE__ */ React64.createElement(
+        "form",
         {
-          control,
-          name: "feedback",
-          render: ({ field }) => /* @__PURE__ */ React64.createElement(
-            Textarea,
+          onSubmit: handleSubmit((e) => {
+            if (props.onSubmitForm) {
+              props.onSubmitForm(e);
+            }
+            console.log("onSubmitForm was not provided");
+          })
+        },
+        /* @__PURE__ */ React64.createElement(
+          "div",
+          {
+            className: cn(
+              "hawa-flex hawa-flex-col hawa-gap-4 hawa-transition-all",
+              closed ? "hawa-opacity-0" : "hawa-opacity-100"
+            )
+          },
+          /* @__PURE__ */ React64.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
+          /* @__PURE__ */ React64.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ React64.createElement(
+            Controller6,
             {
-              ...field,
-              helperText: formState.errors.feedback?.message?.toString()
+              control,
+              name: "source",
+              render: ({ field }) => /* @__PURE__ */ React64.createElement(
+                Radio,
+                {
+                  direction: props.direction,
+                  orientation: "vertical",
+                  options,
+                  defaultValue: field.value,
+                  onChangeTab: (e) => field.onChange(e),
+                  helperText: formState.errors.source?.message?.toString()
+                }
+              )
             }
-          )
-        }
+          )),
+          /* @__PURE__ */ React64.createElement("div", null, /* @__PURE__ */ React64.createElement(
+            Controller6,
+            {
+              control,
+              name: "feedback",
+              render: ({ field }) => /* @__PURE__ */ React64.createElement(
+                Textarea,
+                {
+                  ...field,
+                  helperText: formState.errors.feedback?.message?.toString()
+                }
+              )
+            }
+          ))
+        ),
+        /* @__PURE__ */ React64.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, props.texts?.submit || "Submit")
       ))
-    ), /* @__PURE__ */ React64.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, props.texts?.submit || "Submit")))
+    )
   );
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.11.6-next",
+  "version": "0.11.8-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {