@intlayer/design-system 3.0.3 → 3.2.0

package/dist/components/Form/FormBase.cjs

@@ -23,7 +23,10 @@ const Form = require$$0.forwardRef(
     ...props
   }, ref) => {
     const onSubmit = async (values) => {
-      const parsedValues = schema.safeParse(values);
+      const parsedValues = schema?.safeParse(values) ?? {
+        success: true,
+        data: void 0
+      };
       await awaitFunction(onSubmitProp?.(values));
       if (parsedValues.success) {
         await awaitFunction(onSubmitSuccessProp?.(parsedValues.data));

package/dist/components/Form/FormBase.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormBase.cjs","sources":["../../../src/components/Form/FormBase.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { forwardRef, type Ref, type HTMLAttributes } from 'react';\nimport {\n  FormProvider,\n  type FormProviderProps,\n  useForm as useFormReactHookForm,\n  type UseFormProps,\n} from 'react-hook-form';\nimport type { ZodType, z } from 'zod';\nimport { cn } from '../../utils/cn';\n\ntype FormProps<T extends ZodType> = HTMLAttributes<HTMLFormElement> &\n  FormProviderProps<z.infer<T>> & {\n    schema: T;\n    onSubmit?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitSuccess?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitError?: (error: Error) => void | Promise<void>;\n    autoComplete?: boolean;\n  };\n\nconst awaitFunction = async (fn: any) => {\n  // Check if result is a Promise (Thenable)\n\n  if (fn && typeof fn.then === 'function') {\n    // It's a Promise, so wait for it to resolve\n    await fn;\n  }\n  // If not a Promise, it will just execute without awaiting\n};\n\nexport const Form = forwardRef(\n  <T extends ZodType>(\n    {\n      schema,\n      onSubmit: onSubmitProp,\n      onSubmitSuccess: onSubmitSuccessProp,\n      onSubmitError: onSubmitErrorProp,\n      className,\n      children,\n      autoComplete,\n      ...props\n    }: FormProps<T>,\n    ref: Ref<HTMLFormElement>\n  ) => {\n    const onSubmit = async (values: T) => {\n      const parsedValues = schema.safeParse(values);\n\n      // onSubmitProp?.(values);\n      await awaitFunction(onSubmitProp?.(values));\n\n      if (parsedValues.success) {\n        await awaitFunction(onSubmitSuccessProp?.(parsedValues.data));\n      } else {\n        await awaitFunction(\n          onSubmitErrorProp?.(\n            new Error(\n              parsedValues.error.errors.map((error) => error.message).join(', ')\n            )\n          )\n        );\n      }\n    };\n\n    return (\n      <FormProvider {...props}>\n        <form\n          className={cn('flex size-full flex-col gap-y-6', className)}\n          // eslint-disable-next-line sonarjs/no-misused-promises\n          onSubmit={props.handleSubmit(onSubmit)}\n          autoComplete={autoComplete ? 'on' : 'off'}\n          ref={ref}\n        >\n          {children}\n        </form>\n      </FormProvider>\n    );\n  }\n);\n\nForm.displayName = 'Form';\n\nexport const useForm = <T extends ZodType>(\n  schema: T,\n  props?: UseFormProps<z.infer<T>>\n) => {\n  const form = useFormReactHookForm<z.infer<T>>({\n    resolver: zodResolver(schema),\n    ...props,\n  });\n\n  const isSubmitting = form.formState.isSubmitting;\n  const isSubmitted = form.formState.isSubmitted;\n  const isLoading = form.formState.isLoading;\n  const isValid = form.formState.isValid;\n\n  return {\n    form,\n    isSubmitting,\n    isSubmitted,\n    isLoading,\n    isValid,\n  };\n};\n"],"names":["forwardRef","jsx","FormProvider","cn","useFormReactHookForm","zodResolver"],"mappings":";;;;;;;;AAuBA,MAAM,gBAAgB,OAAO,OAAY;AAGvC,MAAI,MAAM,OAAO,GAAG,SAAS,YAAY;AAEjC,UAAA;AAAA,EACR;AAEF;AAEO,MAAM,OAAOA,WAAA;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACG,UAAA,WAAW,OAAO,WAAc;AAC9B,YAAA,eAAe,OAAO,UAAU,MAAM;AAGtC,YAAA,cAAc,eAAe,MAAM,CAAC;AAE1C,UAAI,aAAa,SAAS;AACxB,cAAM,cAAc,sBAAsB,aAAa,IAAI,CAAC;AAAA,MAAA,OACvD;AACC,cAAA;AAAA,UACJ;AAAA,YACE,IAAI;AAAA,cACF,aAAa,MAAM,OAAO,IAAI,CAAC,UAAU,MAAM,OAAO,EAAE,KAAK,IAAI;AAAA,YACnE;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAIA,WAAAC,2BAAA,kBAAA,IAACC,cAAc,cAAA,EAAA,GAAG,OAChB,UAAAD,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE,SAAAA,GAAG,mCAAmC,SAAS;AAAA,QAE1D,UAAU,MAAM,aAAa,QAAQ;AAAA,QACrC,cAAc,eAAe,OAAO;AAAA,QACpC;AAAA,QAEC;AAAA,MAAA;AAAA,IAEL,EAAA,CAAA;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AAEN,MAAA,UAAU,CACrB,QACA,UACG;AACH,QAAM,OAAOC,cAAAA,QAAiC;AAAA,IAC5C,UAAUC,MAAY,MAAM;AAAA,IAC5B,GAAG;AAAA,EAAA,CACJ;AAEK,QAAA,eAAe,KAAK,UAAU;AAC9B,QAAA,cAAc,KAAK,UAAU;AAC7B,QAAA,YAAY,KAAK,UAAU;AAC3B,QAAA,UAAU,KAAK,UAAU;AAExB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;;"}
+{"version":3,"file":"FormBase.cjs","sources":["../../../src/components/Form/FormBase.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { forwardRef, type Ref, type HTMLAttributes } from 'react';\nimport {\n  FormProvider,\n  type FormProviderProps,\n  useForm as useFormReactHookForm,\n  type UseFormProps,\n} from 'react-hook-form';\nimport type { ZodType, z } from 'zod';\nimport { cn } from '../../utils/cn';\n\ntype FormProps<T extends ZodType> = HTMLAttributes<HTMLFormElement> &\n  FormProviderProps<z.infer<T>> & {\n    schema?: T;\n    onSubmit?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitSuccess?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitError?: (error: Error) => void | Promise<void>;\n    autoComplete?: boolean;\n  };\n\nconst awaitFunction = async (fn: any) => {\n  // Check if result is a Promise (Thenable)\n\n  if (fn && typeof fn.then === 'function') {\n    // It's a Promise, so wait for it to resolve\n    await fn;\n  }\n  // If not a Promise, it will just execute without awaiting\n};\n\nexport const Form = forwardRef(\n  <T extends ZodType>(\n    {\n      schema,\n      onSubmit: onSubmitProp,\n      onSubmitSuccess: onSubmitSuccessProp,\n      onSubmitError: onSubmitErrorProp,\n      className,\n      children,\n      autoComplete,\n      ...props\n    }: FormProps<T>,\n    ref: Ref<HTMLFormElement>\n  ) => {\n    const onSubmit = async (values: T) => {\n      const parsedValues = schema?.safeParse(values) ?? {\n        success: true,\n        data: undefined,\n      };\n\n      // onSubmitProp?.(values);\n      await awaitFunction(onSubmitProp?.(values));\n\n      if (parsedValues.success) {\n        await awaitFunction(onSubmitSuccessProp?.(parsedValues.data));\n      } else {\n        await awaitFunction(\n          onSubmitErrorProp?.(\n            new Error(\n              parsedValues.error.errors.map((error) => error.message).join(', ')\n            )\n          )\n        );\n      }\n    };\n\n    return (\n      <FormProvider {...props}>\n        <form\n          className={cn('flex size-full flex-col gap-y-6', className)}\n          onSubmit={props.handleSubmit(onSubmit)}\n          autoComplete={autoComplete ? 'on' : 'off'}\n          ref={ref}\n        >\n          {children}\n        </form>\n      </FormProvider>\n    );\n  }\n);\n\nForm.displayName = 'Form';\n\nexport const useForm = <T extends ZodType>(\n  schema: T,\n  props?: UseFormProps<z.infer<T>>\n) => {\n  const form = useFormReactHookForm<z.infer<T>>({\n    resolver: zodResolver(schema),\n    ...props,\n  });\n\n  const isSubmitting = form.formState.isSubmitting;\n  const isSubmitted = form.formState.isSubmitted;\n  const isLoading = form.formState.isLoading;\n  const isValid = form.formState.isValid;\n\n  return {\n    form,\n    isSubmitting,\n    isSubmitted,\n    isLoading,\n    isValid,\n  };\n};\n"],"names":["forwardRef","jsx","FormProvider","cn","useFormReactHookForm","zodResolver"],"mappings":";;;;;;;;AAuBA,MAAM,gBAAgB,OAAO,OAAY;AAGvC,MAAI,MAAM,OAAO,GAAG,SAAS,YAAY;AAEjC,UAAA;AAAA,EACR;AAEF;AAEO,MAAM,OAAOA,WAAA;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACG,UAAA,WAAW,OAAO,WAAc;AACpC,YAAM,eAAe,QAAQ,UAAU,MAAM,KAAK;AAAA,QAChD,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAIF,YAAA,cAAc,eAAe,MAAM,CAAC;AAE1C,UAAI,aAAa,SAAS;AACxB,cAAM,cAAc,sBAAsB,aAAa,IAAI,CAAC;AAAA,MAAA,OACvD;AACC,cAAA;AAAA,UACJ;AAAA,YACE,IAAI;AAAA,cACF,aAAa,MAAM,OAAO,IAAI,CAAC,UAAU,MAAM,OAAO,EAAE,KAAK,IAAI;AAAA,YACnE;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAIA,WAAAC,2BAAA,kBAAA,IAACC,cAAc,cAAA,EAAA,GAAG,OAChB,UAAAD,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE,SAAAA,GAAG,mCAAmC,SAAS;AAAA,QAC1D,UAAU,MAAM,aAAa,QAAQ;AAAA,QACrC,cAAc,eAAe,OAAO;AAAA,QACpC;AAAA,QAEC;AAAA,MAAA;AAAA,IAEL,EAAA,CAAA;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AAEN,MAAA,UAAU,CACrB,QACA,UACG;AACH,QAAM,OAAOC,cAAAA,QAAiC;AAAA,IAC5C,UAAUC,MAAY,MAAM;AAAA,IAC5B,GAAG;AAAA,EAAA,CACJ;AAEK,QAAA,eAAe,KAAK,UAAU;AAC9B,QAAA,cAAc,KAAK,UAAU;AAC7B,QAAA,YAAY,KAAK,UAAU;AAC3B,QAAA,UAAU,KAAK,UAAU;AAExB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;;"}

package/dist/components/Form/FormBase.d.ts

@@ -1,11 +1,10 @@
 import { HTMLAttributes } from 'react';
 import { UseFormProps } from 'react-hook-form';
 import { ZodType, z } from 'zod';
-
 export declare const Form: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLFormElement> & {
     children: React.ReactNode | React.ReactNode[];
 } & import('react-hook-form').UseFormReturn<any, any, undefined> & {
-    schema: ZodType<any, z.ZodTypeDef, any>;
+    schema?: ZodType<any, z.ZodTypeDef, any> | undefined;
     onSubmit?: ((data: any) => void | Promise<void>) | undefined;
     onSubmitSuccess?: ((data: any) => void | Promise<void>) | undefined;
     onSubmitError?: (error: Error) => void | Promise<void>;

package/dist/components/Form/FormBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormBase.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormBase.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAsBtC,eAAO,MAAM,IAAI;oBAyEk+uB,SAAS,SAAS,SAAS;;;+BAzFz+uB,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;sCACb,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;oBAC5C,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;mBACvC,OAAO;mDA4DzB,CAAC;AAIF,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,OAAO,UAC/B,CAAC,UACD,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;;;;;CAmBjC,CAAC"}
+{"version":3,"file":"FormBase.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormBase.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAsBtC,eAAO,MAAM,IAAI;oBA2Eo+uB,SAAS,SAAS,SAAS;;;+BA3F3+uB,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;sCACb,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;oBAC5C,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;mBACvC,OAAO;mDA8DzB,CAAC;AAIF,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,OAAO,UAC/B,CAAC,UACD,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;;;;;CAmBjC,CAAC"}

package/dist/components/Form/FormBase.mjs

@@ -21,7 +21,10 @@ const Form = forwardRef(
     ...props
   }, ref) => {
     const onSubmit = async (values) => {
-      const parsedValues = schema.safeParse(values);
+      const parsedValues = schema?.safeParse(values) ?? {
+        success: true,
+        data: void 0
+      };
       await awaitFunction(onSubmitProp?.(values));
       if (parsedValues.success) {
         await awaitFunction(onSubmitSuccessProp?.(parsedValues.data));

package/dist/components/Form/FormBase.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormBase.mjs","sources":["../../../src/components/Form/FormBase.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { forwardRef, type Ref, type HTMLAttributes } from 'react';\nimport {\n  FormProvider,\n  type FormProviderProps,\n  useForm as useFormReactHookForm,\n  type UseFormProps,\n} from 'react-hook-form';\nimport type { ZodType, z } from 'zod';\nimport { cn } from '../../utils/cn';\n\ntype FormProps<T extends ZodType> = HTMLAttributes<HTMLFormElement> &\n  FormProviderProps<z.infer<T>> & {\n    schema: T;\n    onSubmit?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitSuccess?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitError?: (error: Error) => void | Promise<void>;\n    autoComplete?: boolean;\n  };\n\nconst awaitFunction = async (fn: any) => {\n  // Check if result is a Promise (Thenable)\n\n  if (fn && typeof fn.then === 'function') {\n    // It's a Promise, so wait for it to resolve\n    await fn;\n  }\n  // If not a Promise, it will just execute without awaiting\n};\n\nexport const Form = forwardRef(\n  <T extends ZodType>(\n    {\n      schema,\n      onSubmit: onSubmitProp,\n      onSubmitSuccess: onSubmitSuccessProp,\n      onSubmitError: onSubmitErrorProp,\n      className,\n      children,\n      autoComplete,\n      ...props\n    }: FormProps<T>,\n    ref: Ref<HTMLFormElement>\n  ) => {\n    const onSubmit = async (values: T) => {\n      const parsedValues = schema.safeParse(values);\n\n      // onSubmitProp?.(values);\n      await awaitFunction(onSubmitProp?.(values));\n\n      if (parsedValues.success) {\n        await awaitFunction(onSubmitSuccessProp?.(parsedValues.data));\n      } else {\n        await awaitFunction(\n          onSubmitErrorProp?.(\n            new Error(\n              parsedValues.error.errors.map((error) => error.message).join(', ')\n            )\n          )\n        );\n      }\n    };\n\n    return (\n      <FormProvider {...props}>\n        <form\n          className={cn('flex size-full flex-col gap-y-6', className)}\n          // eslint-disable-next-line sonarjs/no-misused-promises\n          onSubmit={props.handleSubmit(onSubmit)}\n          autoComplete={autoComplete ? 'on' : 'off'}\n          ref={ref}\n        >\n          {children}\n        </form>\n      </FormProvider>\n    );\n  }\n);\n\nForm.displayName = 'Form';\n\nexport const useForm = <T extends ZodType>(\n  schema: T,\n  props?: UseFormProps<z.infer<T>>\n) => {\n  const form = useFormReactHookForm<z.infer<T>>({\n    resolver: zodResolver(schema),\n    ...props,\n  });\n\n  const isSubmitting = form.formState.isSubmitting;\n  const isSubmitted = form.formState.isSubmitted;\n  const isLoading = form.formState.isLoading;\n  const isValid = form.formState.isValid;\n\n  return {\n    form,\n    isSubmitting,\n    isSubmitted,\n    isLoading,\n    isValid,\n  };\n};\n"],"names":["jsx","useFormReactHookForm","zodResolver"],"mappings":";;;;;;AAuBA,MAAM,gBAAgB,OAAO,OAAY;AAGvC,MAAI,MAAM,OAAO,GAAG,SAAS,YAAY;AAEjC,UAAA;AAAA,EACR;AAEF;AAEO,MAAM,OAAO;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACG,UAAA,WAAW,OAAO,WAAc;AAC9B,YAAA,eAAe,OAAO,UAAU,MAAM;AAGtC,YAAA,cAAc,eAAe,MAAM,CAAC;AAE1C,UAAI,aAAa,SAAS;AACxB,cAAM,cAAc,sBAAsB,aAAa,IAAI,CAAC;AAAA,MAAA,OACvD;AACC,cAAA;AAAA,UACJ;AAAA,YACE,IAAI;AAAA,cACF,aAAa,MAAM,OAAO,IAAI,CAAC,UAAU,MAAM,OAAO,EAAE,KAAK,IAAI;AAAA,YACnE;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAIA,WAAAA,kCAAA,IAAC,cAAc,EAAA,GAAG,OAChB,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,mCAAmC,SAAS;AAAA,QAE1D,UAAU,MAAM,aAAa,QAAQ;AAAA,QACrC,cAAc,eAAe,OAAO;AAAA,QACpC;AAAA,QAEC;AAAA,MAAA;AAAA,IAEL,EAAA,CAAA;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AAEN,MAAA,UAAU,CACrB,QACA,UACG;AACH,QAAM,OAAOC,UAAiC;AAAA,IAC5C,UAAUC,EAAY,MAAM;AAAA,IAC5B,GAAG;AAAA,EAAA,CACJ;AAEK,QAAA,eAAe,KAAK,UAAU;AAC9B,QAAA,cAAc,KAAK,UAAU;AAC7B,QAAA,YAAY,KAAK,UAAU;AAC3B,QAAA,UAAU,KAAK,UAAU;AAExB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"FormBase.mjs","sources":["../../../src/components/Form/FormBase.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { forwardRef, type Ref, type HTMLAttributes } from 'react';\nimport {\n  FormProvider,\n  type FormProviderProps,\n  useForm as useFormReactHookForm,\n  type UseFormProps,\n} from 'react-hook-form';\nimport type { ZodType, z } from 'zod';\nimport { cn } from '../../utils/cn';\n\ntype FormProps<T extends ZodType> = HTMLAttributes<HTMLFormElement> &\n  FormProviderProps<z.infer<T>> & {\n    schema?: T;\n    onSubmit?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitSuccess?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitError?: (error: Error) => void | Promise<void>;\n    autoComplete?: boolean;\n  };\n\nconst awaitFunction = async (fn: any) => {\n  // Check if result is a Promise (Thenable)\n\n  if (fn && typeof fn.then === 'function') {\n    // It's a Promise, so wait for it to resolve\n    await fn;\n  }\n  // If not a Promise, it will just execute without awaiting\n};\n\nexport const Form = forwardRef(\n  <T extends ZodType>(\n    {\n      schema,\n      onSubmit: onSubmitProp,\n      onSubmitSuccess: onSubmitSuccessProp,\n      onSubmitError: onSubmitErrorProp,\n      className,\n      children,\n      autoComplete,\n      ...props\n    }: FormProps<T>,\n    ref: Ref<HTMLFormElement>\n  ) => {\n    const onSubmit = async (values: T) => {\n      const parsedValues = schema?.safeParse(values) ?? {\n        success: true,\n        data: undefined,\n      };\n\n      // onSubmitProp?.(values);\n      await awaitFunction(onSubmitProp?.(values));\n\n      if (parsedValues.success) {\n        await awaitFunction(onSubmitSuccessProp?.(parsedValues.data));\n      } else {\n        await awaitFunction(\n          onSubmitErrorProp?.(\n            new Error(\n              parsedValues.error.errors.map((error) => error.message).join(', ')\n            )\n          )\n        );\n      }\n    };\n\n    return (\n      <FormProvider {...props}>\n        <form\n          className={cn('flex size-full flex-col gap-y-6', className)}\n          onSubmit={props.handleSubmit(onSubmit)}\n          autoComplete={autoComplete ? 'on' : 'off'}\n          ref={ref}\n        >\n          {children}\n        </form>\n      </FormProvider>\n    );\n  }\n);\n\nForm.displayName = 'Form';\n\nexport const useForm = <T extends ZodType>(\n  schema: T,\n  props?: UseFormProps<z.infer<T>>\n) => {\n  const form = useFormReactHookForm<z.infer<T>>({\n    resolver: zodResolver(schema),\n    ...props,\n  });\n\n  const isSubmitting = form.formState.isSubmitting;\n  const isSubmitted = form.formState.isSubmitted;\n  const isLoading = form.formState.isLoading;\n  const isValid = form.formState.isValid;\n\n  return {\n    form,\n    isSubmitting,\n    isSubmitted,\n    isLoading,\n    isValid,\n  };\n};\n"],"names":["jsx","useFormReactHookForm","zodResolver"],"mappings":";;;;;;AAuBA,MAAM,gBAAgB,OAAO,OAAY;AAGvC,MAAI,MAAM,OAAO,GAAG,SAAS,YAAY;AAEjC,UAAA;AAAA,EACR;AAEF;AAEO,MAAM,OAAO;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACG,UAAA,WAAW,OAAO,WAAc;AACpC,YAAM,eAAe,QAAQ,UAAU,MAAM,KAAK;AAAA,QAChD,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAIF,YAAA,cAAc,eAAe,MAAM,CAAC;AAE1C,UAAI,aAAa,SAAS;AACxB,cAAM,cAAc,sBAAsB,aAAa,IAAI,CAAC;AAAA,MAAA,OACvD;AACC,cAAA;AAAA,UACJ;AAAA,YACE,IAAI;AAAA,cACF,aAAa,MAAM,OAAO,IAAI,CAAC,UAAU,MAAM,OAAO,EAAE,KAAK,IAAI;AAAA,YACnE;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAIA,WAAAA,kCAAA,IAAC,cAAc,EAAA,GAAG,OAChB,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,mCAAmC,SAAS;AAAA,QAC1D,UAAU,MAAM,aAAa,QAAQ;AAAA,QACrC,cAAc,eAAe,OAAO;AAAA,QACpC;AAAA,QAEC;AAAA,MAAA;AAAA,IAEL,EAAA,CAAA;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AAEN,MAAA,UAAU,CACrB,QACA,UACG;AACH,QAAM,OAAOC,UAAiC;AAAA,IAC5C,UAAUC,EAAY,MAAM;AAAA,IAC5B,GAAG;AAAA,EAAA,CACJ;AAEK,QAAA,eAAe,KAAK,UAAU;AAC9B,QAAA,cAAc,KAAK,UAAU;AAC7B,QAAA,YAAY,KAAK,UAAU;AAC3B,QAAA,UAAU,KAAK,UAAU;AAExB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/components/Form/FormDescription.d.ts

@@ -1,4 +1,3 @@
 import { HTMLAttributes } from 'react';
-
 export declare const FormDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
 //# sourceMappingURL=FormDescription.d.ts.map

package/dist/components/Form/FormField.d.ts

@@ -1,5 +1,4 @@
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
-
 export declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
 export declare const useFormField: () => {
     invalid: boolean;

package/dist/components/Form/FormItem.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export declare const FormItem: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
 type FormItemContextValue = {
     id: string;

package/dist/components/Form/FormMessage.d.ts

@@ -1,4 +1,3 @@
 import { FC, HTMLAttributes } from 'react';
-
 export declare const FormMessage: FC<HTMLAttributes<HTMLParagraphElement>>;
 //# sourceMappingURL=FormMessage.d.ts.map

package/dist/components/Form/elements/CheckboxElement.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../jsx-runtime-DvCoRj5u.cjs");
+require("react");
+require("../../Input/Input.cjs");
+require("../../Input/InputPassword.cjs");
+require("../../Input/Checkbox.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
+exports.CheckboxElement = components_Form_layout_FormItemLayout.CheckboxElement;
+//# sourceMappingURL=CheckboxElement.cjs.map

package/dist/components/Form/elements/CheckboxElement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxElement.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/Form/elements/CheckboxElement.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps, FC } from 'react';
+import { Checkbox } from '../../Input';
+import { FormElementProps } from './FormElement';
+type CheckboxElementProps = Omit<FormElementProps<typeof Checkbox>, 'Element'> & ComponentProps<typeof Checkbox> & {
+    name: string;
+    inputLabel?: string;
+};
+export declare const CheckboxElement: FC<CheckboxElementProps>;
+export {};
+//# sourceMappingURL=CheckboxElement.d.ts.map

package/dist/components/Form/elements/CheckboxElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/CheckboxElement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAe,MAAM,eAAe,CAAC;AAE9D,KAAK,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,QAAQ,CAAC,EAAE,SAAS,CAAC,GAC5E,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAcJ,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAapD,CAAC"}

package/dist/components/Form/elements/CheckboxElement.mjs

@@ -0,0 +1,10 @@
+import "../../../jsx-runtime-BgSF1HG2.js";
+import "react";
+import "../../Input/Input.mjs";
+import "../../Input/InputPassword.mjs";
+import "../../Input/Checkbox.mjs";
+import { C } from "../../../Form-DyFBmVya.js";
+export {
+  C as CheckboxElement
+};
+//# sourceMappingURL=CheckboxElement.mjs.map

package/dist/components/Form/elements/CheckboxElement.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxElement.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Form/elements/EditableFieldInputElement.cjs

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-DvCoRj5u.cjs");
 require("../../EditableField/EditableFieldInput.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-wWTTkxTp.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
 exports.EditableFieldInputElement = components_Form_layout_FormItemLayout.EditableFieldInputElement;
 //# sourceMappingURL=EditableFieldInputElement.cjs.map

package/dist/components/Form/elements/EditableFieldInputElement.d.ts

@@ -1,7 +1,6 @@
 import { ComponentProps, ReactNode } from 'react';
 import { EditableFieldInput } from '../../EditableField/EditableFieldInput';
 import { FormElementProps } from './FormElement';
-
 type EditableFieldInputElementProps = Omit<FormElementProps<typeof EditableFieldInput>, 'Element'> & Omit<ComponentProps<typeof EditableFieldInput>, 'onChange'> & {
     name: string;
     description?: string;

package/dist/components/Form/elements/EditableFieldInputElement.mjs

@@ -1,6 +1,6 @@
 import "../../../jsx-runtime-BgSF1HG2.js";
 import "../../EditableField/EditableFieldInput.mjs";
-import { E } from "../../../Form-Cbu7ff1e.js";
+import { E } from "../../../Form-DyFBmVya.js";
 export {
   E as EditableFieldInputElement
 };

package/dist/components/Form/elements/EditableFieldTextAreaElement.cjs

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-DvCoRj5u.cjs");
 require("../../EditableField/EditableFieldTextArea.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-wWTTkxTp.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
 exports.EditableFieldTextAreaElement = components_Form_layout_FormItemLayout.EditableFieldTextAreaElement;
 //# sourceMappingURL=EditableFieldTextAreaElement.cjs.map

package/dist/components/Form/elements/EditableFieldTextAreaElement.d.ts

@@ -1,7 +1,6 @@
 import { ComponentProps, ReactNode } from 'react';
 import { EditableFieldTextArea } from '../../EditableField/EditableFieldTextArea';
 import { FormElementProps } from './FormElement';
-
 type EditableFieldTextAreaElementProps = Omit<FormElementProps<typeof EditableFieldTextArea>, 'Element'> & Omit<ComponentProps<typeof EditableFieldTextArea>, 'onChange'> & {
     name: string;
     description?: string;

package/dist/components/Form/elements/EditableFieldTextAreaElement.mjs

@@ -1,6 +1,6 @@
 import "../../../jsx-runtime-BgSF1HG2.js";
 import "../../EditableField/EditableFieldTextArea.mjs";
-import { d } from "../../../Form-Cbu7ff1e.js";
+import { d } from "../../../Form-DyFBmVya.js";
 export {
   d as EditableFieldTextAreaElement
 };

package/dist/components/Form/elements/FormElement.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-DvCoRj5u.cjs");
 require("react-hook-form");
-const components_Form_layout_FormItemLayout = require("../../../Form-wWTTkxTp.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
 require("../FormField.cjs");
 require("clsx");
 require("tailwind-merge");

package/dist/components/Form/elements/FormElement.d.ts

@@ -1,6 +1,5 @@
 import { ComponentProps, ElementType, ReactNode } from 'react';
 import { FormItemLayoutProps } from '../layout';
-
 export type FormElementProps<T extends ElementType> = {
     name: string;
     Element: T;

package/dist/components/Form/elements/FormElement.mjs

@@ -1,6 +1,6 @@
 import "../../../jsx-runtime-BgSF1HG2.js";
 import "react-hook-form";
-import { b } from "../../../Form-Cbu7ff1e.js";
+import { b } from "../../../Form-DyFBmVya.js";
 import "../FormField.mjs";
 import "clsx";
 import "tailwind-merge";

package/dist/components/Form/elements/FormElementWrapper.d.ts

@@ -1,6 +1,5 @@
 import { FC, HTMLProps } from 'react';
 import { z } from 'zod';
-
 type FormElementWrapperProps = HTMLProps<HTMLFormElement> & {
     schema?: z.AnyZodObject;
     values?: z.infer<z.AnyZodObject>;

package/dist/components/Form/elements/InputElement.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-DvCoRj5u.cjs");
 require("../../Input/Input.cjs");
 require("../../Input/InputPassword.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-wWTTkxTp.cjs");
+require("../../Input/Checkbox.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
 exports.InputElement = components_Form_layout_FormItemLayout.InputElement;
 //# sourceMappingURL=InputElement.cjs.map

package/dist/components/Form/elements/InputElement.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputElement.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"InputElement.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/Form/elements/InputElement.d.ts

@@ -1,10 +1,9 @@
 import { ComponentProps, FC } from 'react';
 import { Input } from '../../../components/Input';
 import { FormElementProps } from './FormElement';
-
-type InputElementsProps = Omit<FormElementProps<typeof Input>, 'Element'> & ComponentProps<typeof Input> & {
+type InputElementProps = Omit<FormElementProps<typeof Input>, 'Element'> & ComponentProps<typeof Input> & {
     name: string;
 };
-export declare const InputElement: FC<InputElementsProps>;
+export declare const InputElement: FC<InputElementProps>;
 export {};
 //# sourceMappingURL=InputElement.d.ts.map

package/dist/components/Form/elements/InputElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/InputElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAe,MAAM,eAAe,CAAC;AAE9D,KAAK,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,KAAK,CAAC,EAAE,SAAS,CAAC,GACvE,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CAO/C,CAAC"}
+{"version":3,"file":"InputElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/InputElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAe,MAAM,eAAe,CAAC;AAE9D,KAAK,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,KAAK,CAAC,EAAE,SAAS,CAAC,GACtE,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAO9C,CAAC"}

package/dist/components/Form/elements/InputElement.mjs

@@ -1,7 +1,8 @@
 import "../../../jsx-runtime-BgSF1HG2.js";
 import "../../Input/Input.mjs";
 import "../../Input/InputPassword.mjs";
-import { I } from "../../../Form-Cbu7ff1e.js";
+import "../../Input/Checkbox.mjs";
+import { I } from "../../../Form-DyFBmVya.js";
 export {
   I as InputElement
 };

package/dist/components/Form/elements/InputElement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputElement.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"InputElement.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/Form/elements/InputPasswordElement.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-DvCoRj5u.cjs");
 require("../../Input/Input.cjs");
 require("../../Input/InputPassword.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-wWTTkxTp.cjs");
+require("../../Input/Checkbox.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
 exports.InputPasswordElement = components_Form_layout_FormItemLayout.InputPasswordElement;
 //# sourceMappingURL=InputPasswordElement.cjs.map

package/dist/components/Form/elements/InputPasswordElement.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputPasswordElement.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"InputPasswordElement.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/Form/elements/InputPasswordElement.d.ts

@@ -1,11 +1,10 @@
 import { ComponentProps, FC } from 'react';
 import { InputPassword } from '../../Input';
 import { FormElementProps } from './FormElement';
-
-type InputPasswordElementsProps = Omit<FormElementProps<typeof InputPassword>, 'Element'> & ComponentProps<typeof InputPassword> & {
+type InputPasswordElementProps = Omit<FormElementProps<typeof InputPassword>, 'Element'> & ComponentProps<typeof InputPassword> & {
     name: string;
     autoComplete: 'current-password' | 'new-password';
 };
-export declare const InputPasswordElement: FC<InputPasswordElementsProps>;
+export declare const InputPasswordElement: FC<InputPasswordElementProps>;
 export {};
 //# sourceMappingURL=InputPasswordElement.d.ts.map

package/dist/components/Form/elements/InputPasswordElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputPasswordElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/InputPasswordElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAe,MAAM,eAAe,CAAC;AAE9D,KAAK,0BAA0B,GAAG,IAAI,CACpC,gBAAgB,CAAC,OAAO,aAAa,CAAC,EACtC,SAAS,CACV,GACC,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,kBAAkB,GAAG,cAAc,CAAC;CACnD,CAAC;AAEJ,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,0BAA0B,CAa/D,CAAC"}
+{"version":3,"file":"InputPasswordElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/InputPasswordElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAe,MAAM,eAAe,CAAC;AAE9D,KAAK,yBAAyB,GAAG,IAAI,CACnC,gBAAgB,CAAC,OAAO,aAAa,CAAC,EACtC,SAAS,CACV,GACC,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,kBAAkB,GAAG,cAAc,CAAC;CACnD,CAAC;AAEJ,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAa9D,CAAC"}

package/dist/components/Form/elements/InputPasswordElement.mjs

@@ -1,7 +1,8 @@
 import "../../../jsx-runtime-BgSF1HG2.js";
 import "../../Input/Input.mjs";
 import "../../Input/InputPassword.mjs";
-import { c } from "../../../Form-Cbu7ff1e.js";
+import "../../Input/Checkbox.mjs";
+import { c } from "../../../Form-DyFBmVya.js";
 export {
   c as InputPasswordElement
 };

package/dist/components/Form/elements/InputPasswordElement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputPasswordElement.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"InputPasswordElement.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/Form/elements/MultiselectElement.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-DvCoRj5u.cjs");
 require("react-hook-form");
 require("../../Select/Multiselect.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-wWTTkxTp.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
 require("../FormField.cjs");
 exports.MultiSelectElement = components_Form_layout_FormItemLayout.MultiSelectElement;
 //# sourceMappingURL=MultiselectElement.cjs.map

package/dist/components/Form/elements/MultiselectElement.d.ts

@@ -1,7 +1,6 @@
 import { ComponentProps, ReactNode } from 'react';
 import { MultiSelect } from '../../Select/Multiselect';
 import { FormElementProps } from './FormElement';
-
 type SelectElementsProps = Omit<FormElementProps<typeof MultiSelect>, 'Element'> & ComponentProps<typeof MultiSelect> & {
     name: string;
     description?: string;

package/dist/components/Form/elements/MultiselectElement.mjs

@@ -1,7 +1,7 @@
 import "../../../jsx-runtime-BgSF1HG2.js";
 import "react-hook-form";
 import "../../Select/Multiselect.mjs";
-import { M } from "../../../Form-Cbu7ff1e.js";
+import { M } from "../../../Form-DyFBmVya.js";
 import "../FormField.mjs";
 export {
   M as MultiSelectElement

package/dist/components/Form/elements/SelectElement.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-DvCoRj5u.cjs");
 require("react-hook-form");
 require("../../Select/Select.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-wWTTkxTp.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
 require("../FormField.cjs");
 exports.SelectElement = components_Form_layout_FormItemLayout.SelectElement;
 //# sourceMappingURL=SelectElement.cjs.map

package/dist/components/Form/elements/SelectElement.d.ts

@@ -1,7 +1,6 @@
 import { ComponentProps, ReactNode } from 'react';
 import { Select } from '../../Select/Select';
 import { FormElementProps } from './FormElement';
-
 type SelectElementsProps = Omit<FormElementProps<typeof Select>, 'Element'> & ComponentProps<typeof Select> & {
     name: string;
     description?: string;

package/dist/components/Form/elements/SelectElement.mjs

@@ -1,7 +1,7 @@
 import "../../../jsx-runtime-BgSF1HG2.js";
 import "react-hook-form";
 import "../../Select/Select.mjs";
-import { S } from "../../../Form-Cbu7ff1e.js";
+import { S } from "../../../Form-DyFBmVya.js";
 import "../FormField.mjs";
 export {
   S as SelectElement

package/dist/components/Form/elements/SwitchSelectorElement.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-DvCoRj5u.cjs");
 require("react-hook-form");
 require("../../SwitchSelector/index.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-wWTTkxTp.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
 require("../FormField.cjs");
 exports.SwitchSelectorElement = components_Form_layout_FormItemLayout.SwitchSelectorElement;
 //# sourceMappingURL=SwitchSelectorElement.cjs.map

package/dist/components/Form/elements/SwitchSelectorElement.d.ts

@@ -1,7 +1,6 @@
 import { ComponentProps, ReactNode } from 'react';
 import { SwitchSelector } from '../../SwitchSelector';
 import { FormElementProps } from './FormElement';
-
 type SwitchSelectorElementProps = Omit<FormElementProps<typeof SwitchSelector>, 'Element'> & ComponentProps<typeof SwitchSelector> & {
     name: string;
     description?: string;

package/dist/components/Form/elements/SwitchSelectorElement.mjs

@@ -1,7 +1,7 @@
 import "../../../jsx-runtime-BgSF1HG2.js";
 import "react-hook-form";
 import "../../SwitchSelector/index.mjs";
-import { e } from "../../../Form-Cbu7ff1e.js";
+import { e } from "../../../Form-DyFBmVya.js";
 import "../FormField.mjs";
 export {
   e as SwitchSelectorElement

package/dist/components/Form/elements/TextAreaElement.cjs

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-DvCoRj5u.cjs");
 require("../../TextArea/TextArea.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-wWTTkxTp.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
 exports.TextAreaElement = components_Form_layout_FormItemLayout.TextAreaElement;
 //# sourceMappingURL=TextAreaElement.cjs.map

package/dist/components/Form/elements/TextAreaElement.d.ts

@@ -1,7 +1,6 @@
 import { FC } from 'react';
 import { TextArea } from '../../TextArea/TextArea';
 import { FormElementProps } from './FormElement';
-
 type TextAreaElementsProps = Omit<FormElementProps<typeof TextArea>, 'Element'> & React.ComponentProps<typeof TextArea> & {
     name: string;
 };

package/dist/components/Form/elements/TextAreaElement.mjs

@@ -1,6 +1,6 @@
 import "../../../jsx-runtime-BgSF1HG2.js";
 import "../../TextArea/TextArea.mjs";
-import { T } from "../../../Form-Cbu7ff1e.js";
+import { T } from "../../../Form-DyFBmVya.js";
 export {
   T as TextAreaElement
 };

package/dist/components/Form/elements/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_Form_layout_FormItemLayout = require("../../../Form-wWTTkxTp.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
 exports.EditableFieldInputElement = components_Form_layout_FormItemLayout.EditableFieldInputElement;
 exports.EditableFieldTextAreaElement = components_Form_layout_FormItemLayout.EditableFieldTextAreaElement;
 exports.FormElement = components_Form_layout_FormItemLayout.FormElement;

package/dist/components/Form/elements/index.mjs

@@ -1,4 +1,4 @@
-import { E, d, b, I, c, T } from "../../../Form-Cbu7ff1e.js";
+import { E, d, b, I, c, T } from "../../../Form-DyFBmVya.js";
 export {
   E as EditableFieldInputElement,
   d as EditableFieldTextAreaElement,

package/dist/components/Form/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const components_Form_FormBase = require("./FormBase.cjs");
 const components_Form_FormField = require("./FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../Form-wWTTkxTp.cjs");
+const components_Form_layout_FormItemLayout = require("../../Form-DERuauvB.cjs");
 exports.useForm = components_Form_FormBase.useForm;
 exports.useFormField = components_Form_FormField.useFormField;
 exports.Form = components_Form_layout_FormItemLayout.Form;

package/dist/components/Form/index.mjs

@@ -1,6 +1,6 @@
 import { useForm } from "./FormBase.mjs";
 import { useFormField } from "./FormField.mjs";
-import { F } from "../../Form-Cbu7ff1e.js";
+import { F } from "../../Form-DyFBmVya.js";
 export {
   F as Form,
   useForm,

package/dist/components/Form/layout/FormItemLayout.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-DvCoRj5u.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-wWTTkxTp.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
 require("./FormLabelLayout.cjs");
 exports.FormItemLayout = components_Form_layout_FormItemLayout.FormItemLayout;
 //# sourceMappingURL=FormItemLayout.cjs.map

package/dist/components/Form/layout/FormItemLayout.d.ts

@@ -1,8 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { FormLabelLayoutProps } from './FormLabelLayout';
-
 export type FormItemLayoutProps = Omit<FormLabelLayoutProps, 'children'> & {
-    label: ReactNode;
+    label?: ReactNode;
     description?: ReactNode;
     children: ReactNode;
     showErrorMessage?: boolean;

package/dist/components/Form/layout/FormItemLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormItemLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/layout/FormItemLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG;IACzE,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoBlD,CAAC"}
+{"version":3,"file":"FormItemLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/layout/FormItemLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoBlD,CAAC"}

package/dist/components/Form/layout/FormItemLayout.mjs

@@ -1,5 +1,5 @@
 import "../../../jsx-runtime-BgSF1HG2.js";
-import { a } from "../../../Form-Cbu7ff1e.js";
+import { a } from "../../../Form-DyFBmVya.js";
 import "./FormLabelLayout.mjs";
 export {
   a as FormItemLayout

package/dist/components/Form/layout/FormLabelLayout.d.ts

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
-
 export type FormLabelLayoutProps = {
     children?: ReactNode;
     isRequired?: boolean;

package/dist/components/Form/layout/RequiredStar.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 type RequiredStarProps = {
     isRequired?: boolean;
 };

package/dist/components/Form/layout/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_Form_layout_FormItemLayout = require("../../../Form-wWTTkxTp.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
 const components_Form_layout_FormLabelLayout = require("./FormLabelLayout.cjs");
 exports.FormItemLayout = components_Form_layout_FormItemLayout.FormItemLayout;
 exports.FormLabelLayout = components_Form_layout_FormLabelLayout.FormLabelLayout;

package/dist/components/Form/layout/index.mjs

@@ -1,4 +1,4 @@
-import { a } from "../../../Form-Cbu7ff1e.js";
+import { a } from "../../../Form-DyFBmVya.js";
 import { FormLabelLayout } from "./FormLabelLayout.mjs";
 export {
   a as FormItemLayout,

package/dist/components/Headers/index.d.ts

@@ -1,5 +1,4 @@
 import { FC, HTMLAttributes } from 'react';
-
 type HeadingProps = HTMLAttributes<HTMLHeadingElement> & {
     isClickable?: boolean;
 };