@sikka/hawa 0.46.4-next → 0.48.0-next

package/dist/blocks/index.js

@@ -3316,6 +3316,7 @@ var import_clsx2 = __toESM(require("clsx"));
 var Select = ({
   labelProps,
   labelKey = "label",
+  valueKey = "value",
   ...props
 }) => {
   const NoOption = () => {
@@ -3335,13 +3336,7 @@ var Select = ({
       children
     );
   };
-  const Option = ({
-    children,
-    innerProps,
-    innerRef,
-    isFocused,
-    isSelected
-  }) => {
+  const Option = ({ children, innerProps, innerRef, isFocused, isSelected }) => {
     return /* @__PURE__ */ import_react9.default.createElement(
       "div",
       {
@@ -3356,14 +3351,7 @@ var Select = ({
       children
     );
   };
-  const Menu = ({
-    cx,
-    children,
-    getStyles,
-    innerProps,
-    innerRef,
-    ...menuProps
-  }) => {
+  const Menu = ({ cx, children, getStyles, innerProps, innerRef, ...menuProps }) => {
     const menuOpen = menuProps.selectProps.menuIsOpen;
     return /* @__PURE__ */ import_react9.default.createElement(
       "div",
@@ -3392,71 +3380,72 @@ var Select = ({
       )
     },
     props.label && /* @__PURE__ */ import_react9.default.createElement(Label, { ...labelProps }, props.label),
-    props.isLoading ? /* @__PURE__ */ import_react9.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_react9.default.createElement(
-        import_react_select.default,
-        {
-          noOptionsMessage: NoOption,
-          classNames: {
-            control: () => cn(
-              props.phoneCode && "hawa-rounded-r-none",
-              props.controlClassNames
-            ),
-            container: () => cn(
-              selectContainerStyles,
-              props.phoneCode && phoneCodeStyles,
-              props.isMulti && "hawa-ps-0 "
-            ),
-            placeholder: () => cn(
-              selectPlaceholderStyles,
-              props.disabled && "hawa-text-muted-foreground"
-            ),
-            valueContainer: () => "hawa-text-foreground hawa-px-1 ",
-            singleValue: () => cn(
-              props.disabled ? "hawa-text-muted-foreground hawa-opacity-30" : "hawa-text-foreground"
-            ),
-            indicatorsContainer: () => cn(
-              selectIndicatorContainerStyles,
-              props.hideIndicator ? "hawa-invisible" : "hawa-px-1",
-              props.disabled && "hawa-opacity-30"
-            )
-          },
-          unstyled: true,
-          autoFocus: false,
-          components: props.hideIndicator ? { Option, Menu, IndicatorsContainer: () => null } : {
+    props.isLoading ? /* @__PURE__ */ import_react9.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? /* @__PURE__ */ import_react9.default.createElement(
+      import_react_select.default,
+      {
+        noOptionsMessage: NoOption,
+        classNames: {
+          control: () => cn(props.phoneCode && "hawa-rounded-r-none", props.controlClassNames),
+          container: () => cn(
+            selectContainerStyles,
+            props.phoneCode && phoneCodeStyles,
+            props.isMulti && "hawa-ps-0 "
+          ),
+          placeholder: () => cn(selectPlaceholderStyles, props.disabled && "hawa-text-muted-foreground"),
+          valueContainer: () => "hawa-text-foreground hawa-px-1",
+          singleValue: () => cn(
+            props.disabled ? "hawa-text-muted-foreground hawa-opacity-30" : "hawa-text-foreground"
+          ),
+          indicatorsContainer: () => cn(
+            selectIndicatorContainerStyles,
+            props.hideIndicator ? "hawa-invisible" : "hawa-px-1",
+            props.disabled && "hawa-opacity-30"
+          )
+        },
+        unstyled: true,
+        autoFocus: false,
+        components: props.hideIndicator ? {
+          Option: (optionProps) => /* @__PURE__ */ import_react9.default.createElement(
             Option,
-            Menu,
-            ValueContainer: (e) => /* @__PURE__ */ import_react9.default.createElement(
-              "div",
-              {
-                className: cn(
-                  e.className,
-                  "hawa-gap-1 hawa-flex hawa-flex-row hawa-flex-wrap hawa-p-1"
-                ),
-                ...e
-              }
-            ),
-            MultiValueContainer: (e) => /* @__PURE__ */ import_react9.default.createElement(
-              "div",
-              {
-                className: "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row",
-                ...e
-              }
-            )
-          },
-          onChange: (newValue, action) => props.onChange(newValue, action),
-          options: props.options,
-          getOptionLabel: props.getOptionLabel,
-          defaultValue: props.defaultValue,
-          value: props.value,
-          placeholder: props.placeholder,
-          isDisabled: props.disabled,
-          isClearable: props.isClearable,
-          isMulti: props.isMulti,
-          isSearchable: props.isSearchable
-        }
-      )
+            {
+              ...optionProps,
+              isSelected: optionProps.data[valueKey] === props.value[valueKey]
+            }
+          ),
+          Menu,
+          IndicatorsContainer: () => null
+        } : {
+          Option,
+          Menu,
+          ValueContainer: (e) => /* @__PURE__ */ import_react9.default.createElement(
+            "div",
+            {
+              className: cn(
+                e.className,
+                "hawa-gap-1 hawa-flex hawa-flex-row hawa-flex-wrap hawa-p-2 hawa-w-full hawa-cursor-pointer"
+              ),
+              ...e
+            }
+          ),
+          MultiValueContainer: (e) => /* @__PURE__ */ import_react9.default.createElement(
+            "div",
+            {
+              className: "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row",
+              ...e
+            }
+          )
+        },
+        onChange: (newValue, action) => props.onChange(newValue, action),
+        options: props.options,
+        getOptionLabel: props.getOptionLabel,
+        defaultValue: props.defaultValue,
+        value: props.value,
+        placeholder: props.placeholder,
+        isDisabled: props.disabled,
+        isClearable: props.isClearable,
+        isMulti: props.isMulti,
+        isSearchable: props.isSearchable
+      }
     ) : /* @__PURE__ */ import_react9.default.createElement(
       import_creatable.default,
       {
@@ -3498,11 +3487,13 @@ var PhoneInput = ({
   countryCodes,
   ...props
 }) => {
+  var _a;
   const [phoneNumber, setPhoneNumber] = (0, import_react10.useState)("");
-  const [countryCode, setCountryCode] = (0, import_react10.useState)(props.preferredCountry);
+  const [countryCode, setCountryCode] = (0, import_react10.useState)(
+    props.preferredCountry || { label: "+966" }
+  );
   const inputRef = (0, import_react10.useRef)(null);
   const handleInputChange = (e) => {
-    console.log("test e ", e.target.value);
     const validChars = /^[0-9-()]+$/;
     const input = e.target.value;
     if (input === "" || validChars.test(input)) {
@@ -3524,11 +3515,13 @@ var PhoneInput = ({
       isMulti: false,
       isSearchable: true,
       isClearable: false,
-      placeholder: "Code",
+      placeholder: (_a = props.preferredCountry) == null ? void 0 : _a.label,
       options: countryCodes || countries_default,
-      onChange: setCountryCode,
-      value: countryCode == null ? void 0 : countryCode.label,
-      defaultValue: props.preferredCountry
+      onChange: (e) => setCountryCode({ label: e.label, value: e.label }),
+      valueKey: "label",
+      labelKey: "label",
+      value: { label: countryCode == null ? void 0 : countryCode.label, value: countryCode == null ? void 0 : countryCode.label },
+      defaultValue: { label: countryCode == null ? void 0 : countryCode.label, value: countryCode == null ? void 0 : countryCode.label }
     }
   ), /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react10.default.createElement(
     "input",
@@ -4017,14 +4010,7 @@ var LoginForm = ({
         (texts == null ? void 0 : texts.loginText) || "Login"
       ),
       props.additionalButtons && props.additionalButtons,
-      props.allowRegister && /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ import_react14.default.createElement(
-        "span",
-        {
-          onClick: props.onRouteToRegister,
-          className: "clickable-link"
-        },
-        (texts == null ? void 0 : texts.createAccount) || "Create Account"
-      ))
+      props.allowRegister && /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ import_react14.default.createElement("span", { onClick: props.onRouteToRegister, className: "clickable-link" }, (texts == null ? void 0 : texts.createAccount) || "Create Account"))
     )),
     props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react14.default.createElement(
       CardFooter,
@@ -4054,9 +4040,10 @@ var LoginForm = ({
 };
 
 // blocks/auth/RegisterForm.tsx
-var import_react17 = __toESM(require("react"));
+var import_react37 = __toESM(require("react"));
 var import_react_hook_form2 = require("react-hook-form");
 var import_zod2 = require("@hookform/resolvers/zod");
+var import_libphonenumber_js2 = require("libphonenumber-js");
 var z2 = __toESM(require("zod"));
 
 // elements/checkbox/Checkbox.tsx
@@ -4204,2318 +4191,2438 @@ var StopPropagationWrapper = (props) => {
   return /* @__PURE__ */ import_react16.default.createElement("div", { onClick: handleClick }, props.children);
 };
 
-// blocks/auth/RegisterForm.tsx
-var RegisterForm = ({
-  texts,
-  registerFields = ["email"],
-  minPasswordLength = 8,
-  showTermsOption = false,
-  showNewsletterOption = false,
-  ...props
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const [passwordVisible, setPasswordVisible] = (0, import_react17.useState)(false);
-  const thirdPartyAuthTexts = {
-    continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
-    continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
-    continueWithApple: texts == null ? void 0 : texts.continueWithApple,
-    continueWithMicrosoft: texts == null ? void 0 : texts.continueWithMicrosoft,
-    continueWithGithub: texts == null ? void 0 : texts.continueWithGithub,
-    continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
-    continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
+// elements/tabs/Tabs.tsx
+var React30 = __toESM(require("react"));
+
+// hooks/useIsomorphicEffect.ts
+var import_react17 = require("react");
+
+// hooks/useDiscloser.ts
+var import_react18 = require("react");
+
+// hooks/useHover.ts
+var import_react19 = require("react");
+
+// hooks/useToast.ts
+var React22 = __toESM(require("react"));
+
+// hooks/useCarousel.ts
+var import_react20 = require("react");
+
+// hooks/useDialogCarousel.ts
+var import_react21 = require("react");
+var import_embla_carousel_auto_height = __toESM(require("embla-carousel-auto-height"));
+var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
+
+// hooks/useDialogSteps.ts
+var import_react22 = require("react");
+
+// hooks/useClipboard.ts
+var import_react23 = require("react");
+
+// hooks/useBreakpoint.ts
+var import_react24 = require("react");
+
+// hooks/useWindowSize.ts
+var import_react25 = require("react");
+
+// hooks/useFocusWithin.ts
+var import_react26 = require("react");
+
+// hooks/useMediaQuery.ts
+var import_react27 = require("react");
+
+// hooks/useScrollPosition.ts
+var import_react28 = require("react");
+
+// hooks/useTable.ts
+var import_react29 = require("react");
+
+// hooks/useTabs.ts
+var import_react30 = require("react");
+
+// hooks/useMeasureDirty.ts
+var import_react31 = require("react");
+
+// hooks/useClickOutside.ts
+var import_react32 = require("react");
+
+// hooks/useShortcuts.ts
+var import_react33 = require("react");
+function parseHotkey(hotkey) {
+  const keys = hotkey.toLowerCase().split("+").map((part) => part.trim());
+  const modifiers = {
+    alt: keys.includes("alt"),
+    ctrl: keys.includes("ctrl"),
+    meta: keys.includes("meta"),
+    mod: keys.includes("mod"),
+    shift: keys.includes("shift")
   };
-  const methods = (0, import_react_hook_form2.useForm)();
-  let fieldSchemas = {};
-  registerFields.forEach((field) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
-    switch (field) {
-      case "fullname":
-        fieldSchemas["fullName"] = z2.string().optional();
-        break;
-      case "email":
-        fieldSchemas["email"] = z2.string({
-          required_error: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.required) || "Email is required"
-        }).email({ message: ((_b2 = texts == null ? void 0 : texts.email) == null ? void 0 : _b2.invalid) || "Invalid email" }).min(1, { message: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.required) || "Email is required" });
-        break;
-      case "username":
-        fieldSchemas["username"] = z2.string({
-          required_error: ((_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.required) || "Username is required"
-        }).min(1, {
-          message: ((_e2 = texts == null ? void 0 : texts.username) == null ? void 0 : _e2.required) || "Username is required"
-        }).max(14, {
-          message: ((_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.tooLong) || "Username is too long"
-        }).refine(
-          (value) => {
-            const isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
-            return isValid;
-          },
-          { message: ((_g2 = texts == null ? void 0 : texts.username) == null ? void 0 : _g2.invalid) || "Invalid username" }
-        );
-        break;
+  const reservedKeys = ["alt", "ctrl", "meta", "shift", "mod"];
+  const freeKey = keys.find((key) => !reservedKeys.includes(key));
+  return {
+    ...modifiers,
+    key: freeKey
+  };
+}
+function isExactHotkey(hotkey, event) {
+  const { alt, ctrl, meta, mod, shift, key } = hotkey;
+  const { altKey, ctrlKey, metaKey, shiftKey, key: pressedKey } = event;
+  if (alt !== altKey) {
+    return false;
+  }
+  if (mod) {
+    if (!ctrlKey && !metaKey) {
+      return false;
     }
-  });
-  const formSchema = z2.object({
-    ...fieldSchemas,
-    password: z2.string({
-      required_error: ((_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required) || "Password is required"
-    }).min(minPasswordLength, {
-      message: ((_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.tooShort) || "Password is too short"
-    }).refine((value) => value !== "", {
-      message: ((_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.required) || "Password is required"
-    }),
-    confirm_password: z2.string({
-      required_error: ((_d = texts == null ? void 0 : texts.confirm) == null ? void 0 : _d.required) || "Confirm password required"
-    }).min(minPasswordLength, {
-      message: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.tooShort) || "Password is too short"
-    }).refine((value) => value !== "", {
-      message: ((_f = texts == null ? void 0 : texts.password) == null ? void 0 : _f.required) || "Confirm password is required"
-    }),
-    refCode: z2.string().optional(),
-    reference: z2.string().optional(),
-    terms_accepted: z2.boolean({ required_error: (texts == null ? void 0 : texts.termsRequired) || "Terms required" }).refine((value) => value, {
-      message: (texts == null ? void 0 : texts.termsRequired) || "Terms required"
-    }),
-    newsletter_accepted: z2.boolean().optional()
-  }).refine((data) => data.password === data.confirm_password, {
-    message: ((_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch) || "Passwords don't match",
-    path: ["confirm_password"]
-  });
-  const { handleSubmit, control, formState } = (0, import_react_hook_form2.useForm)({
-    resolver: (0, import_zod2.zodResolver)(formSchema)
-  });
-  return /* @__PURE__ */ import_react17.default.createElement(
-    "div",
-    {
-      className: cn(
-        "hawa-flex hawa-flex-col hawa-gap-4",
-        (_h = props.classNames) == null ? void 0 : _h.root
-      )
-    },
-    /* @__PURE__ */ import_react17.default.createElement(
-      Card,
-      {
-        dir: props.direction,
-        className: cn(
-          (_i = props.classNames) == null ? void 0 : _i.card,
-          props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
-        )
-      },
-      /* @__PURE__ */ import_react17.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, /* @__PURE__ */ import_react17.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react17.default.createElement(
-        Alert,
-        {
-          direction: props.direction,
-          title: props.errorTitle,
-          text: props.errorText,
-          severity: "error",
-          onAlertClosed: () => {
-            if (props.onErrorDismissed) {
-              props.onErrorDismissed();
-            }
-          }
+  } else {
+    if (ctrl !== ctrlKey) {
+      return false;
+    }
+    if (meta !== metaKey) {
+      return false;
+    }
+  }
+  if (shift !== shiftKey) {
+    return false;
+  }
+  if (key && (pressedKey.toLowerCase() === key.toLowerCase() || event.code.replace("Key", "").toLowerCase() === key.toLowerCase())) {
+    return true;
+  }
+  return false;
+}
+function getHotkeyMatcher(hotkey) {
+  return (event) => isExactHotkey(parseHotkey(hotkey), event);
+}
+function getHotkeyHandler(hotkeys) {
+  return (event) => {
+    const _event = "nativeEvent" in event ? event.nativeEvent : event;
+    hotkeys.forEach(([hotkey, handler, options = { preventDefault: true }]) => {
+      if (getHotkeyMatcher(hotkey)(_event)) {
+        if (options.preventDefault) {
+          event.preventDefault();
         }
-      ), /* @__PURE__ */ import_react17.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react17.default.createElement(
-        "form",
-        {
-          noValidate: true,
-          onSubmit: handleSubmit((e) => {
-            if (props.onRegister) {
-              return props.onRegister(e);
-            } else {
-              console.log(
-                "Form is submitted but onRegister prop is missing"
-              );
-            }
-          }),
-          className: "hawa-flex hawa-flex-col hawa-gap-4"
-        },
-        /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
-          if (fld === "fullname") {
-            return /* @__PURE__ */ import_react17.default.createElement(
-              import_react_hook_form2.Controller,
-              {
-                key: i,
-                control,
-                name: "fullName",
-                render: ({ field }) => {
-                  var _a2, _b2, _c2;
-                  return /* @__PURE__ */ import_react17.default.createElement(
-                    Input,
-                    {
-                      width: "full",
-                      label: ((_a2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _a2.label) || "Full Name",
-                      placeholder: (_b2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _b2.placeholder,
-                      helperText: (_c2 = formState.errors.fullName) == null ? void 0 : _c2.message,
-                      ...field
-                    }
-                  );
-                }
-              }
-            );
-          }
-          if (fld === "email") {
-            return /* @__PURE__ */ import_react17.default.createElement(
-              import_react_hook_form2.Controller,
-              {
-                key: i,
-                control,
-                name: "email",
-                render: ({ field }) => {
-                  var _a2, _b2, _c2;
-                  return /* @__PURE__ */ import_react17.default.createElement(
-                    Input,
-                    {
-                      dir: "ltr",
-                      inputProps: {
-                        className: props.direction === "rtl" ? "hawa-text-right" : "hawa-text-left"
-                      },
-                      width: "full",
-                      autoComplete: "email",
-                      label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
-                      helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
-                      placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "Enter your email",
-                      ...field,
-                      onChange: (e) => {
-                        field.onChange(
-                          e.target.value.toLowerCase().trim()
-                        );
-                      }
-                    }
-                  );
-                }
-              }
-            );
-          }
-          if (fld === "username") {
-            return /* @__PURE__ */ import_react17.default.createElement(
-              import_react_hook_form2.Controller,
-              {
-                key: i,
-                control,
-                name: "username",
-                render: ({ field }) => {
-                  var _a2, _b2, _c2, _d2;
-                  return /* @__PURE__ */ import_react17.default.createElement(
-                    Input,
-                    {
-                      width: "full",
-                      autoComplete: "username",
-                      label: ((_a2 = texts == null ? void 0 : texts.username) == null ? void 0 : _a2.label) || "Username",
-                      labelProps: {
-                        ...(_b2 = props.usernameOptions) == null ? void 0 : _b2.label
-                      },
-                      helperText: (_c2 = formState.errors.username) == null ? void 0 : _c2.message,
-                      placeholder: (_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.placeholder,
-                      ...field
-                    }
-                  );
-                }
-              }
-            );
-          }
-        })),
-        /* @__PURE__ */ import_react17.default.createElement(
-          import_react_hook_form2.Controller,
-          {
-            control,
-            name: "password",
-            render: ({ field }) => {
-              var _a2, _b2, _c2;
-              return /* @__PURE__ */ import_react17.default.createElement(
-                Input,
-                {
-                  width: "full",
-                  type: passwordVisible ? "text" : "password",
-                  endIcon: /* @__PURE__ */ import_react17.default.createElement(
-                    "div",
-                    {
-                      className: "hawa-cursor-pointer",
-                      onClick: () => setPasswordVisible(!passwordVisible)
-                    },
-                    passwordVisible ? /* @__PURE__ */ import_react17.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react17.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
-                    " "
-                  ),
-                  autoComplete: "new-password",
-                  label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
-                  placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
-                  helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
-                  ...field
-                }
-              );
-            }
-          }
-        ),
-        /* @__PURE__ */ import_react17.default.createElement(
-          import_react_hook_form2.Controller,
-          {
-            control,
-            name: "confirm_password",
-            render: ({ field }) => {
-              var _a2, _b2, _c2;
-              return /* @__PURE__ */ import_react17.default.createElement(
-                Input,
-                {
-                  width: "full",
-                  type: "password",
-                  autoComplete: "new-password",
-                  label: ((_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label) || "Confirm Password",
-                  placeholder: ((_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder) || "Confirm your Password",
-                  helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
-                  ...field
-                }
-              );
-            }
-          }
-        ),
-        props.additionalInputs,
-        props.showRefCode && /* @__PURE__ */ import_react17.default.createElement(
-          import_react_hook_form2.Controller,
-          {
-            control,
-            name: "refCode",
-            render: ({ field }) => {
-              var _a2;
-              return /* @__PURE__ */ import_react17.default.createElement(
-                Input,
-                {
-                  width: "full",
-                  label: texts == null ? void 0 : texts.refCode,
-                  placeholder: (texts == null ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
-                  helperText: (_a2 = formState.errors.refCode) == null ? void 0 : _a2.message,
-                  ...field
-                }
-              );
-            }
-          }
-        ),
-        props.showUserSource && /* @__PURE__ */ import_react17.default.createElement(
-          import_react_hook_form2.Controller,
-          {
-            control,
-            name: "reference",
-            render: ({ field }) => {
-              var _a2, _b2;
-              return /* @__PURE__ */ import_react17.default.createElement(
-                Select,
-                {
-                  label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
-                  placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
-                  isCreatable: false,
-                  isMulti: false,
-                  isSearchable: false,
-                  isClearable: false,
-                  options: props.userReferenceOptions || [],
-                  onChange: (e) => field.onChange(e)
-                }
-              );
-            }
-          }
-        ),
-        showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react17.default.createElement(
-          import_react_hook_form2.Controller,
-          {
-            control,
-            name: "terms_accepted",
-            render: ({ field }) => {
-              var _a2, _b2;
-              return /* @__PURE__ */ import_react17.default.createElement(
-                Checkbox,
-                {
-                  id: "terms_accepted",
-                  helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
-                  onCheckedChange: (e) => field.onChange(e),
-                  label: /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ import_react17.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react17.default.createElement(
-                    "span",
-                    {
-                      onClick: (e) => {
-                        e.preventDefault();
-                        if (props.onRouteToTOS) {
-                          props.onRouteToTOS();
-                        }
-                      },
-                      className: "clickable-link"
-                    },
-                    (texts == null ? void 0 : texts.termsText) || "Terms of Service"
-                  )))
-                }
-              );
-            }
-          }
-        ), showNewsletterOption && /* @__PURE__ */ import_react17.default.createElement(
-          import_react_hook_form2.Controller,
-          {
-            control,
-            name: "newsletter_accepted",
-            render: ({ field }) => /* @__PURE__ */ import_react17.default.createElement(
-              Checkbox,
-              {
-                id: "newsletter_accepted",
-                label: (texts == null ? void 0 : texts.subscribeToNewsletter) || "Subscribe to our newsletter",
-                onCheckedChange: field.onChange
-              }
-            )
-          }
-        )) : null,
-        /* @__PURE__ */ import_react17.default.createElement(
-          Button,
-          {
-            className: "hawa-w-full",
-            type: "submit",
-            isLoading: props.isLoading,
-            disabled: props.isLoading
-          },
-          (texts == null ? void 0 : texts.registerText) || "Register"
-        ),
-        props.additionalButtons
-      )), props.onRouteToLogin && /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ import_react17.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react17.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))),
-      props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react17.default.createElement(
-        CardFooter,
+        handler(_event);
+      }
+    });
+  };
+}
+
+// hooks/useWindowEvent.ts
+var import_react34 = require("react");
+function useWindowEvent(type, listener, options) {
+  (0, import_react34.useEffect)(() => {
+    window.addEventListener(type, listener, options);
+    return () => window.removeEventListener(type, listener, options);
+  }, [type, listener]);
+}
+
+// hooks/useViewportSize.ts
+var import_react35 = require("react");
+var eventListerOptions = {
+  passive: true
+};
+function useViewportSize() {
+  const [windowSize, setWindowSize] = (0, import_react35.useState)({
+    width: 0,
+    height: 0
+  });
+  const setSize = (0, import_react35.useCallback)(() => {
+    setWindowSize({
+      width: window.innerWidth || 0,
+      height: window.innerHeight || 0
+    });
+  }, []);
+  useWindowEvent("resize", setSize, eventListerOptions);
+  useWindowEvent("orientationchange", setSize, eventListerOptions);
+  (0, import_react35.useEffect)(setSize, []);
+  return windowSize;
+}
+
+// elements/tabs/Tabs.tsx
+var Popover = __toESM(require("@radix-ui/react-popover"));
+var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
+var import_tailwind_variants = require("tailwind-variants");
+
+// elements/chip/Chip.tsx
+var import_react36 = __toESM(require("react"));
+var Chip = import_react36.default.forwardRef(
+  ({
+    label,
+    size = "normal",
+    icon,
+    color,
+    radius = "inherit",
+    dot,
+    dotStatus = "none",
+    ...rest
+  }, ref) => {
+    let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
+    let radiusStyles = {
+      inherit: " hawa-rounded",
+      full: "hawa-rounded-full",
+      none: "hawa-rounded-none"
+    };
+    let sizeStyles = {
+      small: "hawa-h-[15px] hawa-leading-4 hawa-px-0 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
+      normal: "hawa-h-fit hawa-text-xs",
+      large: "hawa-text-base"
+    };
+    let dotStyles = {
+      small: "hawa-flex hawa-h-1 hawa-w-1 hawa-rounded-full",
+      normal: "hawa-flex hawa-h-2 hawa-w-2 hawa-rounded-full",
+      large: "hawa-flex hawa-h-3 hawa-w-3 hawa-rounded-full"
+    };
+    let dotStatusStyles = {
+      none: "hawa-bg-gray-500 dark:hawa-bg-gray-800",
+      available: "hawa-bg-green-500",
+      unavailable: "hawa-bg-red-500"
+    };
+    let colorStyles = {
+      green: "hawa-bg-green-200 hawa-text-green-700 dark:hawa-bg-green-700 dark:hawa-text-green-200",
+      blue: "hawa-bg-blue-200 hawa-text-blue-700 dark:hawa-bg-blue-700 dark:hawa-text-blue-100",
+      red: "hawa-bg-red-200 hawa-text-red-700 dark:hawa-bg-red-700 dark:hawa-text-red-100",
+      yellow: "hawa-bg-yellow-200 hawa-text-yellow-700 dark:hawa-bg-yellow-600 dark:hawa-text-black",
+      orange: "hawa-bg-orange-200 hawa-text-orange-700 dark:hawa-bg-orange-700 dark:hawa-text-orange-100",
+      purple: "hawa-bg-purple-200 hawa-text-purple-700 dark:hawa-bg-purple-700 dark:hawa-text-purple-100",
+      cyan: "hawa-bg-cyan-200 hawa-text-cyan-700 dark:hawa-bg-cyan-700 dark:hawa-text-cyan-100",
+      hyper: "hawa-text-white dark:hawa-text-black hawa-bg-gradient-to-tl hawa-from-pink-500 hawa-via-red-500 hawa-to-yellow-500 ",
+      oceanic: "hawa-text-white dark:hawa-text-black hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
+    };
+    if (label) {
+      return /* @__PURE__ */ import_react36.default.createElement(
+        "span",
         {
-          noPadding: props.cardless,
+          ...rest,
+          ref,
           className: cn(
-            props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
+            defaultStyles,
+            sizeStyles[size],
+            radiusStyles[radius],
+            color ? colorStyles[color] : "hawa-border hawa-bg-none",
+            rest.className
           )
         },
-        /* @__PURE__ */ import_react17.default.createElement(
-          AuthButtons,
+        dot && /* @__PURE__ */ import_react36.default.createElement(
+          "span",
           {
-            texts: thirdPartyAuthTexts,
-            viaGoogle: props.viaGoogle,
-            viaGithub: props.viaGithub,
-            viaTwitter: props.viaTwitter,
-            isGoogleLoading: props.isGoogleLoading,
-            isGithubLoading: props.isGithubLoading,
-            isTwitterLoading: props.isTwitterLoading,
-            handleGoogle: props.onGoogleRegister,
-            handleGithub: props.onGithubRegister,
-            handleTwitter: props.onTwitterRegister
+            className: cn(dotStyles[size], dotStatusStyles[dotStatus])
           }
-        )
-      ) : null
-    )
-  );
-};
+        ),
+        icon && icon,
+        label
+      );
+    } else {
+      return /* @__PURE__ */ import_react36.default.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            "hawa-h-2 hawa-w-2 hawa-rounded-full",
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        }
+      );
+    }
+  }
+);
 
-// blocks/auth/AppLanding.tsx
-var import_react18 = __toESM(require("react"));
-var AppLanding = ({ texts, ...props }) => {
-  const thirdPartyAuthTexts = {
-    continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
-    continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
-    continueWithApple: texts == null ? void 0 : texts.continueWithApple,
-    continueWithMicrosoft: texts == null ? void 0 : texts.continueWithMicrosoft,
-    continueWithGithub: texts == null ? void 0 : texts.continueWithGithub,
-    continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
-    continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
+// elements/scrollArea/ScrollArea.tsx
+var React29 = __toESM(require("react"));
+var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
+var ScrollArea = React29.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => {
+  const scrollAreaRef = React29.useRef(null);
+  const isDragging = React29.useRef(false);
+  const startPos = React29.useRef({ x: 0, y: 0 });
+  const scrollPos = React29.useRef({ top: 0, left: 0 });
+  const [showLeftFade, setShowLeftFade] = React29.useState(false);
+  const [showRightFade, setShowRightFade] = React29.useState(false);
+  const checkOverflow = () => {
+    if (scrollAreaRef.current) {
+      const { scrollLeft, scrollWidth, clientWidth } = scrollAreaRef.current;
+      setShowLeftFade(scrollLeft > 0);
+      setShowRightFade(scrollLeft + clientWidth < scrollWidth);
+    }
   };
-  return /* @__PURE__ */ import_react18.default.createElement("div", { dir: props.direction }, /* @__PURE__ */ import_react18.default.createElement(Card, null, /* @__PURE__ */ import_react18.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ import_react18.default.createElement(
-    AuthButtons,
-    {
-      texts: thirdPartyAuthTexts,
-      viaApple: props.viaApple,
-      viaGoogle: props.viaGoogle,
-      viaEmail: props.viaEmail,
-      viaGithub: props.viaGithub,
-      viaMicrosoft: props.viaMicrosoft,
-      viaPhone: props.viaPhone,
-      viaTwitter: props.viaTwitter,
-      handleApple: props.handleApple,
-      handleGoogle: props.handleGoogle,
-      handleTwitter: props.handleTwitter,
-      handleMicrosoft: props.handleMicrosoft,
-      handleGithub: props.handleGithub,
-      handleEmail: props.handleEmail,
-      handlePhone: props.handlePhone
+  const onMouseDown = (e) => {
+    isDragging.current = true;
+    startPos.current = { x: e.clientX, y: e.clientY };
+    if (scrollAreaRef.current) {
+      scrollPos.current = {
+        top: scrollAreaRef.current.scrollTop,
+        left: scrollAreaRef.current.scrollLeft
+      };
     }
-  ), props.allowRegister && /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, texts == null ? void 0 : texts.newUserText, " ", /* @__PURE__ */ import_react18.default.createElement(
-    "span",
-    {
-      onClick: props.handleRouteToRegister,
-      className: "clickable-link"
-    },
-    texts == null ? void 0 : texts.createAccount
-  )))));
-};
-
-// blocks/auth/CheckEmail.tsx
-var import_react19 = __toESM(require("react"));
-var CheckEmail = ({ texts, handleResend }) => {
-  return /* @__PURE__ */ import_react19.default.createElement(Card, null, /* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-flex hawa-h-16 hawa-w-16 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ import_react19.default.createElement(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "none",
-      strokeWidth: "2",
-      viewBox: "0 0 24 24",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      height: "0.5em",
-      width: "0.5em",
-      xmlns: "http://www.w3.org/2000/svg"
-    },
-    /* @__PURE__ */ import_react19.default.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
-    /* @__PURE__ */ import_react19.default.createElement("polyline", { points: "22,6 12,13 2,6" })
-  )), /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-text-sm" }, (texts == null ? void 0 : texts.pleaseVerify) || "Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))), /* @__PURE__ */ import_react19.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react19.default.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
-};
-
-// blocks/auth/NewPassword.tsx
-var import_react20 = __toESM(require("react"));
-var import_react_hook_form3 = require("react-hook-form");
-var import_zod3 = require("@hookform/resolvers/zod");
-var z3 = __toESM(require("zod"));
-var NewPasswordForm = ({
-  texts,
-  isLoading,
-  ...props
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const formSchema = z3.object({
-    password: z3.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.required }).min(8, { message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.tooShort }),
-    confirm_password: z3.string({ required_error: (_d = texts == null ? void 0 : texts.confirm) == null ? void 0 : _d.required }).refine((value) => value !== "", {
-      message: (_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required
-    })
-  }).refine((data) => data.password === data.confirm_password, {
-    message: (_f = texts == null ? void 0 : texts.confirm) == null ? void 0 : _f.dontMatch,
-    path: ["confirm_password"]
-  });
-  const { handleSubmit, control, formState } = (0, import_react_hook_form3.useForm)({
-    resolver: (0, import_zod3.zodResolver)(formSchema)
-  });
-  return /* @__PURE__ */ import_react20.default.createElement(Card, { dir: props.direction }, props.showSuccess ? /* @__PURE__ */ import_react20.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react20.default.createElement(
-    "form",
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", onMouseUp);
+  };
+  const onMouseMove = (e) => {
+    if (!isDragging.current || !scrollAreaRef.current) return;
+    const dx = e.clientX - startPos.current.x;
+    const dy = e.clientY - startPos.current.y;
+    if (orientation === "vertical") {
+      scrollAreaRef.current.scrollTop = scrollPos.current.top - dy;
+    } else {
+      scrollAreaRef.current.scrollLeft = scrollPos.current.left - dx;
+      checkOverflow();
+    }
+  };
+  const onMouseUp = () => {
+    isDragging.current = false;
+    document.removeEventListener("mousemove", onMouseMove);
+    document.removeEventListener("mouseup", onMouseUp);
+  };
+  React29.useEffect(() => {
+    checkOverflow();
+    if (scrollAreaRef.current) {
+      scrollAreaRef.current.addEventListener("scroll", checkOverflow);
+      window.addEventListener("resize", checkOverflow);
+    }
+    return () => {
+      if (scrollAreaRef.current) {
+        scrollAreaRef.current.removeEventListener("scroll", checkOverflow);
+      }
+      window.removeEventListener("resize", checkOverflow);
+    };
+  }, []);
+  return /* @__PURE__ */ React29.createElement(
+    ScrollAreaPrimitive.Root,
     {
-      noValidate: true,
-      onSubmit: handleSubmit((e) => {
-        if (props.handleNewPassword) {
-          return props.handleNewPassword(e);
-        } else {
-          console.log(
-            "Form is submitted but handleSubmission prop is missing"
-          );
-        }
-      })
+      ref,
+      className: cn("hawa-relative hawa-overflow-hidden", className),
+      ...props
     },
-    /* @__PURE__ */ import_react20.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ import_react20.default.createElement(
-      Alert,
-      {
-        direction: props.direction,
-        title: props.errorTitle,
-        text: props.errorText,
-        severity: "error"
-      }
-    ), /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-mb-4" }, /* @__PURE__ */ import_react20.default.createElement(
-      import_react_hook_form3.Controller,
+    /* @__PURE__ */ React29.createElement(
+      "div",
       {
-        control,
-        name: "password",
-        render: ({ field }) => {
-          var _a2, _b2, _c2;
-          return /* @__PURE__ */ import_react20.default.createElement(
-            Input,
-            {
-              width: "full",
-              type: "password",
-              autoComplete: "new-password",
-              label: (_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label,
-              placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
-              helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
-              ...field
-            }
-          );
-        }
+        className: cn(
+          "hawa-pointer-events-none hawa-absolute hawa-bg-background hawa-h-full hawa-w-[50px] hawa-z-10 hawa-start-0 hawa-mask-fade-right",
+          showLeftFade ? "hawa-block" : "hawa-hidden"
+        )
       }
-    ), /* @__PURE__ */ import_react20.default.createElement(
-      import_react_hook_form3.Controller,
+    ),
+    /* @__PURE__ */ React29.createElement(
+      "div",
       {
-        control,
-        name: "confirm_password",
-        render: ({ field }) => {
-          var _a2, _b2, _c2;
-          return /* @__PURE__ */ import_react20.default.createElement(
-            Input,
-            {
-              width: "full",
-              type: "password",
-              autoComplete: "new-password",
-              label: (_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label,
-              placeholder: (_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder,
-              helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
-              ...field
-            }
-          );
-        }
+        className: cn(
+          "hawa-pointer-events-none hawa-absolute hawa-bg-background hawa-mask-fade-left hawa-end-0 hawa-h-full hawa-w-[50px] hawa-z-10",
+          showRightFade ? "hawa-block" : "hawa-hidden"
+        )
       }
-    )), /* @__PURE__ */ import_react20.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ import_react20.default.createElement(
-      "span",
+    ),
+    /* @__PURE__ */ React29.createElement(
+      ScrollAreaPrimitive.Viewport,
       {
-        className: "clickable-link",
-        onClick: props.handleRouteToRegister
+        ref: scrollAreaRef,
+        className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]",
+        onMouseDown
       },
-      (_h = texts == null ? void 0 : texts.registerText) != null ? _h : "Register"
-    )))
-  ));
-};
+      children
+    ),
+    /* @__PURE__ */ React29.createElement(ScrollBar, { orientation }),
+    /* @__PURE__ */ React29.createElement(ScrollAreaPrimitive.Corner, null)
+  );
+});
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React29.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React29.createElement(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "hawa-flex hawa-touch-none hawa-select-none hawa-transition-colors",
+      orientation === "vertical" && "hawa-h-full hawa-w-2.5 hawa-border-l hawa-border-l-transparent hawa-p-[1px]",
+      orientation === "horizontal" && "hawa-h-2.5 hawa-border-t hawa-border-t-transparent hawa-p-[1px]",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React29.createElement(
+    ScrollAreaPrimitive.ScrollAreaThumb,
+    {
+      className: cn(
+        "hawa-relative hawa-rounded-full hawa-bg-border",
+        orientation === "vertical" && "hawa-flex-1"
+      )
+    }
+  )
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
-// blocks/auth/ResetPassword.tsx
-var import_react21 = __toESM(require("react"));
-var import_react_hook_form4 = require("react-hook-form");
-var import_zod4 = require("@hookform/resolvers/zod");
-var z4 = __toESM(require("zod"));
-var ResetPasswordForm = ({
-  allowRegister = true,
-  isLoading,
-  ...props
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const formSchema = z4.object({
-    email: z4.string({
-      required_error: ((_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required) || "Email is required"
-    }).email({ message: ((_d = (_c = props.texts) == null ? void 0 : _c.email) == null ? void 0 : _d.invalid) || "Invalid email" }).min(1, { message: ((_f = (_e = props.texts) == null ? void 0 : _e.email) == null ? void 0 : _f.required) || "Email is required" })
-  });
-  const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
-    resolver: (0, import_zod4.zodResolver)(formSchema)
-  });
-  return /* @__PURE__ */ import_react21.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react21.default.createElement(CardHeader, null, /* @__PURE__ */ import_react21.default.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react21.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react21.default.createElement(
-    "form",
+// elements/tabs/Tabs.tsx
+var tabsListVariant = (0, import_tailwind_variants.tv)({
+  base: "",
+  variants: {
+    variant: {
+      default: "hawa-flex hawa-w-fit hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground  dark:hawa-border-primary/10",
+      underlined: "hawa-flex hawa-w-fit hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded  hawa-p-1 hawa-text-muted-foreground  dark:hawa-border-primary/10",
+      underlined_tabs: "hawa-flex hawa-w-fit hawa-items-center hawa-justify-start hawa-gap-1 hawa-text-muted-foreground"
+    },
+    orientation: { horizontal: "", vertical: "" }
+  },
+  compoundVariants: [
     {
-      noValidate: true,
-      onSubmit: handleSubmit((e) => {
-        if (props.handleResetPassword) {
-          return props.handleResetPassword(e);
-        } else {
-          console.log("handleResetPassword prop is missing");
-        }
-      })
+      variant: "underlined_tabs",
+      orientation: "vertical",
+      class: "hawa-border-e-2 hawa-border-e-primary"
     },
-    /* @__PURE__ */ import_react21.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ import_react21.default.createElement(
-      Alert,
-      {
-        direction: props.direction,
-        title: props.errorTitle,
-        text: props.errorText,
-        severity: "error"
-      }
-    ), /* @__PURE__ */ import_react21.default.createElement(
-      import_react_hook_form4.Controller,
-      {
-        control,
-        name: "email",
-        render: ({ field }) => {
-          var _a2, _b2, _c2, _d2, _e2;
-          return /* @__PURE__ */ import_react21.default.createElement(
-            Input,
-            {
-              width: "full",
-              label: ((_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label) || "Email",
-              helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
-              placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
-              ...field,
-              onChange: (e) => {
-                field.onChange(e.target.value.toLowerCase().trim());
-              }
-            }
-          );
-        }
-      }
-    )),
-    /* @__PURE__ */ import_react21.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react21.default.createElement(
-      Button,
-      {
-        type: "submit",
-        className: "hawa-w-full",
-        isLoading
-      },
-      ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
-    ), allowRegister && /* @__PURE__ */ import_react21.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react21.default.createElement(
-      "span",
+    {
+      variant: "underlined_tabs",
+      orientation: "horizontal",
+      class: "hawa-border-b-2 hawa-border-b-primary"
+    }
+  ],
+  defaultVariants: { variant: "default", orientation: "horizontal" }
+});
+var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
+  base: "",
+  variants: {
+    variant: {
+      default: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm  dark:hawa-border-primary/10",
+      underlined: "hawa-inline-flex  hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-rounded-none hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
+      underlined_tabs: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded   hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 hawa-bg-primary/10 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground  dark:hawa-border-primary/10"
+    },
+    orientation: { horizontal: "", vertical: "" }
+  },
+  compoundVariants: [
+    {
+      variant: "underlined",
+      orientation: "horizontal",
+      class: "data-[state=active]:hawa-border-b-primary hawa-border-b hawa-border-b-2"
+    },
+    {
+      variant: "underlined",
+      orientation: "vertical",
+      class: "data-[state=active]:hawa-border-e-primary hawa-border-e hawa-border-e-2"
+    },
+    {
+      variant: "underlined_tabs",
+      orientation: "horizontal",
+      class: "hawa-rounded-b-none"
+    },
+    {
+      variant: "underlined_tabs",
+      orientation: "vertical",
+      class: "hawa-rounded-e-none"
+    }
+  ],
+  defaultVariants: { variant: "default", orientation: "horizontal" }
+});
+var TabsContext = React30.createContext({ orientation: "horizontal", variant: "default", scrollable: false });
+var Tabs = React30.forwardRef(
+  ({ className, orientation, scrollable, variant = "default", ...props }, ref) => /* @__PURE__ */ React30.createElement(
+    TabsPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "hawa-flex hawa-gap-2",
+        orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React30.createElement(TabsContext.Provider, { value: { orientation, variant, scrollable } }, props.children)
+  )
+);
+var TabsList = React30.forwardRef(({ className, classNames, ...props }, ref) => {
+  const { orientation, variant, scrollable } = React30.useContext(TabsContext);
+  const { width } = useViewportSize();
+  if (scrollable && width < 768 && orientation === "horizontal") {
+    return /* @__PURE__ */ React30.createElement(ScrollArea, { orientation: "horizontal", className: classNames == null ? void 0 : classNames.scrollArea }, /* @__PURE__ */ React30.createElement(
+      TabsPrimitive.List,
       {
-        className: "clickable-link",
-        onClick: props.handleRouteToRegister
-      },
-      (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
-    )))
-  )) : /* @__PURE__ */ import_react21.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
-};
-
-// blocks/auth/CodeConfirmation.tsx
-var import_react24 = __toESM(require("react"));
-var import_react_hook_form5 = require("react-hook-form");
-var import_zod5 = require("@hookform/resolvers/zod");
-var z5 = __toESM(require("zod"));
-
-// elements/pinInput/PinInput.tsx
-var React25 = __toESM(require("react"));
-var import_input_otp = require("input-otp");
-
-// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
-var import_react23 = require("react");
-
-// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
-var toKebabCase = (string9) => string9.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-var mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && array.indexOf(className) === index;
-}).join(" ");
-
-// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
-var import_react22 = require("react");
-
-// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-
-// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
-var Icon = (0, import_react22.forwardRef)(
-  ({
-    color = "currentColor",
-    size = 24,
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    className = "",
-    children,
-    iconNode,
-    ...rest
-  }, ref) => {
-    return (0, import_react22.createElement)(
-      "svg",
+        ref,
+        className: cn(
+          tabsListVariant({ variant, orientation }),
+          "hawa-flex-row hawa-flex-nowrap",
+          className
+        ),
+        ...props
+      }
+    ));
+  } else {
+    return /* @__PURE__ */ React30.createElement(
+      TabsPrimitive.List,
       {
         ref,
-        ...defaultAttributes,
-        width: size,
-        height: size,
-        stroke: color,
-        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-        className: mergeClasses("lucide", className),
-        ...rest
-      },
-      [
-        ...iconNode.map(([tag, attrs]) => (0, import_react22.createElement)(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
+        className: cn(
+          tabsListVariant({ variant, orientation }),
+          orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
+          "hawa-flex-wrap",
+          className
+        ),
+        ...props
+      }
     );
   }
+});
+var TabsTrigger = React30.forwardRef(
+  ({ className, chipProps, withPopover = false, onPopoverClick, ...props }, ref) => {
+    const { orientation, variant } = React30.useContext(TabsContext);
+    if (withPopover) {
+      return /* @__PURE__ */ React30.createElement(Popover.Root, { open: props.showPopover }, /* @__PURE__ */ React30.createElement(Popover.Anchor, { asChild: true }, /* @__PURE__ */ React30.createElement(
+        TabsPrimitive.Trigger,
+        {
+          className: cn(
+            tabsTriggerVariant({ variant, orientation }),
+            "hawa-relative",
+            className
+          ),
+          ...props
+        },
+        props.children,
+        chipProps && /* @__PURE__ */ React30.createElement(Chip, { ...chipProps })
+      )), /* @__PURE__ */ React30.createElement(
+        Popover.Content,
+        {
+          onClick: onPopoverClick,
+          asChild: true,
+          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",
+            "hawa-arrow-default-top hawa-mt-2"
+          )
+        },
+        /* @__PURE__ */ React30.createElement("div", { className: "hawa-p-2" }, " ", props.popoverContent)
+      ));
+    } else {
+      return /* @__PURE__ */ React30.createElement(
+        TabsPrimitive.Trigger,
+        {
+          className: cn(
+            tabsTriggerVariant({ variant, orientation }),
+            "hawa-relative",
+            className
+          ),
+          ...props
+        },
+        props.children,
+        chipProps && /* @__PURE__ */ React30.createElement(Chip, { ...chipProps })
+      );
+    }
+  }
 );
-
-// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
-var createLucideIcon = (iconName, iconNode) => {
-  const Component = (0, import_react23.forwardRef)(
-    ({ className, ...props }, ref) => (0, import_react23.createElement)(Icon, {
-      ref,
-      iconNode,
-      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
-      ...props
-    })
-  );
-  Component.displayName = `${iconName}`;
-  return Component;
-};
-
-// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
-var Dot = createLucideIcon("Dot", [
-  ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
-]);
-
-// elements/pinInput/PinInput.tsx
-var PinInputRoot = React25.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ React25.createElement(
-  import_input_otp.OTPInput,
+var TabsContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React30.createElement(
+  TabsPrimitive.Content,
   {
     ref,
-    containerClassName: cn(
-      "hawa-flex hawa-items-center hawa-gap-2 has-[:disabled]:hawa-opacity-50",
-      containerClassName
+    className: cn(
+      "hawa-ring-offset-hawa-background hawa-w-full focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2",
+      className
     ),
-    className: cn("disabled:hawa-cursor-not-allowed", className),
     ...props
   }
 ));
-PinInputRoot.displayName = "PinInputRoot";
-var PinInputGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
-  "div",
-  {
-    ref,
-    className: cn("hawa-flex hawa-items-center", className),
-    ...props
+Tabs.displayName = TabsPrimitive.Root.displayName;
+TabsList.displayName = TabsPrimitive.List.displayName;
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// blocks/auth/RegisterForm.tsx
+var RegisterForm = ({
+  texts,
+  registerFields = ["email"],
+  minPasswordLength = 8,
+  showTermsOption = false,
+  showNewsletterOption = false,
+  registerTypes,
+  ...props
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const [passwordVisible, setPasswordVisible] = (0, import_react37.useState)(false);
+  const [selectedRegisterType, setSelectedRegisterType] = (0, import_react37.useState)({
+    value: ((_a = registerTypes == null ? void 0 : registerTypes[0]) == null ? void 0 : _a.value) || "password",
+    label: ((_b = registerTypes == null ? void 0 : registerTypes[0]) == null ? void 0 : _b.label) || "Password"
+  });
+  const thirdPartyAuthTexts = {
+    continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
+    continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
+    continueWithApple: texts == null ? void 0 : texts.continueWithApple,
+    continueWithMicrosoft: texts == null ? void 0 : texts.continueWithMicrosoft,
+    continueWithGithub: texts == null ? void 0 : texts.continueWithGithub,
+    continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
+    continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
+  };
+  const methods = (0, import_react_hook_form2.useForm)();
+  let fieldSchemas = {};
+  const hasPhoneType = registerTypes == null ? void 0 : registerTypes.some((type) => type.value === "phone");
+  if (hasPhoneType && selectedRegisterType.value === "phone") {
+    registerFields = ["phone"];
   }
-));
-PinInputGroup.displayName = "PinInputGroup";
-var PinInputSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
-  const pinInputContext = React25.useContext(import_input_otp.OTPInputContext);
-  const { char, hasFakeCaret, isActive } = pinInputContext.slots[index];
-  return /* @__PURE__ */ React25.createElement(
-    "div",
-    {
-      ref,
-      className: cn(
-        "hawa-border-input hawa-relative hawa-flex hawa-h-10 hawa-w-10 hawa-items-center hawa-justify-center hawa-border-y hawa-border-r hawa-text-sm hawa-transition-all first:hawa-rounded-l-md first:hawa-border-l last:hawa-rounded-r-md",
-        isActive && "hawa-ring-ring hawa-ring-offset-background hawa-z-10 hawa-ring-2",
-        className
-      ),
-      ...props
-    },
-    char,
-    hasFakeCaret && /* @__PURE__ */ React25.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-inset-0 hawa-flex hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React25.createElement("div", { className: "hawa-animate-caret-blink hawa-bg-foreground hawa-h-4 hawa-w-px hawa-duration-1000" }))
-  );
-});
-PinInputSlot.displayName = "PinInputSlot";
-var PinInputSeperator = React25.forwardRef(({ ...props }, ref) => /* @__PURE__ */ React25.createElement("div", { ref, role: "separator", ...props }, /* @__PURE__ */ React25.createElement(Dot, null)));
-PinInputSeperator.displayName = "PinInputSeperator";
-var PinInput = ({
-  separatorPosition = 0,
-  ...props
-}) => {
-  const maxLength = props.maxLength || 6;
-  const clampedSeparatorPosition = Math.min(separatorPosition, maxLength);
-  const firstGroupLength = clampedSeparatorPosition > 0 ? clampedSeparatorPosition : 0;
-  const secondGroupLength = maxLength - firstGroupLength;
-  return /* @__PURE__ */ React25.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React25.createElement(PinInputRoot, { ...props }, firstGroupLength > 0 && /* @__PURE__ */ React25.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(firstGroupLength)].map((_, index) => /* @__PURE__ */ React25.createElement(
-    PinInputSlot,
-    {
-      key: index,
-      index,
-      className: "hawa-w-full hawa-border"
-    }
-  ))), separatorPosition > 0 && separatorPosition < props.maxLength && /* @__PURE__ */ React25.createElement(PinInputSeperator, null), secondGroupLength > 0 && /* @__PURE__ */ React25.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(secondGroupLength)].map((_, index) => /* @__PURE__ */ React25.createElement(
-    PinInputSlot,
-    {
-      key: index + firstGroupLength,
-      index: index + firstGroupLength,
-      className: "hawa-w-full hawa-border"
+  registerFields.forEach((field) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
+    switch (field) {
+      case "fullname":
+        fieldSchemas["fullName"] = z2.string().optional();
+        break;
+      case "email":
+        fieldSchemas["email"] = z2.string({
+          required_error: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.required) || "Email is required"
+        }).email({ message: ((_b2 = texts == null ? void 0 : texts.email) == null ? void 0 : _b2.invalid) || "Invalid email" }).min(1, { message: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.required) || "Email is required" });
+        break;
+      case "username":
+        fieldSchemas["username"] = z2.string({
+          required_error: ((_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.required) || "Username is required"
+        }).min(1, {
+          message: ((_e2 = texts == null ? void 0 : texts.username) == null ? void 0 : _e2.required) || "Username is required"
+        }).max(14, {
+          message: ((_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.tooLong) || "Username is too long"
+        }).refine(
+          (value) => {
+            const isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
+            return isValid;
+          },
+          { message: ((_g2 = texts == null ? void 0 : texts.username) == null ? void 0 : _g2.invalid) || "Invalid username" }
+        );
+        break;
+      case "phone":
+        fieldSchemas["phone"] = z2.string({
+          required_error: ((_h2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _h2.required) || "Phone Number Required"
+        }).refine(
+          (value) => {
+            let isPhoneValid = (0, import_libphonenumber_js2.isPossiblePhoneNumber)(value) && (0, import_libphonenumber_js2.isValidPhoneNumber)(value) && (0, import_libphonenumber_js2.validatePhoneNumberLength)(value) === void 0;
+            return isPhoneValid;
+          },
+          { message: ((_i2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _i2.invalid) || "Phone Number Invalid" }
+        );
+        break;
     }
-  )))), /* @__PURE__ */ React25.createElement(HelperText, { helperText: props.helperText }));
-};
-
-// blocks/auth/CodeConfirmation.tsx
-var CodeConfirmation = ({
-  codeLength = 6,
-  ...props
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const formSchema = z5.object({
-    otp_code: z5.string({ required_error: (_a = props.texts) == null ? void 0 : _a.codeRequiredText }).min(codeLength, { message: (_b = props.texts) == null ? void 0 : _b.codeTooShort })
   });
-  const { handleSubmit, control, formState, setValue } = (0, import_react_hook_form5.useForm)({
-    resolver: (0, import_zod5.zodResolver)(formSchema)
+  let formSchema;
+  if (selectedRegisterType.value === "phone") {
+    formSchema = z2.object({
+      phone: z2.string({
+        required_error: ((_c = texts == null ? void 0 : texts.phone) == null ? void 0 : _c.required) || "Phone Number Required"
+      }).refine(
+        (value) => {
+          let isPhoneValid = (0, import_libphonenumber_js2.isPossiblePhoneNumber)(value) && (0, import_libphonenumber_js2.isValidPhoneNumber)(value) && (0, import_libphonenumber_js2.validatePhoneNumberLength)(value) === void 0;
+          return isPhoneValid;
+        },
+        { message: ((_d = texts == null ? void 0 : texts.phone) == null ? void 0 : _d.invalid) || "Phone Number Invalid" }
+      ),
+      refCode: z2.string().optional(),
+      reference: z2.string().optional(),
+      terms_accepted: z2.boolean({ required_error: (texts == null ? void 0 : texts.termsRequired) || "Terms required" }).refine((value) => value, {
+        message: (texts == null ? void 0 : texts.termsRequired) || "Terms required"
+      }),
+      newsletter_accepted: z2.boolean().optional()
+    });
+  } else {
+    formSchema = z2.object({
+      ...fieldSchemas,
+      password: z2.string({
+        required_error: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required) || "Password is required"
+      }).min(minPasswordLength, {
+        message: ((_f = texts == null ? void 0 : texts.password) == null ? void 0 : _f.tooShort) || "Password is too short"
+      }).refine((value) => value !== "", {
+        message: ((_g = texts == null ? void 0 : texts.password) == null ? void 0 : _g.required) || "Password is required"
+      }),
+      confirm_password: z2.string({
+        required_error: ((_h = texts == null ? void 0 : texts.confirm) == null ? void 0 : _h.required) || "Confirm password required"
+      }).min(minPasswordLength, {
+        message: ((_i = texts == null ? void 0 : texts.password) == null ? void 0 : _i.tooShort) || "Password is too short"
+      }).refine((value) => value !== "", {
+        message: ((_j = texts == null ? void 0 : texts.password) == null ? void 0 : _j.required) || "Confirm password is required"
+      }),
+      refCode: z2.string().optional(),
+      reference: z2.string().optional(),
+      terms_accepted: z2.boolean({ required_error: (texts == null ? void 0 : texts.termsRequired) || "Terms required" }).refine((value) => value, {
+        message: (texts == null ? void 0 : texts.termsRequired) || "Terms required"
+      }),
+      newsletter_accepted: z2.boolean().optional()
+    }).refine((data) => data.password === data.confirm_password, {
+      message: ((_k = texts == null ? void 0 : texts.confirm) == null ? void 0 : _k.dontMatch) || "Passwords don't match",
+      path: ["confirm_password"]
+    });
+  }
+  const { handleSubmit, control, formState } = (0, import_react_hook_form2.useForm)({
+    resolver: (0, import_zod2.zodResolver)(formSchema)
   });
-  const [resendTimer, setResendTimer] = (0, import_react24.useState)(null);
-  const [remainingTime, setRemainingTime] = (0, import_react24.useState)(0);
-  const [showResendTimer, setShowResendTimer] = (0, import_react24.useState)(false);
-  const startResendTimer = () => {
-    if (resendTimer !== null) {
-      clearInterval(resendTimer);
-      setResendTimer(null);
-    }
-    const timerDuration = 60;
-    setRemainingTime(timerDuration);
-    setShowResendTimer(true);
-    const newTimer = window.setInterval(() => {
-      setRemainingTime((prevTime) => {
-        if (prevTime > 0) {
-          return prevTime - 1;
-        } else {
-          clearInterval(newTimer);
-          setShowResendTimer(false);
-          return 0;
-        }
-      });
-    }, 1e3);
-    setResendTimer(newTimer);
-  };
-  (0, import_react24.useEffect)(() => {
-    return () => {
-      if (resendTimer !== null) {
-        clearInterval(resendTimer);
-      }
-    };
-  }, []);
-  return /* @__PURE__ */ import_react24.default.createElement(Card, null, /* @__PURE__ */ import_react24.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react24.default.createElement(
-    Alert,
-    {
-      title: props.errorTitle,
-      text: props.errorText,
-      severity: "error"
-    }
-  ), /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourPhone) || "Please check your phone"), /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ import_react24.default.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ import_react24.default.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ import_react24.default.createElement(
-    "form",
+  return /* @__PURE__ */ import_react37.default.createElement("div", { className: cn("hawa-flex hawa-flex-col", (_l = props.classNames) == null ? void 0 : _l.root) }, /* @__PURE__ */ import_react37.default.createElement(
+    Card,
     {
-      noValidate: true,
-      onSubmit: handleSubmit((e) => {
-        if (props.onConfirm) {
-          return props.onConfirm(e);
-        } else {
-          console.log("Form is submitted but onConfirm prop is missing");
-        }
-      })
+      dir: props.direction,
+      className: cn(
+        (_m = props.classNames) == null ? void 0 : _m.card,
+        props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
+      )
     },
-    /* @__PURE__ */ import_react24.default.createElement(
-      import_react_hook_form5.Controller,
-      {
-        control,
-        name: "otp_code",
-        render: ({ field }) => {
-          var _a2;
-          return /* @__PURE__ */ import_react24.default.createElement(
-            PinInput,
-            {
-              maxLength: codeLength,
-              helperText: (_a2 = formState.errors.otp_code) == null ? void 0 : _a2.message,
-              ...field
-            }
-          );
-        }
-      }
-    ),
-    showResendTimer ? /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ import_react24.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react24.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react24.default.createElement(
-      "span",
+    /* @__PURE__ */ import_react37.default.createElement(
+      CardContent,
       {
-        className: "clickable-link",
-        onClick: () => {
-          startResendTimer();
-          props.onResend();
-        }
+        headless: registerTypes ? registerTypes.length <= 1 : true,
+        noPadding: props.cardless
       },
-      ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
-    )),
-    /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react24.default.createElement(
-      Button,
-      {
-        type: "button",
-        onClick: () => {
-          if (props.onCancel) {
-            return props.onCancel();
-          } else {
-            console.log(
-              "Cancel button clicked but onCancel prop is missing"
-            );
+      /* @__PURE__ */ import_react37.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react37.default.createElement(
+        Alert,
+        {
+          direction: props.direction,
+          title: props.errorTitle,
+          text: props.errorText,
+          severity: "error",
+          onAlertClosed: () => {
+            if (props.onErrorDismissed) {
+              props.onErrorDismissed();
+            }
           }
+        }
+      ), /* @__PURE__ */ import_react37.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react37.default.createElement(
+        "form",
+        {
+          noValidate: true,
+          onSubmit: handleSubmit((e) => {
+            if (props.onRegister) {
+              return props.onRegister(e);
+            } else {
+              console.log("Form is submitted but onRegister prop is missing");
+            }
+          }),
+          className: "hawa-flex hawa-flex-col hawa-gap-4"
         },
-        variant: "outline"
-      },
-      ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"
-    ), /* @__PURE__ */ import_react24.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
-  )));
-};
-
-// blocks/feedback/UserReferralSource.tsx
-var import_react26 = __toESM(require("react"));
-var import_react_hook_form6 = require("react-hook-form");
-var import_zod6 = require("@hookform/resolvers/zod");
-var z6 = __toESM(require("zod"));
-
-// elements/radio/Radio.tsx
-var import_react25 = __toESM(require("react"));
-var import_react_tabs = require("@radix-ui/react-tabs");
-
-// elements/popover/Popover.tsx
-var React27 = __toESM(require("react"));
-var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var PopoverContent = React27.forwardRef(
-  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React27.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React27.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,
-  children,
-  className,
-  align = "center",
-  side,
-  sideOffset = 4,
-  open,
-  width = "default",
-  disableTrigger,
-  contentProps,
-  triggerProps,
-  ...props
-}) => {
-  let widthStyles = {
-    trigger: "var(--radix-popover-trigger-width)",
-    default: "auto"
-  };
-  return /* @__PURE__ */ React27.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React27.createElement(
-    PopoverPrimitive.Trigger,
-    {
-      className: "hawa-w-full",
-      disabled: disableTrigger,
-      ...triggerProps
-    },
-    trigger
-  ), /* @__PURE__ */ React27.createElement(
-    PopoverContent,
-    {
-      side,
-      className,
-      align,
-      sideOffset,
-      style: {
-        width: widthStyles[width],
-        maxWidth: "var(--radix-popover-content-available-width)",
-        maxHeight: "var(--radix-popover-content-available-height)"
-      },
-      ...contentProps
-    },
-    children
-  ));
-};
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverRoot = PopoverPrimitive.Root;
-
-// elements/radio/Radio.tsx
-var Radio = (0, import_react25.forwardRef)(
-  ({
-    design = "default",
-    width = "default",
-    size = "default",
-    orientation = "horizontal",
-    name,
-    labelProps,
-    tabsContainerClassName,
-    forceHideHelperText = false,
-    onChange,
-    containerClassNames,
-    ...props
-  }, ref) => {
-    var _a, _b, _c;
-    let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary";
-    let inactiveTabStyle = `hawa-inline-block hawa-w-full hawa-transition-all  hawa-bg-primary-foreground dark:hover:hawa-text-white
-    ${props.disabled ? "" : "hover:hawa-bg-muted"}`;
-    let orientationStyle = {
-      horizontal: "hawa-flex hawa-flex-row",
-      vertical: "hawa-flex hawa-flex-col"
-    };
-    let tabSizeStyle = {
-      default: "hawa-py-2 hawa-px-4 hawa-text-sm",
-      lg: "hawa-py-2 hawa-px-4",
-      sm: "hawa-p-1.5 hawa-text-xs",
-      xs: "hawa-p-1 hawa-text-[10px]"
-    };
-    let widthStyle = {
-      none: "",
-      default: "hawa-max-w-fit",
-      full: "hawa-w-full"
-    };
-    const [parentDirection, setParentDirection] = import_react25.default.useState(
-      null
-    );
-    const [selectedOption, setSelectedOption] = (0, import_react25.useState)(
-      props.defaultValue || props.value
-    );
-    const [openTooltip, setOpenTooltip] = (0, import_react25.useState)(null);
-    const parentRef = (0, import_react25.useRef)(null);
-    (0, import_react25.useEffect)(() => {
-      var _a2;
-      const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
-      if (parentNode) {
-        const dir = window.getComputedStyle(parentNode).direction;
-        setParentDirection(dir);
-      }
-    });
-    const handleChange = (opt) => {
-      setSelectedOption(opt.value);
-      if (onChange) {
-        onChange(opt.value);
-      } else {
-        console.log("onChange was not provided");
-      }
-    };
-    const radio_option_tabs_styling = [
-      "hawa-w-full hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
-      !props.disabled && "hawa-cursor-pointer",
-      orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
-      orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
-      orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
-      tabSizeStyle[size]
-    ];
-    switch (design) {
-      case "tabs":
-        return /* @__PURE__ */ import_react25.default.createElement(
-          "div",
+        /* @__PURE__ */ import_react37.default.createElement(
+          Tabs,
           {
-            className: cn(
-              "hawa-gap-2 hawa-flex hawa-flex-col",
-              containerClassNames == null ? void 0 : containerClassNames.tabs
+            dir: props.direction,
+            value: selectedRegisterType.value,
+            onValueChange: (e) => setSelectedRegisterType(
+              (registerTypes == null ? void 0 : registerTypes.find((r) => r.value === e)) || registerTypes && registerTypes[0] || {
+                label: "Password",
+                value: "password"
+              }
             )
           },
-          props.label && /* @__PURE__ */ import_react25.default.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ import_react25.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react25.default.createElement(
-            import_react_tabs.TabsList,
+          registerTypes && registerTypes.length > 1 && /* @__PURE__ */ import_react37.default.createElement(CardHeader, { className: "hawa-w-full hawa-px-0 hawa-py-0 hawa-my-4 hawa-mt-6" }, /* @__PURE__ */ import_react37.default.createElement(TabsList, { className: "hawa-w-full" }, registerTypes.map((registerType) => /* @__PURE__ */ import_react37.default.createElement(TabsTrigger, { value: registerType.value }, registerType.label)))),
+          /* @__PURE__ */ import_react37.default.createElement(
+            TabsContent,
             {
-              role: "tablist",
-              ref: parentRef,
+              value: "password",
               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" : ""
-              )
+                "hawa-flex hawa-flex-col hawa-gap-4",
+                selectedRegisterType.value === "password" ? "hawa-block" : "hawa-hidden"
+              ),
+              dir: props.direction
             },
-            (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
-              return opt.tooltip ? /* @__PURE__ */ import_react25.default.createElement(
-                PopoverRoot,
-                {
-                  key: o,
-                  open: o === openTooltip,
-                  onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
-                },
-                /* @__PURE__ */ import_react25.default.createElement(
-                  PopoverTrigger,
+            /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
+              if (fld === "fullname") {
+                return /* @__PURE__ */ import_react37.default.createElement(
+                  import_react_hook_form2.Controller,
                   {
-                    onMouseEnter: () => setOpenTooltip(o),
-                    onMouseLeave: () => setOpenTooltip(null),
-                    asChild: true
-                  },
-                  /* @__PURE__ */ import_react25.default.createElement(
-                    import_react_tabs.TabsTrigger,
+                    key: i,
+                    control,
+                    name: "fullName",
+                    render: ({ field }) => {
+                      var _a2, _b2, _c2;
+                      return /* @__PURE__ */ import_react37.default.createElement(
+                        Input,
+                        {
+                          width: "full",
+                          label: ((_a2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _a2.label) || "Full Name",
+                          placeholder: (_b2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _b2.placeholder,
+                          helperText: (_c2 = formState.errors.fullName) == null ? void 0 : _c2.message,
+                          ...field
+                        }
+                      );
+                    }
+                  }
+                );
+              }
+              if (fld === "email") {
+                return /* @__PURE__ */ import_react37.default.createElement(
+                  import_react_hook_form2.Controller,
+                  {
+                    key: i,
+                    control,
+                    name: "email",
+                    render: ({ field }) => {
+                      var _a2, _b2, _c2;
+                      return /* @__PURE__ */ import_react37.default.createElement(
+                        Input,
+                        {
+                          dir: "ltr",
+                          inputProps: {
+                            className: props.direction === "rtl" ? "hawa-text-right" : "hawa-text-left"
+                          },
+                          width: "full",
+                          autoComplete: "email",
+                          label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
+                          helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
+                          placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "Enter your email",
+                          ...field,
+                          onChange: (e) => {
+                            field.onChange(e.target.value.toLowerCase().trim());
+                          }
+                        }
+                      );
+                    }
+                  }
+                );
+              }
+              if (fld === "username") {
+                return /* @__PURE__ */ import_react37.default.createElement(
+                  import_react_hook_form2.Controller,
+                  {
+                    key: i,
+                    control,
+                    name: "username",
+                    render: ({ field }) => {
+                      var _a2, _b2, _c2, _d2;
+                      return /* @__PURE__ */ import_react37.default.createElement(
+                        Input,
+                        {
+                          width: "full",
+                          autoComplete: "username",
+                          label: ((_a2 = texts == null ? void 0 : texts.username) == null ? void 0 : _a2.label) || "Username",
+                          labelProps: {
+                            ...(_b2 = props.usernameOptions) == null ? void 0 : _b2.label
+                          },
+                          helperText: (_c2 = formState.errors.username) == null ? void 0 : _c2.message,
+                          placeholder: (_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.placeholder,
+                          ...field
+                        }
+                      );
+                    }
+                  }
+                );
+              }
+            })),
+            /* @__PURE__ */ import_react37.default.createElement(
+              import_react_hook_form2.Controller,
+              {
+                control,
+                name: "password",
+                render: ({ field }) => {
+                  var _a2, _b2, _c2;
+                  return /* @__PURE__ */ import_react37.default.createElement(
+                    Input,
                     {
-                      "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
-                      )
-                    },
-                    opt.icon && opt.icon,
-                    opt.label
-                  )
-                ),
-                /* @__PURE__ */ import_react25.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
-              ) : /* @__PURE__ */ import_react25.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
-                  ),
-                  value: opt.value
-                },
-                opt.icon && opt.icon,
-                opt.label
-              );
-            })
-          )),
-          !forceHideHelperText && /* @__PURE__ */ import_react25.default.createElement(HelperText, { helperText: props.helperText })
-        );
-      case "bordered":
-        return /* @__PURE__ */ import_react25.default.createElement(
-          "div",
-          {
-            className: cn(
-              orientationStyle[orientation],
-              "hawa-gap-4",
-              containerClassNames == null ? void 0 : containerClassNames.bordered
+                      width: "full",
+                      type: passwordVisible ? "text" : "password",
+                      autoComplete: "new-password",
+                      label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
+                      placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
+                      helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
+                      endIcon: /* @__PURE__ */ import_react37.default.createElement(
+                        "div",
+                        {
+                          className: "hawa-cursor-pointer",
+                          onClick: () => setPasswordVisible(!passwordVisible)
+                        },
+                        passwordVisible ? /* @__PURE__ */ import_react37.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react37.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                        " "
+                      ),
+                      ...field
+                    }
+                  );
+                }
+              }
+            ),
+            /* @__PURE__ */ import_react37.default.createElement(
+              import_react_hook_form2.Controller,
+              {
+                control,
+                name: "confirm_password",
+                render: ({ field }) => {
+                  var _a2, _b2, _c2;
+                  return /* @__PURE__ */ import_react37.default.createElement(
+                    Input,
+                    {
+                      width: "full",
+                      type: passwordVisible ? "text" : "password",
+                      autoComplete: "new-password",
+                      label: ((_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label) || "Confirm Password",
+                      placeholder: ((_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder) || "Confirm your Password",
+                      helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
+                      endIcon: /* @__PURE__ */ import_react37.default.createElement(
+                        "div",
+                        {
+                          className: "hawa-cursor-pointer",
+                          onClick: () => setPasswordVisible(!passwordVisible)
+                        },
+                        passwordVisible ? /* @__PURE__ */ import_react37.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react37.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                        " "
+                      ),
+                      ...field
+                    }
+                  );
+                }
+              }
+            ),
+            props.additionalInputs,
+            props.showRefCode && /* @__PURE__ */ import_react37.default.createElement(
+              import_react_hook_form2.Controller,
+              {
+                control,
+                name: "refCode",
+                render: ({ field }) => {
+                  var _a2;
+                  return /* @__PURE__ */ import_react37.default.createElement(
+                    Input,
+                    {
+                      width: "full",
+                      label: texts == null ? void 0 : texts.refCode,
+                      placeholder: (texts == null ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
+                      helperText: (_a2 = formState.errors.refCode) == null ? void 0 : _a2.message,
+                      ...field
+                    }
+                  );
+                }
+              }
+            ),
+            props.showUserSource && /* @__PURE__ */ import_react37.default.createElement(
+              import_react_hook_form2.Controller,
+              {
+                control,
+                name: "reference",
+                render: ({ field }) => {
+                  var _a2, _b2;
+                  return /* @__PURE__ */ import_react37.default.createElement(
+                    Select,
+                    {
+                      label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
+                      placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
+                      isCreatable: false,
+                      isMulti: false,
+                      isSearchable: false,
+                      isClearable: false,
+                      options: props.userReferenceOptions || [],
+                      onChange: (e) => field.onChange(e)
+                    }
+                  );
+                }
+              }
             )
-          },
-          props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react25.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react25.default.createElement(
-            "div",
+          ),
+          /* @__PURE__ */ import_react37.default.createElement(
+            TabsContent,
             {
+              value: "phone",
               className: cn(
-                "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
-                props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
+                "hawa-flex hawa-flex-col hawa-gap-4",
+                selectedRegisterType.value === "phone" ? "hawa-block" : "hawa-hidden"
               ),
-              key: i + 1
+              dir: props.direction
             },
-            /* @__PURE__ */ import_react25.default.createElement(
-              "input",
+            /* @__PURE__ */ import_react37.default.createElement(
+              import_react_hook_form2.Controller,
               {
-                disabled: opt.disabled,
-                id: opt.value.toString(),
-                type: "radio",
-                value: opt.value,
-                name,
-                onChange: () => handleChange(opt)
+                control,
+                name: "phone",
+                render: ({ field }) => {
+                  var _a2, _b2;
+                  return /* @__PURE__ */ import_react37.default.createElement(
+                    PhoneInput,
+                    {
+                      label: ((_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label) || "Phone Number",
+                      helperText: (_b2 = formState.errors.phone) == null ? void 0 : _b2.message,
+                      preferredCountry: { label: "+966" },
+                      ...props.phoneInputProps,
+                      handleChange: (e) => {
+                        if ((0, import_libphonenumber_js2.isValidPhoneNumber)(e) && (0, import_libphonenumber_js2.isPossiblePhoneNumber)(e) && (0, import_libphonenumber_js2.validatePhoneNumberLength)(e) === void 0) {
+                          let parsed = (0, import_libphonenumber_js2.parsePhoneNumber)(e);
+                          field.onChange(parsed.number);
+                        } else {
+                          field.onChange(e);
+                        }
+                      }
+                    }
+                  );
+                }
               }
             ),
-            /* @__PURE__ */ import_react25.default.createElement(
-              "label",
+            props.additionalInputs,
+            props.showRefCode && /* @__PURE__ */ import_react37.default.createElement(
+              import_react_hook_form2.Controller,
               {
-                htmlFor: opt.value.toString(),
-                className: cn(
-                  "hawa-ml-2 hawa-w-full hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium hawa-text-black dark:hawa-text-white",
-                  opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
-                )
-              },
-              opt.label
+                control,
+                name: "refCode",
+                render: ({ field }) => {
+                  var _a2;
+                  return /* @__PURE__ */ import_react37.default.createElement(
+                    Input,
+                    {
+                      width: "full",
+                      label: texts == null ? void 0 : texts.refCode,
+                      placeholder: (texts == null ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
+                      helperText: (_a2 = formState.errors.refCode) == null ? void 0 : _a2.message,
+                      ...field
+                    }
+                  );
+                }
+              }
+            ),
+            props.showUserSource && /* @__PURE__ */ import_react37.default.createElement(
+              import_react_hook_form2.Controller,
+              {
+                control,
+                name: "reference",
+                render: ({ field }) => {
+                  var _a2, _b2;
+                  return /* @__PURE__ */ import_react37.default.createElement(
+                    Select,
+                    {
+                      label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
+                      placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
+                      isCreatable: false,
+                      isMulti: false,
+                      isSearchable: false,
+                      isClearable: false,
+                      options: props.userReferenceOptions || [],
+                      onChange: (e) => field.onChange(e)
+                    }
+                  );
+                }
+              }
             )
-          )))
-        );
-      case "cards":
-        return /* @__PURE__ */ import_react25.default.createElement(
-          "ul",
-          {
-            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_react25.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react25.default.createElement(
-            "input",
+          ),
+          showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react37.default.createElement(
+            import_react_hook_form2.Controller,
             {
-              type: "radio",
-              id: opt.value.toString(),
-              name,
-              value: opt.value.toString(),
-              className: "hawa-peer hawa-hidden",
-              required: true,
-              disabled: opt.disabled
+              control,
+              name: "terms_accepted",
+              render: ({ field }) => {
+                var _a2, _b2;
+                return /* @__PURE__ */ import_react37.default.createElement(
+                  Checkbox,
+                  {
+                    id: "terms_accepted",
+                    helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
+                    onCheckedChange: (e) => field.onChange(e),
+                    label: /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ import_react37.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react37.default.createElement(
+                      "span",
+                      {
+                        onClick: (e) => {
+                          e.preventDefault();
+                          if (props.onRouteToTOS) {
+                            props.onRouteToTOS();
+                          }
+                        },
+                        className: "clickable-link"
+                      },
+                      (texts == null ? void 0 : texts.termsText) || "Terms of Service"
+                    )))
+                  }
+                );
+              }
             }
-          ), /* @__PURE__ */ import_react25.default.createElement(
-            "label",
+          ), showNewsletterOption && /* @__PURE__ */ import_react37.default.createElement(
+            import_react_hook_form2.Controller,
             {
-              htmlFor: opt.value.toString(),
-              className: cn(
-                "hawa-inline-flex hawa-h-full hawa-w-full hawa-transition-all hawa-items-center hawa-justify-between hawa-rounded-lg hawa-border hawa-border-foreground/10 hawa-bg-background hawa-p-5 hawa-text-gray-500 peer-checked:hawa-border-primary peer-checked:hawa-text-primary dark:hawa-border-foreground/10 dark:hawa-bg-foreground/5 dark:hawa-text-gray-400 dark:peer-checked:hawa-text-primary",
-                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"
+              control,
+              name: "newsletter_accepted",
+              render: ({ field }) => /* @__PURE__ */ import_react37.default.createElement(
+                Checkbox,
+                {
+                  id: "newsletter_accepted",
+                  label: (texts == null ? void 0 : texts.subscribeToNewsletter) || "Subscribe to our newsletter",
+                  onCheckedChange: field.onChange
+                }
               )
-            },
-            /* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-block hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
-          )))
-        );
-      default:
-        return /* @__PURE__ */ import_react25.default.createElement(
-          "div",
+            }
+          )) : null
+        ),
+        /* @__PURE__ */ import_react37.default.createElement(
+          Button,
           {
-            className: cn(
-              "hawa-flex hawa-flex-col hawa-gap-2",
-              containerClassNames == null ? void 0 : containerClassNames.default
-            )
+            className: "hawa-w-full",
+            type: "submit",
+            isLoading: props.isLoading,
+            disabled: props.isLoading
           },
-          props.label && /* @__PURE__ */ import_react25.default.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ import_react25.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react25.default.createElement(
-            "div",
-            {
-              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
-            },
-            /* @__PURE__ */ import_react25.default.createElement(
-              "input",
-              {
-                disabled: opt.disabled,
-                id: opt.value.toString(),
-                type: "radio",
-                value: opt.value,
-                name,
-                onChange: () => handleChange(opt)
-              }
-            ),
-            /* @__PURE__ */ import_react25.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_react25.default.createElement(HelperText, { helperText: props.helperText })
-        );
-    }
-  }
-);
-
-// elements/textarea/Textarea.tsx
-var React29 = __toESM(require("react"));
-var Textarea = React29.forwardRef(
-  ({
-    className,
-    classNames,
-    labelProps,
-    showCount,
-    forceHideHelperText,
-    textareaProps,
-    countPosition = "bottom",
-    isLoading,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ React29.createElement(
-      "div",
+          (texts == null ? void 0 : texts.registerText) || "Register"
+        ),
+        props.additionalButtons
+      )), props.onRouteToLogin && /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ import_react37.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react37.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))
+    ),
+    props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react37.default.createElement(
+      CardFooter,
       {
+        noPadding: props.cardless,
         className: cn(
-          "textarea-main hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col",
-          !forceHideHelperText && "hawa-gap-2",
-          className
+          props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
         )
       },
-      /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React29.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React29.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__ */ React29.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React29.createElement(
-        "textarea",
+      /* @__PURE__ */ import_react37.default.createElement(
+        AuthButtons,
         {
-          ...textareaProps,
-          className: cn(
-            "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
+          texts: thirdPartyAuthTexts,
+          viaGoogle: props.viaGoogle,
+          viaGithub: props.viaGithub,
+          viaTwitter: props.viaTwitter,
+          isGoogleLoading: props.isGoogleLoading,
+          isGithubLoading: props.isGithubLoading,
+          isTwitterLoading: props.isTwitterLoading,
+          handleGoogle: props.onGoogleRegister,
+          handleGithub: props.onGithubRegister,
+          handleTwitter: props.onTwitterRegister
         }
-      ),
-      /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React29.createElement(HelperText, { helperText: props.helperText }), showCount && countPosition === "bottom" && /* @__PURE__ */ React29.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))
-    );
-  }
-);
-Textarea.displayName = "Textarea";
+      )
+    ) : null
+  ));
+};
 
