wcz-test 6.22.1 → 6.22.2

package/dist/hooks.js

@@ -1,327 +1,983 @@
 import { createFormHookContexts, createFormHook } from "@tanstack/react-form";
 import { j as jsxRuntimeExports } from "./DialogsContext-DMZRefiY.js";
-import { Autocomplete, TextField, FormControl, FormControlLabel, Checkbox, FormHelperText, FormLabel, RadioGroup, Radio, Slider, Button, Switch } from "@mui/material";
-import { g as getFieldStatus } from "./utils-CKW5pi6k.js";
+import { c as compilerRuntimeExports } from "./compiler-runtime-BGHur82y.js";
+import { Autocomplete, TextField, Checkbox, FormControlLabel, FormHelperText, FormControl, RadioGroup, Radio, FormLabel, Slider, Button, Switch } from "@mui/material";
+import { g as getFieldStatus } from "./utils-CCjnelFb.js";
 import { DatePicker, DateRangePicker, TimePicker, TimeRangePicker, DateTimePicker, DateTimeRangePicker } from "@mui/x-date-pickers-pro";
 import { NumericFormat } from "react-number-format";
-import { u } from "./DialogsHooks-DBK6rBoU.js";
-import { u as u2 } from "./UseHook-DB7btKDE.js";
+import { u } from "./DialogsHooks-BEZgPVSk.js";
+import { u as u2 } from "./UseHook-CGSDGsbk.js";
 import { useInView } from "react-intersection-observer";
