refactor: use ZodTypeLike from libjs

Author: joshunrau

src/components/Form/Form.stories.tsx

@@ -3,6 +3,7 @@
 import { useEffect, useState } from 'react';
 
 import { sleep } from '@douglasneuroinformatics/libjs';
+import type { ZodTypeLike } from '@douglasneuroinformatics/libjs';
 import type { FormFields } from '@douglasneuroinformatics/libui-form-types';
 import type FormTypes from '@douglasneuroinformatics/libui-form-types';
 import type { Meta, StoryObj } from '@storybook/react';
@@ -12,8 +13,6 @@ import { z } from 'zod/v4';
 import { Heading } from '../Heading';
 import { Form } from './Form';
 
-import type { ZodTypeLike } from './types';
-
 const DISABLED = false;
 
 const $ExampleFormData = z.object({

src/components/Form/Form.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react';
 
+import type { ZodErrorLike, ZodTypeLike } from '@douglasneuroinformatics/libjs';
 import type {
   FormContent,
   FormDataType,
@@ -21,9 +22,9 @@ import { ErrorMessage } from './ErrorMessage';
 import { FieldsComponent } from './FieldsComponent';
 import { getInitialValues } from './utils';
 
-import type { FormErrors, ZodErrorLike, ZodTypeLike } from './types';
+import type { FormErrors } from './types';
 
-type FormProps<TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema['_input'] = TSchema['_input']> = {
+type FormProps<TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema['_output'] = TSchema['_output']> = {
   [key: `data-${string}`]: unknown;
   additionalButtons?: {
     left?: React.ReactNode;
@@ -52,7 +53,7 @@ type FormProps<TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema[
   validationSchema: ZodTypeLike<TData>;
 };
 
-const Form = <TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema['_input'] = TSchema['_input']>({
+const Form = <TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema['_output'] = TSchema['_output']>({
   additionalButtons,
   className,
   content,

src/components/Form/types.ts

@@ -25,36 +25,3 @@ export type BaseFieldComponentProps<TValue extends FormFieldValue = FormFieldVal
 export type FormErrors<TData extends FormDataType = FormDataType> = {
   [K in keyof TData]?: FieldError<TData[K]>;
 };
-
-export type ZodIssueLike = {
-  [key: string]: any;
-  readonly code: string;
-  readonly message: string;
-  readonly path: PropertyKey[];
-};
-
-export type ZodErrorLike = {
-  cause?: unknown;
-  issues: ZodIssueLike[];
-  name: string;
-};
-
-export type ZodSafeParseResultLike<T> = ZodSafeParseErrorLike | ZodSafeParseSuccessLike<T>;
-
-export type ZodSafeParseSuccessLike<TOutput> = {
-  data: TOutput;
-  error?: never;
-  success: true;
-};
-
-export type ZodSafeParseErrorLike = {
-  data?: never;
-  error: ZodErrorLike;
-  success: false;
-};
-
-export type ZodTypeLike<TOutput, TInput = TOutput> = {
-  readonly _input: TInput;
-  readonly _output: TOutput;
-  safeParseAsync: (data: unknown) => Promise<ZodSafeParseResultLike<TOutput>>;
-};