-// blocks/feedback/UserReferralSource.tsx
-var UserReferralSource = ({
-  position = "bottom-right",
-  options = [],
+// blocks/auth/AppLanding.tsx
+var import_react38 = __toESM(require("react"));
+var AppLanding = ({ texts, ...props }) => {
+  const thirdPartyAuthTexts = {
+    continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
+    continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
+    continueWithApple: texts == null ? void 0 : texts.continueWithApple,
+    continueWithMicrosoft: texts == null ? void 0 : texts.continueWithMicrosoft,
+    continueWithGithub: texts == null ? void 0 : texts.continueWithGithub,
+    continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
+    continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
+  };
+  return /* @__PURE__ */ import_react38.default.createElement("div", { dir: props.direction }, /* @__PURE__ */ import_react38.default.createElement(Card, null, /* @__PURE__ */ import_react38.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ import_react38.default.createElement(
+    AuthButtons,
+    {
+      texts: thirdPartyAuthTexts,
+      viaApple: props.viaApple,
+      viaGoogle: props.viaGoogle,
+      viaEmail: props.viaEmail,
+      viaGithub: props.viaGithub,
+      viaMicrosoft: props.viaMicrosoft,
+      viaPhone: props.viaPhone,
+      viaTwitter: props.viaTwitter,
+      handleApple: props.handleApple,
+      handleGoogle: props.handleGoogle,
+      handleTwitter: props.handleTwitter,
+      handleMicrosoft: props.handleMicrosoft,
+      handleGithub: props.handleGithub,
+      handleEmail: props.handleEmail,
+      handlePhone: props.handlePhone
+    }
+  ), props.allowRegister && /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, texts == null ? void 0 : texts.newUserText, " ", /* @__PURE__ */ import_react38.default.createElement(
+    "span",
+    {
+      onClick: props.handleRouteToRegister,
+      className: "clickable-link"
+    },
+    texts == null ? void 0 : texts.createAccount
+  )))));
+};
+
+// blocks/auth/CheckEmail.tsx
+var import_react39 = __toESM(require("react"));
+var CheckEmail = ({ texts, handleResend }) => {
+  return /* @__PURE__ */ import_react39.default.createElement(Card, null, /* @__PURE__ */ import_react39.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-flex hawa-h-16 hawa-w-16 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ import_react39.default.createElement(
+    "svg",
+    {
+      stroke: "currentColor",
+      fill: "none",
+      strokeWidth: "2",
+      viewBox: "0 0 24 24",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      height: "0.5em",
+      width: "0.5em",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ import_react39.default.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
+    /* @__PURE__ */ import_react39.default.createElement("polyline", { points: "22,6 12,13 2,6" })
+  )), /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-text-sm" }, (texts == null ? void 0 : texts.pleaseVerify) || "Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))), /* @__PURE__ */ import_react39.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react39.default.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
+};
+
+// blocks/auth/NewPassword.tsx
+var import_react40 = __toESM(require("react"));
+var import_react_hook_form3 = require("react-hook-form");
+var import_zod3 = require("@hookform/resolvers/zod");
+var z3 = __toESM(require("zod"));
+var NewPasswordForm = ({
+  texts,
+  isLoading,
   ...props
 }) => {
-  var _a, _b;
-  const [closed, setClosed] = (0, import_react26.useState)(false);
-  const popUpRef = (0, import_react26.useRef)(null);
-  const formSchema = z6.object({
-    source: z6.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
-    feedback: z6.string().optional()
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const formSchema = z3.object({
+    password: z3.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.required }).min(8, { message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.tooShort }),
+    confirm_password: z3.string({ required_error: (_d = texts == null ? void 0 : texts.confirm) == null ? void 0 : _d.required }).refine((value) => value !== "", {
+      message: (_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required
+    })
+  }).refine((data) => data.password === data.confirm_password, {
+    message: (_f = texts == null ? void 0 : texts.confirm) == null ? void 0 : _f.dontMatch,
+    path: ["confirm_password"]
   });
-  const { handleSubmit, control, formState, watch } = (0, import_react_hook_form6.useForm)({
-    resolver: (0, import_zod6.zodResolver)(formSchema)
+  const { handleSubmit, control, formState } = (0, import_react_hook_form3.useForm)({
+    resolver: (0, import_zod3.zodResolver)(formSchema)
   });
-  const selectedSource = watch("source");
-  const boxPosition = {
-    "bottom-right": "hawa-right-4",
-    "bottom-left": "hawa-left-4"
-  };
-  const optionsWithOther = [
-    ...options,
-    {
-      value: "other",
-      label: "Other"
-    }
-  ];
-  return /* @__PURE__ */ import_react26.default.createElement(
-    "div",
+  return /* @__PURE__ */ import_react40.default.createElement(Card, { dir: props.direction }, props.showSuccess ? /* @__PURE__ */ import_react40.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react40.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react40.default.createElement(
+    "form",
     {
-      className: cn(
-        "hawa-transition-all",
-        closed ? "hawa-opacity-0" : "hawa-opacity-100"
-      ),
-      ref: popUpRef
+      noValidate: true,
+      onSubmit: handleSubmit((e) => {
+        if (props.handleNewPassword) {
+          return props.handleNewPassword(e);
+        } else {
+          console.log(
+            "Form is submitted but handleSubmission prop is missing"
+          );
+        }
+      })
     },
-    /* @__PURE__ */ import_react26.default.createElement(
-      Card,
+    /* @__PURE__ */ import_react40.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ import_react40.default.createElement(
+      Alert,
       {
-        className: cn(
-          "hawa-fixed hawa-bottom-4 hawa-p-0 ",
-          boxPosition[position]
-        ),
-        dir: props.direction
-      },
-      /* @__PURE__ */ import_react26.default.createElement(
-        "button",
-        {
-          type: "button",
-          className: cn(
-            props.direction === "rtl" ? "hawa-left-2" : "hawa-right-2",
-            "hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white"
-          ),
-          "data-dismiss-target": "#toast-default",
-          "aria-label": "Close",
-          onClick: () => {
-            setClosed(true);
-            setTimeout(() => {
-              if (popUpRef == null ? void 0 : popUpRef.current) {
-                popUpRef == null ? void 0 : popUpRef.current.removeChild(popUpRef == null ? void 0 : popUpRef.current.children[0]);
-              }
-            }, 200);
-          }
-        },
-        /* @__PURE__ */ import_react26.default.createElement(
-          "svg",
-          {
-            "aria-hidden": "true",
-            className: "hawa-h-5 hawa-w-5",
-            fill: "currentColor",
-            viewBox: "0 0 20 20"
-          },
-          /* @__PURE__ */ import_react26.default.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-              clipRule: "evenodd"
-            }
-          )
-        )
-      ),
-      /* @__PURE__ */ import_react26.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react26.default.createElement(
-        "form",
-        {
-          noValidate: true,
-          onSubmit: handleSubmit((e) => {
-            if (props.onSubmitForm) {
-              props.onSubmitForm(e);
-            } else {
-              console.log("onSubmitForm was not provided");
-            }
-          })
-        },
-        /* @__PURE__ */ import_react26.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-flex hawa-flex-col hawa-gap-4 hawa-transition-all",
-              closed ? "hawa-opacity-0" : "hawa-opacity-100"
-            )
-          },
-          /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
-          /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ import_react26.default.createElement(
-            import_react_hook_form6.Controller,
+        direction: props.direction,
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ import_react40.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-mb-4" }, /* @__PURE__ */ import_react40.default.createElement(
+      import_react_hook_form3.Controller,
+      {
+        control,
+        name: "password",
+        render: ({ field }) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ import_react40.default.createElement(
+            Input,
             {
-              control,
-              name: "source",
-              render: ({ field }) => {
-                var _a2, _b2;
-                return /* @__PURE__ */ import_react26.default.createElement(
-                  Radio,
-                  {
-                    name: "source",
-                    direction: props.direction,
-                    orientation: "vertical",
-                    options: optionsWithOther,
-                    defaultValue: field.value,
-                    onChange: (e) => field.onChange(e),
-                    helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
-                  }
-                );
-              }
+              width: "full",
+              type: "password",
+              autoComplete: "new-password",
+              label: (_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label,
+              placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
+              helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
+              ...field
             }
-          )),
-          /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.createElement(
-            import_react_hook_form6.Controller,
+          );
+        }
+      }
+    ), /* @__PURE__ */ import_react40.default.createElement(
+      import_react_hook_form3.Controller,
+      {
+        control,
+        name: "confirm_password",
+        render: ({ field }) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ import_react40.default.createElement(
+            Input,
             {
-              control,
-              name: "feedback",
-              render: ({ field }) => {
-                var _a2, _b2;
-                return /* @__PURE__ */ import_react26.default.createElement(
-                  Textarea,
-                  {
-                    ...field,
-                    textareaProps: {
-                      onChange: (e) => field.onChange(e.target.value),
-                      disabled: selectedSource !== "other"
-                    },
-                    helperText: (_b2 = (_a2 = formState.errors.feedback) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
-                  }
-                );
-              }
+              width: "full",
+              type: "password",
+              autoComplete: "new-password",
+              label: (_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label,
+              placeholder: (_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder,
+              helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
+              ...field
             }
-          ))
-        ),
-        /* @__PURE__ */ import_react26.default.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
-      ))
-    )
-  );
+          );
+        }
+      }
+    )), /* @__PURE__ */ import_react40.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react40.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ import_react40.default.createElement(
+      "span",
+      {
+        className: "clickable-link",
+        onClick: props.handleRouteToRegister
+      },
+      (_h = texts == null ? void 0 : texts.registerText) != null ? _h : "Register"
+    )))
+  ));
 };
 
