@sikka/hawa 0.35.0-next → 0.35.2-next

package/dist/blocks/feedback/index.js

@@ -39,7 +39,7 @@ __export(feedback_exports, {
 module.exports = __toCommonJS(feedback_exports);
 
 // blocks/feedback/UserReferralSource.tsx
-var import_react5 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 var import_react_hook_form = require("react-hook-form");
 var import_zod = require("@hookform/resolvers/zod");
 
@@ -58,7 +58,8 @@ var React5 = __toESM(require("react"));
 var import_class_variance_authority = require("class-variance-authority");
 
 // elements/helperText/HelperText.tsx
-var HelperText = ({ helperText }) => /* @__PURE__ */ React.createElement(
+var import_react = __toESM(require("react"));
+var HelperText = ({ helperText }) => /* @__PURE__ */ import_react.default.createElement(
   "p",
   {
     className: cn(
@@ -73,9 +74,9 @@ var HelperText = ({ helperText }) => /* @__PURE__ */ React.createElement(
 var React3 = __toESM(require("react"));
 
 // elements/tooltip/Tooltip.tsx
-var import_react = __toESM(require("react"));
+var import_react2 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var TooltipContent = import_react.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(
+var TooltipContent = import_react2.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(
   TooltipPrimitive.Content,
   {
     ref,
@@ -92,7 +93,7 @@ var TooltipContent = import_react.default.forwardRef(({ className, sideOffset =
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = import_react.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
+var TooltipArrow = import_react2.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 var Tooltip = ({
   side,
@@ -109,13 +110,13 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react2.default.createElement(
     TooltipPrimitive.TooltipProvider,
     {
       delayDuration,
       ...providerProps
     },
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react2.default.createElement(
       TooltipPrimitive.Root,
       {
         open: !disabled && open,
@@ -123,8 +124,8 @@ var Tooltip = ({
         onOpenChange,
         ...props
       },
-      /* @__PURE__ */ import_react.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ import_react2.default.createElement(
         TooltipContent,
         {
           size,
@@ -186,7 +187,7 @@ var Label = React3.forwardRef(({ className, hint, hintSide, required, children,
 Label.displayName = "Label";
 
 // elements/loading/Loading.tsx
-var import_react2 = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 var Loading = ({
   design = "spinner",
   size = "normal",
@@ -217,7 +218,7 @@ var Loading = ({
   };
   switch (design.split("-")[0]) {
     case "dots":
-      return /* @__PURE__ */ import_react2.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement(
         "div",
         {
           className: cn(
@@ -225,7 +226,7 @@ var Loading = ({
             classNames == null ? void 0 : classNames.container
           )
         },
-        /* @__PURE__ */ import_react2.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "div",
           {
             className: cn(
@@ -236,7 +237,7 @@ var Loading = ({
             )
           }
         ),
-        /* @__PURE__ */ import_react2.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "div",
           {
             className: cn(
@@ -247,7 +248,7 @@ var Loading = ({
             )
           }
         ),
-        /* @__PURE__ */ import_react2.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "div",
           {
             className: cn(
@@ -260,7 +261,7 @@ var Loading = ({
         )
       );
     case "square":
-      return /* @__PURE__ */ import_react2.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement(
         "svg",
         {
           className: cn(
@@ -272,7 +273,7 @@ var Loading = ({
           height: "35",
           width: "35"
         },
-        /* @__PURE__ */ import_react2.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "rect",
           {
             className: "squircle-track",
@@ -284,7 +285,7 @@ var Loading = ({
             height: "32.5"
           }
         ),
-        /* @__PURE__ */ import_react2.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "rect",
           {
             className: "square-car",
@@ -299,7 +300,7 @@ var Loading = ({
         )
       );
     case "squircle":
-      return /* @__PURE__ */ import_react2.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement(
         "svg",
         {
           x: "0px",
@@ -314,7 +315,7 @@ var Loading = ({
             classNames == null ? void 0 : classNames.container
           )
         },
-        /* @__PURE__ */ import_react2.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "path",
           {
             className: cn("squircle-track", classNames == null ? void 0 : classNames.track),
@@ -324,7 +325,7 @@ var Loading = ({
             d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
           }
         ),
-        /* @__PURE__ */ import_react2.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "path",
           {
             className: cn("squircle-car", classNames == null ? void 0 : classNames.car),
@@ -336,7 +337,7 @@ var Loading = ({
         )
       );
     case "progress":
-      return /* @__PURE__ */ import_react2.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement(
         "div",
         {
           className: cn(
@@ -347,9 +348,9 @@ var Loading = ({
         }
       );
     case "orbit":
-      return /* @__PURE__ */ import_react2.default.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
+      return /* @__PURE__ */ import_react3.default.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
     default:
-      return /* @__PURE__ */ import_react2.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement(
         "svg",
         {
           viewBox: "0 0 40 40",
@@ -361,7 +362,7 @@ var Loading = ({
             classNames == null ? void 0 : classNames.container
           )
         },
-        /* @__PURE__ */ import_react2.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "circle",
           {
             className: cn(
@@ -380,7 +381,7 @@ var Loading = ({
             pathLength: "100"
           }
         ),
-        /* @__PURE__ */ import_react2.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "circle",
           {
             className: cn(
@@ -566,7 +567,7 @@ CardTitle.displayName = "CardTitle";
 Card.displayName = "Card";
 
 // elements/radio/Radio.tsx
-var import_react3 = __toESM(require("react"));
+var import_react4 = __toESM(require("react"));
 
 // elements/popover/Popover.tsx
 var React7 = __toESM(require("react"));
@@ -634,7 +635,7 @@ var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverRoot = PopoverPrimitive.Root;
 
 // elements/radio/Radio.tsx
-var Radio = (0, import_react3.forwardRef)(
+var Radio = (0, import_react4.forwardRef)(
   ({
     design = "default",
     width = "default",
@@ -666,15 +667,15 @@ var Radio = (0, import_react3.forwardRef)(
       default: "hawa-max-w-fit",
       full: "hawa-w-full"
     };
-    const [parentDirection, setParentDirection] = import_react3.default.useState(
+    const [parentDirection, setParentDirection] = import_react4.default.useState(
       null
     );
-    const [selectedOption, setSelectedOption] = (0, import_react3.useState)(
+    const [selectedOption, setSelectedOption] = (0, import_react4.useState)(
       props.defaultValue || props.value
     );
-    const [openTooltip, setOpenTooltip] = (0, import_react3.useState)(null);
-    const parentRef = (0, import_react3.useRef)(null);
-    (0, import_react3.useEffect)(() => {
+    const [openTooltip, setOpenTooltip] = (0, import_react4.useState)(null);
+    const parentRef = (0, import_react4.useRef)(null);
+    (0, import_react4.useEffect)(() => {
       var _a2;
       const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
       if (parentNode) {
@@ -700,7 +701,7 @@ var Radio = (0, import_react3.forwardRef)(
     ];
     switch (design) {
       case "tabs":
-        return /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react3.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react3.default.createElement(
+        return /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react4.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react4.default.createElement(
           "ul",
           {
             ref: parentRef,
@@ -713,21 +714,21 @@ var Radio = (0, import_react3.forwardRef)(
             )
           },
           (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
-            return opt.tooltip ? /* @__PURE__ */ import_react3.default.createElement(
+            return opt.tooltip ? /* @__PURE__ */ import_react4.default.createElement(
               PopoverRoot,
               {
                 key: o,
                 open: o === openTooltip,
                 onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
               },
-              /* @__PURE__ */ import_react3.default.createElement(
+              /* @__PURE__ */ import_react4.default.createElement(
                 PopoverTrigger,
                 {
                   onMouseEnter: () => setOpenTooltip(o),
                   onMouseLeave: () => setOpenTooltip(null),
                   asChild: true
                 },
-                /* @__PURE__ */ import_react3.default.createElement(
+                /* @__PURE__ */ import_react4.default.createElement(
                   "li",
                   {
                     "aria-current": "page",
@@ -745,8 +746,8 @@ var Radio = (0, import_react3.forwardRef)(
                   opt.label
                 )
               ),
-              /* @__PURE__ */ import_react3.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
-            ) : /* @__PURE__ */ import_react3.default.createElement(
+              /* @__PURE__ */ import_react4.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
+            ) : /* @__PURE__ */ import_react4.default.createElement(
               "li",
               {
                 key: o,
@@ -765,7 +766,7 @@ var Radio = (0, import_react3.forwardRef)(
               opt.label
             );
           })
-        ), !forceHideHelperText && /* @__PURE__ */ import_react3.default.createElement(
+        ), !forceHideHelperText && /* @__PURE__ */ import_react4.default.createElement(
           "p",
           {
             className: cn(
@@ -776,7 +777,7 @@ var Radio = (0, import_react3.forwardRef)(
           props.helperText
         ));
       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("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react3.default.createElement(
+        return /* @__PURE__ */ import_react4.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react4.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react4.default.createElement(
           "div",
           {
             className: cn(
@@ -785,7 +786,7 @@ var Radio = (0, import_react3.forwardRef)(
             ),
             key: i + 1
           },
-          /* @__PURE__ */ import_react3.default.createElement(
+          /* @__PURE__ */ import_react4.default.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -796,7 +797,7 @@ var Radio = (0, import_react3.forwardRef)(
               onChange: () => handleChange(opt)
             }
           ),
-          /* @__PURE__ */ import_react3.default.createElement(
+          /* @__PURE__ */ import_react4.default.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -809,7 +810,7 @@ var Radio = (0, import_react3.forwardRef)(
           )
         ))));
       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(
+        return /* @__PURE__ */ import_react4.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react4.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react4.default.createElement(
           "input",
           {
             type: "radio",
@@ -820,7 +821,7 @@ var Radio = (0, import_react3.forwardRef)(
             required: true,
             disabled: opt.disabled
           }
-        ), /* @__PURE__ */ import_react3.default.createElement(
+        ), /* @__PURE__ */ import_react4.default.createElement(
           "label",
           {
             htmlFor: opt.value.toString(),
@@ -829,10 +830,10 @@ var Radio = (0, import_react3.forwardRef)(
               opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-foreground/10 hover:hawa-text-gray-600 dark:hover:hawa-bg-foreground/20 dark:hover:hawa-text-gray-300"
             )
           },
-          /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+          /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
         ))));
       default:
-        return /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react3.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react3.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react3.default.createElement(
+        return /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react4.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react4.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react4.default.createElement(
           "div",
           {
             className: cn(
@@ -841,7 +842,7 @@ var Radio = (0, import_react3.forwardRef)(
             ),
             key: i + 1
           },
-          /* @__PURE__ */ import_react3.default.createElement(
+          /* @__PURE__ */ import_react4.default.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -852,7 +853,7 @@ var Radio = (0, import_react3.forwardRef)(
               onChange: () => handleChange(opt)
             }
           ),
-          /* @__PURE__ */ import_react3.default.createElement(
+          /* @__PURE__ */ import_react4.default.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -863,7 +864,7 @@ var Radio = (0, import_react3.forwardRef)(
             },
             opt.label
           )
-        ))), /* @__PURE__ */ import_react3.default.createElement(
+        ))), /* @__PURE__ */ import_react4.default.createElement(
           "p",
           {
             className: cn(
@@ -881,7 +882,7 @@ var Radio = (0, import_react3.forwardRef)(
 var React10 = __toESM(require("react"));
 
 // elements/skeleton/Skeleton.tsx
-var import_react4 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 function Skeleton({
   className,
   content,
@@ -900,7 +901,7 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
-  return /* @__PURE__ */ import_react4.default.createElement(
+  return /* @__PURE__ */ import_react5.default.createElement(
     "div",
     {
       className: cn(
@@ -979,8 +980,8 @@ var UserReferralSource = ({
   ...props
 }) => {
   var _a, _b;
-  const [closed, setClosed] = (0, import_react5.useState)(false);
-  const popUpRef = (0, import_react5.useRef)(null);
+  const [closed, setClosed] = (0, import_react6.useState)(false);
+  const popUpRef = (0, import_react6.useRef)(null);
   const formSchema = z.object({
     source: z.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
     feedback: z.string().optional()
@@ -1000,7 +1001,7 @@ var UserReferralSource = ({
       label: "Other"
     }
   ];
-  return /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement(
     "div",
     {
       className: cn(
@@ -1009,7 +1010,7 @@ var UserReferralSource = ({
       ),
       ref: popUpRef
     },
-    /* @__PURE__ */ import_react5.default.createElement(
+    /* @__PURE__ */ import_react6.default.createElement(
       Card,
       {
         className: cn(
@@ -1018,7 +1019,7 @@ var UserReferralSource = ({
         ),
         dir: props.direction
       },
-      /* @__PURE__ */ import_react5.default.createElement(
+      /* @__PURE__ */ import_react6.default.createElement(
         "button",
         {
           type: "button",
@@ -1037,7 +1038,7 @@ var UserReferralSource = ({
             }, 200);
           }
         },
-        /* @__PURE__ */ import_react5.default.createElement(
+        /* @__PURE__ */ import_react6.default.createElement(
           "svg",
           {
             "aria-hidden": "true",
@@ -1045,7 +1046,7 @@ var UserReferralSource = ({
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ import_react5.default.createElement(
+          /* @__PURE__ */ import_react6.default.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1055,7 +1056,7 @@ var UserReferralSource = ({
           )
         )
       ),
-      /* @__PURE__ */ import_react5.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react5.default.createElement(
+      /* @__PURE__ */ import_react6.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react6.default.createElement(
         "form",
         {
           noValidate: true,
@@ -1067,7 +1068,7 @@ var UserReferralSource = ({
             }
           })
         },
-        /* @__PURE__ */ import_react5.default.createElement(
+        /* @__PURE__ */ import_react6.default.createElement(
           "div",
           {
             className: cn(
@@ -1075,15 +1076,15 @@ var UserReferralSource = ({
               closed ? "hawa-opacity-0" : "hawa-opacity-100"
             )
           },
-          /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
-          /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ import_react5.default.createElement(
+          /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
+          /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ import_react6.default.createElement(
             import_react_hook_form.Controller,
             {
               control,
               name: "source",
               render: ({ field }) => {
                 var _a2, _b2;
-                return /* @__PURE__ */ import_react5.default.createElement(
+                return /* @__PURE__ */ import_react6.default.createElement(
                   Radio,
                   {
                     name: "source",
@@ -1098,14 +1099,14 @@ var UserReferralSource = ({
               }
             }
           )),
-          /* @__PURE__ */ import_react5.default.createElement("div", null, /* @__PURE__ */ import_react5.default.createElement(
+          /* @__PURE__ */ import_react6.default.createElement("div", null, /* @__PURE__ */ import_react6.default.createElement(
             import_react_hook_form.Controller,
             {
               control,
               name: "feedback",
               render: ({ field }) => {
                 var _a2, _b2;
-                return /* @__PURE__ */ import_react5.default.createElement(
+                return /* @__PURE__ */ import_react6.default.createElement(
                   Textarea,
                   {
                     ...field,
@@ -1120,28 +1121,28 @@ var UserReferralSource = ({
             }
           ))
         ),
-        /* @__PURE__ */ import_react5.default.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
+        /* @__PURE__ */ import_react6.default.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
       ))
     )
   );
 };
 
 // blocks/feedback/FeedbackRating.tsx
-var import_react6 = __toESM(require("react"));
+var import_react7 = __toESM(require("react"));
 var FeedbackRating = ({
   position = "bottom-right",
   ...props
 }) => {
-  const [closed, setClosed] = (0, import_react6.useState)(false);
-  const [answered, setAnswered] = (0, import_react6.useState)(false);
-  const [clickedOption, setClickedOption] = (0, import_react6.useState)(null);
-  const [closingTimer, setClosingTimer] = (0, import_react6.useState)(5);
-  const popUpRef = (0, import_react6.useRef)(null);
+  const [closed, setClosed] = (0, import_react7.useState)(false);
+  const [answered, setAnswered] = (0, import_react7.useState)(false);
+  const [clickedOption, setClickedOption] = (0, import_react7.useState)(null);
+  const [closingTimer, setClosingTimer] = (0, import_react7.useState)(5);
+  const popUpRef = (0, import_react7.useRef)(null);
   const boxPosition = {
     "bottom-right": "hawa-right-4",
     "bottom-left": "hawa-left-4"
   };
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const timeoutHide = setTimeout(() => {
       if (closingTimer >= 0) {
         setClosingTimer(closingTimer - 1);
@@ -1159,7 +1160,7 @@ var FeedbackRating = ({
       }
     }, 200);
   };
-  return /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react7.default.createElement(
     "div",
     {
       ref: popUpRef,
@@ -1168,7 +1169,7 @@ var FeedbackRating = ({
         boxPosition[position]
       )
     },
-    /* @__PURE__ */ import_react6.default.createElement(
+    /* @__PURE__ */ import_react7.default.createElement(
       "div",
       {
         className: cn(
@@ -1177,8 +1178,8 @@ var FeedbackRating = ({
           props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
         )
       },
-      /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
-      /* @__PURE__ */ import_react6.default.createElement(
+      /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
+      /* @__PURE__ */ import_react7.default.createElement(
         "button",
         {
           type: "button",
@@ -1187,7 +1188,7 @@ var FeedbackRating = ({
           "aria-label": "Close",
           onClick: () => slowClose()
         },
-        /* @__PURE__ */ import_react6.default.createElement(
+        /* @__PURE__ */ import_react7.default.createElement(
           "svg",
           {
             "aria-hidden": "true",
@@ -1195,7 +1196,7 @@ var FeedbackRating = ({
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ import_react6.default.createElement(
+          /* @__PURE__ */ import_react7.default.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1205,8 +1206,8 @@ var FeedbackRating = ({
           )
         )
       ),
-      /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-mt-8" }, props.question),
-      /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded" }, props.options && props.options.map((op, i) => /* @__PURE__ */ import_react6.default.createElement(
+      /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-mt-8" }, props.question),
+      /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded" }, props.options && props.options.map((op, i) => /* @__PURE__ */ import_react7.default.createElement(
         "span",
         {
           key: i,
@@ -1234,18 +1235,18 @@ var FeedbackRating = ({
         },
         op
       ))),
-      props.texts && /* @__PURE__ */ import_react6.default.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react6.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react6.default.createElement("span", null, props.texts.most)),
-      answered && /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-rounded hawa-bg-black hawa-bg-opacity-80 hawa-p-4 hawa-text-center hawa-transition-all" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react6.default.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
+      props.texts && /* @__PURE__ */ import_react7.default.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react7.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react7.default.createElement("span", null, props.texts.most)),
+      answered && /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-rounded hawa-bg-black hawa-bg-opacity-80 hawa-p-4 hawa-text-center hawa-transition-all" }, /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react7.default.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
     )
   );
 };
 
 // blocks/feedback/FeedbackEmoji.tsx
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 
 // icons/Emojis.tsx
-var import_react7 = __toESM(require("react"));
-var VeryGoodEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
+var import_react8 = __toESM(require("react"));
+var VeryGoodEmoji = () => /* @__PURE__ */ import_react8.default.createElement(
   "svg",
   {
     fill: "none",
@@ -1254,7 +1255,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ import_react7.default.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ import_react7.default.createElement(
+  /* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ import_react8.default.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -1262,7 +1263,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
       fill: "currentColor",
       fillRule: "evenodd"
     }
-  ), /* @__PURE__ */ import_react7.default.createElement(
+  ), /* @__PURE__ */ import_react8.default.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -1272,7 +1273,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
     }
   ))
 );
-var GoodEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
+var GoodEmoji = () => /* @__PURE__ */ import_react8.default.createElement(
   "svg",
   {
     fill: "none",
@@ -1281,7 +1282,7 @@ var GoodEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ import_react7.default.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ import_react7.default.createElement(
+  /* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ import_react8.default.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -1291,7 +1292,7 @@ var GoodEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
     }
   ))
 );
-var BadEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
+var BadEmoji = () => /* @__PURE__ */ import_react8.default.createElement(
   "svg",
   {
     fill: "none",
@@ -1300,7 +1301,7 @@ var BadEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ import_react7.default.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ import_react7.default.createElement(
+  /* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ import_react8.default.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -1310,7 +1311,7 @@ var BadEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
     }
   ))
 );
-var VeryBadEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
+var VeryBadEmoji = () => /* @__PURE__ */ import_react8.default.createElement(
   "svg",
   {
     fill: "none",
@@ -1319,13 +1320,13 @@ var VeryBadEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ import_react7.default.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ import_react7.default.createElement(
+  /* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ import_react8.default.createElement(
     "path",
     {
       d: "M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",
       fill: "#0070F3"
     }
-  ), /* @__PURE__ */ import_react7.default.createElement(
+  ), /* @__PURE__ */ import_react8.default.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -1337,22 +1338,22 @@ var VeryBadEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
 );
 
 // icons/InputIcons.tsx
-var import_react8 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 
 // icons/CommonIcons.tsx
-var import_react9 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 
 // blocks/feedback/FeedbackEmoji.tsx
 var FeedbackEmoji = (props) => {
-  const [selectedEmoji, setSelectedEmoji] = (0, import_react10.useState)(null);
-  const [loadingSubmit, setLoadingSubmit] = (0, import_react10.useState)(false);
-  const [feedbackText, setFeedbackText] = (0, import_react10.useState)("");
-  const [helperText, setHelperText] = (0, import_react10.useState)(false);
+  const [selectedEmoji, setSelectedEmoji] = (0, import_react11.useState)(null);
+  const [loadingSubmit, setLoadingSubmit] = (0, import_react11.useState)(false);
+  const [feedbackText, setFeedbackText] = (0, import_react11.useState)("");
+  const [helperText, setHelperText] = (0, import_react11.useState)(false);
   let emojis = [
-    { icon: /* @__PURE__ */ import_react10.default.createElement(VeryGoodEmoji, null), value: "very-good" },
-    { icon: /* @__PURE__ */ import_react10.default.createElement(GoodEmoji, null), value: "good" },
-    { icon: /* @__PURE__ */ import_react10.default.createElement(BadEmoji, null), value: "bad" },
-    { icon: /* @__PURE__ */ import_react10.default.createElement(VeryBadEmoji, null), value: "very-bad" }
+    { icon: /* @__PURE__ */ import_react11.default.createElement(VeryGoodEmoji, null), value: "very-good" },
+    { icon: /* @__PURE__ */ import_react11.default.createElement(GoodEmoji, null), value: "good" },
+    { icon: /* @__PURE__ */ import_react11.default.createElement(BadEmoji, null), value: "bad" },
+    { icon: /* @__PURE__ */ import_react11.default.createElement(VeryBadEmoji, null), value: "very-bad" }
   ];
   const onFeedbackSubmit = async () => {
     if (feedbackText) {
@@ -1372,7 +1373,7 @@ var FeedbackEmoji = (props) => {
       setHelperText(true);
     }
   };
-  return /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react11.default.createElement(
     "div",
     {
       className: cn(
@@ -1380,7 +1381,7 @@ var FeedbackEmoji = (props) => {
         selectedEmoji ? "hawa-h-[189px]  hawa-min-w-fit" : "hawa-h-[44px] "
       )
     },
-    /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-row   hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center  hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ import_react10.default.createElement(
+    /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-row   hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center  hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ import_react11.default.createElement(
       Button,
       {
         key: i,
@@ -1399,7 +1400,7 @@ var FeedbackEmoji = (props) => {
       },
       emoji.icon
     )))),
-    /* @__PURE__ */ import_react10.default.createElement(
+    /* @__PURE__ */ import_react11.default.createElement(
       "div",
       {
         className: cn(
@@ -1407,7 +1408,7 @@ var FeedbackEmoji = (props) => {
           selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 "
         )
       },
-      props.showSuccess ? /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2  hawa-pt-4" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react10.default.createElement(
+      props.showSuccess ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2  hawa-pt-4" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react11.default.createElement(
         "svg",
         {
           stroke: "currentColor",
@@ -1417,13 +1418,13 @@ var FeedbackEmoji = (props) => {
           height: "0.5em",
           width: "0.5em"
         },
-        /* @__PURE__ */ import_react10.default.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
-      )), /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ import_react10.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react10.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ import_react10.default.createElement(
+        /* @__PURE__ */ import_react11.default.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+      )), /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ import_react11.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react11.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ import_react11.default.createElement(
         Popover,
         {
           className: "hawa-select-none hawa-p-1 hawa-text-xs ",
           open: helperText,
-          trigger: /* @__PURE__ */ import_react10.default.createElement(
+          trigger: /* @__PURE__ */ import_react11.default.createElement(
             Textarea,
             {
               classNames: {
@@ -1441,8 +1442,8 @@ var FeedbackEmoji = (props) => {
             }
           )
         },
-        /* @__PURE__ */ import_react10.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
-      ), /* @__PURE__ */ import_react10.default.createElement(
+        /* @__PURE__ */ import_react11.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
+      ), /* @__PURE__ */ import_react11.default.createElement(
         Button,
         {
           isLoading: loadingSubmit,
@@ -1457,13 +1458,13 @@ var FeedbackEmoji = (props) => {
 };
 
 // blocks/feedback/FeedbackForm.tsx
-var import_react12 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var import_react_hook_form2 = require("react-hook-form");
 var import_zod2 = require("@hookform/resolvers/zod");
 var z2 = __toESM(require("zod"));
 
 // elements/select/Select.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var import_react_select = __toESM(require("react-select"));
 var import_creatable = __toESM(require("react-select/creatable"));
 var import_clsx2 = __toESM(require("clsx"));
@@ -1474,10 +1475,10 @@ var Select = ({
 }) => {
   const NoOption = () => {
     var _a, _b;
-    return /* @__PURE__ */ import_react11.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
+    return /* @__PURE__ */ import_react12.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
   };
   const Control = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ import_react11.default.createElement(
+    return /* @__PURE__ */ import_react12.default.createElement(
       "div",
       {
         ref: innerRef,
@@ -1490,7 +1491,7 @@ var Select = ({
     );
   };
   const Option = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ import_react11.default.createElement(
+    return /* @__PURE__ */ import_react12.default.createElement(
       "div",
       {
         ref: innerRef,
@@ -1511,7 +1512,7 @@ var Select = ({
     ...menuProps
   }) => {
     const menuOpen = menuProps.selectProps.menuIsOpen;
-    return /* @__PURE__ */ import_react11.default.createElement(
+    return /* @__PURE__ */ import_react12.default.createElement(
       "div",
       {
         className: cn(
@@ -1525,7 +1526,7 @@ var Select = ({
       children
     );
   };
-  return /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(
     "div",
     {
       className: cn(
@@ -1533,10 +1534,10 @@ var Select = ({
         props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
       )
     },
-    props.label && /* @__PURE__ */ import_react11.default.createElement(Label, { ...labelProps }, props.label),
-    props.isLoading ? /* @__PURE__ */ import_react11.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
+    props.label && /* @__PURE__ */ import_react12.default.createElement(Label, { ...labelProps }, props.label),
+    props.isLoading ? /* @__PURE__ */ import_react12.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
       //   TODO: enable keyboard to go to the next item in the list
-      /* @__PURE__ */ import_react11.default.createElement(
+      /* @__PURE__ */ import_react12.default.createElement(
         import_react_select.default,
         {
           noOptionsMessage: NoOption,
@@ -1575,7 +1576,7 @@ var Select = ({
             //     {...e}
             //   />
             // ),
-            ValueContainer: (e) => /* @__PURE__ */ import_react11.default.createElement(
+            ValueContainer: (e) => /* @__PURE__ */ import_react12.default.createElement(
               "div",
               {
                 className: cn(
@@ -1585,7 +1586,7 @@ var Select = ({
                 ...e
               }
             ),
-            MultiValueContainer: (e) => /* @__PURE__ */ import_react11.default.createElement(
+            MultiValueContainer: (e) => /* @__PURE__ */ import_react12.default.createElement(
               "div",
               {
                 className: cn(
@@ -1607,7 +1608,7 @@ var Select = ({
           isSearchable: props.isSearchable
         }
       )
-    ) : /* @__PURE__ */ import_react11.default.createElement(
+    ) : /* @__PURE__ */ import_react12.default.createElement(
       import_creatable.default,
       {
         formatCreateLabel: (inputValue) => {
@@ -1637,7 +1638,7 @@ var Select = ({
         onInputChange: (newValue, action) => props.onInputChange(newValue, action)
       }
     ),
-    !props.hideHelperText && /* @__PURE__ */ import_react11.default.createElement(
+    !props.hideHelperText && /* @__PURE__ */ import_react12.default.createElement(
       "p",
       {
         className: cn(
@@ -1661,7 +1662,7 @@ var FeedbackForm = (props) => {
     resolver: (0, import_zod2.zodResolver)(formSchema),
     defaultValues: { requestType: "", description: "" }
   });
-  return /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement(
     Card,
     {
       className: cn(
@@ -1669,7 +1670,7 @@ var FeedbackForm = (props) => {
       ),
       style: props.cardless ? { boxShadow: "none" } : void 0
     },
-    /* @__PURE__ */ import_react12.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ import_react12.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ import_react13.default.createElement(
       "form",
       {
         noValidate: true,
@@ -1682,15 +1683,15 @@ var FeedbackForm = (props) => {
         }),
         className: "hawa-flex hawa-flex-col hawa-gap-2"
       },
-      /* @__PURE__ */ import_react12.default.createElement(Label, null),
-      /* @__PURE__ */ import_react12.default.createElement(
+      /* @__PURE__ */ import_react13.default.createElement(Label, null),
+      /* @__PURE__ */ import_react13.default.createElement(
         import_react_hook_form2.Controller,
         {
           name: "requestType",
           control,
           render: ({ field }) => {
             var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
-            return /* @__PURE__ */ import_react12.default.createElement(
+            return /* @__PURE__ */ import_react13.default.createElement(
               Select,
               {
                 ...field,
@@ -1708,14 +1709,14 @@ var FeedbackForm = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ import_react12.default.createElement(
+      /* @__PURE__ */ import_react13.default.createElement(
         import_react_hook_form2.Controller,
         {
           name: "description",
           control,
           render: ({ field }) => {
             var _a2, _b2, _c2, _d2, _e2, _f2;
-            return /* @__PURE__ */ import_react12.default.createElement(
+            return /* @__PURE__ */ import_react13.default.createElement(
               Textarea,
               {
                 helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
@@ -1733,7 +1734,7 @@ var FeedbackForm = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ import_react12.default.createElement(Button, { isLoading: props.loadingSubmission, type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
+      /* @__PURE__ */ import_react13.default.createElement(Button, { isLoading: props.loadingSubmission, type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
     ))
   );
 };