@sikka/hawa 0.26.21 → 0.26.22

package/README.md

@@ -64,28 +64,12 @@ npm install @sikka/hawa
 
 </br>
 
-# Contributing
 
-To contribute, clone this github repository and run the development server
+## Contributing
 
-```js
-// To preview the components
-npm run storybook
-// To run the landing pages
-npm run dev
-```
-
-To build the library to /dist
+Please see our [contributing.md](/contributing.md).
 
-```
-npm run build-lib
-```
 
-To generate /dist/index.css
-
-```
-npm run build-css
-```
 
 </br>
 

package/dist/blocks/auth/index.mjs

@@ -1,16 +1,17 @@
 import {
   Input
-} from "../../chunk-FDKCMEMD.mjs";
+} from "../../chunk-R4HAAT6R.mjs";
 import {
   StopPropagationWrapper
 } from "../../chunk-ZS3FB3PO.mjs";
 import {
   Select
-} from "../../chunk-4IOG44R3.mjs";
+} from "../../chunk-OY66MBXP.mjs";
+import "../../chunk-WUHNPHD5.mjs";
 import {
   EyeIcon,
   HiddenEyeIcon
-} from "../../chunk-U3TZWNDZ.mjs";
+} from "../../chunk-GVJYACGA.mjs";
 import {
   Button,
   Card,
@@ -22,7 +23,7 @@ import {
   Label,
   Loading,
   cn
-} from "../../chunk-AREFDTXK.mjs";
+} from "../../chunk-D36MPDGE.mjs";
 
 // blocks/auth/LoginForm.tsx
 import React5, { useState as useState3 } from "react";

package/dist/blocks/feedback/index.js

