@tanstack/react-form 0.0.1 → 0.0.3

package/build/cjs/formContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"formContext.js","sources":["../../src/formContext.ts"],"sourcesContent":["import { FormApi } from '@tanstack/form-core'\nimport * as React from 'react'\n\nexport const formContext = React.createContext<FormApi<any>>(null!)\n\nexport function useFormContext(customFormApi?: FormApi<any>) {\n  const formApi = React.useContext(formContext)\n\n  if (customFormApi) {\n    return customFormApi\n  }\n\n  if (!formApi) {\n    throw new Error(`You are trying to use the form API outside of a form!`)\n  }\n\n  return formApi\n}\n"],"names":["formContext","React","createContext","useFormContext","customFormApi","formApi","useContext","Error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAMA,WAAW,gBAAGC,gBAAK,CAACC,aAAN,CAAkC,IAAlC,EAApB;AAEA,SAASC,cAAT,CAAwBC,aAAxB,EAAsD;AAC3D,EAAA,MAAMC,OAAO,GAAGJ,gBAAK,CAACK,UAAN,CAAiBN,WAAjB,CAAhB,CAAA;;AAEA,EAAA,IAAII,aAAJ,EAAmB;AACjB,IAAA,OAAOA,aAAP,CAAA;AACD,GAAA;;EAED,IAAI,CAACC,OAAL,EAAc;IACZ,MAAM,IAAIE,KAAJ,CAAN,uDAAA,CAAA,CAAA;AACD,GAAA;;AAED,EAAA,OAAOF,OAAP,CAAA;AACD;;;;;"}
+{"version":3,"file":"formContext.js","sources":["../../src/formContext.ts"],"sourcesContent":["import type { FormApi } from '@tanstack/form-core'\nimport * as React from 'react'\n\nexport const formContext = React.createContext<FormApi<any> | null>(null)\n\nexport function useFormContext(customFormApi?: FormApi<any>) {\n  const formApi = React.useContext(formContext)\n\n  if (customFormApi) {\n    return customFormApi\n  }\n\n  if (!formApi) {\n    throw new Error(`You are trying to use the form API outside of a form!`)\n  }\n\n  return formApi\n}\n"],"names":["formContext","React","createContext","useFormContext","customFormApi","formApi","useContext","Error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAMA,WAAW,gBAAGC,gBAAK,CAACC,aAAN,CAAyC,IAAzC,EAApB;AAEA,SAASC,cAAT,CAAwBC,aAAxB,EAAsD;AAC3D,EAAA,MAAMC,OAAO,GAAGJ,gBAAK,CAACK,UAAN,CAAiBN,WAAjB,CAAhB,CAAA;;AAEA,EAAA,IAAII,aAAJ,EAAmB;AACjB,IAAA,OAAOA,aAAP,CAAA;AACD,GAAA;;EAED,IAAI,CAACC,OAAL,EAAc;IACZ,MAAM,IAAIE,KAAJ,CAAN,uDAAA,CAAA,CAAA;AACD,GAAA;;AAED,EAAA,OAAOF,OAAP,CAAA;AACD;;;;;"}

package/build/cjs/index.js

@@ -12,6 +12,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var formCore = require('@tanstack/form-core');
 var useForm = require('./useForm.js');
 var Field = require('./Field.js');
 var useField = require('./useField.js');
@@ -24,4 +25,10 @@ exports.Field = Field.Field;
 exports.createFieldComponent = Field.createFieldComponent;
 exports.createUseField = useField.createUseField;
 exports.useField = useField.useField;
+Object.keys(formCore).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return formCore[k]; }
+	});
+});
 //# sourceMappingURL=index.js.map

package/build/cjs/index.js.map

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

package/build/esm/index.js

@@ -9,6 +9,7 @@
  * @license MIT
  */
 import { FieldApi, functionalUpdate, FormApi } from '@tanstack/form-core';