-// blocks/feedback/FeedbackRating.tsx
-var import_react27 = __toESM(require("react"));
-var FeedbackRating = ({
-  position = "bottom-right",
+// blocks/auth/ResetPassword.tsx
+var import_react41 = __toESM(require("react"));
+var import_react_hook_form4 = require("react-hook-form");
+var import_zod4 = require("@hookform/resolvers/zod");
+var z4 = __toESM(require("zod"));
+var ResetPasswordForm = ({
+  allowRegister = true,
+  isLoading,
   ...props
 }) => {
-  const [closed, setClosed] = (0, import_react27.useState)(false);
-  const [answered, setAnswered] = (0, import_react27.useState)(false);
-  const [clickedOption, setClickedOption] = (0, import_react27.useState)(null);
-  const [closingTimer, setClosingTimer] = (0, import_react27.useState)(5);
-  const popUpRef = (0, import_react27.useRef)(null);
-  const boxPosition = {
-    "bottom-right": "hawa-right-4",
-    "bottom-left": "hawa-left-4"
-  };
-  (0, import_react27.useEffect)(() => {
-    const timeoutHide = setTimeout(() => {
-      if (closingTimer >= 0) {
-        setClosingTimer(closingTimer - 1);
-      }
-    }, 1e3);
-    return () => {
-      clearTimeout(timeoutHide);
-    };
-  }, [closingTimer]);
-  const slowClose = () => {
-    setClosed(true);
-    setTimeout(() => {
-      if (popUpRef.current) {
-        popUpRef.current.removeChild(popUpRef.current.children[0]);
-      }
-    }, 200);
-  };
-  return /* @__PURE__ */ import_react27.default.createElement(
-    "div",
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  const formSchema = z4.object({
+    email: z4.string({
+      required_error: ((_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required) || "Email is required"
+    }).email({ message: ((_d = (_c = props.texts) == null ? void 0 : _c.email) == null ? void 0 : _d.invalid) || "Invalid email" }).min(1, { message: ((_f = (_e = props.texts) == null ? void 0 : _e.email) == null ? void 0 : _f.required) || "Email is required" })
+  });
+  const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
+    resolver: (0, import_zod4.zodResolver)(formSchema)
+  });
+  return /* @__PURE__ */ import_react41.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react41.default.createElement(CardHeader, null, /* @__PURE__ */ import_react41.default.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react41.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react41.default.createElement(
+    "form",
     {
-      ref: popUpRef,
-      className: cn(
-        props.banner ? "hawa-fixed hawa-bottom-0 hawa-left-0 hawa-w-full hawa-px-0 md:hawa-px-4" : "hawa-fixed hawa-bottom-4",
-        boxPosition[position]
-      )
+      noValidate: true,
+      onSubmit: handleSubmit((e) => {
+        if (props.handleResetPassword) {
+          return props.handleResetPassword(e);
+        } else {
+          console.log("handleResetPassword prop is missing");
+        }
+      })
     },
-    /* @__PURE__ */ import_react27.default.createElement(
-      "div",
+    /* @__PURE__ */ import_react41.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ import_react41.default.createElement(
+      Alert,
       {
-        className: cn(
-          "hawa-relative hawa-flex hawa-w-full hawa-flex-col hawa-gap-2 hawa-rounded hawa-border hawa-bg-background hawa-p-4 hawa-shadow-md hawa-transition-all",
-          closed ? "hawa-opacity-0" : "hawa-opacity-100",
-          props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
-        )
-      },
-      /* @__PURE__ */ import_react27.default.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
-      /* @__PURE__ */ import_react27.default.createElement(
-        "button",
-        {
-          type: "button",
-          className: "hawa-absolute hawa-right-2 hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white",
-          "data-dismiss-target": "#toast-default",
-          "aria-label": "Close",
-          onClick: () => slowClose()
-        },
-        /* @__PURE__ */ import_react27.default.createElement(
-          "svg",
-          {
-            "aria-hidden": "true",
-            className: "hawa-h-5 hawa-w-5",
-            fill: "currentColor",
-            viewBox: "0 0 20 20"
-          },
-          /* @__PURE__ */ import_react27.default.createElement(
-            "path",
+        direction: props.direction,
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ import_react41.default.createElement(
+      import_react_hook_form4.Controller,
+      {
+        control,
+        name: "email",
+        render: ({ field }) => {
+          var _a2, _b2, _c2, _d2, _e2;
+          return /* @__PURE__ */ import_react41.default.createElement(
+            Input,
             {
-              fillRule: "evenodd",
-              d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-              clipRule: "evenodd"
-            }
-          )
-        )
-      ),
-      /* @__PURE__ */ import_react27.default.createElement("div", { className: "hawa-mt-8" }, props.question),
-      /* @__PURE__ */ import_react27.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_react27.default.createElement(
-        "span",
-        {
-          key: i,
-          onClick: () => {
-            if (props.onOptionClicked) {
-              props.onOptionClicked(op);
+              width: "full",
+              label: ((_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label) || "Email",
+              helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
+              placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
+              ...field,
+              onChange: (e) => {
+                field.onChange(e.target.value.toLowerCase().trim());
+              }
             }
-            setClickedOption(op);
-            setAnswered(true);
-            const timeoutDestroy = setTimeout(() => {
-              setClosed(true);
-            }, 4800);
-            setTimeout(() => {
-              var _a, _b;
-              (_b = popUpRef.current) == null ? void 0 : _b.removeChild(
-                (_a = popUpRef.current) == null ? void 0 : _a.children[0]
-              );
-              clearTimeout(timeoutDestroy);
-            }, 5300);
-          },
-          className: cn(
-            "hawa-w-full hawa-cursor-pointer hawa-rounded hawa-border hawa-p-4 hawa-text-center hawa-transition-all",
-            clickedOption === op ? "hawa-bg-gray-500 hawa-text-white" : "hawa-border hawa-bg-background hover:hawa-bg-gray-300 dark:hover:hawa-bg-gray-700"
-          )
-        },
-        op
-      ))),
-      props.texts && /* @__PURE__ */ import_react27.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react27.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react27.default.createElement("span", null, props.texts.most)),
-      answered && /* @__PURE__ */ import_react27.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_react27.default.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react27.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react27.default.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
-    )
-  );
-};
-
-// blocks/feedback/FeedbackEmoji.tsx
-var import_react28 = __toESM(require("react"));
-var FeedbackEmoji = (props) => {
-  const [selectedEmoji, setSelectedEmoji] = (0, import_react28.useState)(null);
-  const [loadingSubmit, setLoadingSubmit] = (0, import_react28.useState)(false);
-  const [feedbackText, setFeedbackText] = (0, import_react28.useState)("");
-  const [helperText, setHelperText] = (0, import_react28.useState)(false);
-  let emojis = [
-    { icon: /* @__PURE__ */ import_react28.default.createElement(VeryGoodEmoji, null), value: "very-good" },
-    { icon: /* @__PURE__ */ import_react28.default.createElement(GoodEmoji, null), value: "good" },
-    { icon: /* @__PURE__ */ import_react28.default.createElement(BadEmoji, null), value: "bad" },
-    { icon: /* @__PURE__ */ import_react28.default.createElement(VeryBadEmoji, null), value: "very-bad" }
-  ];
-  const onFeedbackSubmit = async () => {
-    if (feedbackText) {
-      setLoadingSubmit(true);
-      try {
-        await props.handleSubmit({
-          choice: selectedEmoji,
-          feedback: feedbackText
-        });
-      } catch (error) {
-        console.error("Error during submission:", error);
-        setLoadingSubmit(false);
+          );
+        }
       }
-      await setLoadingSubmit(false);
-    } else {
-      setLoadingSubmit(false);
-      setHelperText(true);
-    }
-  };
-  return /* @__PURE__ */ import_react28.default.createElement(
-    "div",
-    {
-      className: cn(
-        "hawa-flex hawa-flex-col hawa-rounded hawa-border hawa-p-2 hawa-transition-all",
-        selectedEmoji ? "hawa-h-[189px] hawa-min-w-fit" : "hawa-h-[44px]"
-      )
-    },
-    /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-0.5" }, emojis.map((emoji, i) => /* @__PURE__ */ import_react28.default.createElement(
+    )),
+    /* @__PURE__ */ import_react41.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react41.default.createElement(
       Button,
       {
-        key: i,
-        onClick: () => {
-          if (selectedEmoji === emoji.value) {
-            setSelectedEmoji("");
-          } else {
-            setSelectedEmoji(emoji.value);
-          }
-        },
-        variant: "ghost",
-        size: "smallIcon",
-        className: cn(
-          selectedEmoji === emoji.value ? "hawa-bg-primary/10 hover:hawa-bg-primary/10" : "hawa-text-[#666666]"
-        )
+        type: "submit",
+        className: "hawa-w-full",
+        isLoading
       },
-      emoji.icon
-    )))),
-    /* @__PURE__ */ import_react28.default.createElement(
-      "div",
+      ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
+    ), allowRegister && /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react41.default.createElement(
+      "span",
       {
-        className: cn(
-          "hawa-flex hawa-flex-col hawa-overflow-clip hawa-transition-all hawa-duration-500 hawa-ease-in-out",
-          selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0"
-        )
+        className: "clickable-link",
+        onClick: props.handleRouteToRegister
       },
-      props.showSuccess ? /* @__PURE__ */ import_react28.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_react28.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react28.default.createElement(
-        "svg",
-        {
-          stroke: "currentColor",
-          fill: "currentColor",
-          strokeWidth: "0",
-          viewBox: "0 0 512 512",
-          height: "0.5em",
-          width: "0.5em"
-        },
-        /* @__PURE__ */ import_react28.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_react28.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ import_react28.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react28.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ import_react28.default.createElement(
-        Popover,
-        {
-          className: "hawa-select-none hawa-p-1 hawa-text-xs",
-          open: helperText,
-          trigger: /* @__PURE__ */ import_react28.default.createElement(
-            Textarea,
-            {
-              classNames: {
-                textarea: "hawa-mt-2 hawa-h-full hawa-resize-none"
-              },
-              textareaProps: {
-                placeholder: "Your feedback",
-                onChange: (e) => {
-                  if (e.target.value) {
-                    setHelperText(false);
-                  }
-                  setFeedbackText(e.target.value);
-                }
-              }
-            }
-          )
-        },
-        /* @__PURE__ */ import_react28.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
-      ), /* @__PURE__ */ import_react28.default.createElement(
-        Button,
-        {
-          isLoading: loadingSubmit,
-          onClick: onFeedbackSubmit,
-          className: "hawa-w-full",
-          size: "sm"
-        },
-        "Submit"
-      ))
-    )
+      (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
+    )))
+  )) : /* @__PURE__ */ import_react41.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
+};
+
+// blocks/auth/CodeConfirmation.tsx
+var import_react44 = __toESM(require("react"));
+var import_react_hook_form5 = require("react-hook-form");
+var import_zod5 = require("@hookform/resolvers/zod");
+var z5 = __toESM(require("zod"));
+
+// elements/pinInput/PinInput.tsx
+var React36 = __toESM(require("react"));
+var import_input_otp = require("input-otp");
+
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var import_react43 = require("react");
+
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string9) => string9.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && array.indexOf(className) === index;
+}).join(" ");
+
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+var import_react42 = require("react");
+
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+var Icon = (0, import_react42.forwardRef)(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => {
+    return (0, import_react42.createElement)(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size,
+        height: size,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+        className: mergeClasses("lucide", className),
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => (0, import_react42.createElement)(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = (0, import_react43.forwardRef)(
+    ({ className, ...props }, ref) => (0, import_react43.createElement)(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
+      ...props
+    })
   );
+  Component.displayName = `${iconName}`;
+  return Component;
 };
 
-// blocks/feedback/FeedbackForm.tsx
-var import_react29 = __toESM(require("react"));
-var import_react_hook_form7 = require("react-hook-form");
-var import_zod7 = require("@hookform/resolvers/zod");
-var z7 = __toESM(require("zod"));
-var FeedbackForm = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const formSchema = z7.object({
-    requestType: z7.string({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.requestType) == null ? void 0 : _b.required }).min(1, { message: (_d = (_c = props.texts) == null ? void 0 : _c.requestType) == null ? void 0 : _d.required }),
-    description: z7.string({ required_error: (_f = (_e = props.texts) == null ? void 0 : _e.description) == null ? void 0 : _f.required }).min(10, { message: (_h = (_g = props.texts) == null ? void 0 : _g.description) == null ? void 0 : _h.tooShort })
-  });
-  const { handleSubmit, control, formState, reset } = (0, import_react_hook_form7.useForm)({
-    resolver: (0, import_zod7.zodResolver)(formSchema),
-    defaultValues: { requestType: "", description: "" }
-  });
-  return /* @__PURE__ */ import_react29.default.createElement(
-    Card,
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+var Dot = createLucideIcon("Dot", [
+  ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
+]);
+
+// elements/pinInput/PinInput.tsx
+var PinInputRoot = React36.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ React36.createElement(
+  import_input_otp.OTPInput,
+  {
+    ref,
+    containerClassName: cn(
+      "hawa-flex hawa-items-center hawa-gap-2 has-[:disabled]:hawa-opacity-50",
+      containerClassName
+    ),
+    className: cn("disabled:hawa-cursor-not-allowed", className),
+    ...props
+  }
+));
+PinInputRoot.displayName = "PinInputRoot";
+var PinInputGroup = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement("div", { ref, className: cn("hawa-flex hawa-items-center", className), ...props }));
+PinInputGroup.displayName = "PinInputGroup";
+var PinInputSlot = React36.forwardRef(({ index, className, ...props }, ref) => {
+  const pinInputContext = React36.useContext(import_input_otp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = pinInputContext.slots[index];
+  return /* @__PURE__ */ React36.createElement(
+    "div",
     {
+      ref,
       className: cn(
-        props.cardless ? "hawa-border-none hawa-bg-transparent hawa-shadow-none" : ""
+        "hawa-border-input hawa-relative hawa-flex hawa-h-10 hawa-w-10 hawa-items-center hawa-justify-center hawa-border-y hawa-border-r hawa-text-sm hawa-transition-all first:hawa-rounded-l-md first:hawa-border-l last:hawa-rounded-r-md",
+        isActive && "hawa-ring-ring hawa-ring-offset-background hawa-z-10 hawa-ring-2",
+        className
       ),
-      style: props.cardless ? { boxShadow: "none" } : void 0
+      ...props
     },
-    /* @__PURE__ */ import_react29.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ import_react29.default.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ import_react29.default.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ import_react29.default.createElement(
-      "form",
-      {
-        noValidate: true,
-        onSubmit: handleSubmit((e) => {
-          if (props.onSubmit) {
-            return props.onSubmit(e);
-          } else {
-            console.log("Form is submitted but onSubmit prop is missing");
-          }
-        }),
-        className: "hawa-flex hawa-flex-col hawa-gap-4"
-      },
-      /* @__PURE__ */ import_react29.default.createElement(
-        import_react_hook_form7.Controller,
-        {
-          name: "requestType",
-          control,
-          render: ({ field }) => {
-            var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
-            return /* @__PURE__ */ import_react29.default.createElement(
-              Select,
-              {
-                ...field,
-                ...props.selectProps,
-                label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.requestType) == null ? void 0 : _b2.label,
-                onChange: (option) => field.onChange(option.value),
-                options: props.requestTypes,
-                helperText: (_d2 = (_c2 = formState.errors.requestType) == null ? void 0 : _c2.message) == null ? void 0 : _d2.toString(),
-                placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.placeholder,
-                texts: {
-                  noOptions: (_h2 = (_g2 = props.texts) == null ? void 0 : _g2.requestType) == null ? void 0 : _h2.noOptions
-                }
-              }
-            );
-          }
-        }
-      ),
-      /* @__PURE__ */ import_react29.default.createElement(
-        import_react_hook_form7.Controller,
-        {
-          name: "description",
-          control,
-          render: ({ field }) => {
-            var _a2, _b2, _c2, _d2, _e2, _f2;
-            return /* @__PURE__ */ import_react29.default.createElement(
-              Textarea,
-              {
-                helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
-                classNames: { textarea: "hawa-h-full hawa-min-h-20" },
-                label: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.label,
-                textareaProps: {
-                  onChange: (e) => {
-                    field.onChange(e.target.value);
-                  },
-                  value: field.value,
-                  placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.description) == null ? void 0 : _f2.placeholder
-                }
-              }
-            );
-          }
-        }
-      ),
-      /* @__PURE__ */ import_react29.default.createElement(Button, { isLoading: props.loadingSubmission, type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
-    ))
+    char,
+    hasFakeCaret && /* @__PURE__ */ React36.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-inset-0 hawa-flex hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React36.createElement("div", { className: "hawa-animate-caret-blink hawa-bg-foreground hawa-h-4 hawa-w-px hawa-duration-1000" }))
   );
+});
+PinInputSlot.displayName = "PinInputSlot";
+var PinInputSeperator = React36.forwardRef(({ ...props }, ref) => /* @__PURE__ */ React36.createElement("div", { ref, role: "separator", ...props }, /* @__PURE__ */ React36.createElement(Dot, null)));
+PinInputSeperator.displayName = "PinInputSeperator";
+var PinInput = ({ separatorPosition = 0, ...props }) => {
+  const maxLength = props.maxLength || 6;
+  const clampedSeparatorPosition = Math.min(separatorPosition, maxLength);
+  const firstGroupLength = clampedSeparatorPosition > 0 ? clampedSeparatorPosition : 0;
+  const secondGroupLength = maxLength - firstGroupLength;
+  return /* @__PURE__ */ React36.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2", dir: "ltr" }, /* @__PURE__ */ React36.createElement(PinInputRoot, { ...props }, firstGroupLength > 0 && /* @__PURE__ */ React36.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(firstGroupLength)].map((_, index) => /* @__PURE__ */ React36.createElement(PinInputSlot, { key: index, index, className: "hawa-w-full hawa-border" }))), separatorPosition > 0 && separatorPosition < props.maxLength && /* @__PURE__ */ React36.createElement(PinInputSeperator, null), secondGroupLength > 0 && /* @__PURE__ */ React36.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(secondGroupLength)].map((_, index) => /* @__PURE__ */ React36.createElement(
+    PinInputSlot,
+    {
+      key: index + firstGroupLength,
+      index: index + firstGroupLength,
+      className: "hawa-w-full hawa-border"
+    }
+  )))), /* @__PURE__ */ React36.createElement(HelperText, { helperText: props.helperText }));
 };
 