@@ -38,7 +38,7 @@ __export(feedback_exports, {
 module.exports = __toCommonJS(feedback_exports);
 
 // blocks/feedback/UserReferralSource.tsx
-var import_react4 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 var import_react_hook_form = require("react-hook-form");
 var import_zod = require("@hookform/resolvers/zod");
 var z = __toESM(require("zod"));
@@ -670,8 +670,37 @@ var Radio = ({
 };
 
 // elements/textarea/Textarea.tsx
-var React7 = __toESM(require("react"));
-var Textarea = React7.forwardRef(
+var React8 = __toESM(require("react"));
+
+// elements/skeleton/Skeleton.tsx
+var import_react4 = __toESM(require("react"));
+function Skeleton({
+  className,
+  content,
+  animation = "pulse",
+  ...props
+}) {
+  const animationStyles = {
+    none: "hawa-rounded hawa-bg-muted",
+    pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
+    shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
+  };
+  return /* @__PURE__ */ import_react4.default.createElement(
+    "div",
+    {
+      className: cn(
+        animationStyles[animation],
+        content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
+        className
+      ),
+      ...props
+    },
+    content && content
+  );
+}
+
+// elements/textarea/Textarea.tsx
+var Textarea = React8.forwardRef(
   ({
     className,
     classNames,
@@ -680,9 +709,10 @@ var Textarea = React7.forwardRef(
     forceHideHelperText,
     textareaProps,
     countPosition = "bottom",
+    isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(
       "div",
       {
         className: cn(
@@ -691,19 +721,27 @@ var Textarea = React7.forwardRef(
           className
         )
       },
-      props.label && /* @__PURE__ */ React7.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ React7.createElement(
+      /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React8.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React8.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__ */ React8.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React8.createElement(
         "textarea",
         {
           className: cn(
-            "hawa-flex hawa-min-h-[40px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-gray-400 placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
+            "hawa-flex hawa-min-h-[40px] hawa-h-[40px]  hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-gray-400 placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
             classNames == null ? void 0 : classNames.textarea
           ),
           ref,
           ...textareaProps
         }
       ),
-      /* @__PURE__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React7.createElement(
+      /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React8.createElement(
         "p",
         {
           className: cn(
@@ -712,20 +750,7 @@ var Textarea = React7.forwardRef(
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ React7.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-text-start hawa-text-xs hawa-transition-all",
-            {
-              "hawa-absolute hawa-bottom-[80px] hawa-end-0 hawa-translate-y-1/2": countPosition === "top"
-            }
-          )
-        },
-        (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
-        "/",
-        textareaProps == null ? void 0 : textareaProps.maxLength
-      ))
+      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
     );
   }
 );
@@ -738,8 +763,8 @@ var UserReferralSource = ({
   ...props
 }) => {
   var _a, _b;
-  const [closed, setClosed] = (0, import_react4.useState)(false);
-  const popUpRef = (0, import_react4.useRef)(null);
+  const [closed, setClosed] = (0, import_react5.useState)(false);
+  const popUpRef = (0, import_react5.useRef)(null);
   const formSchema = z.object({
     source: z.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
     feedback: z.string().optional()
@@ -759,7 +784,7 @@ var UserReferralSource = ({
       label: "Other"
     }
   ];
-  return /* @__PURE__ */ import_react4.default.createElement(
+  return /* @__PURE__ */ import_react5.default.createElement(
     "div",
     {
       className: cn(
@@ -768,7 +793,7 @@ var UserReferralSource = ({
       ),
       ref: popUpRef
     },
-    /* @__PURE__ */ import_react4.default.createElement(
+    /* @__PURE__ */ import_react5.default.createElement(
       Card,
       {
         className: cn(
@@ -777,7 +802,7 @@ var UserReferralSource = ({
         ),
         dir: props.direction
       },
-      /* @__PURE__ */ import_react4.default.createElement(
+      /* @__PURE__ */ import_react5.default.createElement(
         "button",
         {
           type: "button",
@@ -796,7 +821,7 @@ var UserReferralSource = ({
             }, 200);
           }
         },
-        /* @__PURE__ */ import_react4.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement(
           "svg",
           {
             "aria-hidden": "true",
@@ -804,7 +829,7 @@ var UserReferralSource = ({
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ import_react4.default.createElement(
+          /* @__PURE__ */ import_react5.default.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -814,7 +839,7 @@ var UserReferralSource = ({
           )
         )
       ),
-      /* @__PURE__ */ import_react4.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react4.default.createElement(
+      /* @__PURE__ */ import_react5.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react5.default.createElement(
         "form",
         {
           noValidate: true,
@@ -826,7 +851,7 @@ var UserReferralSource = ({
             }
           })
         },
-        /* @__PURE__ */ import_react4.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement(
           "div",
           {
             className: cn(
@@ -834,15 +859,15 @@ var UserReferralSource = ({
               closed ? "hawa-opacity-0" : "hawa-opacity-100"
             )
           },
-          /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
-          /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ import_react4.default.createElement(
+          /* @__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(
             import_react_hook_form.Controller,
             {
               control,
               name: "source",
               render: ({ field }) => {
                 var _a2, _b2;
-                return /* @__PURE__ */ import_react4.default.createElement(
+                return /* @__PURE__ */ import_react5.default.createElement(
                   Radio,
                   {
                     direction: props.direction,
@@ -856,14 +881,14 @@ var UserReferralSource = ({
               }
             }
           )),
-          /* @__PURE__ */ import_react4.default.createElement("div", null, /* @__PURE__ */ import_react4.default.createElement(
+          /* @__PURE__ */ import_react5.default.createElement("div", null, /* @__PURE__ */ import_react5.default.createElement(
             import_react_hook_form.Controller,
             {
               control,
               name: "feedback",
               render: ({ field }) => {
                 var _a2, _b2;
-                return /* @__PURE__ */ import_react4.default.createElement(
+                return /* @__PURE__ */ import_react5.default.createElement(
                   Textarea,
                   {
                     ...field,
@@ -878,28 +903,28 @@ var UserReferralSource = ({
             }
           ))
         ),
-        /* @__PURE__ */ import_react4.default.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
+        /* @__PURE__ */ import_react5.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_react5 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 var FeedbackRating = ({
   position = "bottom-right",
   ...props
 }) => {
-  const [closed, setClosed] = (0, import_react5.useState)(false);
-  const [answered, setAnswered] = (0, import_react5.useState)(false);
-  const [clickedOption, setClickedOption] = (0, import_react5.useState)(null);
-  const [closingTimer, setClosingTimer] = (0, import_react5.useState)(5);
-  const popUpRef = (0, import_react5.useRef)(null);
+  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 boxPosition = {
     "bottom-right": "hawa-right-4",
     "bottom-left": "hawa-left-4"
   };
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const timeoutHide = setTimeout(() => {
       if (closingTimer >= 0) {
         setClosingTimer(closingTimer - 1);
@@ -917,7 +942,7 @@ var FeedbackRating = ({
       }
     }, 200);
   };
-  return /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement(
     "div",
     {
       ref: popUpRef,
@@ -926,7 +951,7 @@ var FeedbackRating = ({
         boxPosition[position]
       )
     },
-    /* @__PURE__ */ import_react5.default.createElement(
+    /* @__PURE__ */ import_react6.default.createElement(
       "div",
       {
         className: cn(
@@ -935,8 +960,8 @@ var FeedbackRating = ({
           props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
         )
       },
-      /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
-      /* @__PURE__ */ import_react5.default.createElement(
+      /* @__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(
         "button",
         {
           type: "button",
@@ -945,7 +970,7 @@ var FeedbackRating = ({
           "aria-label": "Close",
           onClick: () => slowClose()
         },
-        /* @__PURE__ */ import_react5.default.createElement(
+        /* @__PURE__ */ import_react6.default.createElement(
           "svg",
           {
             "aria-hidden": "true",
@@ -953,7 +978,7 @@ var FeedbackRating = ({
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ import_react5.default.createElement(
+          /* @__PURE__ */ import_react6.default.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -963,8 +988,8 @@ var FeedbackRating = ({
           )
         )
       ),
-      /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-mt-8" }, props.question),
-      /* @__PURE__ */ import_react5.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_react5.default.createElement(
+      /* @__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(
         "span",
         {
           key: i,
@@ -992,19 +1017,19 @@ var FeedbackRating = ({
         },
         op
       ))),
-      props.texts && /* @__PURE__ */ import_react5.default.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react5.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react5.default.createElement("span", null, props.texts.most)),
-      answered && /* @__PURE__ */ import_react5.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_react5.default.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react5.default.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
+      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")))
     )
   );
 };
 
 // blocks/feedback/FeedbackEmoji.tsx
-var import_react9 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 
 // elements/popover/Popover.tsx
-var React10 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var PopoverContent = React10.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React10.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React10.createElement(
+var PopoverContent = React11.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React11.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React11.createElement(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1036,7 +1061,7 @@ var Popover = ({
     trigger: "var(--radix-popover-trigger-width)",
     default: "auto"
   };
-  return /* @__PURE__ */ React10.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React11.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React11.createElement(
     PopoverPrimitive.Trigger,
     {
       className: "hawa-w-full",
@@ -1044,7 +1069,7 @@ var Popover = ({
       ...triggerProps
     },
     trigger
-  ), /* @__PURE__ */ React10.createElement(
+  ), /* @__PURE__ */ React11.createElement(
     PopoverContent,
     {
       side,
@@ -1061,8 +1086,8 @@ var Popover = ({
 };
 
 // icons/Emojis.tsx
-var import_react6 = __toESM(require("react"));
-var VeryGoodEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
+var import_react7 = __toESM(require("react"));
+var VeryGoodEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
   "svg",
   {
     fill: "none",
@@ -1071,7 +1096,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ import_react6.default.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ import_react6.default.createElement(
+  /* @__PURE__ */ import_react7.default.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ import_react7.default.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -1079,7 +1104,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
       fill: "currentColor",
       fillRule: "evenodd"
     }
-  ), /* @__PURE__ */ import_react6.default.createElement(
+  ), /* @__PURE__ */ import_react7.default.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -1089,7 +1114,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
     }
   ))
 );
-var GoodEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
+var GoodEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
   "svg",
   {
     fill: "none",
@@ -1098,7 +1123,7 @@ var GoodEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ import_react6.default.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ import_react6.default.createElement(
+  /* @__PURE__ */ import_react7.default.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ import_react7.default.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -1108,7 +1133,7 @@ var GoodEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
     }
   ))
 );
-var BadEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
+var BadEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
   "svg",
   {
     fill: "none",
@@ -1117,7 +1142,7 @@ var BadEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ import_react6.default.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ import_react6.default.createElement(
+  /* @__PURE__ */ import_react7.default.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ import_react7.default.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -1127,7 +1152,7 @@ var BadEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
     }
   ))
 );
-var VeryBadEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
+var VeryBadEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
   "svg",
   {
     fill: "none",
@@ -1136,13 +1161,13 @@ var VeryBadEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ import_react6.default.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ import_react6.default.createElement(
+  /* @__PURE__ */ import_react7.default.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ import_react7.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_react6.default.createElement(
+  ), /* @__PURE__ */ import_react7.default.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -1154,22 +1179,22 @@ var VeryBadEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
 );
 
 // icons/InputIcons.tsx
-var import_react7 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 
 // icons/CommonIcons.tsx
-var import_react8 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 
 // blocks/feedback/FeedbackEmoji.tsx
 var FeedbackEmoji = (props) => {
-  const [selectedEmoji, setSelectedEmoji] = (0, import_react9.useState)(null);
-  const [loadingSubmit, setLoadingSubmit] = (0, import_react9.useState)(false);
-  const [feedbackText, setFeedbackText] = (0, import_react9.useState)("");
-  const [helperText, setHelperText] = (0, import_react9.useState)(false);
+  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);
   let emojis = [
-    { icon: /* @__PURE__ */ import_react9.default.createElement(VeryGoodEmoji, null), value: "very-good" },
-    { icon: /* @__PURE__ */ import_react9.default.createElement(GoodEmoji, null), value: "good" },
-    { icon: /* @__PURE__ */ import_react9.default.createElement(BadEmoji, null), value: "bad" },
-    { icon: /* @__PURE__ */ import_react9.default.createElement(VeryBadEmoji, null), value: "very-bad" }
+    { 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" }
   ];
   const onFeedbackSubmit = async () => {
     if (feedbackText) {
@@ -1189,7 +1214,7 @@ var FeedbackEmoji = (props) => {
       setHelperText(true);
     }
   };
-  return /* @__PURE__ */ import_react9.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement(
     "div",
     {
       className: cn(
@@ -1197,7 +1222,7 @@ var FeedbackEmoji = (props) => {
         selectedEmoji ? "hawa-h-[189px]  hawa-min-w-fit" : "hawa-h-[44px] "
       )
     },
-    /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-flex hawa-flex-row   hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center  hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ import_react9.default.createElement(
+    /* @__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(
       Button,
       {
         key: i,
@@ -1216,7 +1241,7 @@ var FeedbackEmoji = (props) => {
       },
       emoji.icon
     )))),
-    /* @__PURE__ */ import_react9.default.createElement(
+    /* @__PURE__ */ import_react10.default.createElement(
       "div",
       {
         className: cn(
@@ -1224,7 +1249,7 @@ var FeedbackEmoji = (props) => {
           selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 "
         )
       },
-      props.showSuccess ? /* @__PURE__ */ import_react9.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_react9.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react9.default.createElement(
+      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(
         "svg",
         {
           stroke: "currentColor",
@@ -1234,13 +1259,13 @@ var FeedbackEmoji = (props) => {
           height: "0.5em",
           width: "0.5em"
         },
-        /* @__PURE__ */ import_react9.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_react9.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ import_react9.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react9.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ import_react9.default.createElement(
+        /* @__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(
         Popover,
         {
           className: "hawa-select-none hawa-p-1 hawa-text-xs ",
           open: helperText,
-          trigger: /* @__PURE__ */ import_react9.default.createElement(
+          trigger: /* @__PURE__ */ import_react10.default.createElement(
             Textarea,
             {
               classNames: {
@@ -1256,8 +1281,8 @@ var FeedbackEmoji = (props) => {
             }
           )
         },
-        /* @__PURE__ */ import_react9.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
-      ), /* @__PURE__ */ import_react9.default.createElement(
+        /* @__PURE__ */ import_react10.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
+      ), /* @__PURE__ */ import_react10.default.createElement(
         Button,
         {
           isLoading: loadingSubmit,
@@ -1282,35 +1307,6 @@ var import_react11 = __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"));
-
-// elements/skeleton/Skeleton.tsx
-var import_react10 = __toESM(require("react"));
-function Skeleton({
-  className,
-  content,
-  animation = "pulse",
-  ...props
-}) {
-  const animationStyles = {
-    none: "hawa-rounded hawa-bg-muted",
-    pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
-    shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
-  };
-  return /* @__PURE__ */ import_react10.default.createElement(
-    "div",
-    {
-      className: cn(
-        animationStyles[animation],
-        content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
-        className
-      ),
-      ...props
-    },
-    content && content
-  );
-}
-
-// elements/select/Select.tsx
 var Select = ({
   labelProps,
   labelKey = "label",