+export * from '@tanstack/form-core';
 import { useStore } from '@tanstack/react-store';
 import * as React from 'react';
 import React__default from 'react';

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/formContext.ts","../../src/useField.ts","../../src/Field.tsx","../../src/useForm.tsx"],"sourcesContent":["import { FormApi } from '@tanstack/form-core'\nimport * as React from 'react'\n\nexport const formContext = React.createContext<FormApi<any>>(null!)\n\nexport function useFormContext(customFormApi?: FormApi<any>) {\n  const formApi = React.useContext(formContext)\n\n  if (customFormApi) {\n    return customFormApi\n  }\n\n  if (!formApi) {\n    throw new Error(`You are trying to use the form API outside of a form!`)\n  }\n\n  return formApi\n}\n","import * as React from 'react'\n//\nimport { useStore } from '@tanstack/react-store'\nimport type {\n  DeepKeys,\n  DeepValue,\n  FieldOptions,\n  FormApi,\n} from '@tanstack/form-core'\nimport { FieldApi } from '@tanstack/form-core'\nimport { useFormContext } from './formContext'\n\nexport type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(\n  opts?: { name: TField } & FieldOptions<\n    DeepValue<TFormData, TField>,\n    TFormData\n  >,\n) => FieldApi<DeepValue<TFormData, TField>, TFormData>\n\nexport function createUseField<TFormData>(formApi: FormApi<TFormData>) {\n  const useFormField: UseField<TFormData> = (opts) => {\n    return useField({ ...opts, form: formApi } as any)\n  }\n\n  return useFormField\n}\n\nexport function useField<TData, TFormData>(\n  opts: FieldOptions<TData, TFormData> & {\n    // selector: (state: FieldApi<TData, TFormData>) => TSelected\n  },\n): FieldApi<TData, TFormData> {\n  // invariant( // TODO:\n  //   opts.name,\n  //   `useField: A field is required to use this hook. eg, useField('myField', options)`\n  // )\n\n  // Get the form API either manually or from context\n  const formApi = useFormContext(opts.form)\n\n  const [fieldApi] = React.useState<FieldApi<TData, TFormData>>(\n    () => new FieldApi({ ...opts, form: formApi }),\n  )\n\n  // Keep options up to date as they are rendered\n  fieldApi.update({ ...opts, form: formApi })\n\n  useStore(fieldApi.store)\n\n  // Instantiates field meta and removes it when unrendered\n  React.useEffect(() => fieldApi.mount(), [fieldApi])\n\n  return fieldApi\n}\n","import * as React from 'react'\nimport {\n  functionalUpdate,\n  type DeepKeys,\n  type DeepValue,\n  type FieldApi,\n  type FieldOptions,\n  type FormApi,\n} from '@tanstack/form-core'\nimport { useField } from './useField'\n\n//\n\nexport type FieldComponent<TFormData> = <TField extends DeepKeys<TFormData>>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<DeepValue<TFormData, TField>, TFormData>) => any\n  name: TField\n} & Omit<FieldOptions<DeepValue<TFormData, TField>, TFormData>, 'name'>) => any\n\nexport function createFieldComponent<TFormData>(formApi: FormApi<TFormData>) {\n  const ConnectedField: FieldComponent<TFormData> = (props) => (\n    <Field {...(props as any)} form={formApi} />\n  )\n  return ConnectedField\n}\n\nexport function Field<TData, TFormData>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<TData, TFormData>) => any\n} & FieldOptions<TData, TFormData>) {\n  const fieldApi = useField(fieldOptions as any)\n  return functionalUpdate(children, fieldApi as any)\n}\n","import type { FormState, FormOptions } from '@tanstack/form-core'\nimport { FormApi, functionalUpdate } from '@tanstack/form-core'\nimport type { NoInfer } from '@tanstack/react-store'\nimport { useStore } from '@tanstack/react-store'\nimport React from 'react'\nimport { createFieldComponent, type FieldComponent } from './Field'\nimport { createUseField, type UseField } from './useField'\nimport { formContext } from './formContext'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Form: FormComponent\n    Field: FieldComponent<TFormData>\n    useField: UseField<TFormData>\n    useStore: <TSelected = NoInfer<FormState<TFormData>>>(\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected,\n    ) => TSelected\n    Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected\n      children:\n        | ((state: NoInfer<TSelected>) => React.ReactNode)\n        | React.ReactNode\n    }) => any\n  }\n}\n//\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const [formApi] = React.useState(() => {\n    // @ts-ignore\n    const api = new FormApi<TData>(opts || {})\n\n    api.Form = createFormComponent(api)\n    api.Field = createFieldComponent(api)\n    api.useField = createUseField(api)\n    api.useStore = (\n      // @ts-ignore\n      selector,\n    ) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      return useStore(api.store, selector) as any\n    }\n    api.Subscribe = (\n      // @ts-ignore\n      props,\n    ) => {\n      return functionalUpdate(\n        props.children,\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        useStore(api.store, props.selector),\n      ) as any\n    }\n\n    return api\n  })\n\n  // React.useEffect(() => formApi.mount(), [])\n\n  return formApi\n}\n\nexport type FormProps = React.HTMLProps<HTMLFormElement> & {\n  children: React.ReactNode\n  noFormElement?: boolean\n}\n\nexport type FormComponent = (props: FormProps) => any\n\nexport function createFormComponent(formApi: FormApi<any>) {\n  const Form: FormComponent = ({ children, noFormElement, ...rest }) => {\n    const isSubmitting = formApi.useStore((state) => state.isSubmitting)\n\n    return (\n      <formContext.Provider value={formApi}>\n        {noFormElement ? (\n          children\n        ) : (\n          <form\n            onSubmit={formApi.handleSubmit}\n            disabled={isSubmitting}\n            {...rest}\n          >\n            {formApi.options.debugForm ? (\n              <div\n                style={{\n                  margin: '2rem 0',\n                }}\n              >\n                <div\n                  style={{\n                    fontWeight: 'bolder',\n                  }}\n                >\n                  Form State\n                </div>\n                <pre>\n                  <code>\n                    {JSON.stringify(formApi, safeStringifyReplace(), 2)}\n                  </code>\n                </pre>\n              </div>\n            ) : null}\n            {children}\n          </form>\n        )}\n      </formContext.Provider>\n    )\n  }\n\n  return Form\n}\n\nfunction safeStringifyReplace() {\n  const set = new Set()\n  return (_key: string, value: any) => {\n    if (typeof value === 'object' || Array.isArray(value)) {\n      if (set.has(value)) {\n        return '(circular value)'\n      }\n      set.add(value)\n    }\n    return typeof value === 'function' ? undefined : value\n  }\n}\n"],"names":["formContext","React","createContext","useFormContext","customFormApi","formApi","useContext","Error","createUseField","useFormField","opts","useField","form","fieldApi","useState","FieldApi","update","useStore","store","useEffect","mount","createFieldComponent","ConnectedField","props","Field","children","fieldOptions","functionalUpdate","useForm","api","FormApi","Form","createFormComponent","selector","Subscribe","noFormElement","rest","isSubmitting","state","handleSubmit","options","debugForm","margin","fontWeight","JSON","stringify","safeStringifyReplace","set","Set","_key","value","Array","isArray","has","add","undefined"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/formContext.ts","../../src/useField.ts","../../src/Field.tsx","../../src/useForm.tsx"],"sourcesContent":["import type { FormApi } from '@tanstack/form-core'\nimport * as React from 'react'\n\nexport const formContext = React.createContext<FormApi<any> | null>(null)\n\nexport function useFormContext(customFormApi?: FormApi<any>) {\n  const formApi = React.useContext(formContext)\n\n  if (customFormApi) {\n    return customFormApi\n  }\n\n  if (!formApi) {\n    throw new Error(`You are trying to use the form API outside of a form!`)\n  }\n\n  return formApi\n}\n","import * as React from 'react'\n//\nimport { useStore } from '@tanstack/react-store'\nimport type {\n  DeepKeys,\n  DeepValue,\n  FieldOptions,\n  FormApi,\n} from '@tanstack/form-core'\nimport { FieldApi } from '@tanstack/form-core'\nimport { useFormContext } from './formContext'\n\nexport type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(\n  opts?: { name: TField } & FieldOptions<\n    DeepValue<TFormData, TField>,\n    TFormData\n  >,\n) => FieldApi<DeepValue<TFormData, TField>, TFormData>\n\nexport function createUseField<TFormData>(formApi: FormApi<TFormData>) {\n  const useFormField: UseField<TFormData> = (opts) => {\n    return useField({ ...opts, form: formApi } as any)\n  }\n\n  return useFormField\n}\n\nexport function useField<TData, TFormData>(\n  opts: FieldOptions<TData, TFormData> & {\n    // selector: (state: FieldApi<TData, TFormData>) => TSelected\n  },\n): FieldApi<TData, TFormData> {\n  // invariant( // TODO:\n  //   opts.name,\n  //   `useField: A field is required to use this hook. eg, useField('myField', options)`\n  // )\n\n  // Get the form API either manually or from context\n  const formApi = useFormContext(opts.form)\n\n  const [fieldApi] = React.useState<FieldApi<TData, TFormData>>(\n    () => new FieldApi({ ...opts, form: formApi }),\n  )\n\n  // Keep options up to date as they are rendered\n  fieldApi.update({ ...opts, form: formApi })\n\n  useStore(fieldApi.store)\n\n  // Instantiates field meta and removes it when unrendered\n  React.useEffect(() => fieldApi.mount(), [fieldApi])\n\n  return fieldApi\n}\n","import * as React from 'react'\nimport {\n  functionalUpdate,\n  type DeepKeys,\n  type DeepValue,\n  type FieldApi,\n  type FieldOptions,\n  type FormApi,\n} from '@tanstack/form-core'\nimport { useField } from './useField'\n\n//\n\nexport type FieldComponent<TFormData> = <TField extends DeepKeys<TFormData>>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<DeepValue<TFormData, TField>, TFormData>) => any\n  name: TField\n} & Omit<FieldOptions<DeepValue<TFormData, TField>, TFormData>, 'name'>) => any\n\nexport function createFieldComponent<TFormData>(formApi: FormApi<TFormData>) {\n  const ConnectedField: FieldComponent<TFormData> = (props) => (\n    <Field {...(props as any)} form={formApi} />\n  )\n  return ConnectedField\n}\n\nexport function Field<TData, TFormData>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<TData, TFormData>) => any\n} & FieldOptions<TData, TFormData>) {\n  const fieldApi = useField(fieldOptions as any)\n  return functionalUpdate(children, fieldApi as any)\n}\n","import type { FormState, FormOptions } from '@tanstack/form-core'\nimport { FormApi, functionalUpdate } from '@tanstack/form-core'\nimport type { NoInfer } from '@tanstack/react-store'\nimport { useStore } from '@tanstack/react-store'\nimport React from 'react'\nimport { createFieldComponent, type FieldComponent } from './Field'\nimport { createUseField, type UseField } from './useField'\nimport { formContext } from './formContext'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Form: FormComponent\n    Field: FieldComponent<TFormData>\n    useField: UseField<TFormData>\n    useStore: <TSelected = NoInfer<FormState<TFormData>>>(\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected,\n    ) => TSelected\n    Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected\n      children:\n        | ((state: NoInfer<TSelected>) => React.ReactNode)\n        | React.ReactNode\n    }) => any\n  }\n}\n//\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const [formApi] = React.useState(() => {\n    // @ts-ignore\n    const api = new FormApi<TData>(opts || {})\n\n    api.Form = createFormComponent(api)\n    api.Field = createFieldComponent(api)\n    api.useField = createUseField(api)\n    api.useStore = (\n      // @ts-ignore\n      selector,\n    ) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      return useStore(api.store, selector) as any\n    }\n    api.Subscribe = (\n      // @ts-ignore\n      props,\n    ) => {\n      return functionalUpdate(\n        props.children,\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        useStore(api.store, props.selector),\n      ) as any\n    }\n\n    return api\n  })\n\n  // React.useEffect(() => formApi.mount(), [])\n\n  return formApi\n}\n\nexport type FormProps = React.HTMLProps<HTMLFormElement> & {\n  children: React.ReactNode\n  noFormElement?: boolean\n}\n\nexport type FormComponent = (props: FormProps) => any\n\nexport function createFormComponent(formApi: FormApi<any>) {\n  const Form: FormComponent = ({ children, noFormElement, ...rest }) => {\n    const isSubmitting = formApi.useStore((state) => state.isSubmitting)\n\n    return (\n      <formContext.Provider value={formApi}>\n        {noFormElement ? (\n          children\n        ) : (\n          <form\n            onSubmit={formApi.handleSubmit}\n            disabled={isSubmitting}\n            {...rest}\n          >\n            {formApi.options.debugForm ? (\n              <div\n                style={{\n                  margin: '2rem 0',\n                }}\n              >\n                <div\n                  style={{\n                    fontWeight: 'bolder',\n                  }}\n                >\n                  Form State\n                </div>\n                <pre>\n                  <code>\n                    {JSON.stringify(formApi, safeStringifyReplace(), 2)}\n                  </code>\n                </pre>\n              </div>\n            ) : null}\n            {children}\n          </form>\n        )}\n      </formContext.Provider>\n    )\n  }\n\n  return Form\n}\n\nfunction safeStringifyReplace() {\n  const set = new Set()\n  return (_key: string, value: any) => {\n    if (typeof value === 'object' || Array.isArray(value)) {\n      if (set.has(value)) {\n        return '(circular value)'\n      }\n      set.add(value)\n    }\n    return typeof value === 'function' ? undefined : value\n  }\n}\n"],"names":["formContext","React","createContext","useFormContext","customFormApi","formApi","useContext","Error","createUseField","useFormField","opts","useField","form","fieldApi","useState","FieldApi","update","useStore","store","useEffect","mount","createFieldComponent","ConnectedField","props","Field","children","fieldOptions","functionalUpdate","useForm","api","FormApi","Form","createFormComponent","selector","Subscribe","noFormElement","rest","isSubmitting","state","handleSubmit","options","debugForm","margin","fontWeight","JSON","stringify","safeStringifyReplace","set","Set","_key","value","Array","isArray","has","add","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAMA,WAAW,gBAAGC,KAAK,CAACC,aAAN,CAAyC,IAAzC,CAApB,CAAA;AAEA,SAASC,cAAT,CAAwBC,aAAxB,EAAsD;AAC3D,EAAA,MAAMC,OAAO,GAAGJ,KAAK,CAACK,UAAN,CAAiBN,WAAjB,CAAhB,CAAA;;AAEA,EAAA,IAAII,aAAJ,EAAmB;AACjB,IAAA,OAAOA,aAAP,CAAA;AACD,GAAA;;EAED,IAAI,CAACC,OAAL,EAAc;IACZ,MAAM,IAAIE,KAAJ,CAAN,uDAAA,CAAA,CAAA;AACD,GAAA;;AAED,EAAA,OAAOF,OAAP,CAAA;AACD;;ACEM,SAASG,cAAT,CAAmCH,OAAnC,EAAgE;EACrE,MAAMI,YAAiC,GAAIC,IAAD,IAAU;AAClD,IAAA,OAAOC,QAAQ,CAAC,EAAE,GAAGD,IAAL;AAAWE,MAAAA,IAAI,EAAEP,OAAAA;AAAjB,KAAD,CAAf,CAAA;GADF,CAAA;;AAIA,EAAA,OAAOI,YAAP,CAAA;AACD,CAAA;AAEM,SAASE,QAAT,CACLD,IADK,EAIuB;AAC5B;AACA;AACA;AACA;AAEA;AACA,EAAA,MAAML,OAAO,GAAGF,cAAc,CAACO,IAAI,CAACE,IAAN,CAA9B,CAAA;AAEA,EAAA,MAAM,CAACC,QAAD,CAAaZ,GAAAA,KAAK,CAACa,QAAN,CACjB,MAAM,IAAIC,QAAJ,CAAa,EAAE,GAAGL,IAAL;AAAWE,IAAAA,IAAI,EAAEP,OAAAA;GAA9B,CADW,CAAnB,CAT4B;;AAc5BQ,EAAAA,QAAQ,CAACG,MAAT,CAAgB,EAAE,GAAGN,IAAL;AAAWE,IAAAA,IAAI,EAAEP,OAAAA;GAAjC,CAAA,CAAA;AAEAY,EAAAA,QAAQ,CAACJ,QAAQ,CAACK,KAAV,CAAR,CAhB4B;;EAmB5BjB,KAAK,CAACkB,SAAN,CAAgB,MAAMN,QAAQ,CAACO,KAAT,EAAtB,EAAwC,CAACP,QAAD,CAAxC,CAAA,CAAA;AAEA,EAAA,OAAOA,QAAP,CAAA;AACD;;AChCM,SAASQ,oBAAT,CAAyChB,OAAzC,EAAsE;AAC3E,EAAA,MAAMiB,cAAyC,GAAIC,KAAD,iBAChD,KAAC,CAAA,aAAA,CAAA,KAAD,eAAYA,KAAZ,EAAA;AAA2B,IAAA,IAAI,EAAElB,OAAAA;GADnC,CAAA,CAAA,CAAA;;AAGA,EAAA,OAAOiB,cAAP,CAAA;AACD,CAAA;AAEM,SAASE,KAAT,CAAiC;EACtCC,QADsC;EAEtC,GAAGC,YAAAA;AAFmC,CAAjC,EAK6B;AAClC,EAAA,MAAMb,QAAQ,GAAGF,QAAQ,CAACe,YAAD,CAAzB,CAAA;AACA,EAAA,OAAOC,gBAAgB,CAACF,QAAD,EAAWZ,QAAX,CAAvB,CAAA;AACD;;ACVD;AAEO,SAASe,OAAT,CAAwBlB,IAAxB,EAAmE;AACxE,EAAA,MAAM,CAACL,OAAD,CAAA,GAAYJ,cAAK,CAACa,QAAN,CAAe,MAAM;AACrC;IACA,MAAMe,GAAG,GAAG,IAAIC,OAAJ,CAAmBpB,IAAI,IAAI,EAA3B,CAAZ,CAAA;AAEAmB,IAAAA,GAAG,CAACE,IAAJ,GAAWC,mBAAmB,CAACH,GAAD,CAA9B,CAAA;AACAA,IAAAA,GAAG,CAACL,KAAJ,GAAYH,oBAAoB,CAACQ,GAAD,CAAhC,CAAA;AACAA,IAAAA,GAAG,CAAClB,QAAJ,GAAeH,cAAc,CAACqB,GAAD,CAA7B,CAAA;;IACAA,GAAG,CAACZ,QAAJ,GAAe;AAEbgB,IAAAA,QAFa,KAGV;AACH;AACA,MAAA,OAAOhB,QAAQ,CAACY,GAAG,CAACX,KAAL,EAAYe,QAAZ,CAAf,CAAA;KALF,CAAA;;IAOAJ,GAAG,CAACK,SAAJ,GAAgB;AAEdX,IAAAA,KAFc,KAGX;AACH,MAAA,OAAOI,gBAAgB,CACrBJ,KAAK,CAACE,QADe;MAGrBR,QAAQ,CAACY,GAAG,CAACX,KAAL,EAAYK,KAAK,CAACU,QAAlB,CAHa,CAAvB,CAAA;KAJF,CAAA;;AAWA,IAAA,OAAOJ,GAAP,CAAA;GAzBgB,CAAlB,CADwE;;AA+BxE,EAAA,OAAOxB,OAAP,CAAA;AACD,CAAA;AASM,SAAS2B,mBAAT,CAA6B3B,OAA7B,EAAoD;EACzD,MAAM0B,IAAmB,GAAG,CAAC;IAAEN,QAAF;IAAYU,aAAZ;IAA2B,GAAGC,IAAAA;AAA9B,GAAD,KAA0C;IACpE,MAAMC,YAAY,GAAGhC,OAAO,CAACY,QAAR,CAAkBqB,KAAD,IAAWA,KAAK,CAACD,YAAlC,CAArB,CAAA;IAEA,oBACEpC,cAAA,CAAA,aAAA,CAAC,WAAD,CAAa,QAAb,EAAA;AAAsB,MAAA,KAAK,EAAEI,OAAAA;KAC1B8B,EAAAA,aAAa,GACZV,QADY,gBAGZxB,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,QAAA,CAAA;MACE,QAAQ,EAAEI,OAAO,CAACkC,YADpB;AAEE,MAAA,QAAQ,EAAEF,YAAAA;AAFZ,KAAA,EAGMD,IAHN,CAKG/B,EAAAA,OAAO,CAACmC,OAAR,CAAgBC,SAAhB,gBACCxC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,MAAA,KAAK,EAAE;AACLyC,QAAAA,MAAM,EAAE,QAAA;AADH,OAAA;KAIP,eAAAzC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,MAAA,KAAK,EAAE;AACL0C,QAAAA,UAAU,EAAE,QAAA;AADP,OAAA;KANX,EAAA,YAAA,CAAA,eAYE1C,uDACEA,cACG2C,CAAAA,aAAAA,CAAAA,MAAAA,EAAAA,IAAAA,EAAAA,IAAI,CAACC,SAAL,CAAexC,OAAf,EAAwByC,oBAAoB,EAA5C,EAAgD,CAAhD,CADH,CADF,CAZF,CADD,GAmBG,IAxBN,EAyBGrB,QAzBH,CAJJ,CADF,CAAA;GAHF,CAAA;;AAwCA,EAAA,OAAOM,IAAP,CAAA;AACD,CAAA;;AAED,SAASe,oBAAT,GAAgC;AAC9B,EAAA,MAAMC,GAAG,GAAG,IAAIC,GAAJ,EAAZ,CAAA;AACA,EAAA,OAAO,CAACC,IAAD,EAAeC,KAAf,KAA8B;IACnC,IAAI,OAAOA,KAAP,KAAiB,QAAjB,IAA6BC,KAAK,CAACC,OAAN,CAAcF,KAAd,CAAjC,EAAuD;AACrD,MAAA,IAAIH,GAAG,CAACM,GAAJ,CAAQH,KAAR,CAAJ,EAAoB;AAClB,QAAA,OAAO,kBAAP,CAAA;AACD,OAAA;;MACDH,GAAG,CAACO,GAAJ,CAAQJ,KAAR,CAAA,CAAA;AACD,KAAA;;AACD,IAAA,OAAO,OAAOA,KAAP,KAAiB,UAAjB,GAA8BK,SAA9B,GAA0CL,KAAjD,CAAA;GAPF,CAAA;AASD;;;;"}