-// blocks/misc/LegalTexts.tsx
-var import_react50 = __toESM(require("react"));
-
-// elements/scrollArea/ScrollArea.tsx
-var React34 = __toESM(require("react"));
-var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var ScrollArea = React34.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => {
-  const scrollAreaRef = React34.useRef(null);
-  const isDragging = React34.useRef(false);
-  const startPos = React34.useRef({ x: 0, y: 0 });
-  const scrollPos = React34.useRef({ top: 0, left: 0 });
-  const [showLeftFade, setShowLeftFade] = React34.useState(false);
-  const [showRightFade, setShowRightFade] = React34.useState(false);
-  const checkOverflow = () => {
-    if (scrollAreaRef.current) {
-      const { scrollLeft, scrollWidth, clientWidth } = scrollAreaRef.current;
-      setShowLeftFade(scrollLeft > 0);
-      setShowRightFade(scrollLeft + clientWidth < scrollWidth);
-    }
-  };
-  const onMouseDown = (e) => {
-    isDragging.current = true;
-    startPos.current = { x: e.clientX, y: e.clientY };
-    if (scrollAreaRef.current) {
-      scrollPos.current = {
-        top: scrollAreaRef.current.scrollTop,
-        left: scrollAreaRef.current.scrollLeft
-      };
-    }
-    document.addEventListener("mousemove", onMouseMove);
-    document.addEventListener("mouseup", onMouseUp);
-  };
-  const onMouseMove = (e) => {
-    if (!isDragging.current || !scrollAreaRef.current) return;
-    const dx = e.clientX - startPos.current.x;
-    const dy = e.clientY - startPos.current.y;
-    if (orientation === "vertical") {
-      scrollAreaRef.current.scrollTop = scrollPos.current.top - dy;
-    } else {
-      scrollAreaRef.current.scrollLeft = scrollPos.current.left - dx;
-      checkOverflow();
+// blocks/auth/CodeConfirmation.tsx
+var CodeConfirmation = ({ codeLength = 6, ...props }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const formSchema = z5.object({
+    otp_code: z5.string({ required_error: (_a = props.texts) == null ? void 0 : _a.codeRequiredText }).min(codeLength, { message: (_b = props.texts) == null ? void 0 : _b.codeTooShort })
+  });
+  const { handleSubmit, control, formState, setValue } = (0, import_react_hook_form5.useForm)({
+    resolver: (0, import_zod5.zodResolver)(formSchema)
+  });
+  const [resendTimer, setResendTimer] = (0, import_react44.useState)(null);
+  const [remainingTime, setRemainingTime] = (0, import_react44.useState)(0);
+  const [showResendTimer, setShowResendTimer] = (0, import_react44.useState)(false);
+  const startResendTimer = () => {
+    if (resendTimer !== null) {
+      clearInterval(resendTimer);
+      setResendTimer(null);
     }
+    const timerDuration = 60;
+    setRemainingTime(timerDuration);
+    setShowResendTimer(true);
+    const newTimer = window.setInterval(() => {
+      setRemainingTime((prevTime) => {
+        if (prevTime > 0) {
+          return prevTime - 1;
+        } else {
+          clearInterval(newTimer);
+          setShowResendTimer(false);
+          return 0;
+        }
+      });
+    }, 1e3);
+    setResendTimer(newTimer);
   };
-  const onMouseUp = () => {
-    isDragging.current = false;
-    document.removeEventListener("mousemove", onMouseMove);
-    document.removeEventListener("mouseup", onMouseUp);
-  };
-  React34.useEffect(() => {
-    checkOverflow();
-    if (scrollAreaRef.current) {
-      scrollAreaRef.current.addEventListener("scroll", checkOverflow);
-      window.addEventListener("resize", checkOverflow);
-    }
+  (0, import_react44.useEffect)(() => {
     return () => {
-      if (scrollAreaRef.current) {
-        scrollAreaRef.current.removeEventListener("scroll", checkOverflow);
+      if (resendTimer !== null) {
+        clearInterval(resendTimer);
       }
-      window.removeEventListener("resize", checkOverflow);
     };
   }, []);
-  return /* @__PURE__ */ React34.createElement(
-    ScrollAreaPrimitive.Root,
+  return /* @__PURE__ */ import_react44.default.createElement(Card, null, /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react44.default.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ import_react44.default.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ import_react44.default.createElement("span", null, props.identifier))), /* @__PURE__ */ import_react44.default.createElement(
+    "form",
     {
-      ref,
-      className: cn("hawa-relative hawa-overflow-hidden", className),
-      ...props
+      noValidate: true,
+      onSubmit: handleSubmit((e) => {
+        if (props.onConfirm) {
+          return props.onConfirm(e);
+        } else {
+          console.log("Form is submitted but onConfirm prop is missing");
+        }
+      })
     },
-    /* @__PURE__ */ React34.createElement(
-      "div",
+    /* @__PURE__ */ import_react44.default.createElement(
+      import_react_hook_form5.Controller,
       {
-        className: cn(
-          "hawa-pointer-events-none hawa-absolute hawa-bg-background hawa-h-full hawa-w-[50px] hawa-z-10 hawa-start-0 hawa-mask-fade-right",
-          showLeftFade ? "hawa-block" : "hawa-hidden"
-        )
+        control,
+        name: "otp_code",
+        render: ({ field }) => {
+          var _a2;
+          return /* @__PURE__ */ import_react44.default.createElement(
+            PinInput,
+            {
+              maxLength: codeLength,
+              helperText: (_a2 = formState.errors.otp_code) == null ? void 0 : _a2.message,
+              ...field
+            }
+          );
+        }
       }
     ),
-    /* @__PURE__ */ React34.createElement(
-      "div",
+    showResendTimer ? /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ import_react44.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react44.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react44.default.createElement(
+      "span",
       {
-        className: cn(
-          "hawa-pointer-events-none hawa-absolute hawa-bg-background hawa-mask-fade-left hawa-end-0 hawa-h-full hawa-w-[50px] hawa-z-10",
-          showRightFade ? "hawa-block" : "hawa-hidden"
-        )
-      }
-    ),
-    /* @__PURE__ */ React34.createElement(
-      ScrollAreaPrimitive.Viewport,
+        className: "clickable-link",
+        onClick: () => {
+          startResendTimer();
+          props.onResend();
+        }
+      },
+      ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
+    )),
+    /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react44.default.createElement(
+      Button,
       {
-        ref: scrollAreaRef,
-        className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]",
-        onMouseDown
+        type: "button",
+        onClick: () => {
+          if (props.onCancel) {
+            return props.onCancel();
+          } else {
+            console.log("Cancel button clicked but onCancel prop is missing");
+          }
+        },
+        variant: "outline"
       },
-      children
-    ),
-    /* @__PURE__ */ React34.createElement(ScrollBar, { orientation }),
-    /* @__PURE__ */ React34.createElement(ScrollAreaPrimitive.Corner, null)
-  );
-});
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React34.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React34.createElement(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "hawa-flex hawa-touch-none hawa-select-none hawa-transition-colors",
-      orientation === "vertical" && "hawa-h-full hawa-w-2.5 hawa-border-l hawa-border-l-transparent hawa-p-[1px]",
-      orientation === "horizontal" && "hawa-h-2.5 hawa-border-t hawa-border-t-transparent hawa-p-[1px]",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React34.createElement(
-    ScrollAreaPrimitive.ScrollAreaThumb,
-    {
-      className: cn(
-        "hawa-relative hawa-rounded-full hawa-bg-border",
-        orientation === "vertical" && "hawa-flex-1"
-      )
-    }
-  )
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
-// elements/tabs/Tabs.tsx
-var React44 = __toESM(require("react"));
-
-// hooks/useIsomorphicEffect.ts
-var import_react30 = require("react");
-
-// hooks/useDiscloser.ts
-var import_react31 = require("react");
-
-// hooks/useHover.ts
-var import_react32 = require("react");
-
-// hooks/useToast.ts
-var React37 = __toESM(require("react"));
-
-// hooks/useCarousel.ts
-var import_react33 = require("react");
-
-// hooks/useDialogCarousel.ts
-var import_react34 = require("react");
-var import_embla_carousel_auto_height = __toESM(require("embla-carousel-auto-height"));
-var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
-
-// hooks/useDialogSteps.ts
-var import_react35 = require("react");
-
-// hooks/useClipboard.ts
-var import_react36 = require("react");
-
-// hooks/useBreakpoint.ts
-var import_react37 = require("react");
+      ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"
+    ), /* @__PURE__ */ import_react44.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
+  )));
+};
 