-const FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
+const FormAutocomplete = (t0) => {
+  const $ = compilerRuntimeExports.c(23);
+  let autocompleteProps;
+  let textFieldProps;
+  if ($[0] !== t0) {
+    ({
+      textFieldProps,
+      ...autocompleteProps
+    } = t0);
+    $[0] = t0;
+    $[1] = autocompleteProps;
+    $[2] = textFieldProps;
+  } else {
+    autocompleteProps = $[1];
+    textFieldProps = $[2];
+  }
   const field = useFieldContext();
-  const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Autocomplete,
-    {
-      value: field.state.value,
-      onChange: (_, value) => !autocompleteProps.freeSolo && field.handleChange(value),
-      onInputChange: (_, value, reason) => reason !== "reset" && autocompleteProps.freeSolo && field.handleChange(value),
-      onBlur: field.handleBlur,
-      "aria-label": field.name,
-      ...autocompleteProps,
-      renderInput: (parameters) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-        TextField,
-        {
-          ...parameters,
-          name: field.name,
-          error: isTouched && hasError,
-          helperText: isTouched && helperText,
-          ...textFieldProps
-        }
-      )
-    }
-  );
+  let t1;
+  if ($[3] !== field) {
+    t1 = getFieldStatus(field);
+    $[3] = field;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const {
+    isTouched,
+    hasError,
+    helperText
+  } = t1;
+  let t2;
+  let t3;
+  if ($[5] !== autocompleteProps.freeSolo || $[6] !== field) {
+    t2 = (_, value) => !autocompleteProps.freeSolo && field.handleChange(value);
+    t3 = (__0, value_0, reason) => reason !== "reset" && autocompleteProps.freeSolo && field.handleChange(value_0);
+    $[5] = autocompleteProps.freeSolo;
+    $[6] = field;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t2 = $[7];
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== field.name || $[10] !== hasError || $[11] !== helperText || $[12] !== isTouched || $[13] !== textFieldProps) {
+    t4 = (parameters) => /* @__PURE__ */ jsxRuntimeExports.jsx(TextField, { ...parameters, name: field.name, error: isTouched && hasError, helperText: isTouched && helperText, ...textFieldProps });
+    $[9] = field.name;
+    $[10] = hasError;
+    $[11] = helperText;
+    $[12] = isTouched;
+    $[13] = textFieldProps;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== autocompleteProps || $[16] !== field.handleBlur || $[17] !== field.name || $[18] !== field.state.value || $[19] !== t2 || $[20] !== t3 || $[21] !== t4) {
+    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx(Autocomplete, { value: field.state.value, onChange: t2, onInputChange: t3, onBlur: field.handleBlur, "aria-label": field.name, ...autocompleteProps, renderInput: t4 });
+    $[15] = autocompleteProps;
+    $[16] = field.handleBlur;
+    $[17] = field.name;
+    $[18] = field.state.value;
+    $[19] = t2;
+    $[20] = t3;
+    $[21] = t4;
+    $[22] = t5;
+  } else {
+    t5 = $[22];
+  }
+  return t5;
 };
 const FormCheckbox = (props) => {
+  const $ = compilerRuntimeExports.c(20);
   const field = useFieldContext();
-  const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      FormControlLabel,
-      {
-        control: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Checkbox,
-          {
-            name: field.name,
-            checked: Boolean(field.state.value),
-            onChange: (event) => field.handleChange(event.target.checked),
-            onBlur: field.handleBlur,
-            "aria-label": field.name,
-            ...props
-          }
-        ),
-        label: props.label ?? ""
-      }
-    ),
-    isTouched && hasError && /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperText, { error: hasError, children: helperText })
-  ] });
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const {
+    isTouched,
+    hasError,
+    helperText
+  } = t0;
+  const t1 = field.name;
+  const t2 = Boolean(field.state.value);
+  let t3;
+  if ($[2] !== field) {
+    t3 = (event) => field.handleChange(event.target.checked);
+    $[2] = field;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== field.handleBlur || $[5] !== field.name || $[6] !== props || $[7] !== t2 || $[8] !== t3) {
+    t4 = /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, { name: t1, checked: t2, onChange: t3, onBlur: field.handleBlur, "aria-label": field.name, ...props });
+    $[4] = field.handleBlur;
+    $[5] = field.name;
+    $[6] = props;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const t5 = props.label ?? "";
+  let t6;
+  if ($[10] !== t4 || $[11] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(FormControlLabel, { control: t4, label: t5 });
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== hasError || $[14] !== helperText || $[15] !== isTouched) {
+    t7 = isTouched && hasError && /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperText, { error: hasError, children: helperText });
+    $[13] = hasError;
+    $[14] = helperText;
+    $[15] = isTouched;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== t6 || $[18] !== t7) {
+    t8 = /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
+      t6,
+      t7
+    ] });
+    $[17] = t6;
+    $[18] = t7;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  return t8;
 };
 const FormDatePicker = (props) => {
+  const $ = compilerRuntimeExports.c(18);
   const field = useFieldContext();
-  const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    DatePicker,
-    {
-      name: field.name,
-      value: field.state.value,
-      onChange: (value) => field.handleChange(value),
-      slotProps: {
-        textField: {
-          onBlur: field.handleBlur,
-          error: isTouched && hasError,
-          helperText: isTouched && helperText,
-          ...props.textFieldProps
-        },
-        ...props.slotProps
-      },
-      "aria-label": field.name,
-      ...props
-    }
-  );
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const {
+    isTouched,
+    hasError,
+    helperText
+  } = t0;
+  let t1;
+  if ($[2] !== field) {
+    t1 = (value) => field.handleChange(value);
+    $[2] = field;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const t2 = isTouched && hasError;
+  const t3 = isTouched && helperText;
+  let t4;
+  if ($[4] !== field.handleBlur || $[5] !== props.textFieldProps || $[6] !== t2 || $[7] !== t3) {
+    t4 = {
+      onBlur: field.handleBlur,
+      error: t2,
+      helperText: t3,
+      ...props.textFieldProps
+    };
+    $[4] = field.handleBlur;
+    $[5] = props.textFieldProps;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== props.slotProps || $[10] !== t4) {
+    t5 = {
+      textField: t4,
+      ...props.slotProps
+    };
+    $[9] = props.slotProps;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== field.name || $[13] !== field.state.value || $[14] !== props || $[15] !== t1 || $[16] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(DatePicker, { name: field.name, value: field.state.value, onChange: t1, slotProps: t5, "aria-label": field.name, ...props });
+    $[12] = field.name;
+    $[13] = field.state.value;
+    $[14] = props;
+    $[15] = t1;
+    $[16] = t5;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  return t6;
 };
 const FormDateRangePicker = (props) => {
+  const $ = compilerRuntimeExports.c(18);
   const field = useFieldContext();
-  const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    DateRangePicker,
-    {
-      name: field.name,
-      value: field.state.value,
-      onChange: (value) => field.handleChange(value),
-      slotProps: {
-        textField: {
-          onBlur: field.handleBlur,
-          error: isTouched && hasError,
-          helperText: isTouched && helperText,
-          ...props.textFieldProps
-        },
-        ...props.slotProps
-      },
-      "aria-label": field.name,
-      ...props
-    }
-  );
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const {
+    isTouched,
+    hasError,
+    helperText
+  } = t0;
+  let t1;
+  if ($[2] !== field) {
+    t1 = (value) => field.handleChange(value);
+    $[2] = field;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const t2 = isTouched && hasError;
+  const t3 = isTouched && helperText;
+  let t4;
+  if ($[4] !== field.handleBlur || $[5] !== props.textFieldProps || $[6] !== t2 || $[7] !== t3) {
+    t4 = {
+      onBlur: field.handleBlur,
+      error: t2,
+      helperText: t3,
+      ...props.textFieldProps
+    };
+    $[4] = field.handleBlur;
+    $[5] = props.textFieldProps;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== props.slotProps || $[10] !== t4) {
+    t5 = {
+      textField: t4,
+      ...props.slotProps
+    };
+    $[9] = props.slotProps;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== field.name || $[13] !== field.state.value || $[14] !== props || $[15] !== t1 || $[16] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(DateRangePicker, { name: field.name, value: field.state.value, onChange: t1, slotProps: t5, "aria-label": field.name, ...props });
+    $[12] = field.name;
+    $[13] = field.state.value;
+    $[14] = props;
+    $[15] = t1;
+    $[16] = t5;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  return t6;
 };
 const FormTimePicker = (props) => {
+  const $ = compilerRuntimeExports.c(18);
   const field = useFieldContext();
-  const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    TimePicker,
-    {
-      name: field.name,
-      value: field.state.value,
-      onChange: (value) => field.handleChange(value),
-      slotProps: {
-        textField: {
-          onBlur: field.handleBlur,
-          error: isTouched && hasError,
-          helperText: isTouched && helperText,
-          ...props.textFieldProps
-        },
-        ...props.slotProps
-      },
-      "aria-label": field.name,
-      ...props
-    }
-  );
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const {
+    isTouched,
+    hasError,
+    helperText
+  } = t0;
+  let t1;
+  if ($[2] !== field) {
+    t1 = (value) => field.handleChange(value);
+    $[2] = field;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const t2 = isTouched && hasError;
+  const t3 = isTouched && helperText;
+  let t4;
+  if ($[4] !== field.handleBlur || $[5] !== props.textFieldProps || $[6] !== t2 || $[7] !== t3) {
+    t4 = {
+      onBlur: field.handleBlur,
+      error: t2,
+      helperText: t3,
+      ...props.textFieldProps
+    };
+    $[4] = field.handleBlur;
+    $[5] = props.textFieldProps;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== props.slotProps || $[10] !== t4) {
+    t5 = {
+      textField: t4,
+      ...props.slotProps
+    };
+    $[9] = props.slotProps;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== field.name || $[13] !== field.state.value || $[14] !== props || $[15] !== t1 || $[16] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(TimePicker, { name: field.name, value: field.state.value, onChange: t1, slotProps: t5, "aria-label": field.name, ...props });
+    $[12] = field.name;
+    $[13] = field.state.value;
+    $[14] = props;
+    $[15] = t1;
+    $[16] = t5;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  return t6;
 };
 const FormTimeRangePicker = (props) => {
+  const $ = compilerRuntimeExports.c(18);
   const field = useFieldContext();
-  const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    TimeRangePicker,
-    {
-      name: field.name,
-      value: field.state.value,
-      onChange: (value) => field.handleChange(value),
-      slotProps: {
-        textField: {
-          onBlur: field.handleBlur,
-          error: isTouched && hasError,
-          helperText: isTouched && helperText,
-          ...props.textFieldProps
-        },
-        ...props.slotProps
-      },
-      "aria-label": field.name,
-      ...props
-    }
-  );
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const {
+    isTouched,
+    hasError,
+    helperText
+  } = t0;
+  let t1;
+  if ($[2] !== field) {
+    t1 = (value) => field.handleChange(value);
+    $[2] = field;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const t2 = isTouched && hasError;
+  const t3 = isTouched && helperText;
+  let t4;
+  if ($[4] !== field.handleBlur || $[5] !== props.textFieldProps || $[6] !== t2 || $[7] !== t3) {
+    t4 = {
+      onBlur: field.handleBlur,
+      error: t2,
+      helperText: t3,
+      ...props.textFieldProps
+    };
+    $[4] = field.handleBlur;
+    $[5] = props.textFieldProps;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== props.slotProps || $[10] !== t4) {
+    t5 = {
+      textField: t4,
+      ...props.slotProps
+    };
+    $[9] = props.slotProps;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== field.name || $[13] !== field.state.value || $[14] !== props || $[15] !== t1 || $[16] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(TimeRangePicker, { name: field.name, value: field.state.value, onChange: t1, slotProps: t5, "aria-label": field.name, ...props });
+    $[12] = field.name;
+    $[13] = field.state.value;
+    $[14] = props;
+    $[15] = t1;
+    $[16] = t5;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  return t6;
 };
 const FormDateTimePicker = (props) => {
+  const $ = compilerRuntimeExports.c(18);
   const field = useFieldContext();
-  const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    DateTimePicker,
-    {
-      name: field.name,
-      value: field.state.value,
-      onChange: (value) => field.handleChange(value),
-      slotProps: {
-        textField: {
-          onBlur: field.handleBlur,
-          error: isTouched && hasError,
-          helperText: isTouched && helperText,
-          ...props.textFieldProps
-        },
-        ...props.slotProps
-      },
-      "aria-label": field.name,
-      ...props
-    }
-  );
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const {
+    isTouched,
+    hasError,
+    helperText
+  } = t0;
+  let t1;
+  if ($[2] !== field) {
+    t1 = (value) => field.handleChange(value);
+    $[2] = field;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const t2 = isTouched && hasError;
+  const t3 = isTouched && helperText;
+  let t4;
+  if ($[4] !== field.handleBlur || $[5] !== props.textFieldProps || $[6] !== t2 || $[7] !== t3) {
+    t4 = {
+      onBlur: field.handleBlur,
+      error: t2,
+      helperText: t3,
+      ...props.textFieldProps
+    };
+    $[4] = field.handleBlur;
+    $[5] = props.textFieldProps;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== props.slotProps || $[10] !== t4) {
+    t5 = {
+      textField: t4,
+      ...props.slotProps
+    };
+    $[9] = props.slotProps;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== field.name || $[13] !== field.state.value || $[14] !== props || $[15] !== t1 || $[16] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(DateTimePicker, { name: field.name, value: field.state.value, onChange: t1, slotProps: t5, "aria-label": field.name, ...props });
+    $[12] = field.name;
+    $[13] = field.state.value;
+    $[14] = props;
+    $[15] = t1;
+    $[16] = t5;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  return t6;
 };
 const FormDateTimeRangePicker = (props) => {
+  const $ = compilerRuntimeExports.c(18);
   const field = useFieldContext();
-  const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    DateTimeRangePicker,
-    {
-      name: field.name,
-      value: field.state.value,
-      onChange: (value) => field.handleChange(value),
-      slotProps: {
-        textField: {
-          onBlur: field.handleBlur,
-          error: isTouched && hasError,
-          helperText: isTouched && helperText,
-          ...props.textFieldProps
-        },
-        ...props.slotProps
-      },
-      "aria-label": field.name,
-      ...props
-    }
-  );
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const {
+    isTouched,
+    hasError,
+    helperText
+  } = t0;
+  let t1;
+  if ($[2] !== field) {
+    t1 = (value) => field.handleChange(value);
+    $[2] = field;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const t2 = isTouched && hasError;
+  const t3 = isTouched && helperText;
+  let t4;
+  if ($[4] !== field.handleBlur || $[5] !== props.textFieldProps || $[6] !== t2 || $[7] !== t3) {
+    t4 = {
+      onBlur: field.handleBlur,
+      error: t2,
+      helperText: t3,
+      ...props.textFieldProps
+    };
+    $[4] = field.handleBlur;
+    $[5] = props.textFieldProps;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== props.slotProps || $[10] !== t4) {
+    t5 = {
+      textField: t4,
+      ...props.slotProps
+    };
+    $[9] = props.slotProps;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== field.name || $[13] !== field.state.value || $[14] !== props || $[15] !== t1 || $[16] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(DateTimeRangePicker, { name: field.name, value: field.state.value, onChange: t1, slotProps: t5, "aria-label": field.name, ...props });
+    $[12] = field.name;
+    $[13] = field.state.value;
+    $[14] = props;
+    $[15] = t1;
+    $[16] = t5;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  return t6;
 };
-const FormNumberField = ({ options, ...props }) => {
+const FormNumberField = (t0) => {
+  const $ = compilerRuntimeExports.c(16);
+  let options;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      options,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = options;
+    $[2] = props;
+  } else {
+    options = $[1];
+    props = $[2];
+  }
   const field = useFieldContext();
-  const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    NumericFormat,
-    {
-      customInput: TextField,
-      name: field.name,
-      value: field.state.value ?? "",
-      onValueChange: ({ floatValue }) => field.handleChange(floatValue),
-      onBlur: field.handleBlur,
-      error: isTouched && hasError,
-      helperText: isTouched && helperText,
-      "aria-label": field.name,
-      ...props,
-      ...options
-    }
-  );
+  let t1;
+  if ($[3] !== field) {
+    t1 = getFieldStatus(field);
+    $[3] = field;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const {
+    isTouched,
+    hasError,
+    helperText
+  } = t1;
+  const t2 = field.state.value ?? "";
+  let t3;
+  if ($[5] !== field) {
+    t3 = (t42) => {
+      const {
+        floatValue
+      } = t42;
+      return field.handleChange(floatValue);
+    };
+    $[5] = field;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const t4 = isTouched && hasError;
+  const t5 = isTouched && helperText;
+  let t6;
+  if ($[7] !== field.handleBlur || $[8] !== field.name || $[9] !== options || $[10] !== props || $[11] !== t2 || $[12] !== t3 || $[13] !== t4 || $[14] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(NumericFormat, { customInput: TextField, name: field.name, value: t2, onValueChange: t3, onBlur: field.handleBlur, error: t4, helperText: t5, "aria-label": field.name, ...props, ...options });
+    $[7] = field.handleBlur;
+    $[8] = field.name;
+    $[9] = options;
+    $[10] = props;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+    $[14] = t5;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  return t6;
 };
-const FormRadioGroup = ({ label, options, ...props }) => {
+const FormRadioGroup = (t0) => {
+  const $ = compilerRuntimeExports.c(27);
+  let label;
+  let options;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      label,
+      options,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = label;
+    $[2] = options;
+    $[3] = props;
+  } else {
+    label = $[1];
+    options = $[2];
+    props = $[3];
+  }
   const field = useFieldContext();
-  const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLabel, { component: "legend", children: label }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      RadioGroup,
-      {
-        name: field.name,
-        value: field.state.value ?? "",
-        onChange: (event) => field.handleChange(event.target.value),
-        onBlur: field.handleBlur,
-        "aria-label": field.name,
-        ...props,
-        children: options.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-          FormControlLabel,
-          {
-            value: option.value,
-            control: /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, {}),
-            label: option.label
-          },
-          option.value
-        ))
-      }
-    ),
-    isTouched && hasError && /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperText, { error: hasError, children: helperText })
-  ] });
+  let t1;
+  if ($[4] !== field) {
+    t1 = getFieldStatus(field);
+    $[4] = field;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  const {
+    isTouched,
+    hasError,
+    helperText
+  } = t1;
+  let t2;
+  if ($[6] !== label) {
+    t2 = label && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLabel, { component: "legend", children: label });
+    $[6] = label;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const t3 = field.name;
+  const t4 = field.state.value ?? "";
+  let t5;
+  if ($[8] !== field) {
+    t5 = (event) => field.handleChange(event.target.value);
+    $[8] = field;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  const t6 = field.handleBlur;
+  const t7 = field.name;
+  let t8;
+  if ($[10] !== options) {
+    t8 = options.map(_temp$1);
+    $[10] = options;
+    $[11] = t8;
+  } else {
+    t8 = $[11];
+  }
+  let t9;
+  if ($[12] !== field.handleBlur || $[13] !== field.name || $[14] !== props || $[15] !== t4 || $[16] !== t5 || $[17] !== t8) {
+    t9 = /* @__PURE__ */ jsxRuntimeExports.jsx(RadioGroup, { name: t3, value: t4, onChange: t5, onBlur: t6, "aria-label": t7, ...props, children: t8 });
+    $[12] = field.handleBlur;
+    $[13] = field.name;
+    $[14] = props;
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t8;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== hasError || $[20] !== helperText || $[21] !== isTouched) {
+    t10 = isTouched && hasError && /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperText, { error: hasError, children: helperText });
+    $[19] = hasError;
+    $[20] = helperText;
+    $[21] = isTouched;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  let t11;
+  if ($[23] !== t10 || $[24] !== t2 || $[25] !== t9) {
+    t11 = /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
+      t2,
+      t9,
+      t10
+    ] });
+    $[23] = t10;
+    $[24] = t2;
+    $[25] = t9;
+    $[26] = t11;
+  } else {
+    t11 = $[26];
+  }
+  return t11;
 };
