formatting

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rave-ui",
-  "version": "0.16.2",
+  "version": "0.16.9",
   "license": "MIT",
   "author": "BjoernRave",
   "main": "dist/src/index.js",

src/FormItems/Basic/Form.tsx

@@ -1,11 +1,11 @@
 import styled from "@emotion/styled"
 import { zodResolver } from "@hookform/resolvers/zod"
-import { FC, PropsWithChildren, useEffect } from "react"
+import { useEffect, type FC, type PropsWithChildren } from "react"
 import {
-  FieldErrorsImpl,
   FormProvider,
-  UseFormSetError,
   useForm,
+  type FieldErrorsImpl,
+  type UseFormSetError,
 } from "react-hook-form"
 import { SchemaContext } from "./SchemaContext"
 import SubmitButton from "./SubmitButton"
@@ -85,7 +85,7 @@ const Form: FC<PropsWithChildren<Props>> = ({
             })
           }}
         >
-          {children}
+          <div className="space-y-4 w-full">{children}</div>
           {submitButton && <SubmitButton>{submitText}</SubmitButton>}
         </StyledForm>
       </SchemaContext.Provider>

src/FormModal.tsx

@@ -8,9 +8,9 @@ import {
   DialogTitle,
   IconButton,
 } from "@mui/material"
-import { Breakpoint, styled } from "@mui/material/styles"
-import { FC, PropsWithChildren, ReactNode, useId } from "react"
-import { FieldErrorsImpl, UseFormSetError } from "react-hook-form"
+import { styled, type Breakpoint } from "@mui/material/styles"
+import { useId, type FC, type PropsWithChildren, type ReactNode } from "react"
+import type { FieldErrorsImpl, UseFormSetError } from "react-hook-form"
 import Form from "./FormItems/Basic/Form"
 import SubmitButton from "./FormItems/Basic/SubmitButton"
 import { useLocale } from "./lib/theme"
@@ -102,7 +102,7 @@ const FormModal: FC<PropsWithChildren<Props>> = ({
       >
         <DialogContent className="w-full" id={`${id}-content`}>
           {description && <DialogContentText>{description}</DialogContentText>}
-          {children}
+          <div className="space-y-4 w-full">{children}</div>
         </DialogContent>
         {!hideActions && (
           <DialogActions>

src/index.ts

@@ -1,4 +1,17 @@
-export * from "react-hook-form"
+export {
+  FormProvider,
+  useController,
+  useFieldArray,
+  useForm,
+  useFormContext,
+  useFormState,
+  useWatch,
+} from "react-hook-form"
+export type {
+  ControllerRenderProps,
+  FieldValues,
+  UseFormSetError,
+} from "react-hook-form"
 export { default as AppWrapper } from "./AppWrapper"
 export { default as BooleanIcon } from "./BooleanIcon"
 export { default as ButtonGroup } from "./ButtonGroup"