-// hooks/useWindowSize.ts
-var import_react38 = require("react");
+// blocks/feedback/UserReferralSource.tsx
+var import_react46 = __toESM(require("react"));
+var import_react_hook_form6 = require("react-hook-form");
+var import_zod6 = require("@hookform/resolvers/zod");
+var z6 = __toESM(require("zod"));
 
-// hooks/useFocusWithin.ts
-var import_react39 = require("react");
+// elements/radio/Radio.tsx
+var import_react45 = __toESM(require("react"));
+var import_react_tabs = require("@radix-ui/react-tabs");
 
-// hooks/useMediaQuery.ts
-var import_react40 = require("react");
-
-// hooks/useScrollPosition.ts
-var import_react41 = require("react");
-
-// hooks/useTable.ts
-var import_react42 = require("react");
-
-// hooks/useTabs.ts
-var import_react43 = require("react");
-
-// hooks/useMeasureDirty.ts
-var import_react44 = require("react");
-
-// hooks/useClickOutside.ts
-var import_react45 = require("react");
-
-// hooks/useShortcuts.ts
-var import_react46 = require("react");
-function parseHotkey(hotkey) {
-  const keys = hotkey.toLowerCase().split("+").map((part) => part.trim());
-  const modifiers = {
-    alt: keys.includes("alt"),
-    ctrl: keys.includes("ctrl"),
-    meta: keys.includes("meta"),
-    mod: keys.includes("mod"),
-    shift: keys.includes("shift")
-  };
-  const reservedKeys = ["alt", "ctrl", "meta", "shift", "mod"];
-  const freeKey = keys.find((key) => !reservedKeys.includes(key));
-  return {
-    ...modifiers,
-    key: freeKey
-  };
-}
-function isExactHotkey(hotkey, event) {
-  const { alt, ctrl, meta, mod, shift, key } = hotkey;
-  const { altKey, ctrlKey, metaKey, shiftKey, key: pressedKey } = event;
-  if (alt !== altKey) {
-    return false;
-  }
-  if (mod) {
-    if (!ctrlKey && !metaKey) {
-      return false;
-    }
-  } else {
-    if (ctrl !== ctrlKey) {
-      return false;
-    }
-    if (meta !== metaKey) {
-      return false;
+// elements/popover/Popover.tsx
+var React38 = __toESM(require("react"));
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+var PopoverContent = React38.forwardRef(
+  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React38.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React38.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
     }
-  }
-  if (shift !== shiftKey) {
-    return false;
-  }
-  if (key && (pressedKey.toLowerCase() === key.toLowerCase() || event.code.replace("Key", "").toLowerCase() === key.toLowerCase())) {
-    return true;
-  }
-  return false;
-}
-function getHotkeyMatcher(hotkey) {
-  return (event) => isExactHotkey(parseHotkey(hotkey), event);
-}
-function getHotkeyHandler(hotkeys) {
-  return (event) => {
-    const _event = "nativeEvent" in event ? event.nativeEvent : event;
-    hotkeys.forEach(([hotkey, handler, options = { preventDefault: true }]) => {
-      if (getHotkeyMatcher(hotkey)(_event)) {
-        if (options.preventDefault) {
-          event.preventDefault();
-        }
-        handler(_event);
-      }
-    });
+  ))
+);
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var Popover2 = ({
+  trigger,
+  children,
+  className,
+  align = "center",
+  side,
+  sideOffset = 4,
+  open,
+  width = "default",
+  disableTrigger,
+  contentProps,
+  triggerProps,
+  ...props
+}) => {
+  let widthStyles = {
+    trigger: "var(--radix-popover-trigger-width)",
+    default: "auto"
   };
-}
-
-// hooks/useWindowEvent.ts
-var import_react47 = require("react");
-function useWindowEvent(type, listener, options) {
-  (0, import_react47.useEffect)(() => {
-    window.addEventListener(type, listener, options);
-    return () => window.removeEventListener(type, listener, options);
-  }, [type, listener]);
-}
-
-// hooks/useViewportSize.ts
-var import_react48 = require("react");
-var eventListerOptions = {
-  passive: true
+  return /* @__PURE__ */ React38.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React38.createElement(
+    PopoverPrimitive.Trigger,
+    {
+      className: "hawa-w-full",
+      disabled: disableTrigger,
+      ...triggerProps
+    },
+    trigger
+  ), /* @__PURE__ */ React38.createElement(
+    PopoverContent,
+    {
+      side,
+      className,
+      align,
+      sideOffset,
+      style: {
+        width: widthStyles[width],
+        maxWidth: "var(--radix-popover-content-available-width)",
+        maxHeight: "var(--radix-popover-content-available-height)"
+      },
+      ...contentProps
+    },
+    children
+  ));
 };
