@sikka/hawa 0.48.1-next → 0.49.0-next

package/dist/blocks/feedback/index.js

@@ -59,9 +59,7 @@ var import_class_variance_authority = require("class-variance-authority");
 
 // elements/helperText/HelperText.tsx
 var import_react = __toESM(require("react"));
-var HelperText = ({
-  helperText
-}) => /* @__PURE__ */ import_react.default.createElement(
+var HelperText = ({ helperText }) => /* @__PURE__ */ import_react.default.createElement(
   "p",
   {
     className: cn(
@@ -112,38 +110,31 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react2.default.createElement(
-    TooltipPrimitive.TooltipProvider,
+  return /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.TooltipProvider, { delayDuration, ...providerProps }, /* @__PURE__ */ import_react2.default.createElement(
+    TooltipPrimitive.Root,
     {
-      delayDuration,
-      ...providerProps
+      open: !disabled && open,
+      defaultOpen,
+      onOpenChange,
+      ...props
     },
+    /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
     /* @__PURE__ */ import_react2.default.createElement(
-      TooltipPrimitive.Root,
+      TooltipContent,
       {
-        open: !disabled && open,
-        defaultOpen,
-        onOpenChange,
-        ...props
+        size,
+        side,
+        align: "center",
+        ...contentProps,
+        style: {
+          ...contentProps == null ? void 0 : contentProps.style,
+          maxWidth: "var(--radix-tooltip-content-available-width)",
+          maxHeight: "var(--radix-tooltip-content-available-height)"
+        }
       },
-      /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react2.default.createElement(
-        TooltipContent,
-        {
-          size,
-          side,
-          align: "center",
-          ...contentProps,
-          style: {
-            ...contentProps == null ? void 0 : contentProps.style,
-            maxWidth: "var(--radix-tooltip-content-available-width)",
-            maxHeight: "var(--radix-tooltip-content-available-height)"
-          }
-        },
-        content
-      )
+      content
     )
-  );
+  ));
 };
 
 // elements/label/Label.tsx
@@ -220,57 +211,42 @@ var Loading = ({
   };
   switch (design.split("-")[0]) {
     case "dots":
-      return /* @__PURE__ */ import_react3.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement("div", { className: cn("hawa-flex hawa-flex-row hawa-gap-2", classNames == null ? void 0 : classNames.container) }, /* @__PURE__ */ import_react3.default.createElement(
         "div",
         {
           className: cn(
-            "hawa-flex hawa-flex-row hawa-gap-2",
-            classNames == null ? void 0 : classNames.container
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
           )
-        },
-        /* @__PURE__ */ import_react3.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ import_react3.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ import_react3.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        )
-      );
+        }
+      ), /* @__PURE__ */ import_react3.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ), /* @__PURE__ */ import_react3.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ));
     case "square":
       return /* @__PURE__ */ import_react3.default.createElement(
         "svg",
         {
-          className: cn(
-            "squircle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          ),
+          className: cn("squircle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container),
           viewBox: "0 0 35 35",
           height: "35",
           width: "35"
@@ -311,11 +287,7 @@ var Loading = ({
           height: "37",
           width: "37",
           preserveAspectRatio: "xMidYMid meet",
-          className: cn(
-            "squircle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          )
+          className: cn("squircle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container)
         },
         /* @__PURE__ */ import_react3.default.createElement(
           "path",
@@ -358,11 +330,7 @@ var Loading = ({
           viewBox: "0 0 40 40",
           height: "40",
           width: "40",
-          className: cn(
-            "circle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          )
+          className: cn("circle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container)
         },
         /* @__PURE__ */ import_react3.default.createElement(
           "circle",
@@ -504,13 +472,7 @@ Button.displayName = "Button";
 // elements/card/Card.tsx
 var React6 = __toESM(require("react"));
 var Card = React6.forwardRef(
-  ({
-    className,
-    variant = "default",
-    clickable = false,
-    asContainer = false,
-    ...props
-  }, ref) => {
+  ({ className, variant = "default", clickable = false, asContainer = false, ...props }, ref) => {
     let variantStyles = {
       default: cn(
         "hawa-rounded hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
@@ -522,14 +484,7 @@ var Card = React6.forwardRef(
         clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
       )
     };
-    return /* @__PURE__ */ React6.createElement(
-      "div",
-      {
-        ref,
-        className: cn(!asContainer && variantStyles[variant], className),
-        ...props
-      }
-    );
+    return /* @__PURE__ */ React6.createElement("div", { ref, className: cn(!asContainer && variantStyles[variant], className), ...props });
   }
 );
 var CardHeader = React6.forwardRef(
@@ -537,30 +492,15 @@ var CardHeader = React6.forwardRef(
     "div",
     {
       ref,
-      className: cn(
-        "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
-        className
-      ),
+      className: cn("hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6", className),
       ...props
     }
   ), props.actions && /* @__PURE__ */ React6.createElement("div", { className: "hawa-p-6" }, props.actions))
 );
-var CardTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
-  "h3",
-  {
-    ref,
-    className: cn("hawa-text-2xl hawa-font-semibold", className),
-    ...props
-  }
-));
-var CardDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
-  "p",
-  {
-    ref,
-    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
-    ...props
-  }
-));
+var CardTitle = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement("h3", { ref, className: cn("hawa-text-2xl hawa-font-semibold", className), ...props })
+);
+var CardDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement("p", { ref, className: cn("hawa-text-sm hawa-text-muted-foreground", className), ...props }));
 var CardContent = React6.forwardRef(
   ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
     "div",
@@ -601,21 +541,19 @@ var import_react_tabs = require("@radix-ui/react-tabs");
 // elements/popover/Popover.tsx
 var React7 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var PopoverContent = React7.forwardRef(
-  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React7.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React7.createElement(
-    PopoverPrimitive.Content,
-    {
-      ref,
-      align,
-      sideOffset,
-      className: cn(
-        "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-        className
-      ),
-      ...props
-    }
-  ))
-);
+var PopoverContent = React7.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React7.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React7.createElement(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+)));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 var Popover = ({
   trigger,
@@ -635,15 +573,7 @@ var Popover = ({
     trigger: "var(--radix-popover-trigger-width)",
     default: "auto"
   };
-  return /* @__PURE__ */ React7.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React7.createElement(
-    PopoverPrimitive.Trigger,
-    {
-      className: "hawa-w-full",
-      disabled: disableTrigger,
-      ...triggerProps
-    },
-    trigger
-  ), /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React7.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React7.createElement(PopoverPrimitive.Trigger, { className: "hawa-w-full", disabled: disableTrigger, ...triggerProps }, trigger), /* @__PURE__ */ React7.createElement(
     PopoverContent,
     {
       side,
@@ -697,12 +627,8 @@ var Radio = (0, import_react4.forwardRef)(
       default: "hawa-max-w-fit",
       full: "hawa-w-full"
     };
-    const [parentDirection, setParentDirection] = import_react4.default.useState(
-      null
-    );
-    const [selectedOption, setSelectedOption] = (0, import_react4.useState)(
-      props.defaultValue || props.value
-    );
+    const [parentDirection, setParentDirection] = import_react4.default.useState(null);
+    const [selectedOption, setSelectedOption] = (0, import_react4.useState)(props.defaultValue || props.value);
     const [openTooltip, setOpenTooltip] = (0, import_react4.useState)(null);
     const parentRef = (0, import_react4.useRef)(null);
     (0, import_react4.useEffect)(() => {
@@ -731,89 +657,78 @@ var Radio = (0, import_react4.forwardRef)(
     ];
     switch (design) {
       case "tabs":
-        return /* @__PURE__ */ import_react4.default.createElement(
-          "div",
+        return /* @__PURE__ */ import_react4.default.createElement("div", { className: cn("hawa-gap-2 hawa-flex hawa-flex-col", containerClassNames == null ? void 0 : containerClassNames.tabs) }, props.label && /* @__PURE__ */ import_react4.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react4.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react4.default.createElement(
+          import_react_tabs.TabsList,
           {
+            role: "tablist",
+            ref: parentRef,
             className: cn(
-              "hawa-gap-2 hawa-flex hawa-flex-col",
-              containerClassNames == null ? void 0 : containerClassNames.tabs
+              props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
+              "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-font-medium hawa-h-[40px]",
+              orientationStyle[orientation],
+              widthStyle[width],
+              tabsContainerClassName,
+              props.direction === "rtl" ? "hawa-flex-row-reverse" : ""
             )
           },
-          props.label && /* @__PURE__ */ import_react4.default.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ import_react4.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react4.default.createElement(
-            import_react_tabs.TabsList,
-            {
-              role: "tablist",
-              ref: parentRef,
-              className: cn(
-                props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
-                "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-font-medium hawa-h-[40px]",
-                orientationStyle[orientation],
-                widthStyle[width],
-                tabsContainerClassName,
-                props.direction === "rtl" ? "hawa-flex-row-reverse" : ""
-              )
-            },
-            (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
-              return opt.tooltip ? /* @__PURE__ */ import_react4.default.createElement(
-                PopoverRoot,
+          (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
+            return opt.tooltip ? /* @__PURE__ */ import_react4.default.createElement(
+              PopoverRoot,
+              {
+                key: o,
+                open: o === openTooltip,
+                onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
+              },
+              /* @__PURE__ */ import_react4.default.createElement(
+                PopoverTrigger,
                 {
-                  key: o,
-                  open: o === openTooltip,
-                  onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
+                  onMouseEnter: () => setOpenTooltip(o),
+                  onMouseLeave: () => setOpenTooltip(null),
+                  asChild: true
                 },
                 /* @__PURE__ */ import_react4.default.createElement(
-                  PopoverTrigger,
+                  import_react_tabs.TabsTrigger,
                   {
-                    onMouseEnter: () => setOpenTooltip(o),
-                    onMouseLeave: () => setOpenTooltip(null),
-                    asChild: true
-                  },
-                  /* @__PURE__ */ import_react4.default.createElement(
-                    import_react_tabs.TabsTrigger,
-                    {
-                      "aria-current": selectedOption === opt.value ? "page" : void 0,
-                      value: opt.value,
-                      role: "tab",
-                      tabIndex: 0,
-                      onClick: () => {
-                        if (props.disabled || opt.disabled) return;
-                        handleChange(opt);
-                      },
-                      className: cn(
-                        ...radio_option_tabs_styling,
-                        selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                      )
+                    "aria-current": selectedOption === opt.value ? "page" : void 0,
+                    value: opt.value,
+                    role: "tab",
+                    tabIndex: 0,
+                    onClick: () => {
+                      if (props.disabled || opt.disabled) return;
+                      handleChange(opt);
                     },
-                    opt.icon && opt.icon,
-                    opt.label
-                  )
-                ),
-                /* @__PURE__ */ import_react4.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
-              ) : /* @__PURE__ */ import_react4.default.createElement(
-                import_react_tabs.TabsTrigger,
-                {
-                  key: o,
-                  role: "tab",
-                  tabIndex: 0,
-                  "aria-current": selectedOption === opt.value ? "page" : void 0,
-                  onClick: () => {
-                    if (props.disabled || opt.disabled) return;
-                    handleChange(opt);
+                    className: cn(
+                      ...radio_option_tabs_styling,
+                      selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                    )
                   },
-                  className: cn(
-                    ...radio_option_tabs_styling,
-                    selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                  ),
-                  value: opt.value
+                  opt.icon && opt.icon,
+                  opt.label
+                )
+              ),
+              /* @__PURE__ */ import_react4.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
+            ) : /* @__PURE__ */ import_react4.default.createElement(
+              import_react_tabs.TabsTrigger,
+              {
+                key: o,
+                role: "tab",
+                tabIndex: 0,
+                "aria-current": selectedOption === opt.value ? "page" : void 0,
+                onClick: () => {
+                  if (props.disabled || opt.disabled) return;
+                  handleChange(opt);
                 },
-                opt.icon && opt.icon,
-                opt.label
-              );
-            })
-          )),
-          !forceHideHelperText && /* @__PURE__ */ import_react4.default.createElement(HelperText, { helperText: props.helperText })
-        );
+                className: cn(
+                  ...radio_option_tabs_styling,
+                  selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                ),
+                value: opt.value
+              },
+              opt.icon && opt.icon,
+              opt.label
+            );
+          })
+        )), !forceHideHelperText && /* @__PURE__ */ import_react4.default.createElement(HelperText, { helperText: props.helperText }));
       case "bordered":
         return /* @__PURE__ */ import_react4.default.createElement(
           "div",
@@ -861,11 +776,7 @@ var Radio = (0, import_react4.forwardRef)(
         return /* @__PURE__ */ import_react4.default.createElement(
           "ul",
           {
-            className: cn(
-              orientationStyle[orientation],
-              "hawa-gap-4",
-              containerClassNames == null ? void 0 : containerClassNames.cards
-            )
+            className: cn(orientationStyle[orientation], "hawa-gap-4", containerClassNames == null ? void 0 : containerClassNames.cards)
           },
           (_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",
@@ -891,49 +802,38 @@ var Radio = (0, import_react4.forwardRef)(
           )))
         );
       default:
-        return /* @__PURE__ */ import_react4.default.createElement(
+        return /* @__PURE__ */ import_react4.default.createElement("div", { className: cn("hawa-flex hawa-flex-col hawa-gap-2", containerClassNames == null ? void 0 : containerClassNames.default) }, 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(
-              "hawa-flex hawa-flex-col hawa-gap-2",
-              containerClassNames == null ? void 0 : containerClassNames.default
-            )
+              "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
+              props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
+            ),
+            key: i + 1
           },
-          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",
+          /* @__PURE__ */ import_react4.default.createElement(
+            "input",
+            {
+              disabled: opt.disabled,
+              id: opt.value.toString(),
+              type: "radio",
+              value: opt.value,
+              name,
+              onChange: () => handleChange(opt)
+            }
+          ),
+          /* @__PURE__ */ import_react4.default.createElement(
+            "label",
             {
+              htmlFor: opt.value.toString(),
               className: cn(
-                "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
-                props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
-              ),
-              key: i + 1
+                "hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900"
+              )
             },
-            /* @__PURE__ */ import_react4.default.createElement(
-              "input",
-              {
-                disabled: opt.disabled,
-                id: opt.value.toString(),
-                type: "radio",
-                value: opt.value,
-                name,
-                onChange: () => handleChange(opt)
-              }
-            ),
-            /* @__PURE__ */ import_react4.default.createElement(
-              "label",
-              {
-                htmlFor: opt.value.toString(),
-                className: cn(
-                  "hawa-text-sm hawa-font-medium dark:hawa-text-white",
-                  opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900"
-                )
-              },
-              opt.label
-            )
-          ))),
-          /* @__PURE__ */ import_react4.default.createElement(HelperText, { helperText: props.helperText })
-        );
+            opt.label
+          )
+        ))), /* @__PURE__ */ import_react4.default.createElement(HelperText, { helperText: props.helperText }));
     }
   }
 );