package/build/stats-html.html

@@ -2669,7 +2669,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"52cd-25","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"node_modules/.pnpm","children":[{"name":"@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js","uid":"52cd-27"},{"name":"@tanstack+react-store@0.0.1-beta.84_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js","uid":"52cd-31"}]},{"name":"packages","children":[{"name":"form-core/build/esm/index.js","uid":"52cd-29"},{"name":"react-form/src","children":[{"uid":"52cd-33","name":"formContext.ts"},{"uid":"52cd-35","name":"useField.ts"},{"uid":"52cd-37","name":"Field.tsx"},{"uid":"52cd-39","name":"useForm.tsx"},{"uid":"52cd-41","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"52cd-25":{"renderedLength":431,"gzipLength":240,"brotliLength":0,"mainUid":"52cd-24"},"52cd-27":{"renderedLength":1288,"gzipLength":497,"brotliLength":0,"mainUid":"52cd-26"},"52cd-29":{"renderedLength":20344,"gzipLength":4529,"brotliLength":0,"mainUid":"52cd-28"},"52cd-31":{"renderedLength":978,"gzipLength":456,"brotliLength":0,"mainUid":"52cd-30"},"52cd-33":{"renderedLength":369,"gzipLength":218,"brotliLength":0,"mainUid":"52cd-32"},"52cd-35":{"renderedLength":850,"gzipLength":417,"brotliLength":0,"mainUid":"52cd-34"},"52cd-37":{"renderedLength":370,"gzipLength":227,"brotliLength":0,"mainUid":"52cd-36"},"52cd-39":{"renderedLength":2160,"gzipLength":767,"brotliLength":0,"mainUid":"52cd-38"},"52cd-41":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"52cd-40"}},"nodeMetas":{"52cd-24":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"52cd-25"},"imported":[],"importedBy":[{"uid":"52cd-38"},{"uid":"52cd-36"}]},"52cd-26":{"id":"/node_modules/.pnpm/@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js","moduleParts":{"index.production.js":"52cd-27"},"imported":[],"importedBy":[{"uid":"52cd-28"},{"uid":"52cd-30"}]},"52cd-28":{"id":"/packages/form-core/build/esm/index.js","moduleParts":{"index.production.js":"52cd-29"},"imported":[{"uid":"52cd-26"}],"importedBy":[{"uid":"52cd-38"},{"uid":"52cd-36"},{"uid":"52cd-34"}]},"52cd-30":{"id":"/node_modules/.pnpm/@tanstack+react-store@0.0.1-beta.84_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js","moduleParts":{"index.production.js":"52cd-31"},"imported":[{"uid":"52cd-43"},{"uid":"52cd-26"}],"importedBy":[{"uid":"52cd-38"},{"uid":"52cd-34"}]},"52cd-32":{"id":"/packages/react-form/src/formContext.ts","moduleParts":{"index.production.js":"52cd-33"},"imported":[{"uid":"52cd-42"}],"importedBy":[{"uid":"52cd-38"},{"uid":"52cd-34"}]},"52cd-34":{"id":"/packages/react-form/src/useField.ts","moduleParts":{"index.production.js":"52cd-35"},"imported":[{"uid":"52cd-42"},{"uid":"52cd-30"},{"uid":"52cd-28"},{"uid":"52cd-32"}],"importedBy":[{"uid":"52cd-40"},{"uid":"52cd-38"},{"uid":"52cd-36"}]},"52cd-36":{"id":"/packages/react-form/src/Field.tsx","moduleParts":{"index.production.js":"52cd-37"},"imported":[{"uid":"52cd-24"},{"uid":"52cd-42"},{"uid":"52cd-28"},{"uid":"52cd-34"}],"importedBy":[{"uid":"52cd-40"},{"uid":"52cd-38"}]},"52cd-38":{"id":"/packages/react-form/src/useForm.tsx","moduleParts":{"index.production.js":"52cd-39"},"imported":[{"uid":"52cd-24"},{"uid":"52cd-28"},{"uid":"52cd-30"},{"uid":"52cd-42"},{"uid":"52cd-36"},{"uid":"52cd-34"},{"uid":"52cd-32"}],"importedBy":[{"uid":"52cd-40"}]},"52cd-40":{"id":"/packages/react-form/src/index.ts","moduleParts":{"index.production.js":"52cd-41"},"imported":[{"uid":"52cd-38"},{"uid":"52cd-36"},{"uid":"52cd-34"}],"importedBy":[],"isEntry":true},"52cd-42":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"52cd-38"},{"uid":"52cd-36"},{"uid":"52cd-34"},{"uid":"52cd-32"}],"isExternal":true},"52cd-43":{"id":"use-sync-external-store/shim/with-selector","moduleParts":{},"imported":[],"importedBy":[{"uid":"52cd-30"}],"isExternal":true}},"env":{"rollup":"2.78.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"node_modules/.pnpm","children":[{"name":"@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js","uid":"e752-25"},{"name":"@tanstack+react-store@0.0.1-beta.84_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js","uid":"e752-31"}]},{"name":"packages","children":[{"name":"form-core/build/esm/index.js","uid":"e752-27"},{"name":"react-form/src","children":[{"uid":"e752-33","name":"formContext.ts"},{"uid":"e752-35","name":"useField.ts"},{"uid":"e752-37","name":"Field.tsx"},{"uid":"e752-39","name":"useForm.tsx"},{"uid":"e752-41","name":"index.ts"}]}]},{"uid":"e752-29","name":"\u0000rollupPluginBabelHelpers.js"}]}],"isRoot":true},"nodeParts":{"e752-25":{"renderedLength":1288,"gzipLength":497,"brotliLength":0,"mainUid":"e752-24"},"e752-27":{"renderedLength":23428,"gzipLength":5141,"brotliLength":0,"mainUid":"e752-26"},"e752-29":{"renderedLength":431,"gzipLength":240,"brotliLength":0,"mainUid":"e752-28"},"e752-31":{"renderedLength":978,"gzipLength":456,"brotliLength":0,"mainUid":"e752-30"},"e752-33":{"renderedLength":369,"gzipLength":218,"brotliLength":0,"mainUid":"e752-32"},"e752-35":{"renderedLength":850,"gzipLength":417,"brotliLength":0,"mainUid":"e752-34"},"e752-37":{"renderedLength":370,"gzipLength":227,"brotliLength":0,"mainUid":"e752-36"},"e752-39":{"renderedLength":2160,"gzipLength":767,"brotliLength":0,"mainUid":"e752-38"},"e752-41":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"e752-40"}},"nodeMetas":{"e752-24":{"id":"/node_modules/.pnpm/@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js","moduleParts":{"index.production.js":"e752-25"},"imported":[],"importedBy":[{"uid":"e752-26"},{"uid":"e752-30"}]},"e752-26":{"id":"/packages/form-core/build/esm/index.js","moduleParts":{"index.production.js":"e752-27"},"imported":[{"uid":"e752-24"}],"importedBy":[{"uid":"e752-40"},{"uid":"e752-38"},{"uid":"e752-36"},{"uid":"e752-34"}]},"e752-28":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"e752-29"},"imported":[],"importedBy":[{"uid":"e752-38"},{"uid":"e752-36"}]},"e752-30":{"id":"/node_modules/.pnpm/@tanstack+react-store@0.0.1-beta.84_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js","moduleParts":{"index.production.js":"e752-31"},"imported":[{"uid":"e752-43"},{"uid":"e752-24"}],"importedBy":[{"uid":"e752-38"},{"uid":"e752-34"}]},"e752-32":{"id":"/packages/react-form/src/formContext.ts","moduleParts":{"index.production.js":"e752-33"},"imported":[{"uid":"e752-42"}],"importedBy":[{"uid":"e752-38"},{"uid":"e752-34"}]},"e752-34":{"id":"/packages/react-form/src/useField.ts","moduleParts":{"index.production.js":"e752-35"},"imported":[{"uid":"e752-42"},{"uid":"e752-30"},{"uid":"e752-26"},{"uid":"e752-32"}],"importedBy":[{"uid":"e752-40"},{"uid":"e752-38"},{"uid":"e752-36"}]},"e752-36":{"id":"/packages/react-form/src/Field.tsx","moduleParts":{"index.production.js":"e752-37"},"imported":[{"uid":"e752-28"},{"uid":"e752-42"},{"uid":"e752-26"},{"uid":"e752-34"}],"importedBy":[{"uid":"e752-40"},{"uid":"e752-38"}]},"e752-38":{"id":"/packages/react-form/src/useForm.tsx","moduleParts":{"index.production.js":"e752-39"},"imported":[{"uid":"e752-28"},{"uid":"e752-26"},{"uid":"e752-30"},{"uid":"e752-42"},{"uid":"e752-36"},{"uid":"e752-34"},{"uid":"e752-32"}],"importedBy":[{"uid":"e752-40"}]},"e752-40":{"id":"/packages/react-form/src/index.ts","moduleParts":{"index.production.js":"e752-41"},"imported":[{"uid":"e752-26"},{"uid":"e752-38"},{"uid":"e752-36"},{"uid":"e752-34"}],"importedBy":[],"isEntry":true},"e752-42":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"e752-38"},{"uid":"e752-36"},{"uid":"e752-34"},{"uid":"e752-32"}],"isExternal":true},"e752-43":{"id":"use-sync-external-store/shim/with-selector","moduleParts":{},"imported":[],"importedBy":[{"uid":"e752-30"}],"isExternal":true}},"env":{"rollup":"2.78.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats-react.json

@@ -6,20 +6,16 @@
       {
         "name": "index.production.js",
         "children": [
-          {
-            "uid": "52cd-45",
-            "name": "\u0000rollupPluginBabelHelpers.js"
-          },
           {
             "name": "node_modules/.pnpm",
             "children": [
               {
                 "name": "@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js",
-                "uid": "52cd-47"
+                "uid": "e752-45"
               },
               {
                 "name": "@tanstack+react-store@0.0.1-beta.84_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js",
-                "uid": "52cd-51"
+                "uid": "e752-51"
               }
             ]
           },
@@ -28,34 +24,38 @@
             "children": [
               {
                 "name": "form-core/build/esm/index.js",
-                "uid": "52cd-49"
+                "uid": "e752-47"
               },
               {
                 "name": "react-form/src",
                 "children": [
                   {
-                    "uid": "52cd-53",
+                    "uid": "e752-53",
                     "name": "formContext.ts"
                   },
                   {
-                    "uid": "52cd-55",
+                    "uid": "e752-55",
                     "name": "useField.ts"
                   },
                   {
-                    "uid": "52cd-57",
+                    "uid": "e752-57",
                     "name": "Field.tsx"
                   },
                   {
-                    "uid": "52cd-59",
+                    "uid": "e752-59",
                     "name": "useForm.tsx"
                   },
                   {
-                    "uid": "52cd-61",
+                    "uid": "e752-61",
                     "name": "index.ts"
                   }
                 ]
               }
             ]
+          },
+          {
+            "uid": "e752-49",
+            "name": "\u0000rollupPluginBabelHelpers.js"
           }
         ]
       }