-function useViewportSize() {
-  const [windowSize, setWindowSize] = (0, import_react48.useState)({
-    width: 0,
-    height: 0
-  });
-  const setSize = (0, import_react48.useCallback)(() => {
-    setWindowSize({
-      width: window.innerWidth || 0,
-      height: window.innerHeight || 0
-    });
-  }, []);
-  useWindowEvent("resize", setSize, eventListerOptions);
-  useWindowEvent("orientationchange", setSize, eventListerOptions);
-  (0, import_react48.useEffect)(setSize, []);
-  return windowSize;
-}
-
-// elements/tabs/Tabs.tsx
-var Popover2 = __toESM(require("@radix-ui/react-popover"));
-var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var import_tailwind_variants = require("tailwind-variants");
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverRoot = PopoverPrimitive.Root;
 
-// elements/chip/Chip.tsx
-var import_react49 = __toESM(require("react"));
-var Chip = import_react49.default.forwardRef(
+// elements/radio/Radio.tsx
+var Radio = (0, import_react45.forwardRef)(
   ({
-    label,
-    size = "normal",
-    icon,
-    color,
-    radius = "inherit",
-    dot,
-    dotStatus = "none",
-    ...rest
+    design = "default",
+    width = "default",
+    size = "default",
+    orientation = "horizontal",
+    name,
+    labelProps,
+    tabsContainerClassName,
+    forceHideHelperText = false,
+    onChange,
+    containerClassNames,
+    ...props
   }, ref) => {
-    let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
-    let radiusStyles = {
-      inherit: " hawa-rounded",
-      full: "hawa-rounded-full",
-      none: "hawa-rounded-none"
-    };
-    let sizeStyles = {
-      small: "hawa-h-[15px] hawa-leading-4 hawa-px-0 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
-      normal: "hawa-h-fit hawa-text-xs",
-      large: "hawa-text-base"
+    var _a, _b, _c;
+    let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary";
+    let inactiveTabStyle = `hawa-inline-block hawa-w-full hawa-transition-all  hawa-bg-primary-foreground dark:hover:hawa-text-white
+    ${props.disabled ? "" : "hover:hawa-bg-muted"}`;
+    let orientationStyle = {
+      horizontal: "hawa-flex hawa-flex-row",
+      vertical: "hawa-flex hawa-flex-col"
     };
-    let dotStyles = {
-      small: "hawa-flex hawa-h-1 hawa-w-1 hawa-rounded-full",
-      normal: "hawa-flex hawa-h-2 hawa-w-2 hawa-rounded-full",
-      large: "hawa-flex hawa-h-3 hawa-w-3 hawa-rounded-full"
+    let tabSizeStyle = {
+      default: "hawa-py-2 hawa-px-4 hawa-text-sm",
+      lg: "hawa-py-2 hawa-px-4",
+      sm: "hawa-p-1.5 hawa-text-xs",
+      xs: "hawa-p-1 hawa-text-[10px]"
     };
-    let dotStatusStyles = {
-      none: "hawa-bg-gray-500 dark:hawa-bg-gray-800",
-      available: "hawa-bg-green-500",
-      unavailable: "hawa-bg-red-500"
+    let widthStyle = {
+      none: "",
+      default: "hawa-max-w-fit",
+      full: "hawa-w-full"
     };
-    let colorStyles = {
-      green: "hawa-bg-green-200 hawa-text-green-700 dark:hawa-bg-green-700 dark:hawa-text-green-200",
-      blue: "hawa-bg-blue-200 hawa-text-blue-700 dark:hawa-bg-blue-700 dark:hawa-text-blue-100",
-      red: "hawa-bg-red-200 hawa-text-red-700 dark:hawa-bg-red-700 dark:hawa-text-red-100",
-      yellow: "hawa-bg-yellow-200 hawa-text-yellow-700 dark:hawa-bg-yellow-600 dark:hawa-text-black",
-      orange: "hawa-bg-orange-200 hawa-text-orange-700 dark:hawa-bg-orange-700 dark:hawa-text-orange-100",
-      purple: "hawa-bg-purple-200 hawa-text-purple-700 dark:hawa-bg-purple-700 dark:hawa-text-purple-100",
-      cyan: "hawa-bg-cyan-200 hawa-text-cyan-700 dark:hawa-bg-cyan-700 dark:hawa-text-cyan-100",
-      hyper: "hawa-text-white dark:hawa-text-black hawa-bg-gradient-to-tl hawa-from-pink-500 hawa-via-red-500 hawa-to-yellow-500 ",
-      oceanic: "hawa-text-white dark:hawa-text-black hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
+    const [parentDirection, setParentDirection] = import_react45.default.useState(
+      null
+    );
+    const [selectedOption, setSelectedOption] = (0, import_react45.useState)(
+      props.defaultValue || props.value
+    );
+    const [openTooltip, setOpenTooltip] = (0, import_react45.useState)(null);
+    const parentRef = (0, import_react45.useRef)(null);
+    (0, import_react45.useEffect)(() => {
+      var _a2;
+      const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
+      if (parentNode) {
+        const dir = window.getComputedStyle(parentNode).direction;
+        setParentDirection(dir);
+      }
+    });
+    const handleChange = (opt) => {
+      setSelectedOption(opt.value);
+      if (onChange) {
+        onChange(opt.value);
+      } else {
+        console.log("onChange was not provided");
+      }
     };
-    if (label) {
-      return /* @__PURE__ */ import_react49.default.createElement(
-        "span",
+    const radio_option_tabs_styling = [
+      "hawa-w-full hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
+      !props.disabled && "hawa-cursor-pointer",
+      orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
+      orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
+      orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
+      tabSizeStyle[size]
+    ];
+    switch (design) {
+      case "tabs":
+        return /* @__PURE__ */ import_react45.default.createElement(
+          "div",
+          {
+            className: cn(
+              "hawa-gap-2 hawa-flex hawa-flex-col",
+              containerClassNames == null ? void 0 : containerClassNames.tabs
+            )
+          },
+          props.label && /* @__PURE__ */ import_react45.default.createElement(Label, { ...labelProps }, props.label),
+          /* @__PURE__ */ import_react45.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react45.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_react45.default.createElement(
+                PopoverRoot,
+                {
+                  key: o,
+                  open: o === openTooltip,
+                  onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
+                },
+                /* @__PURE__ */ import_react45.default.createElement(
+                  PopoverTrigger,
+                  {
+                    onMouseEnter: () => setOpenTooltip(o),
+                    onMouseLeave: () => setOpenTooltip(null),
+                    asChild: true
+                  },
+                  /* @__PURE__ */ import_react45.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
+                      )
+                    },
+                    opt.icon && opt.icon,
+                    opt.label
+                  )
+                ),
+                /* @__PURE__ */ import_react45.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
+              ) : /* @__PURE__ */ import_react45.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
+                  ),
+                  value: opt.value
+                },
+                opt.icon && opt.icon,
+                opt.label
+              );
+            })
+          )),
+          !forceHideHelperText && /* @__PURE__ */ import_react45.default.createElement(HelperText, { helperText: props.helperText })
+        );
+      case "bordered":
+        return /* @__PURE__ */ import_react45.default.createElement(
+          "div",
+          {
+            className: cn(
+              orientationStyle[orientation],
+              "hawa-gap-4",
+              containerClassNames == null ? void 0 : containerClassNames.bordered
+            )
+          },
+          props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react45.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react45.default.createElement(
+            "div",
+            {
+              className: cn(
+                "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
+                props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
+              ),
+              key: i + 1
+            },
+            /* @__PURE__ */ import_react45.default.createElement(
+              "input",
+              {
+                disabled: opt.disabled,
+                id: opt.value.toString(),
+                type: "radio",
+                value: opt.value,
+                name,
+                onChange: () => handleChange(opt)
+              }
+            ),
+            /* @__PURE__ */ import_react45.default.createElement(
+              "label",
+              {
+                htmlFor: opt.value.toString(),
+                className: cn(
+                  "hawa-ml-2 hawa-w-full hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium hawa-text-black dark:hawa-text-white",
+                  opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
+                )
+              },
+              opt.label
+            )
+          )))
+        );
+      case "cards":
+        return /* @__PURE__ */ import_react45.default.createElement(
+          "ul",
+          {
+            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_react45.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react45.default.createElement(
+            "input",
+            {
+              type: "radio",
+              id: opt.value.toString(),
+              name,
+              value: opt.value.toString(),
+              className: "hawa-peer hawa-hidden",
+              required: true,
+              disabled: opt.disabled
+            }
+          ), /* @__PURE__ */ import_react45.default.createElement(
+            "label",
+            {
+              htmlFor: opt.value.toString(),
+              className: cn(
+                "hawa-inline-flex hawa-h-full hawa-w-full hawa-transition-all hawa-items-center hawa-justify-between hawa-rounded-lg hawa-border hawa-border-foreground/10 hawa-bg-background hawa-p-5 hawa-text-gray-500 peer-checked:hawa-border-primary peer-checked:hawa-text-primary dark:hawa-border-foreground/10 dark:hawa-bg-foreground/5 dark:hawa-text-gray-400 dark:peer-checked:hawa-text-primary",
+                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_react45.default.createElement("div", { className: "hawa-block hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react45.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react45.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+          )))
+        );
+      default:
+        return /* @__PURE__ */ import_react45.default.createElement(
+          "div",
+          {
+            className: cn(
+              "hawa-flex hawa-flex-col hawa-gap-2",
+              containerClassNames == null ? void 0 : containerClassNames.default
+            )
+          },
+          props.label && /* @__PURE__ */ import_react45.default.createElement(Label, { ...labelProps }, props.label),
+          /* @__PURE__ */ import_react45.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react45.default.createElement(
+            "div",
+            {
+              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
+            },
+            /* @__PURE__ */ import_react45.default.createElement(
+              "input",
+              {
+                disabled: opt.disabled,
+                id: opt.value.toString(),
+                type: "radio",
+                value: opt.value,
+                name,
+                onChange: () => handleChange(opt)
+              }
+            ),
+            /* @__PURE__ */ import_react45.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_react45.default.createElement(HelperText, { helperText: props.helperText })
+        );
+    }
+  }
+);
+
+// elements/textarea/Textarea.tsx
+var React40 = __toESM(require("react"));
+var Textarea = React40.forwardRef(
+  ({
+    className,
+    classNames,
+    labelProps,
+    showCount,
+    forceHideHelperText,
+    textareaProps,
+    countPosition = "bottom",
+    isLoading,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ React40.createElement(
+      "div",
+      {
+        className: cn(
+          "textarea-main hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col",
+          !forceHideHelperText && "hawa-gap-2",
+          className
+        )
+      },
+      /* @__PURE__ */ React40.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React40.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React40.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__ */ React40.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React40.createElement(
+        "textarea",
+        {
+          ...textareaProps,
+          className: cn(
+            "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
+        }
+      ),
+      /* @__PURE__ */ React40.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React40.createElement(HelperText, { helperText: props.helperText }), showCount && countPosition === "bottom" && /* @__PURE__ */ React40.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))
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+// blocks/feedback/UserReferralSource.tsx
+var UserReferralSource = ({
+  position = "bottom-right",
+  options = [],
+  ...props
+}) => {
+  var _a, _b;
+  const [closed, setClosed] = (0, import_react46.useState)(false);
+  const popUpRef = (0, import_react46.useRef)(null);
+  const formSchema = z6.object({
+    source: z6.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
+    feedback: z6.string().optional()
+  });
+  const { handleSubmit, control, formState, watch } = (0, import_react_hook_form6.useForm)({
+    resolver: (0, import_zod6.zodResolver)(formSchema)
+  });
+  const selectedSource = watch("source");
+  const boxPosition = {
+    "bottom-right": "hawa-right-4",
+    "bottom-left": "hawa-left-4"
+  };
+  const optionsWithOther = [
+    ...options,
+    {
+      value: "other",
+      label: "Other"
+    }
+  ];
+  return /* @__PURE__ */ import_react46.default.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-transition-all",
+        closed ? "hawa-opacity-0" : "hawa-opacity-100"
+      ),
+      ref: popUpRef
+    },
+    /* @__PURE__ */ import_react46.default.createElement(
+      Card,
+      {
+        className: cn(
+          "hawa-fixed hawa-bottom-4 hawa-p-0 ",
+          boxPosition[position]
+        ),
+        dir: props.direction
+      },
+      /* @__PURE__ */ import_react46.default.createElement(
+        "button",
         {
-          ...rest,
-          ref,
+          type: "button",
           className: cn(
-            defaultStyles,
-            sizeStyles[size],
-            radiusStyles[radius],
-            color ? colorStyles[color] : "hawa-border hawa-bg-none",
-            rest.className
+            props.direction === "rtl" ? "hawa-left-2" : "hawa-right-2",
+            "hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white"
+          ),
+          "data-dismiss-target": "#toast-default",
+          "aria-label": "Close",
+          onClick: () => {
+            setClosed(true);
+            setTimeout(() => {
+              if (popUpRef == null ? void 0 : popUpRef.current) {
+                popUpRef == null ? void 0 : popUpRef.current.removeChild(popUpRef == null ? void 0 : popUpRef.current.children[0]);
+              }
+            }, 200);
+          }
+        },
+        /* @__PURE__ */ import_react46.default.createElement(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "hawa-h-5 hawa-w-5",
+            fill: "currentColor",
+            viewBox: "0 0 20 20"
+          },
+          /* @__PURE__ */ import_react46.default.createElement(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+              clipRule: "evenodd"
+            }
           )
+        )
+      ),
+      /* @__PURE__ */ import_react46.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react46.default.createElement(
+        "form",
+        {
+          noValidate: true,
+          onSubmit: handleSubmit((e) => {
+            if (props.onSubmitForm) {
+              props.onSubmitForm(e);
+            } else {
+              console.log("onSubmitForm was not provided");
+            }
+          })
         },
-        dot && /* @__PURE__ */ import_react49.default.createElement(
-          "span",
+        /* @__PURE__ */ import_react46.default.createElement(
+          "div",
           {
-            className: cn(dotStyles[size], dotStatusStyles[dotStatus])
-          }
+            className: cn(
+              "hawa-flex hawa-flex-col hawa-gap-4 hawa-transition-all",
+              closed ? "hawa-opacity-0" : "hawa-opacity-100"
+            )
+          },
+          /* @__PURE__ */ import_react46.default.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
+          /* @__PURE__ */ import_react46.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ import_react46.default.createElement(
+            import_react_hook_form6.Controller,
+            {
+              control,
+              name: "source",
+              render: ({ field }) => {
+                var _a2, _b2;
+                return /* @__PURE__ */ import_react46.default.createElement(
+                  Radio,
+                  {
+                    name: "source",
+                    direction: props.direction,
+                    orientation: "vertical",
+                    options: optionsWithOther,
+                    defaultValue: field.value,
+                    onChange: (e) => field.onChange(e),
+                    helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
+                  }
+                );
+              }
+            }
+          )),
+          /* @__PURE__ */ import_react46.default.createElement("div", null, /* @__PURE__ */ import_react46.default.createElement(
+            import_react_hook_form6.Controller,
+            {
+              control,
+              name: "feedback",
+              render: ({ field }) => {
+                var _a2, _b2;
+                return /* @__PURE__ */ import_react46.default.createElement(
+                  Textarea,
+                  {
+                    ...field,
+                    textareaProps: {
+                      onChange: (e) => field.onChange(e.target.value),
+                      disabled: selectedSource !== "other"
+                    },
+                    helperText: (_b2 = (_a2 = formState.errors.feedback) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
+                  }
+                );
+              }
+            }
+          ))
         ),
-        icon && icon,
-        label
-      );
-    } else {
-      return /* @__PURE__ */ import_react49.default.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            "hawa-h-2 hawa-w-2 hawa-rounded-full",
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        }
-      );
-    }
-  }
-);
+        /* @__PURE__ */ import_react46.default.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
+      ))
+    )
+  );
+};
 