@@ -1004,15 +904,7 @@ var Textarea = React10.forwardRef(
           className
         )
       },
-      /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React10.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React10.createElement(
-        "div",
-        {
-          className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
-        },
-        (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
-        "/",
-        textareaProps == null ? void 0 : textareaProps.maxLength
-      )),
+      /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React10.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React10.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength)),
       isLoading ? /* @__PURE__ */ React10.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React10.createElement(
         "textarea",
         {
@@ -1061,19 +953,13 @@ var UserReferralSource = ({
   return /* @__PURE__ */ import_react6.default.createElement(
     "div",
     {
-      className: cn(
-        "hawa-transition-all",
-        closed ? "hawa-opacity-0" : "hawa-opacity-100"
-      ),
+      className: cn("hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100"),
       ref: popUpRef
     },
     /* @__PURE__ */ import_react6.default.createElement(
       Card,
       {
-        className: cn(
-          "hawa-fixed hawa-bottom-4 hawa-p-0 ",
-          boxPosition[position]
-        ),
+        className: cn("hawa-fixed hawa-bottom-4 hawa-p-0", boxPosition[position]),
         dir: props.direction
       },
       /* @__PURE__ */ import_react6.default.createElement(
@@ -1082,7 +968,7 @@ var UserReferralSource = ({
           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-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",
@@ -1134,7 +1020,7 @@ var UserReferralSource = ({
             )
           },
           /* @__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(
+          /* @__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,
@@ -1186,10 +1072,7 @@ var UserReferralSource = ({
 
 // blocks/feedback/FeedbackRating.tsx
 var import_react7 = __toESM(require("react"));
-var FeedbackRating = ({
-  position = "bottom-right",
-  ...props
-}) => {
+var FeedbackRating = ({ position = "bottom-right", ...props }) => {
   const [closed, setClosed] = (0, import_react7.useState)(false);
   const [answered, setAnswered] = (0, import_react7.useState)(false);
   const [clickedOption, setClickedOption] = (0, import_react7.useState)(null);
@@ -1279,9 +1162,7 @@ var FeedbackRating = ({
             }, 4800);
             setTimeout(() => {
               var _a, _b;
-              (_b = popUpRef.current) == null ? void 0 : _b.removeChild(
-                (_a = popUpRef.current) == null ? void 0 : _a.children[0]
-              );
+              (_b = popUpRef.current) == null ? void 0 : _b.removeChild((_a = popUpRef.current) == null ? void 0 : _a.children[0]);
               clearTimeout(timeoutDestroy);
             }, 5300);
           },
@@ -1303,96 +1184,56 @@ var import_react11 = __toESM(require("react"));
 
 // icons/Emojis.tsx
 var import_react8 = __toESM(require("react"));
-var VeryGoodEmoji = () => /* @__PURE__ */ import_react8.default.createElement(
-  "svg",
+var VeryGoodEmoji = () => /* @__PURE__ */ import_react8.default.createElement("svg", { fill: "none", height: "16", viewBox: "0 0 16 16", width: "16", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ import_react8.default.createElement(
+  "path",
   {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ import_react8.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM4.5 8.97498H3.875V9.59998C3.875 11.4747 5.81046 12.8637 7.99817 12.8637C10.1879 12.8637 12.125 11.4832 12.125 9.59998V8.97498H11.5H4.5ZM7.99817 11.6137C6.59406 11.6137 5.63842 10.9482 5.28118 10.225H10.7202C10.3641 10.9504 9.40797 11.6137 7.99817 11.6137Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  ), /* @__PURE__ */ import_react8.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M6.15295 4.92093L5.375 3.5L4.59705 4.92093L3 5.21885L4.11625 6.39495L3.90717 8L5.375 7.30593L6.84283 8L6.63375 6.39495L7.75 5.21885L6.15295 4.92093ZM11.403 4.92093L10.625 3.5L9.84705 4.92093L8.25 5.21885L9.36625 6.39495L9.15717 8L10.625 7.30593L12.0928 8L11.8837 6.39495L13 5.21885L11.403 4.92093Z",
-      fill: "#FF990A",
-      fillRule: "evenodd"
-    }
-  ))
-);
-var GoodEmoji = () => /* @__PURE__ */ import_react8.default.createElement(
-  "svg",
+    clipRule: "evenodd",
+    d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM4.5 8.97498H3.875V9.59998C3.875 11.4747 5.81046 12.8637 7.99817 12.8637C10.1879 12.8637 12.125 11.4832 12.125 9.59998V8.97498H11.5H4.5ZM7.99817 11.6137C6.59406 11.6137 5.63842 10.9482 5.28118 10.225H10.7202C10.3641 10.9504 9.40797 11.6137 7.99817 11.6137Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }
+), /* @__PURE__ */ import_react8.default.createElement(
+  "path",
   {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ import_react8.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.5249 10.8478L11.8727 10.3286L10.8342 9.6329L10.4863 10.1522C9.94904 10.9543 9.0363 11.4802 8.00098 11.4802C6.96759 11.4802 6.05634 10.9563 5.51863 10.1567L5.16986 9.63804L4.13259 10.3356L4.48137 10.8542C5.2414 11.9844 6.53398 12.7302 8.00098 12.7302C9.47073 12.7302 10.7654 11.9816 11.5249 10.8478ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  ))
-);
-var BadEmoji = () => /* @__PURE__ */ import_react8.default.createElement(
-  "svg",
+    clipRule: "evenodd",
+    d: "M6.15295 4.92093L5.375 3.5L4.59705 4.92093L3 5.21885L4.11625 6.39495L3.90717 8L5.375 7.30593L6.84283 8L6.63375 6.39495L7.75 5.21885L6.15295 4.92093ZM11.403 4.92093L10.625 3.5L9.84705 4.92093L8.25 5.21885L9.36625 6.39495L9.15717 8L10.625 7.30593L12.0928 8L11.8837 6.39495L13 5.21885L11.403 4.92093Z",
+    fill: "#FF990A",
+    fillRule: "evenodd"
+  }
+)));
+var GoodEmoji = () => /* @__PURE__ */ import_react8.default.createElement("svg", { fill: "none", height: "16", viewBox: "0 0 16 16", width: "16", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ import_react8.default.createElement(
+  "path",
   {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ import_react8.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5.75 7.75C6.30228 7.75 6.75 7.30228 6.75 6.75C6.75 6.19772 6.30228 5.75 5.75 5.75C5.19772 5.75 4.75 6.19772 4.75 6.75C4.75 7.30228 5.19772 7.75 5.75 7.75ZM11.25 6.75C11.25 7.30228 10.8023 7.75 10.25 7.75C9.69771 7.75 9.25 7.30228 9.25 6.75C9.25 6.19772 9.69771 5.75 10.25 5.75C10.8023 5.75 11.25 6.19772 11.25 6.75ZM11.5249 11.2622L11.8727 11.7814L10.8342 12.4771L10.4863 11.9578C9.94904 11.1557 9.0363 10.6298 8.00098 10.6298C6.96759 10.6298 6.05634 11.1537 5.51863 11.9533L5.16986 12.4719L4.13259 11.7744L4.48137 11.2558C5.2414 10.1256 6.53398 9.37982 8.00098 9.37982C9.47073 9.37982 10.7654 10.1284 11.5249 11.2622Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  ))
-);
-var VeryBadEmoji = () => /* @__PURE__ */ import_react8.default.createElement(
-  "svg",
+    clipRule: "evenodd",
+    d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.5249 10.8478L11.8727 10.3286L10.8342 9.6329L10.4863 10.1522C9.94904 10.9543 9.0363 11.4802 8.00098 11.4802C6.96759 11.4802 6.05634 10.9563 5.51863 10.1567L5.16986 9.63804L4.13259 10.3356L4.48137 10.8542C5.2414 11.9844 6.53398 12.7302 8.00098 12.7302C9.47073 12.7302 10.7654 11.9816 11.5249 10.8478ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }
+)));
+var BadEmoji = () => /* @__PURE__ */ import_react8.default.createElement("svg", { fill: "none", height: "16", viewBox: "0 0 16 16", width: "16", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ import_react8.default.createElement(
+  "path",
   {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__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_react8.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 10.9668 3.48826 13.4711 6.20649 14.2496L5.79351 15.6916C2.44895 14.7338 0 11.6539 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.4652 15.6054 10.8405 14.9162 12.023L13.6203 11.2677C14.1794 10.3083 14.5 9.19272 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  ))
-);
+    clipRule: "evenodd",
+    d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5.75 7.75C6.30228 7.75 6.75 7.30228 6.75 6.75C6.75 6.19772 6.30228 5.75 5.75 5.75C5.19772 5.75 4.75 6.19772 4.75 6.75C4.75 7.30228 5.19772 7.75 5.75 7.75ZM11.25 6.75C11.25 7.30228 10.8023 7.75 10.25 7.75C9.69771 7.75 9.25 7.30228 9.25 6.75C9.25 6.19772 9.69771 5.75 10.25 5.75C10.8023 5.75 11.25 6.19772 11.25 6.75ZM11.5249 11.2622L11.8727 11.7814L10.8342 12.4771L10.4863 11.9578C9.94904 11.1557 9.0363 10.6298 8.00098 10.6298C6.96759 10.6298 6.05634 11.1537 5.51863 11.9533L5.16986 12.4719L4.13259 11.7744L4.48137 11.2558C5.2414 10.1256 6.53398 9.37982 8.00098 9.37982C9.47073 9.37982 10.7654 10.1284 11.5249 11.2622Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }
+)));
+var VeryBadEmoji = () => /* @__PURE__ */ import_react8.default.createElement("svg", { fill: "none", height: "16", viewBox: "0 0 16 16", width: "16", xmlns: "http://www.w3.org/2000/svg" }, /* @__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_react8.default.createElement(
+  "path",
+  {
+    clipRule: "evenodd",
+    d: "M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 10.9668 3.48826 13.4711 6.20649 14.2496L5.79351 15.6916C2.44895 14.7338 0 11.6539 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.4652 15.6054 10.8405 14.9162 12.023L13.6203 11.2677C14.1794 10.3083 14.5 9.19272 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }
+)));
 
 // icons/InputIcons.tsx
 var import_react9 = __toESM(require("react"));
@@ -1706,9 +1547,7 @@ var FeedbackForm = (props) => {
   return /* @__PURE__ */ import_react13.default.createElement(
     Card,
     {
-      className: cn(
-        props.cardless ? "hawa-border-none hawa-bg-transparent hawa-shadow-none" : ""
-      ),
+      className: cn(props.cardless ? "hawa-border-none hawa-bg-transparent hawa-shadow-none" : ""),
       style: props.cardless ? { boxShadow: "none" } : void 0
     },
     /* @__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(