-const FormSlider = ({ label, ...props }) => {
+function _temp$1(option) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormControlLabel, { value: option.value, control: /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, {}), label: option.label }, option.value);
+}
+const FormSlider = (t0) => {
+  const $ = compilerRuntimeExports.c(23);
+  let label;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      label,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = label;
+    $[2] = props;
+  } else {
+    label = $[1];
+    props = $[2];
+  }
   const field = useFieldContext();
-  const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLabel, { children: label }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Slider,
-      {
-        name: field.name,
-        value: field.state.value ?? 0,
-        onChange: (_, value) => field.handleChange(Array.isArray(value) ? value[0] : value),
-        onBlur: field.handleBlur,
-        "aria-label": field.name,
-        ...props
-      }
-    ),
-    isTouched && hasError && /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperText, { error: hasError, children: helperText })
-  ] });
+  let t1;
+  if ($[3] !== field) {
+    t1 = getFieldStatus(field);
+    $[3] = field;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const {
+    isTouched,
+    hasError,
+    helperText
+  } = t1;
+  let t2;
+  if ($[5] !== label) {
+    t2 = label && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLabel, { children: label });
+    $[5] = label;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const t3 = field.state.value ?? 0;
+  let t4;
+  if ($[7] !== field) {
+    t4 = (_, value) => field.handleChange(Array.isArray(value) ? value[0] : value);
+    $[7] = field;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== field.handleBlur || $[10] !== field.name || $[11] !== props || $[12] !== t3 || $[13] !== t4) {
+    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx(Slider, { name: field.name, value: t3, onChange: t4, onBlur: field.handleBlur, "aria-label": field.name, ...props });
+    $[9] = field.handleBlur;
+    $[10] = field.name;
+    $[11] = props;
+    $[12] = t3;
+    $[13] = t4;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  let t6;
+  if ($[15] !== hasError || $[16] !== helperText || $[17] !== isTouched) {
+    t6 = isTouched && hasError && /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperText, { error: hasError, children: helperText });
+    $[15] = hasError;
+    $[16] = helperText;
+    $[17] = isTouched;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  let t7;
+  if ($[19] !== t2 || $[20] !== t5 || $[21] !== t6) {
+    t7 = /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
+      t2,
+      t5,
+      t6
+    ] });
+    $[19] = t2;
+    $[20] = t5;
+    $[21] = t6;
+    $[22] = t7;
+  } else {
+    t7 = $[22];
+  }
+  return t7;
 };
 const FormSubmitButton = (props) => {
+  const $ = compilerRuntimeExports.c(8);
   const form = useFormContext();
-  const handleClick = (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    form.handleSubmit();
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Button,
-    {
-      loading: isSubmitting,
-      disabled: !canSubmit,
-      onClick: handleClick,
-      type: "submit",
-      "aria-label": "submit",
-      ...props
-    }
-  ) });
+  let t0;
+  if ($[0] !== form) {
+    t0 = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      form.handleSubmit();
+    };
+    $[0] = form;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const handleClick = t0;
+  let t1;
+  if ($[2] !== handleClick || $[3] !== props) {
+    t1 = (t22) => {
+      const [canSubmit, isSubmitting] = t22;
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { loading: isSubmitting, disabled: !canSubmit, onClick: handleClick, type: "submit", "aria-label": "submit", ...props });
+    };
+    $[2] = handleClick;
+    $[3] = props;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== form.Subscribe || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxRuntimeExports.jsx(form.Subscribe, { selector: _temp, children: t1 });
+    $[5] = form.Subscribe;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 };
+function _temp(state) {
+  return [state.canSubmit, state.isSubmitting];
+}
 const FormSwitch = (props) => {
+  const $ = compilerRuntimeExports.c(20);
   const field = useFieldContext();
-  const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      FormControlLabel,
-      {
-        control: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Switch,
-          {
-            name: field.name,
-            checked: Boolean(field.state.value),
-            onChange: (event) => field.handleChange(event.target.checked),
-            onBlur: field.handleBlur,
-            "aria-label": field.name,
-            ...props
-          }
-        ),
-        label: props.label ?? ""
-      }
-    ),
-    isTouched && hasError && /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperText, { error: hasError, children: helperText })
-  ] });
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const {
+    isTouched,
+    hasError,
+    helperText
+  } = t0;
+  const t1 = field.name;
+  const t2 = Boolean(field.state.value);
+  let t3;
+  if ($[2] !== field) {
+    t3 = (event) => field.handleChange(event.target.checked);
+    $[2] = field;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== field.handleBlur || $[5] !== field.name || $[6] !== props || $[7] !== t2 || $[8] !== t3) {
+    t4 = /* @__PURE__ */ jsxRuntimeExports.jsx(Switch, { name: t1, checked: t2, onChange: t3, onBlur: field.handleBlur, "aria-label": field.name, ...props });
+    $[4] = field.handleBlur;
+    $[5] = field.name;
+    $[6] = props;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const t5 = props.label ?? "";
+  let t6;
+  if ($[10] !== t4 || $[11] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(FormControlLabel, { control: t4, label: t5 });
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== hasError || $[14] !== helperText || $[15] !== isTouched) {
+    t7 = isTouched && hasError && /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperText, { error: hasError, children: helperText });
+    $[13] = hasError;
+    $[14] = helperText;
+    $[15] = isTouched;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== t6 || $[18] !== t7) {
+    t8 = /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
+      t6,
+      t7
+    ] });
+    $[17] = t6;
+    $[18] = t7;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  return t8;
 };
 const FormTextField = (props) => {
+  const $ = compilerRuntimeExports.c(12);
   const field = useFieldContext();
-  const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    TextField,
-    {
-      name: field.name,
-      value: field.state.value ?? "",
-      onChange: (event) => field.handleChange(event.target.value),
-      onBlur: field.handleBlur,
-      error: isTouched && hasError,
-      helperText: isTouched && helperText,
-      "aria-label": field.name,
-      ...props
-    }
-  );
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const {
+    isTouched,
+    hasError,
+    helperText
+  } = t0;
+  const t1 = field.state.value ?? "";
+  let t2;
+  if ($[2] !== field) {
+    t2 = (event) => field.handleChange(event.target.value);
+    $[2] = field;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const t3 = isTouched && hasError;
+  const t4 = isTouched && helperText;
+  let t5;
+  if ($[4] !== field.handleBlur || $[5] !== field.name || $[6] !== props || $[7] !== t1 || $[8] !== t2 || $[9] !== t3 || $[10] !== t4) {
+    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx(TextField, { name: field.name, value: t1, onChange: t2, onBlur: field.handleBlur, error: t3, helperText: t4, "aria-label": field.name, ...props });
+    $[4] = field.handleBlur;
+    $[5] = field.name;
+    $[6] = props;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  return t5;
 };
-const { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();
-const { useAppForm: useLayoutForm, withForm: withLayoutForm } = createFormHook({
+const {
+  fieldContext,
+  useFieldContext,
+  formContext,
+  useFormContext
+} = createFormHookContexts();
+const {
+  useAppForm: useLayoutForm,
+  withForm: withLayoutForm
+} = createFormHook({
   fieldComponents: {
     TextField: FormTextField,
     NumberField: FormNumberField,