-// elements/tabs/Tabs.tsx
-var tabsListVariant = (0, import_tailwind_variants.tv)({
-  base: "",
-  variants: {
-    variant: {
-      default: "hawa-flex hawa-w-fit hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground  dark:hawa-border-primary/10",
-      underlined: "hawa-flex hawa-w-fit hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded  hawa-p-1 hawa-text-muted-foreground  dark:hawa-border-primary/10",
-      underlined_tabs: "hawa-flex hawa-w-fit hawa-items-center hawa-justify-start hawa-gap-1 hawa-text-muted-foreground"
-    },
-    orientation: { horizontal: "", vertical: "" }
-  },
-  compoundVariants: [
-    {
-      variant: "underlined_tabs",
-      orientation: "vertical",
-      class: "hawa-border-e-2 hawa-border-e-primary"
-    },
-    {
-      variant: "underlined_tabs",
-      orientation: "horizontal",
-      class: "hawa-border-b-2 hawa-border-b-primary"
-    }
-  ],
-  defaultVariants: { variant: "default", orientation: "horizontal" }
-});
-var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
-  base: "",
-  variants: {
-    variant: {
-      default: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm  dark:hawa-border-primary/10",
-      underlined: "hawa-inline-flex  hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-rounded-none hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
-      underlined_tabs: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded   hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 hawa-bg-primary/10 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground  dark:hawa-border-primary/10"
-    },
-    orientation: { horizontal: "", vertical: "" }
-  },
-  compoundVariants: [
-    {
-      variant: "underlined",
-      orientation: "horizontal",
-      class: "data-[state=active]:hawa-border-b-primary hawa-border-b hawa-border-b-2"
-    },
-    {
-      variant: "underlined",
-      orientation: "vertical",
-      class: "data-[state=active]:hawa-border-e-primary hawa-border-e hawa-border-e-2"
-    },
+// blocks/feedback/FeedbackRating.tsx
+var import_react47 = __toESM(require("react"));
+var FeedbackRating = ({
+  position = "bottom-right",
+  ...props
+}) => {
+  const [closed, setClosed] = (0, import_react47.useState)(false);
+  const [answered, setAnswered] = (0, import_react47.useState)(false);
+  const [clickedOption, setClickedOption] = (0, import_react47.useState)(null);
+  const [closingTimer, setClosingTimer] = (0, import_react47.useState)(5);
+  const popUpRef = (0, import_react47.useRef)(null);
+  const boxPosition = {
+    "bottom-right": "hawa-right-4",
+    "bottom-left": "hawa-left-4"
+  };
+  (0, import_react47.useEffect)(() => {
+    const timeoutHide = setTimeout(() => {
+      if (closingTimer >= 0) {
+        setClosingTimer(closingTimer - 1);
+      }
+    }, 1e3);
+    return () => {
+      clearTimeout(timeoutHide);
+    };
+  }, [closingTimer]);
+  const slowClose = () => {
+    setClosed(true);
+    setTimeout(() => {
+      if (popUpRef.current) {
+        popUpRef.current.removeChild(popUpRef.current.children[0]);
+      }
+    }, 200);
+  };
+  return /* @__PURE__ */ import_react47.default.createElement(
+    "div",
     {
-      variant: "underlined_tabs",
-      orientation: "horizontal",
-      class: "hawa-rounded-b-none"
+      ref: popUpRef,
+      className: cn(
+        props.banner ? "hawa-fixed hawa-bottom-0 hawa-left-0 hawa-w-full hawa-px-0 md:hawa-px-4" : "hawa-fixed hawa-bottom-4",
+        boxPosition[position]
+      )
     },
-    {
-      variant: "underlined_tabs",
-      orientation: "vertical",
-      class: "hawa-rounded-e-none"
+    /* @__PURE__ */ import_react47.default.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-relative hawa-flex hawa-w-full hawa-flex-col hawa-gap-2 hawa-rounded hawa-border hawa-bg-background hawa-p-4 hawa-shadow-md hawa-transition-all",
+          closed ? "hawa-opacity-0" : "hawa-opacity-100",
+          props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
+        )
+      },
+      /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
+      /* @__PURE__ */ import_react47.default.createElement(
+        "button",
+        {
+          type: "button",
+          className: "hawa-absolute hawa-right-2 hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white",
+          "data-dismiss-target": "#toast-default",
+          "aria-label": "Close",
+          onClick: () => slowClose()
+        },
+        /* @__PURE__ */ import_react47.default.createElement(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "hawa-h-5 hawa-w-5",
+            fill: "currentColor",
+            viewBox: "0 0 20 20"
+          },
+          /* @__PURE__ */ import_react47.default.createElement(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+              clipRule: "evenodd"
+            }
+          )
+        )
+      ),
+      /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-mt-8" }, props.question),
+      /* @__PURE__ */ import_react47.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_react47.default.createElement(
+        "span",
+        {
+          key: i,
+          onClick: () => {
+            if (props.onOptionClicked) {
+              props.onOptionClicked(op);
+            }
+            setClickedOption(op);
+            setAnswered(true);
+            const timeoutDestroy = setTimeout(() => {
+              setClosed(true);
+            }, 4800);
+            setTimeout(() => {
+              var _a, _b;
+              (_b = popUpRef.current) == null ? void 0 : _b.removeChild(
+                (_a = popUpRef.current) == null ? void 0 : _a.children[0]
+              );
+              clearTimeout(timeoutDestroy);
+            }, 5300);
+          },
+          className: cn(
+            "hawa-w-full hawa-cursor-pointer hawa-rounded hawa-border hawa-p-4 hawa-text-center hawa-transition-all",
+            clickedOption === op ? "hawa-bg-gray-500 hawa-text-white" : "hawa-border hawa-bg-background hover:hawa-bg-gray-300 dark:hover:hawa-bg-gray-700"
+          )
+        },
+        op
+      ))),
+      props.texts && /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react47.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react47.default.createElement("span", null, props.texts.most)),
+      answered && /* @__PURE__ */ import_react47.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_react47.default.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react47.default.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
+    )
+  );
+};
+
+// blocks/feedback/FeedbackEmoji.tsx
+var import_react48 = __toESM(require("react"));
+var FeedbackEmoji = (props) => {
+  const [selectedEmoji, setSelectedEmoji] = (0, import_react48.useState)(null);
+  const [loadingSubmit, setLoadingSubmit] = (0, import_react48.useState)(false);
+  const [feedbackText, setFeedbackText] = (0, import_react48.useState)("");
+  const [helperText, setHelperText] = (0, import_react48.useState)(false);
+  let emojis = [
+    { icon: /* @__PURE__ */ import_react48.default.createElement(VeryGoodEmoji, null), value: "very-good" },
+    { icon: /* @__PURE__ */ import_react48.default.createElement(GoodEmoji, null), value: "good" },
+    { icon: /* @__PURE__ */ import_react48.default.createElement(BadEmoji, null), value: "bad" },
+    { icon: /* @__PURE__ */ import_react48.default.createElement(VeryBadEmoji, null), value: "very-bad" }
+  ];
+  const onFeedbackSubmit = async () => {
+    if (feedbackText) {
+      setLoadingSubmit(true);
+      try {
+        await props.handleSubmit({
+          choice: selectedEmoji,
+          feedback: feedbackText
+        });
+      } catch (error) {
+        console.error("Error during submission:", error);
+        setLoadingSubmit(false);
+      }
+      await setLoadingSubmit(false);
+    } else {
+      setLoadingSubmit(false);
+      setHelperText(true);
     }
-  ],
-  defaultVariants: { variant: "default", orientation: "horizontal" }
-});
-var TabsContext = React44.createContext({ orientation: "horizontal", variant: "default", scrollable: false });
-var Tabs2 = React44.forwardRef(
-  ({ className, orientation, scrollable, variant = "default", ...props }, ref) => /* @__PURE__ */ React44.createElement(
-    TabsPrimitive.Root,
+  };
+  return /* @__PURE__ */ import_react48.default.createElement(
+    "div",
     {
-      ref,
       className: cn(
-        "hawa-flex hawa-gap-2",
-        orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
-        className
-      ),
-      ...props
+        "hawa-flex hawa-flex-col hawa-rounded hawa-border hawa-p-2 hawa-transition-all",
+        selectedEmoji ? "hawa-h-[189px] hawa-min-w-fit" : "hawa-h-[44px]"
+      )
     },
-    /* @__PURE__ */ React44.createElement(TabsContext.Provider, { value: { orientation, variant, scrollable } }, props.children)
-  )
-);
-var TabsList2 = React44.forwardRef(({ className, classNames, ...props }, ref) => {
-  const { orientation, variant, scrollable } = React44.useContext(TabsContext);
-  const { width } = useViewportSize();
-  if (scrollable && width < 768 && orientation === "horizontal") {
-    return /* @__PURE__ */ React44.createElement(ScrollArea, { orientation: "horizontal", className: classNames == null ? void 0 : classNames.scrollArea }, /* @__PURE__ */ React44.createElement(
-      TabsPrimitive.List,
+    /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-0.5" }, emojis.map((emoji, i) => /* @__PURE__ */ import_react48.default.createElement(
+      Button,
       {
-        ref,
+        key: i,
+        onClick: () => {
+          if (selectedEmoji === emoji.value) {
+            setSelectedEmoji("");
+          } else {
+            setSelectedEmoji(emoji.value);
+          }
+        },
+        variant: "ghost",
+        size: "smallIcon",
         className: cn(
-          tabsListVariant({ variant, orientation }),
-          "hawa-flex-row hawa-flex-nowrap",
-          className
-        ),
-        ...props
-      }
-    ));
-  } else {
-    return /* @__PURE__ */ React44.createElement(
-      TabsPrimitive.List,
+          selectedEmoji === emoji.value ? "hawa-bg-primary/10 hover:hawa-bg-primary/10" : "hawa-text-[#666666]"
+        )
+      },
+      emoji.icon
+    )))),
+    /* @__PURE__ */ import_react48.default.createElement(
+      "div",
       {
-        ref,
         className: cn(
-          tabsListVariant({ variant, orientation }),
-          orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
-          "hawa-flex-wrap",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-});
-var TabsTrigger2 = React44.forwardRef(
-  ({ className, chipProps, withPopover = false, onPopoverClick, ...props }, ref) => {
-    const { orientation, variant } = React44.useContext(TabsContext);
-    if (withPopover) {
-      return /* @__PURE__ */ React44.createElement(Popover2.Root, { open: props.showPopover }, /* @__PURE__ */ React44.createElement(Popover2.Anchor, { asChild: true }, /* @__PURE__ */ React44.createElement(
-        TabsPrimitive.Trigger,
+          "hawa-flex hawa-flex-col hawa-overflow-clip hawa-transition-all hawa-duration-500 hawa-ease-in-out",
+          selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0"
+        )
+      },
+      props.showSuccess ? /* @__PURE__ */ import_react48.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_react48.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react48.default.createElement(
+        "svg",
         {
-          className: cn(
-            tabsTriggerVariant({ variant, orientation }),
-            "hawa-relative",
-            className
-          ),
-          ...props
+          stroke: "currentColor",
+          fill: "currentColor",
+          strokeWidth: "0",
+          viewBox: "0 0 512 512",
+          height: "0.5em",
+          width: "0.5em"
         },
-        props.children,
-        chipProps && /* @__PURE__ */ React44.createElement(Chip, { ...chipProps })
-      )), /* @__PURE__ */ React44.createElement(
-        Popover2.Content,
+        /* @__PURE__ */ import_react48.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_react48.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ import_react48.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react48.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ import_react48.default.createElement(
+        Popover2,
         {
-          onClick: onPopoverClick,
-          asChild: true,
-          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",
-            "hawa-arrow-default-top hawa-mt-2"
+          className: "hawa-select-none hawa-p-1 hawa-text-xs",
+          open: helperText,
+          trigger: /* @__PURE__ */ import_react48.default.createElement(
+            Textarea,
+            {
+              classNames: {
+                textarea: "hawa-mt-2 hawa-h-full hawa-resize-none"
+              },
+              textareaProps: {
+                placeholder: "Your feedback",
+                onChange: (e) => {
+                  if (e.target.value) {
+                    setHelperText(false);
+                  }
+                  setFeedbackText(e.target.value);
+                }
+              }
+            }
           )
         },
-        /* @__PURE__ */ React44.createElement("div", { className: "hawa-p-2" }, " ", props.popoverContent)
-      ));
-    } else {
-      return /* @__PURE__ */ React44.createElement(
-        TabsPrimitive.Trigger,
+        /* @__PURE__ */ import_react48.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
+      ), /* @__PURE__ */ import_react48.default.createElement(
+        Button,
         {
-          className: cn(
-            tabsTriggerVariant({ variant, orientation }),
-            "hawa-relative",
-            className
-          ),
-          ...props
+          isLoading: loadingSubmit,
+          onClick: onFeedbackSubmit,
+          className: "hawa-w-full",
+          size: "sm"
         },
-        props.children,
-        chipProps && /* @__PURE__ */ React44.createElement(Chip, { ...chipProps })
-      );
-    }
-  }
-);
-var TabsContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React44.createElement(
-  TabsPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "hawa-ring-offset-hawa-background hawa-w-full focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2",
-      className
-    ),
-    ...props
-  }
-));
-Tabs2.displayName = TabsPrimitive.Root.displayName;
-TabsList2.displayName = TabsPrimitive.List.displayName;
-TabsTrigger2.displayName = TabsPrimitive.Trigger.displayName;
-TabsContent.displayName = TabsPrimitive.Content.displayName;
+        "Submit"
+      ))
+    )
+  );
+};
+
+// blocks/feedback/FeedbackForm.tsx
+var import_react49 = __toESM(require("react"));
+var import_react_hook_form7 = require("react-hook-form");
+var import_zod7 = require("@hookform/resolvers/zod");
+var z7 = __toESM(require("zod"));
+var FeedbackForm = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const formSchema = z7.object({
+    requestType: z7.string({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.requestType) == null ? void 0 : _b.required }).min(1, { message: (_d = (_c = props.texts) == null ? void 0 : _c.requestType) == null ? void 0 : _d.required }),
+    description: z7.string({ required_error: (_f = (_e = props.texts) == null ? void 0 : _e.description) == null ? void 0 : _f.required }).min(10, { message: (_h = (_g = props.texts) == null ? void 0 : _g.description) == null ? void 0 : _h.tooShort })
+  });
+  const { handleSubmit, control, formState, reset } = (0, import_react_hook_form7.useForm)({
+    resolver: (0, import_zod7.zodResolver)(formSchema),
+    defaultValues: { requestType: "", description: "" }
+  });
+  return /* @__PURE__ */ import_react49.default.createElement(
+    Card,
+    {
+      className: cn(
+        props.cardless ? "hawa-border-none hawa-bg-transparent hawa-shadow-none" : ""
+      ),
+      style: props.cardless ? { boxShadow: "none" } : void 0
+    },
+    /* @__PURE__ */ import_react49.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ import_react49.default.createElement(
+      "form",
+      {
+        noValidate: true,
+        onSubmit: handleSubmit((e) => {
+          if (props.onSubmit) {
+            return props.onSubmit(e);
+          } else {
+            console.log("Form is submitted but onSubmit prop is missing");
+          }
+        }),
+        className: "hawa-flex hawa-flex-col hawa-gap-4"
+      },
+      /* @__PURE__ */ import_react49.default.createElement(
+        import_react_hook_form7.Controller,
+        {
+          name: "requestType",
+          control,
+          render: ({ field }) => {
+            var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+            return /* @__PURE__ */ import_react49.default.createElement(
+              Select,
+              {
+                ...field,
+                ...props.selectProps,
+                label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.requestType) == null ? void 0 : _b2.label,
+                onChange: (option) => field.onChange(option.value),
+                options: props.requestTypes,
+                helperText: (_d2 = (_c2 = formState.errors.requestType) == null ? void 0 : _c2.message) == null ? void 0 : _d2.toString(),
+                placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.placeholder,
+                texts: {
+                  noOptions: (_h2 = (_g2 = props.texts) == null ? void 0 : _g2.requestType) == null ? void 0 : _h2.noOptions
+                }
+              }
+            );
+          }
+        }
+      ),
+      /* @__PURE__ */ import_react49.default.createElement(
+        import_react_hook_form7.Controller,
+        {
+          name: "description",
+          control,
+          render: ({ field }) => {
+            var _a2, _b2, _c2, _d2, _e2, _f2;
+            return /* @__PURE__ */ import_react49.default.createElement(
+              Textarea,
+              {
+                helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
+                classNames: { textarea: "hawa-h-full hawa-min-h-20" },
+                label: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.label,
+                textareaProps: {
+                  onChange: (e) => {
+                    field.onChange(e.target.value);
+                  },
+                  value: field.value,
+                  placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.description) == null ? void 0 : _f2.placeholder
+                }
+              }
+            );
+          }
+        }
+      ),
+      /* @__PURE__ */ import_react49.default.createElement(Button, { isLoading: props.loadingSubmission, type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
+    ))
+  );
+};
 
 // blocks/misc/LegalTexts.tsx
+var import_react50 = __toESM(require("react"));
 var LegalTexts = ({ tabs, ...props }) => {
   return /* @__PURE__ */ import_react50.default.createElement(
-    Tabs2,
+    Tabs,
     {
       value: props.activeTab,
       onValueChange: props.handleTabChange,
       defaultValue: props.defaultTab || tabs[0].value,
       dir: props.direction
     },
-    /* @__PURE__ */ import_react50.default.createElement(TabsList2, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react50.default.createElement(TabsTrigger2, { key: index, value: tab.value }, tab.title))),
+    /* @__PURE__ */ import_react50.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react50.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
     tabs.map((tab, index) => /* @__PURE__ */ import_react50.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react50.default.createElement(
       ScrollArea,
       {