@@ -63,294 +63,300 @@
     "isRoot": true
   },
   "nodeParts": {
-    "52cd-45": {
-      "renderedLength": 431,
-      "gzipLength": 240,
-      "brotliLength": 0,
-      "mainUid": "52cd-44"
-    },
-    "52cd-47": {
+    "e752-45": {
       "renderedLength": 1288,
       "gzipLength": 497,
       "brotliLength": 0,
-      "mainUid": "52cd-46"
+      "mainUid": "e752-44"
     },
-    "52cd-49": {
-      "renderedLength": 20344,
-      "gzipLength": 4529,
+    "e752-47": {
+      "renderedLength": 23428,
+      "gzipLength": 5141,
       "brotliLength": 0,
-      "mainUid": "52cd-48"
+      "mainUid": "e752-46"
     },
-    "52cd-51": {
+    "e752-49": {
+      "renderedLength": 431,
+      "gzipLength": 240,
+      "brotliLength": 0,
+      "mainUid": "e752-48"
+    },
+    "e752-51": {
       "renderedLength": 978,
       "gzipLength": 456,
       "brotliLength": 0,
-      "mainUid": "52cd-50"
+      "mainUid": "e752-50"
     },
-    "52cd-53": {
+    "e752-53": {
       "renderedLength": 369,
       "gzipLength": 218,
       "brotliLength": 0,
-      "mainUid": "52cd-52"
+      "mainUid": "e752-52"
     },
-    "52cd-55": {
+    "e752-55": {
       "renderedLength": 850,
       "gzipLength": 417,
       "brotliLength": 0,
-      "mainUid": "52cd-54"
+      "mainUid": "e752-54"
     },
-    "52cd-57": {
+    "e752-57": {
       "renderedLength": 370,
       "gzipLength": 227,
       "brotliLength": 0,
-      "mainUid": "52cd-56"
+      "mainUid": "e752-56"
     },
-    "52cd-59": {
+    "e752-59": {
       "renderedLength": 2160,
       "gzipLength": 767,
       "brotliLength": 0,
-      "mainUid": "52cd-58"
+      "mainUid": "e752-58"
     },
-    "52cd-61": {
+    "e752-61": {
       "renderedLength": 0,
       "gzipLength": 0,
       "brotliLength": 0,
-      "mainUid": "52cd-60"
+      "mainUid": "e752-60"
     }
   },
   "nodeMetas": {
-    "52cd-44": {
-      "id": "\u0000rollupPluginBabelHelpers.js",
+    "e752-44": {
+      "id": "/node_modules/.pnpm/@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "52cd-45"
+        "index.production.js": "e752-45"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "52cd-58"
+          "uid": "e752-46"
         },
         {
-          "uid": "52cd-56"
+          "uid": "e752-50"
         }
       ]
     },
-    "52cd-46": {
-      "id": "/node_modules/.pnpm/@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js",
+    "e752-46": {
+      "id": "/packages/form-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "52cd-47"
+        "index.production.js": "e752-47"
       },
-      "imported": [],
+      "imported": [
+        {
+          "uid": "e752-44"
+        }
+      ],
       "importedBy": [
         {
-          "uid": "52cd-48"
+          "uid": "e752-60"
+        },
+        {
+          "uid": "e752-58"
+        },
+        {
+          "uid": "e752-56"
         },
         {
-          "uid": "52cd-50"
+          "uid": "e752-54"
         }
       ]
     },
-    "52cd-48": {
-      "id": "/packages/form-core/build/esm/index.js",
+    "e752-48": {
+      "id": "\u0000rollupPluginBabelHelpers.js",
       "moduleParts": {
-        "index.production.js": "52cd-49"
+        "index.production.js": "e752-49"
       },
-      "imported": [
-        {
-          "uid": "52cd-46"
-        }
-      ],
+      "imported": [],
       "importedBy": [
         {
-          "uid": "52cd-58"
+          "uid": "e752-58"
         },
         {
-          "uid": "52cd-56"
-        },
-        {
-          "uid": "52cd-54"
+          "uid": "e752-56"
         }
       ]
     },
-    "52cd-50": {
+    "e752-50": {
       "id": "/node_modules/.pnpm/@tanstack+react-store@0.0.1-beta.84_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "52cd-51"
+        "index.production.js": "e752-51"
       },
       "imported": [
         {
-          "uid": "52cd-63"
+          "uid": "e752-63"
         },
         {
-          "uid": "52cd-46"
+          "uid": "e752-44"
         }
       ],
       "importedBy": [
         {
-          "uid": "52cd-58"
+          "uid": "e752-58"
         },
         {
-          "uid": "52cd-54"
+          "uid": "e752-54"
         }
       ]
     },
-    "52cd-52": {
+    "e752-52": {
       "id": "/packages/react-form/src/formContext.ts",
       "moduleParts": {
-        "index.production.js": "52cd-53"
+        "index.production.js": "e752-53"
       },
       "imported": [
         {
-          "uid": "52cd-62"
+          "uid": "e752-62"
         }
       ],
       "importedBy": [
         {
-          "uid": "52cd-58"
+          "uid": "e752-58"
         },
         {
-          "uid": "52cd-54"
+          "uid": "e752-54"
         }
       ]
     },
-    "52cd-54": {
+    "e752-54": {
       "id": "/packages/react-form/src/useField.ts",
       "moduleParts": {
-        "index.production.js": "52cd-55"
+        "index.production.js": "e752-55"
       },
       "imported": [
         {
-          "uid": "52cd-62"
+          "uid": "e752-62"
         },
         {
-          "uid": "52cd-50"
+          "uid": "e752-50"
         },
         {
-          "uid": "52cd-48"
+          "uid": "e752-46"
         },
         {
-          "uid": "52cd-52"
+          "uid": "e752-52"
         }
       ],
       "importedBy": [
         {
-          "uid": "52cd-60"
+          "uid": "e752-60"
         },
         {
-          "uid": "52cd-58"
+          "uid": "e752-58"
         },
         {
-          "uid": "52cd-56"
+          "uid": "e752-56"
         }
       ]
     },
-    "52cd-56": {
+    "e752-56": {
       "id": "/packages/react-form/src/Field.tsx",
       "moduleParts": {
-        "index.production.js": "52cd-57"
+        "index.production.js": "e752-57"
       },
       "imported": [
         {
-          "uid": "52cd-44"
+          "uid": "e752-48"
         },
         {
-          "uid": "52cd-62"
+          "uid": "e752-62"
         },
         {
-          "uid": "52cd-48"
+          "uid": "e752-46"
         },
         {
-          "uid": "52cd-54"
+          "uid": "e752-54"
         }
       ],
       "importedBy": [
         {
-          "uid": "52cd-60"
+          "uid": "e752-60"
         },
         {
-          "uid": "52cd-58"
+          "uid": "e752-58"
         }
       ]
     },
-    "52cd-58": {
+    "e752-58": {
       "id": "/packages/react-form/src/useForm.tsx",
       "moduleParts": {
-        "index.production.js": "52cd-59"
+        "index.production.js": "e752-59"
       },
       "imported": [
         {
-          "uid": "52cd-44"
+          "uid": "e752-48"
         },
         {
-          "uid": "52cd-48"
+          "uid": "e752-46"
         },
         {
-          "uid": "52cd-50"
+          "uid": "e752-50"
         },
         {
-          "uid": "52cd-62"
+          "uid": "e752-62"
         },
         {
-          "uid": "52cd-56"
+          "uid": "e752-56"
         },
         {
-          "uid": "52cd-54"
+          "uid": "e752-54"
         },
         {
-          "uid": "52cd-52"
+          "uid": "e752-52"
         }
       ],
       "importedBy": [
         {
-          "uid": "52cd-60"
+          "uid": "e752-60"
         }
       ]
     },
-    "52cd-60": {
+    "e752-60": {
       "id": "/packages/react-form/src/index.ts",
       "moduleParts": {
-        "index.production.js": "52cd-61"
+        "index.production.js": "e752-61"
       },
       "imported": [
         {
-          "uid": "52cd-58"
+          "uid": "e752-46"
+        },
+        {
+          "uid": "e752-58"
         },
         {
-          "uid": "52cd-56"
+          "uid": "e752-56"
         },
         {
-          "uid": "52cd-54"
+          "uid": "e752-54"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "52cd-62": {
+    "e752-62": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "52cd-58"
+          "uid": "e752-58"
         },
         {
-          "uid": "52cd-56"
+          "uid": "e752-56"
         },
         {
-          "uid": "52cd-54"
+          "uid": "e752-54"
         },
         {
-          "uid": "52cd-52"
+          "uid": "e752-52"
         }
       ],
       "isExternal": true
     },
-    "52cd-63": {
+    "e752-63": {
       "id": "use-sync-external-store/shim/with-selector",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "52cd-50"
+          "uid": "e752-50"
         }
       ],
       "isExternal": true